fix: make direction one variant

packages/react/components/Label.tsx

@@ -4,18 +4,13 @@ import { VariantProps, vcn } from "../shared";
 const [labelVariant, resolveLabelVariantProps] = vcn({
   base: "",
   variants: {
-    vertical: {
-      true: "flex flex-col gap-2 justify-center items-start",
-      false: "",
-    },
-    horizontal: {
-      true: "flex flex-row gap-2 justify-start items-center",
-      false: "",
+    direction: {
+      vertical: "flex flex-col gap-2 justify-center items-start",
+      horizontal: "flex flex-row gap-2 justify-start items-center",
     },
   },
   defaults: {
-    vertical: false,
-    horizontal: false,
+    direction: "vertical",
   },
 });
 

packages/react/stories/Label.stories.tsx

@@ -16,7 +16,7 @@ export const WithInput = () => {
 
 export const HorizontalWithInput = () => {
   return (
-    <Label horizontal>
+    <Label direction="horizontal">
       <p>Email</p>
       <Input type="text" />
     </Label>