@skybin-tech/nebula-ui 0.0.13 → 0.0.15

package/dist/cjs/components/Avatar/Avatar.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const avatar = require("../../primitives/avatar.cjs");
+const Avatar = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(avatar.Avatar, { ref, ...props }));
+Avatar.displayName = "Avatar";
+const AvatarImage = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarImage, { ref, ...props }));
+AvatarImage.displayName = "AvatarImage";
+const AvatarFallback = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarFallback, { ref, ...props }));
+AvatarFallback.displayName = "AvatarFallback";
+exports.Avatar = Avatar;
+exports.AvatarFallback = AvatarFallback;
+exports.AvatarImage = AvatarImage;
+//# sourceMappingURL=Avatar.cjs.map

package/dist/cjs/components/Avatar/Avatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.cjs","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\nimport {\n  Avatar as AvatarPrimitive,\n  AvatarImage as AvatarImagePrimitive,\n  AvatarFallback as AvatarFallbackPrimitive,\n} from \"../../primitives/avatar\"\n\nexport const Avatar = forwardRef<\n  ElementRef<typeof AvatarPrimitive>,\n  ComponentPropsWithoutRef<typeof AvatarPrimitive>\n>((props, ref) => <AvatarPrimitive ref={ref} {...props} />)\nAvatar.displayName = \"Avatar\"\n\nexport const AvatarImage = forwardRef<\n  ElementRef<typeof AvatarImagePrimitive>,\n  ComponentPropsWithoutRef<typeof AvatarImagePrimitive>\n>((props, ref) => <AvatarImagePrimitive ref={ref} {...props} />)\nAvatarImage.displayName = \"AvatarImage\"\n\nexport const AvatarFallback = forwardRef<\n  ElementRef<typeof AvatarFallbackPrimitive>,\n  ComponentPropsWithoutRef<typeof AvatarFallbackPrimitive>\n>((props, ref) => <AvatarFallbackPrimitive ref={ref} {...props} />)\nAvatarFallback.displayName = \"AvatarFallback\"\n"],"names":["forwardRef","AvatarPrimitive","AvatarImagePrimitive","AvatarFallbackPrimitive"],"mappings":";;;;;AAQO,MAAM,SAASA,MAAAA,WAGpB,CAAC,OAAO,uCAASC,OAAAA,QAAA,EAAgB,KAAW,GAAG,OAAO,CAAE;AAC1D,OAAO,cAAc;AAEd,MAAM,cAAcD,MAAAA,WAGzB,CAAC,OAAO,uCAASE,OAAAA,aAAA,EAAqB,KAAW,GAAG,OAAO,CAAE;AAC/D,YAAY,cAAc;AAEnB,MAAM,iBAAiBF,MAAAA,WAG5B,CAAC,OAAO,uCAASG,OAAAA,gBAAA,EAAwB,KAAW,GAAG,OAAO,CAAE;AAClE,eAAe,cAAc;;;;"}

package/dist/cjs/components/Badge/Badge.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const badge = require("../../primitives/badge.cjs");
+function Badge(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(badge.Badge, { ...props });
+}
+Badge.displayName = "Badge";
+exports.badgeVariants = badge.badgeVariants;
+exports.Badge = Badge;
+//# sourceMappingURL=Badge.cjs.map

package/dist/cjs/components/Badge/Badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.cjs","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { Badge as BadgePrimitive, badgeVariants } from \"../../primitives/badge\"\nimport type { BadgeProps as BadgePrimitiveProps } from \"../../primitives/badge\"\n\nexport type BadgeProps = BadgePrimitiveProps\n\nexport function Badge(props: BadgeProps) {\n  return <BadgePrimitive {...props} />\n}\nBadge.displayName = \"Badge\"\n\nexport { badgeVariants }\n"],"names":["jsx","BadgePrimitive"],"mappings":";;;;AAKO,SAAS,MAAM,OAAmB;AACvC,SAAOA,+BAACC,MAAAA,OAAA,EAAgB,GAAG,MAAA,CAAO;AACpC;AACA,MAAM,cAAc;;;"}

package/dist/cjs/components/Button/Button.cjs

@@ -48,5 +48,6 @@ const Button = React.forwardRef(function Button2({
   );
 });
 Button.displayName = "Button";
+exports.buttonVariants = button.buttonVariants;
 exports.Button = Button;
 //# sourceMappingURL=Button.cjs.map

package/dist/cjs/components/Button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from \"react\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\nimport { ButtonPrimitive, buttonVariants } from \"../../primitives/button\";\n\ntype PrimitiveVariant = NonNullable<VariantProps<typeof buttonVariants>[\"variant\"]>;\ntype PrimitiveSize = NonNullable<VariantProps<typeof buttonVariants>[\"size\"]>;\n\nconst variantMap: Record<string, PrimitiveVariant> = {\n  primary: \"default\",\n  secondary: \"secondary\",\n  outline: \"outline\",\n  ghost: \"ghost\",\n  danger: \"destructive\",\n};\n\nconst sizeMap: Record<string, PrimitiveSize> = {\n  sm: \"sm\",\n  md: \"default\",\n  lg: \"lg\",\n};\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Visual style variant */\n  variant?: keyof typeof variantMap;\n  /** Size of the button */\n  size?: keyof typeof sizeMap;\n  /** Stretch button to full container width */\n  fullWidth?: boolean;\n  /** Show a loading spinner and disable interaction */\n  loading?: boolean;\n  /** Render as child element via Slot (e.g. wrap a Link) */\n  asChild?: boolean;\n  children: ReactNode;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    children,\n    variant = \"primary\",\n    size = \"md\",\n    fullWidth = false,\n    loading = false,\n    disabled,\n    className,\n    asChild = false,\n    style,\n    ...props\n  },\n  ref\n) {\n  return (\n    <ButtonPrimitive\n      ref={ref}\n      variant={variantMap[variant]}\n      size={sizeMap[size]}\n      asChild={asChild}\n      disabled={disabled || loading}\n      className={cn(fullWidth && \"w-full\", \"relative cursor-pointer\", className)}\n      style={style}\n      {...props}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <>\n          {loading && (\n            <span className=\"absolute inset-0 flex items-center justify-center\">\n              <span className=\"size-4 border-2 border-current border-r-transparent rounded-full animate-spin\" />\n            </span>\n          )}\n          <span className={cn(loading && \"invisible\")}>{children}</span>\n        </>\n      )}\n    </ButtonPrimitive>\n  );\n});\n\nButton.displayName = \"Button\";\n"],"names":["forwardRef","Button","jsx","ButtonPrimitive","cn","jsxs","Fragment"],"mappings":";;;;;;;AAQA,MAAM,aAA+C;AAAA,EACnD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,UAAyC;AAAA,EAC7C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAgBO,MAAM,SAASA,MAAAA,WAA2C,SAASC,QACxE;AAAA,EACE;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACEC,2BAAAA;AAAAA,IAACC,OAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,SAAS,WAAW,OAAO;AAAA,MAC3B,MAAM,QAAQ,IAAI;AAAA,MAClB;AAAA,MACA,UAAU,YAAY;AAAA,MACtB,WAAWC,GAAAA,GAAG,aAAa,UAAU,2BAA2B,SAAS;AAAA,MACzE;AAAA,MACC,GAAG;AAAA,MAEH,UAAA,UACC,WAEAC,2BAAAA,KAAAC,WAAAA,UAAA,EACG,UAAA;AAAA,QAAA,WACCJ,2BAAAA,IAAC,UAAK,WAAU,qDACd,yCAAC,QAAA,EAAK,WAAU,iFAAgF,EAAA,CAClG;AAAA,uCAED,QAAA,EAAK,WAAWE,GAAAA,GAAG,WAAW,WAAW,GAAI,SAAA,CAAS;AAAA,MAAA,EAAA,CACzD;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;AAED,OAAO,cAAc;;"}
+{"version":3,"file":"Button.cjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from \"react\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\nimport { ButtonPrimitive, buttonVariants } from \"../../primitives/button\"\n\nexport { buttonVariants };\n\ntype PrimitiveVariant = NonNullable<VariantProps<typeof buttonVariants>[\"variant\"]>;\ntype PrimitiveSize = NonNullable<VariantProps<typeof buttonVariants>[\"size\"]>;\n\nconst variantMap: Record<string, PrimitiveVariant> = {\n  primary: \"default\",\n  secondary: \"secondary\",\n  outline: \"outline\",\n  ghost: \"ghost\",\n  danger: \"destructive\",\n};\n\nconst sizeMap: Record<string, PrimitiveSize> = {\n  sm: \"sm\",\n  md: \"default\",\n  lg: \"lg\",\n};\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Visual style variant */\n  variant?: keyof typeof variantMap;\n  /** Size of the button */\n  size?: keyof typeof sizeMap;\n  /** Stretch button to full container width */\n  fullWidth?: boolean;\n  /** Show a loading spinner and disable interaction */\n  loading?: boolean;\n  /** Render as child element via Slot (e.g. wrap a Link) */\n  asChild?: boolean;\n  children: ReactNode;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    children,\n    variant = \"primary\",\n    size = \"md\",\n    fullWidth = false,\n    loading = false,\n    disabled,\n    className,\n    asChild = false,\n    style,\n    ...props\n  },\n  ref\n) {\n  return (\n    <ButtonPrimitive\n      ref={ref}\n      variant={variantMap[variant]}\n      size={sizeMap[size]}\n      asChild={asChild}\n      disabled={disabled || loading}\n      className={cn(fullWidth && \"w-full\", \"relative cursor-pointer\", className)}\n      style={style}\n      {...props}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <>\n          {loading && (\n            <span className=\"absolute inset-0 flex items-center justify-center\">\n              <span className=\"size-4 border-2 border-current border-r-transparent rounded-full animate-spin\" />\n            </span>\n          )}\n          <span className={cn(loading && \"invisible\")}>{children}</span>\n        </>\n      )}\n    </ButtonPrimitive>\n  );\n});\n\nButton.displayName = \"Button\";\n"],"names":["forwardRef","Button","jsx","ButtonPrimitive","cn","jsxs","Fragment"],"mappings":";;;;;;;AAUA,MAAM,aAA+C;AAAA,EACnD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,UAAyC;AAAA,EAC7C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAgBO,MAAM,SAASA,MAAAA,WAA2C,SAASC,QACxE;AAAA,EACE;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACEC,2BAAAA;AAAAA,IAACC,OAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,SAAS,WAAW,OAAO;AAAA,MAC3B,MAAM,QAAQ,IAAI;AAAA,MAClB;AAAA,MACA,UAAU,YAAY;AAAA,MACtB,WAAWC,GAAAA,GAAG,aAAa,UAAU,2BAA2B,SAAS;AAAA,MACzE;AAAA,MACC,GAAG;AAAA,MAEH,UAAA,UACC,WAEAC,2BAAAA,KAAAC,WAAAA,UAAA,EACG,UAAA;AAAA,QAAA,WACCJ,2BAAAA,IAAC,UAAK,WAAU,qDACd,yCAAC,QAAA,EAAK,WAAU,iFAAgF,EAAA,CAClG;AAAA,uCAED,QAAA,EAAK,WAAWE,GAAAA,GAAG,WAAW,WAAW,GAAI,SAAA,CAAS;AAAA,MAAA,EAAA,CACzD;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;AAED,OAAO,cAAc;;;"}

package/dist/cjs/components/Card/Card.cjs

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const card = require("../../primitives/card.cjs");
+const Card = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(card.Card, { ref, ...props }));
+Card.displayName = "Card";
+const CardHeader = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(card.CardHeader, { ref, ...props }));
+CardHeader.displayName = "CardHeader";
+const CardTitle = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(card.CardTitle, { ref, ...props }));
+CardTitle.displayName = "CardTitle";
+const CardDescription = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(card.CardDescription, { ref, ...props }));
+CardDescription.displayName = "CardDescription";
+const CardContent = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(card.CardContent, { ref, ...props }));
+CardContent.displayName = "CardContent";
+const CardFooter = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(card.CardFooter, { ref, ...props }));
+CardFooter.displayName = "CardFooter";
+exports.Card = Card;
+exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardTitle = CardTitle;
+//# sourceMappingURL=Card.cjs.map

package/dist/cjs/components/Card/Card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.cjs","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\nimport {\n  Card as CardPrimitive,\n  CardHeader as CardHeaderPrimitive,\n  CardTitle as CardTitlePrimitive,\n  CardDescription as CardDescriptionPrimitive,\n  CardContent as CardContentPrimitive,\n  CardFooter as CardFooterPrimitive,\n} from \"../../primitives/card\"\n\nexport const Card = forwardRef<\n  ElementRef<typeof CardPrimitive>,\n  ComponentPropsWithoutRef<typeof CardPrimitive>\n>((props, ref) => <CardPrimitive ref={ref} {...props} />)\nCard.displayName = \"Card\"\n\nexport const CardHeader = forwardRef<\n  ElementRef<typeof CardHeaderPrimitive>,\n  ComponentPropsWithoutRef<typeof CardHeaderPrimitive>\n>((props, ref) => <CardHeaderPrimitive ref={ref} {...props} />)\nCardHeader.displayName = \"CardHeader\"\n\nexport const CardTitle = forwardRef<\n  ElementRef<typeof CardTitlePrimitive>,\n  ComponentPropsWithoutRef<typeof CardTitlePrimitive>\n>((props, ref) => <CardTitlePrimitive ref={ref} {...props} />)\nCardTitle.displayName = \"CardTitle\"\n\nexport const CardDescription = forwardRef<\n  ElementRef<typeof CardDescriptionPrimitive>,\n  ComponentPropsWithoutRef<typeof CardDescriptionPrimitive>\n>((props, ref) => <CardDescriptionPrimitive ref={ref} {...props} />)\nCardDescription.displayName = \"CardDescription\"\n\nexport const CardContent = forwardRef<\n  ElementRef<typeof CardContentPrimitive>,\n  ComponentPropsWithoutRef<typeof CardContentPrimitive>\n>((props, ref) => <CardContentPrimitive ref={ref} {...props} />)\nCardContent.displayName = \"CardContent\"\n\nexport const CardFooter = forwardRef<\n  ElementRef<typeof CardFooterPrimitive>,\n  ComponentPropsWithoutRef<typeof CardFooterPrimitive>\n>((props, ref) => <CardFooterPrimitive ref={ref} {...props} />)\nCardFooter.displayName = \"CardFooter\"\n"],"names":["forwardRef","CardPrimitive","CardHeaderPrimitive","CardTitlePrimitive","CardDescriptionPrimitive","CardContentPrimitive","CardFooterPrimitive"],"mappings":";;;;;AAWO,MAAM,OAAOA,MAAAA,WAGlB,CAAC,OAAO,uCAASC,KAAAA,MAAA,EAAc,KAAW,GAAG,OAAO,CAAE;AACxD,KAAK,cAAc;AAEZ,MAAM,aAAaD,MAAAA,WAGxB,CAAC,OAAO,uCAASE,KAAAA,YAAA,EAAoB,KAAW,GAAG,OAAO,CAAE;AAC9D,WAAW,cAAc;AAElB,MAAM,YAAYF,MAAAA,WAGvB,CAAC,OAAO,uCAASG,KAAAA,WAAA,EAAmB,KAAW,GAAG,OAAO,CAAE;AAC7D,UAAU,cAAc;AAEjB,MAAM,kBAAkBH,MAAAA,WAG7B,CAAC,OAAO,uCAASI,KAAAA,iBAAA,EAAyB,KAAW,GAAG,OAAO,CAAE;AACnE,gBAAgB,cAAc;AAEvB,MAAM,cAAcJ,MAAAA,WAGzB,CAAC,OAAO,uCAASK,KAAAA,aAAA,EAAqB,KAAW,GAAG,OAAO,CAAE;AAC/D,YAAY,cAAc;AAEnB,MAAM,aAAaL,MAAAA,WAGxB,CAAC,OAAO,uCAASM,KAAAA,YAAA,EAAoB,KAAW,GAAG,OAAO,CAAE;AAC9D,WAAW,cAAc;;;;;;;"}

package/dist/cjs/components/DropdownMenu/DropdownMenu.cjs

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const dropdownMenu = require("../../primitives/dropdown-menu.cjs");
+function DropdownMenu(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenu, { ...props });
+}
+function DropdownMenuPortal(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuPortal, { ...props });
+}
+function DropdownMenuSub(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuSub, { ...props });
+}
+const DropdownMenuTrigger = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuTrigger, { ref, ...props }));
+DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
+const DropdownMenuGroup = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuGroup, { ref, ...props }));
+DropdownMenuGroup.displayName = "DropdownMenuGroup";
+const DropdownMenuRadioGroup = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuRadioGroup, { ref, ...props }));
+DropdownMenuRadioGroup.displayName = "DropdownMenuRadioGroup";
+const DropdownMenuContent = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuContent, { ref, ...props }));
+DropdownMenuContent.displayName = "DropdownMenuContent";
+const DropdownMenuSubContent = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuSubContent, { ref, ...props }));
+DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
+const DropdownMenuSubTrigger = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuSubTrigger, { ref, ...props }));
+DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
+const DropdownMenuItem = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuItem, { ref, ...props }));
+DropdownMenuItem.displayName = "DropdownMenuItem";
+const DropdownMenuCheckboxItem = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuCheckboxItem, { ref, ...props }));
+DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
+const DropdownMenuRadioItem = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuRadioItem, { ref, ...props }));
+DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
+const DropdownMenuLabel = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuLabel, { ref, ...props }));
+DropdownMenuLabel.displayName = "DropdownMenuLabel";
+const DropdownMenuSeparator = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuSeparator, { ref, ...props }));
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+function DropdownMenuShortcut(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuShortcut, { ...props });
+}
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuGroup = DropdownMenuGroup;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuLabel = DropdownMenuLabel;
+exports.DropdownMenuPortal = DropdownMenuPortal;
+exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+exports.DropdownMenuShortcut = DropdownMenuShortcut;
+exports.DropdownMenuSub = DropdownMenuSub;
+exports.DropdownMenuSubContent = DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;
+//# sourceMappingURL=DropdownMenu.cjs.map

package/dist/cjs/components/DropdownMenu/DropdownMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.cjs","sources":["../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport type { ComponentPropsWithoutRef, ElementRef, HTMLAttributes } from \"react\"\nimport {\n  DropdownMenu as DropdownMenuPrimitive,\n  DropdownMenuTrigger as DropdownMenuTriggerPrimitive,\n  DropdownMenuContent as DropdownMenuContentPrimitive,\n  DropdownMenuItem as DropdownMenuItemPrimitive,\n  DropdownMenuCheckboxItem as DropdownMenuCheckboxItemPrimitive,\n  DropdownMenuRadioItem as DropdownMenuRadioItemPrimitive,\n  DropdownMenuLabel as DropdownMenuLabelPrimitive,\n  DropdownMenuSeparator as DropdownMenuSeparatorPrimitive,\n  DropdownMenuShortcut as DropdownMenuShortcutPrimitive,\n  DropdownMenuGroup as DropdownMenuGroupPrimitive,\n  DropdownMenuPortal as DropdownMenuPortalPrimitive,\n  DropdownMenuSub as DropdownMenuSubPrimitive,\n  DropdownMenuSubContent as DropdownMenuSubContentPrimitive,\n  DropdownMenuSubTrigger as DropdownMenuSubTriggerPrimitive,\n  DropdownMenuRadioGroup as DropdownMenuRadioGroupPrimitive,\n} from \"../../primitives/dropdown-menu\"\n\n// Root / context-only components (no DOM element to ref)\nexport function DropdownMenu(props: ComponentPropsWithoutRef<typeof DropdownMenuPrimitive>) {\n  return <DropdownMenuPrimitive {...props} />\n}\n\nexport function DropdownMenuPortal(props: ComponentPropsWithoutRef<typeof DropdownMenuPortalPrimitive>) {\n  return <DropdownMenuPortalPrimitive {...props} />\n}\n\nexport function DropdownMenuSub(props: ComponentPropsWithoutRef<typeof DropdownMenuSubPrimitive>) {\n  return <DropdownMenuSubPrimitive {...props} />\n}\n\n// DOM-rendering components (forwardRef)\nexport const DropdownMenuTrigger = forwardRef<\n  ElementRef<typeof DropdownMenuTriggerPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuTriggerPrimitive>\n>((props, ref) => <DropdownMenuTriggerPrimitive ref={ref} {...props} />)\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\"\n\nexport const DropdownMenuGroup = forwardRef<\n  ElementRef<typeof DropdownMenuGroupPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuGroupPrimitive>\n>((props, ref) => <DropdownMenuGroupPrimitive ref={ref} {...props} />)\nDropdownMenuGroup.displayName = \"DropdownMenuGroup\"\n\nexport const DropdownMenuRadioGroup = forwardRef<\n  ElementRef<typeof DropdownMenuRadioGroupPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuRadioGroupPrimitive>\n>((props, ref) => <DropdownMenuRadioGroupPrimitive ref={ref} {...props} />)\nDropdownMenuRadioGroup.displayName = \"DropdownMenuRadioGroup\"\n\nexport const DropdownMenuContent = forwardRef<\n  ElementRef<typeof DropdownMenuContentPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuContentPrimitive>\n>((props, ref) => <DropdownMenuContentPrimitive ref={ref} {...props} />)\nDropdownMenuContent.displayName = \"DropdownMenuContent\"\n\nexport const DropdownMenuSubContent = forwardRef<\n  ElementRef<typeof DropdownMenuSubContentPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuSubContentPrimitive>\n>((props, ref) => <DropdownMenuSubContentPrimitive ref={ref} {...props} />)\nDropdownMenuSubContent.displayName = \"DropdownMenuSubContent\"\n\nexport const DropdownMenuSubTrigger = forwardRef<\n  ElementRef<typeof DropdownMenuSubTriggerPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuSubTriggerPrimitive>\n>((props, ref) => <DropdownMenuSubTriggerPrimitive ref={ref} {...props} />)\nDropdownMenuSubTrigger.displayName = \"DropdownMenuSubTrigger\"\n\nexport const DropdownMenuItem = forwardRef<\n  ElementRef<typeof DropdownMenuItemPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuItemPrimitive>\n>((props, ref) => <DropdownMenuItemPrimitive ref={ref} {...props} />)\nDropdownMenuItem.displayName = \"DropdownMenuItem\"\n\nexport const DropdownMenuCheckboxItem = forwardRef<\n  ElementRef<typeof DropdownMenuCheckboxItemPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuCheckboxItemPrimitive>\n>((props, ref) => <DropdownMenuCheckboxItemPrimitive ref={ref} {...props} />)\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\"\n\nexport const DropdownMenuRadioItem = forwardRef<\n  ElementRef<typeof DropdownMenuRadioItemPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuRadioItemPrimitive>\n>((props, ref) => <DropdownMenuRadioItemPrimitive ref={ref} {...props} />)\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\"\n\nexport const DropdownMenuLabel = forwardRef<\n  ElementRef<typeof DropdownMenuLabelPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuLabelPrimitive>\n>((props, ref) => <DropdownMenuLabelPrimitive ref={ref} {...props} />)\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\"\n\nexport const DropdownMenuSeparator = forwardRef<\n  ElementRef<typeof DropdownMenuSeparatorPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuSeparatorPrimitive>\n>((props, ref) => <DropdownMenuSeparatorPrimitive ref={ref} {...props} />)\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\"\n\n// Utility span — no ref needed\nexport function DropdownMenuShortcut(props: HTMLAttributes<HTMLSpanElement>) {\n  return <DropdownMenuShortcutPrimitive {...props} />\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n"],"names":["jsx","DropdownMenuPrimitive","DropdownMenuPortalPrimitive","DropdownMenuSubPrimitive","forwardRef","DropdownMenuTriggerPrimitive","DropdownMenuGroupPrimitive","DropdownMenuRadioGroupPrimitive","DropdownMenuContentPrimitive","DropdownMenuSubContentPrimitive","DropdownMenuSubTriggerPrimitive","DropdownMenuItemPrimitive","DropdownMenuCheckboxItemPrimitive","DropdownMenuRadioItemPrimitive","DropdownMenuLabelPrimitive","DropdownMenuSeparatorPrimitive","DropdownMenuShortcutPrimitive"],"mappings":";;;;;AAqBO,SAAS,aAAa,OAA+D;AAC1F,SAAOA,+BAACC,aAAAA,cAAA,EAAuB,GAAG,MAAA,CAAO;AAC3C;AAEO,SAAS,mBAAmB,OAAqE;AACtG,SAAOD,+BAACE,aAAAA,oBAAA,EAA6B,GAAG,MAAA,CAAO;AACjD;AAEO,SAAS,gBAAgB,OAAkE;AAChG,SAAOF,+BAACG,aAAAA,iBAAA,EAA0B,GAAG,MAAA,CAAO;AAC9C;AAGO,MAAM,sBAAsBC,MAAAA,WAGjC,CAAC,OAAO,uCAASC,aAAAA,qBAAA,EAA6B,KAAW,GAAG,OAAO,CAAE;AACvE,oBAAoB,cAAc;AAE3B,MAAM,oBAAoBD,MAAAA,WAG/B,CAAC,OAAO,uCAASE,aAAAA,mBAAA,EAA2B,KAAW,GAAG,OAAO,CAAE;AACrE,kBAAkB,cAAc;AAEzB,MAAM,yBAAyBF,MAAAA,WAGpC,CAAC,OAAO,uCAASG,aAAAA,wBAAA,EAAgC,KAAW,GAAG,OAAO,CAAE;AAC1E,uBAAuB,cAAc;AAE9B,MAAM,sBAAsBH,MAAAA,WAGjC,CAAC,OAAO,uCAASI,aAAAA,qBAAA,EAA6B,KAAW,GAAG,OAAO,CAAE;AACvE,oBAAoB,cAAc;AAE3B,MAAM,yBAAyBJ,MAAAA,WAGpC,CAAC,OAAO,uCAASK,aAAAA,wBAAA,EAAgC,KAAW,GAAG,OAAO,CAAE;AAC1E,uBAAuB,cAAc;AAE9B,MAAM,yBAAyBL,MAAAA,WAGpC,CAAC,OAAO,uCAASM,aAAAA,wBAAA,EAAgC,KAAW,GAAG,OAAO,CAAE;AAC1E,uBAAuB,cAAc;AAE9B,MAAM,mBAAmBN,MAAAA,WAG9B,CAAC,OAAO,uCAASO,aAAAA,kBAAA,EAA0B,KAAW,GAAG,OAAO,CAAE;AACpE,iBAAiB,cAAc;AAExB,MAAM,2BAA2BP,MAAAA,WAGtC,CAAC,OAAO,uCAASQ,aAAAA,0BAAA,EAAkC,KAAW,GAAG,OAAO,CAAE;AAC5E,yBAAyB,cAAc;AAEhC,MAAM,wBAAwBR,MAAAA,WAGnC,CAAC,OAAO,uCAASS,aAAAA,uBAAA,EAA+B,KAAW,GAAG,OAAO,CAAE;AACzE,sBAAsB,cAAc;AAE7B,MAAM,oBAAoBT,MAAAA,WAG/B,CAAC,OAAO,uCAASU,aAAAA,mBAAA,EAA2B,KAAW,GAAG,OAAO,CAAE;AACrE,kBAAkB,cAAc;AAEzB,MAAM,wBAAwBV,MAAAA,WAGnC,CAAC,OAAO,uCAASW,aAAAA,uBAAA,EAA+B,KAAW,GAAG,OAAO,CAAE;AACzE,sBAAsB,cAAc;AAG7B,SAAS,qBAAqB,OAAwC;AAC3E,SAAOf,+BAACgB,aAAAA,sBAAA,EAA+B,GAAG,MAAA,CAAO;AACnD;AACA,qBAAqB,cAAc;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/Form/TextBox.cjs

@@ -7,7 +7,7 @@ const classVarianceAuthority = require("class-variance-authority");
 const cn = require("../../utils/cn.cjs");
 const context = require("./context.cjs");
 const variants = require("./variants.cjs");
-const input = require("../../primitives/input.cjs");
+const textbox = require("../../primitives/textbox.cjs");
 const label = require("../../primitives/label.cjs");
 const lucideReact = require("lucide-react");
 const textBoxVariants = classVarianceAuthority.cva(
@@ -84,6 +84,14 @@ function TextBoxInner({
       let fieldType = "string";
       if (inputType === "number") {
         fieldType = "number";
+      } else if (inputType === "date") {
+        fieldType = "date";
+      } else if (inputType === "email" && rules.email === void 0) {
+        rules.email = true;
+      } else if (inputType === "url" && rules.url === void 0) {
+        rules.url = true;
+      } else if (inputType === "tel" && rules.pattern === void 0) {
+        rules.pattern = { value: /^\+?[\d\s\-().]{7,}$/, message: "Invalid phone number" };
       }
       registerFieldValidation({
         name,
@@ -138,7 +146,7 @@ function TextBoxInner({
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
       prefix && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: prefix }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        input.Input,
+        textbox.TextBoxPrimitive,
         {
           ...props,
           ...field,

package/dist/cjs/components/Form/TextBox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextBox.cjs","sources":["../../../../src/components/Form/TextBox.tsx"],"sourcesContent":["import { forwardRef, useId, useContext, useEffect } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { useController, useFormContext as useRHFFormContext, type FieldValues, type FieldPath, type Control } from \"react-hook-form\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\nimport { FormConfigContext, type FormConfig, type FieldValidationRules } from \"../Form/context\";\nimport { labelVariants } from \"./variants\";\nimport { Input } from \"../../primitives/input\";\nimport { Label } from \"../../primitives/label\";\nimport { X } from \"lucide-react\";\n\nconst textBoxVariants = cva(\n  \"\",\n  {\n    variants: {\n      size: {\n        sm: \"h-8 text-xs px-2\",\n        md: \"h-10 text-sm px-3\",\n        lg: \"h-12 text-base px-4\",\n      },\n      variant: {\n        default: \"border-input focus-visible:ring-ring\",\n        error: \"border-destructive focus-visible:ring-destructive\",\n        success: \"border-green-500 focus-visible:ring-green-500\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      variant: \"default\",\n    },\n  }\n);\n\n/**\n * Validation rule with optional custom message\n */\ntype ValidationRule<T> = T | { value: T; message: string };\n\nexport interface TextBoxProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\" | \"name\" | \"prefix\" | \"pattern\" | \"required\" | \"minLength\" | \"maxLength\">,\n    VariantProps<typeof textBoxVariants> {\n  /** Field name - required for form integration */\n  name: TName;\n  /** Label text for the input */\n  label?: string;\n  /** Helper text displayed below the input */\n  helperText?: string;\n  /** Whether to show the error message */\n  showError?: boolean;\n  /** Custom error message (overrides form error) */\n  error?: string;\n  /** Whether the input should take full width */\n  fullWidth?: boolean;\n  /** Prefix element */\n  prefix?: ReactNode;\n  /** Suffix element */\n  suffix?: ReactNode;\n  /** Allow clear button */\n  allowClear?: boolean;\n  /** Callback when clear is clicked */\n  onClear?: () => void;\n  /** External control (for use outside Form) */\n  control?: Control<TFieldValues>;\n  \n  // Validation props\n  /** Field is required */\n  required?: boolean | string;\n  /** Minimum length for strings */\n  minLength?: ValidationRule<number>;\n  /** Maximum length for strings */\n  maxLength?: ValidationRule<number>;\n  /** Minimum value for numbers */\n  minValue?: ValidationRule<number>;\n  /** Maximum value for numbers */\n  maxValue?: ValidationRule<number>;\n  /** Regex pattern for validation */\n  pattern?: ValidationRule<RegExp>;\n  /** Email validation */\n  email?: boolean | string;\n  /** URL validation */\n  url?: boolean | string;\n  /** Custom validation function */\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\n}\n\n/**\n * TextBox component with form integration and automatic validation registration\n * \n * This is a wrapper around the shadcn/ui Input primitive that adds:\n * - Form integration with react-hook-form\n * - Automatic validation registration\n * - Label, helper text, and error message support\n * - Prefix/suffix elements\n * - Clear button functionality\n * \n * @example\n * ```tsx\n * // Inside a Form component - validation is automatically registered\n * <Form onSubmit={handleSubmit} defaultValues={{ username: \"\", email: \"\" }}>\n *   <TextBox name=\"username\" label=\"Username\" required minLength={3} maxLength={50} />\n *   <TextBox name=\"email\" label=\"Email\" type=\"email\" required email />\n *   <TextBox name=\"website\" label=\"Website\" url />\n *   <Button type=\"submit\">Submit</Button>\n * </Form>\n * ```\n */\nfunction TextBoxInner<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>(\n  {\n    name,\n    label,\n    helperText,\n    showError = true,\n    error: customError,\n    size,\n    variant,\n    fullWidth = true,\n    className,\n    disabled,\n    prefix,\n    suffix,\n    allowClear,\n    onClear,\n    id: providedId,\n    control: externalControl,\n    // Validation props\n    required,\n    minLength,\n    maxLength,\n    minValue,\n    maxValue,\n    pattern,\n    email,\n    url,\n    validate,\n    ...props\n  }: TextBoxProps<TFieldValues, TName>,\n  ref: React.ForwardedRef<HTMLInputElement>\n) {\n  const generatedId = useId();\n  const inputId = providedId ?? generatedId;\n  \n  // Try to get form context\n  const formConfigContext = useContext(FormConfigContext);\n  const formConfig: FormConfig = formConfigContext ?? {};\n\n  // Get form context from react-hook-form\n  const rhfContext = useRHFFormContext<TFieldValues>();\n  const control = externalControl ?? rhfContext?.control;\n\n  // Destructure stable function references so the effect doesn't depend on the\n  // context object identity (which changes every render due to inline construction).\n  const registerFieldValidation = formConfigContext?.registerFieldValidation;\n  const unregisterFieldValidation = formConfigContext?.unregisterFieldValidation;\n\n  // Register validation rules with the form\n  useEffect(() => {\n    if (registerFieldValidation) {\n      const rules: FieldValidationRules = {};\n\n      if (required !== undefined) rules.required = required;\n      if (minLength !== undefined) rules.minLength = minLength;\n      if (maxLength !== undefined) rules.maxLength = maxLength;\n      if (minValue !== undefined) rules.min = minValue;\n      if (maxValue !== undefined) rules.max = maxValue;\n      if (pattern !== undefined) rules.pattern = pattern;\n      if (email !== undefined) rules.email = email;\n      if (url !== undefined) rules.url = url;\n      if (validate !== undefined) rules.validate = validate;\n\n      // Determine field type based on input type\n      const inputType = props.type ?? \"text\";\n      let fieldType: \"string\" | \"number\" = \"string\";\n      if (inputType === \"number\") {\n        fieldType = \"number\";\n      }\n\n      registerFieldValidation({\n        name: name as string,\n        type: fieldType,\n        rules,\n      });\n\n      return () => {\n        unregisterFieldValidation?.(name as string);\n      };\n    }\n  }, [\n    registerFieldValidation,\n    unregisterFieldValidation,\n    name,\n    required,\n    minLength,\n    maxLength,\n    minValue,\n    maxValue,\n    pattern,\n    email,\n    url,\n    validate,\n    props.type,\n  ]);\n\n  // Use controller for form integration\n  const { field, fieldState } = useController<TFieldValues, TName>({\n    name,\n    control,\n  });\n\n  const fieldError = fieldState.error?.message;\n  const errorMessage = customError ?? fieldError;\n  const hasError = !!errorMessage;\n  \n  // Merge sizes - prop takes precedence over form config\n  const effectiveSize = size ?? formConfig.size ?? \"md\";\n  const effectiveDisabled = disabled ?? formConfig.disabled;\n  \n  // Determine variant based on error state\n  const effectiveVariant = hasError ? \"error\" : variant;\n\n  const handleClear = () => {\n    field.onChange(\"\");\n    onClear?.();\n  };\n\n  return (\n    <div className={cn(\"space-y-1.5\", fullWidth && \"w-full\")}>\n      {label && (\n        <Label\n          htmlFor={inputId}\n          className={labelVariants({ required: !!required })}\n        >\n          {label}\n          {formConfig.colon && \":\"}\n        </Label>\n      )}\n      \n      <div className=\"relative\">\n        {prefix && (\n          <div className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\">\n            {prefix}\n          </div>\n        )}\n        \n        <Input\n          {...props}\n          {...field}\n          ref={(node) => {\n            // Handle both refs\n            if (typeof ref === \"function\") {\n              ref(node);\n            } else if (ref) {\n              ref.current = node;\n            }\n            field.ref(node);\n          }}\n          id={inputId}\n          disabled={effectiveDisabled}\n          aria-invalid={hasError}\n          aria-describedby={\n            hasError\n              ? `${inputId}-error`\n              : helperText\n              ? `${inputId}-helper`\n              : undefined\n          }\n          className={cn(\n            textBoxVariants({ size: effectiveSize, variant: effectiveVariant }),\n            prefix && \"pl-10\",\n            (suffix || allowClear) && \"pr-10\",\n            className\n          )}\n        />\n        \n        {(suffix || (allowClear && field.value)) && (\n          <div className=\"absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-1\">\n            {allowClear && field.value && (\n              <button\n                type=\"button\"\n                onClick={handleClear}\n                className=\"text-muted-foreground hover:text-foreground transition-colors\"\n                tabIndex={-1}\n              >\n                <X className=\"h-4 w-4\" />\n              </button>\n            )}\n            {suffix && (\n              <span className=\"text-muted-foreground\">{suffix}</span>\n            )}\n          </div>\n        )}\n      </div>\n\n      {showError && hasError && (\n        <p\n          id={`${inputId}-error`}\n          className=\"text-sm text-destructive\"\n          role=\"alert\"\n        >\n          {errorMessage}\n        </p>\n      )}\n      \n      {helperText && !hasError && (\n        <p\n          id={`${inputId}-helper`}\n          className=\"text-sm text-muted-foreground\"\n        >\n          {helperText}\n        </p>\n      )}\n    </div>\n  );\n}\n\n// Use forwardRef with generic support\nexport const TextBox = forwardRef(TextBoxInner) as <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>(\n  props: TextBoxProps<TFieldValues, TName> & { ref?: React.ForwardedRef<HTMLInputElement> }\n) => React.ReactElement;\n\n(TextBox as React.FC).displayName = \"TextBox\";\n"],"names":["cva","label","useId","useContext","FormConfigContext","useRHFFormContext","useEffect","useController","cn","jsxs","Label","labelVariants","jsx","Input","X","forwardRef"],"mappings":"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"}
+{"version":3,"file":"TextBox.cjs","sources":["../../../../src/components/Form/TextBox.tsx"],"sourcesContent":["import { forwardRef, useId, useContext, useEffect } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { useController, useFormContext as useRHFFormContext, type FieldValues, type FieldPath, type Control } from \"react-hook-form\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\nimport { FormConfigContext, type FormConfig, type FieldValidationRules } from \"../Form/context\";\nimport { labelVariants } from \"./variants\";\nimport { TextBoxPrimitive } from \"../../primitives/textbox\";\nimport { Label } from \"../../primitives/label\";\nimport { X } from \"lucide-react\";\n\nconst textBoxVariants = cva(\n  \"\",\n  {\n    variants: {\n      size: {\n        sm: \"h-8 text-xs px-2\",\n        md: \"h-10 text-sm px-3\",\n        lg: \"h-12 text-base px-4\",\n      },\n      variant: {\n        default: \"border-input focus-visible:ring-ring\",\n        error: \"border-destructive focus-visible:ring-destructive\",\n        success: \"border-green-500 focus-visible:ring-green-500\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      variant: \"default\",\n    },\n  }\n);\n\n/**\n * Validation rule with optional custom message\n */\ntype ValidationRule<T> = T | { value: T; message: string };\n\nexport interface TextBoxProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\" | \"name\" | \"prefix\" | \"pattern\" | \"required\" | \"minLength\" | \"maxLength\">,\n    VariantProps<typeof textBoxVariants> {\n  /** Field name - required for form integration */\n  name: TName;\n  /** Label text for the input */\n  label?: string;\n  /** Helper text displayed below the input */\n  helperText?: string;\n  /** Whether to show the error message */\n  showError?: boolean;\n  /** Custom error message (overrides form error) */\n  error?: string;\n  /** Whether the input should take full width */\n  fullWidth?: boolean;\n  /** Prefix element */\n  prefix?: ReactNode;\n  /** Suffix element */\n  suffix?: ReactNode;\n  /** Allow clear button */\n  allowClear?: boolean;\n  /** Callback when clear is clicked */\n  onClear?: () => void;\n  /** External control (for use outside Form) */\n  control?: Control<TFieldValues>;\n  \n  // Validation props\n  /** Field is required */\n  required?: boolean | string;\n  /** Minimum length for strings */\n  minLength?: ValidationRule<number>;\n  /** Maximum length for strings */\n  maxLength?: ValidationRule<number>;\n  /** Minimum value for numbers */\n  minValue?: ValidationRule<number>;\n  /** Maximum value for numbers */\n  maxValue?: ValidationRule<number>;\n  /** Regex pattern for validation */\n  pattern?: ValidationRule<RegExp>;\n  /** Email validation */\n  email?: boolean | string;\n  /** URL validation */\n  url?: boolean | string;\n  /** Custom validation function */\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\n}\n\n/**\n * TextBox component with form integration and automatic validation registration\n * \n * This is a wrapper around the shadcn/ui Input primitive that adds:\n * - Form integration with react-hook-form\n * - Automatic validation registration\n * - Label, helper text, and error message support\n * - Prefix/suffix elements\n * - Clear button functionality\n * \n * @example\n * ```tsx\n * // Inside a Form component - validation is automatically registered\n * <Form onSubmit={handleSubmit} defaultValues={{ username: \"\", email: \"\" }}>\n *   <TextBox name=\"username\" label=\"Username\" required minLength={3} maxLength={50} />\n *   <TextBox name=\"email\" label=\"Email\" type=\"email\" required email />\n *   <TextBox name=\"website\" label=\"Website\" url />\n *   <Button type=\"submit\">Submit</Button>\n * </Form>\n * ```\n */\nfunction TextBoxInner<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>(\n  {\n    name,\n    label,\n    helperText,\n    showError = true,\n    error: customError,\n    size,\n    variant,\n    fullWidth = true,\n    className,\n    disabled,\n    prefix,\n    suffix,\n    allowClear,\n    onClear,\n    id: providedId,\n    control: externalControl,\n    // Validation props\n    required,\n    minLength,\n    maxLength,\n    minValue,\n    maxValue,\n    pattern,\n    email,\n    url,\n    validate,\n    ...props\n  }: TextBoxProps<TFieldValues, TName>,\n  ref: React.ForwardedRef<HTMLInputElement>\n) {\n  const generatedId = useId();\n  const inputId = providedId ?? generatedId;\n  \n  // Try to get form context\n  const formConfigContext = useContext(FormConfigContext);\n  const formConfig: FormConfig = formConfigContext ?? {};\n\n  // Get form context from react-hook-form\n  const rhfContext = useRHFFormContext<TFieldValues>();\n  const control = externalControl ?? rhfContext?.control;\n\n  // Destructure stable function references so the effect doesn't depend on the\n  // context object identity (which changes every render due to inline construction).\n  const registerFieldValidation = formConfigContext?.registerFieldValidation;\n  const unregisterFieldValidation = formConfigContext?.unregisterFieldValidation;\n\n  // Register validation rules with the form\n  useEffect(() => {\n    if (registerFieldValidation) {\n      const rules: FieldValidationRules = {};\n\n      if (required !== undefined) rules.required = required;\n      if (minLength !== undefined) rules.minLength = minLength;\n      if (maxLength !== undefined) rules.maxLength = maxLength;\n      if (minValue !== undefined) rules.min = minValue;\n      if (maxValue !== undefined) rules.max = maxValue;\n      if (pattern !== undefined) rules.pattern = pattern;\n      if (email !== undefined) rules.email = email;\n      if (url !== undefined) rules.url = url;\n      if (validate !== undefined) rules.validate = validate;\n\n      // Determine field type and auto-infer rules from input type\n      const inputType = props.type ?? \"text\";\n      let fieldType: \"string\" | \"number\" | \"date\" = \"string\";\n\n      if (inputType === \"number\") {\n        fieldType = \"number\";\n      } else if (inputType === \"date\") {\n        fieldType = \"date\";\n      } else if (inputType === \"email\" && rules.email === undefined) {\n        rules.email = true;\n      } else if (inputType === \"url\" && rules.url === undefined) {\n        rules.url = true;\n      } else if (inputType === \"tel\" && rules.pattern === undefined) {\n        rules.pattern = { value: /^\\+?[\\d\\s\\-().]{7,}$/, message: \"Invalid phone number\" };\n      }\n\n      registerFieldValidation({\n        name: name as string,\n        type: fieldType,\n        rules,\n      });\n\n      return () => {\n        unregisterFieldValidation?.(name as string);\n      };\n    }\n  }, [\n    registerFieldValidation,\n    unregisterFieldValidation,\n    name,\n    required,\n    minLength,\n    maxLength,\n    minValue,\n    maxValue,\n    pattern,\n    email,\n    url,\n    validate,\n    props.type,\n  ]);\n\n  // Use controller for form integration\n  const { field, fieldState } = useController<TFieldValues, TName>({\n    name,\n    control,\n  });\n\n  const fieldError = fieldState.error?.message;\n  const errorMessage = customError ?? fieldError;\n  const hasError = !!errorMessage;\n  \n  // Merge sizes - prop takes precedence over form config\n  const effectiveSize = size ?? formConfig.size ?? \"md\";\n  const effectiveDisabled = disabled ?? formConfig.disabled;\n  \n  // Determine variant based on error state\n  const effectiveVariant = hasError ? \"error\" : variant;\n\n  const handleClear = () => {\n    field.onChange(\"\");\n    onClear?.();\n  };\n\n  return (\n    <div className={cn(\"space-y-1.5\", fullWidth && \"w-full\")}>\n      {label && (\n        <Label\n          htmlFor={inputId}\n          className={labelVariants({ required: !!required })}\n        >\n          {label}\n          {formConfig.colon && \":\"}\n        </Label>\n      )}\n      \n      <div className=\"relative\">\n        {prefix && (\n          <div className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\">\n            {prefix}\n          </div>\n        )}\n        \n        <TextBoxPrimitive\n          {...props}\n          {...field}\n          ref={(node) => {\n            // Handle both refs\n            if (typeof ref === \"function\") {\n              ref(node);\n            } else if (ref) {\n              ref.current = node;\n            }\n            field.ref(node);\n          }}\n          id={inputId}\n          disabled={effectiveDisabled}\n          aria-invalid={hasError}\n          aria-describedby={\n            hasError\n              ? `${inputId}-error`\n              : helperText\n              ? `${inputId}-helper`\n              : undefined\n          }\n          className={cn(\n            textBoxVariants({ size: effectiveSize, variant: effectiveVariant }),\n            prefix && \"pl-10\",\n            (suffix || allowClear) && \"pr-10\",\n            className\n          )}\n        />\n\n        {(suffix || (allowClear && field.value)) && (\n          <div className=\"absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-1\">\n            {allowClear && field.value && (\n              <button\n                type=\"button\"\n                onClick={handleClear}\n                className=\"text-muted-foreground hover:text-foreground transition-colors\"\n                tabIndex={-1}\n              >\n                <X className=\"h-4 w-4\" />\n              </button>\n            )}\n            {suffix && (\n              <span className=\"text-muted-foreground\">{suffix}</span>\n            )}\n          </div>\n        )}\n      </div>\n\n      {showError && hasError && (\n        <p\n          id={`${inputId}-error`}\n          className=\"text-sm text-destructive\"\n          role=\"alert\"\n        >\n          {errorMessage}\n        </p>\n      )}\n      \n      {helperText && !hasError && (\n        <p\n          id={`${inputId}-helper`}\n          className=\"text-sm text-muted-foreground\"\n        >\n          {helperText}\n        </p>\n      )}\n    </div>\n  );\n}\n\n// Use forwardRef with generic support\nexport const TextBox = forwardRef(TextBoxInner) as <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>(\n  props: TextBoxProps<TFieldValues, TName> & { ref?: React.ForwardedRef<HTMLInputElement> }\n) => React.ReactElement;\n\n(TextBox as React.FC).displayName = \"TextBox\";\n"],"names":["cva","label","useId","useContext","FormConfigContext","useRHFFormContext","useEffect","useController","cn","jsxs","Label","labelVariants","jsx","TextBoxPrimitive","X","forwardRef"],"mappings":"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"}

package/dist/cjs/components/Separator/Separator.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const separator = require("../../primitives/separator.cjs");
+const Separator = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(separator.Separator, { ref, ...props }));
+Separator.displayName = "Separator";
+exports.Separator = Separator;
+//# sourceMappingURL=Separator.cjs.map

package/dist/cjs/components/Separator/Separator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.cjs","sources":["../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\nimport { Separator as SeparatorPrimitive } from \"../../primitives/separator\"\n\nexport const Separator = forwardRef<\n  ElementRef<typeof SeparatorPrimitive>,\n  ComponentPropsWithoutRef<typeof SeparatorPrimitive>\n>((props, ref) => <SeparatorPrimitive ref={ref} {...props} />)\nSeparator.displayName = \"Separator\"\n"],"names":["forwardRef","SeparatorPrimitive"],"mappings":";;;;;AAIO,MAAM,YAAYA,MAAAA,WAGvB,CAAC,OAAO,uCAASC,UAAAA,WAAA,EAAmB,KAAW,GAAG,OAAO,CAAE;AAC7D,UAAU,cAAc;;"}

package/dist/cjs/index.cjs

@@ -3,53 +3,53 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const useToggle = require("./hooks/useToggle.cjs");
 const useDebounce = require("./hooks/useDebounce.cjs");
 const cn = require("./utils/cn.cjs");
-const avatar = require("./primitives/avatar.cjs");
-const badge = require("./primitives/badge.cjs");
+const Avatar = require("./components/Avatar/Avatar.cjs");
+const Badge = require("./components/Badge/Badge.cjs");
 const Button = require("./components/Button/Button.cjs");
-const card = require("./primitives/card.cjs");
+const Card = require("./components/Card/Card.cjs");
 const Checkbox = require("./components/Form/Checkbox.cjs");
-const dropdownMenu = require("./primitives/dropdown-menu.cjs");
+const DropdownMenu = require("./components/DropdownMenu/DropdownMenu.cjs");
 const Form = require("./components/Form/Form.cjs");
 const context = require("./components/Form/context.cjs");
 const Radio = require("./components/Form/Radio.cjs");
 const Select = require("./components/Form/Select.cjs");
-const separator = require("./primitives/separator.cjs");
+const Separator = require("./components/Separator/Separator.cjs");
 const Switch = require("./components/Form/Switch.cjs");
 const TextArea = require("./components/Form/TextArea.cjs");
 const TextBox = require("./components/Form/TextBox.cjs");
+const badge = require("./primitives/badge.cjs");
 const button = require("./primitives/button.cjs");
 const hooks = require("./components/Form/hooks.cjs");
 exports.useToggle = useToggle.useToggle;
 exports.useDebounce = useDebounce.useDebounce;
 exports.cn = cn.cn;
-exports.Avatar = avatar.Avatar;
-exports.AvatarFallback = avatar.AvatarFallback;
-exports.AvatarImage = avatar.AvatarImage;
-exports.Badge = badge.Badge;
-exports.badgeVariants = badge.badgeVariants;
+exports.Avatar = Avatar.Avatar;
+exports.AvatarFallback = Avatar.AvatarFallback;
+exports.AvatarImage = Avatar.AvatarImage;
+exports.Badge = Badge.Badge;
 exports.Button = Button.Button;
-exports.Card = card.Card;
-exports.CardContent = card.CardContent;
-exports.CardDescription = card.CardDescription;
-exports.CardFooter = card.CardFooter;
-exports.CardHeader = card.CardHeader;
-exports.CardTitle = card.CardTitle;
+exports.Card = Card.Card;
+exports.CardContent = Card.CardContent;
+exports.CardDescription = Card.CardDescription;
+exports.CardFooter = Card.CardFooter;
+exports.CardHeader = Card.CardHeader;
+exports.CardTitle = Card.CardTitle;
 exports.Checkbox = Checkbox.Checkbox;
-exports.DropdownMenu = dropdownMenu.DropdownMenu;
-exports.DropdownMenuCheckboxItem = dropdownMenu.DropdownMenuCheckboxItem;
-exports.DropdownMenuContent = dropdownMenu.DropdownMenuContent;
-exports.DropdownMenuGroup = dropdownMenu.DropdownMenuGroup;
-exports.DropdownMenuItem = dropdownMenu.DropdownMenuItem;
-exports.DropdownMenuLabel = dropdownMenu.DropdownMenuLabel;
-exports.DropdownMenuPortal = dropdownMenu.DropdownMenuPortal;
-exports.DropdownMenuRadioGroup = dropdownMenu.DropdownMenuRadioGroup;
-exports.DropdownMenuRadioItem = dropdownMenu.DropdownMenuRadioItem;
-exports.DropdownMenuSeparator = dropdownMenu.DropdownMenuSeparator;
-exports.DropdownMenuShortcut = dropdownMenu.DropdownMenuShortcut;
-exports.DropdownMenuSub = dropdownMenu.DropdownMenuSub;
-exports.DropdownMenuSubContent = dropdownMenu.DropdownMenuSubContent;
-exports.DropdownMenuSubTrigger = dropdownMenu.DropdownMenuSubTrigger;
-exports.DropdownMenuTrigger = dropdownMenu.DropdownMenuTrigger;
+exports.DropdownMenu = DropdownMenu.DropdownMenu;
+exports.DropdownMenuCheckboxItem = DropdownMenu.DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = DropdownMenu.DropdownMenuContent;
+exports.DropdownMenuGroup = DropdownMenu.DropdownMenuGroup;
+exports.DropdownMenuItem = DropdownMenu.DropdownMenuItem;
+exports.DropdownMenuLabel = DropdownMenu.DropdownMenuLabel;
+exports.DropdownMenuPortal = DropdownMenu.DropdownMenuPortal;
+exports.DropdownMenuRadioGroup = DropdownMenu.DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = DropdownMenu.DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = DropdownMenu.DropdownMenuSeparator;
+exports.DropdownMenuShortcut = DropdownMenu.DropdownMenuShortcut;
+exports.DropdownMenuSub = DropdownMenu.DropdownMenuSub;
+exports.DropdownMenuSubContent = DropdownMenu.DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = DropdownMenu.DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = DropdownMenu.DropdownMenuTrigger;
 exports.Form = Form.Form;
 exports.FormConfigContext = context.FormConfigContext;
 exports.buildZodSchemaFromRules = context.buildZodSchemaFromRules;
@@ -58,10 +58,11 @@ exports.useFieldValidationRegistry = context.useFieldValidationRegistry;
 exports.RadioGroup = Radio.RadioGroup;
 exports.RadioItem = Radio.RadioItem;
 exports.Select = Select.Select;
-exports.Separator = separator.Separator;
+exports.Separator = Separator.Separator;
 exports.Switch = Switch.Switch;
 exports.TextArea = TextArea.TextArea;
 exports.TextBox = TextBox.TextBox;
+exports.badgeVariants = badge.badgeVariants;
 exports.buttonVariants = button.buttonVariants;
 exports.useFieldError = hooks.useFieldError;
 exports.useForm = hooks.useForm;

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/primitives/{input.cjs → textbox.cjs}

@@ -20,7 +20,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const Input = React__namespace.forwardRef(
+const TextBoxPrimitive = React__namespace.forwardRef(
   ({ className, type, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "input",
@@ -36,6 +36,6 @@ const Input = React__namespace.forwardRef(
     );
   }
 );
-Input.displayName = "Input";
-exports.Input = Input;
-//# sourceMappingURL=input.cjs.map
+TextBoxPrimitive.displayName = "TextBoxPrimitive";
+exports.TextBoxPrimitive = TextBoxPrimitive;
+//# sourceMappingURL=textbox.cjs.map

package/dist/cjs/primitives/textbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textbox.cjs","sources":["../../../src/primitives/textbox.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/utils\"\n\nconst TextBoxPrimitive = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nTextBoxPrimitive.displayName = \"TextBoxPrimitive\"\n\nexport { TextBoxPrimitive }\n"],"names":["React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,mBAAmBA,iBAAM;AAAA,EAC7B,CAAC,EAAE,WAAW,MAAM,GAAG,MAAA,GAAS,QAAQ;AACtC,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWC,GAAAA;AAAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,QAEF;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACA,iBAAiB,cAAc;;"}

package/dist/components/Avatar/Avatar.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Avatar as Avatar$1, AvatarFallback as AvatarFallback$1, AvatarImage as AvatarImage$1 } from "../../primitives/avatar.js";
+const Avatar = forwardRef((props, ref) => /* @__PURE__ */ jsx(Avatar$1, { ref, ...props }));
+Avatar.displayName = "Avatar";
+const AvatarImage = forwardRef((props, ref) => /* @__PURE__ */ jsx(AvatarImage$1, { ref, ...props }));
+AvatarImage.displayName = "AvatarImage";
+const AvatarFallback = forwardRef((props, ref) => /* @__PURE__ */ jsx(AvatarFallback$1, { ref, ...props }));
+AvatarFallback.displayName = "AvatarFallback";
+export {
+  Avatar,
+  AvatarFallback,
+  AvatarImage
+};
+//# sourceMappingURL=Avatar.js.map

package/dist/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\nimport {\n  Avatar as AvatarPrimitive,\n  AvatarImage as AvatarImagePrimitive,\n  AvatarFallback as AvatarFallbackPrimitive,\n} from \"../../primitives/avatar\"\n\nexport const Avatar = forwardRef<\n  ElementRef<typeof AvatarPrimitive>,\n  ComponentPropsWithoutRef<typeof AvatarPrimitive>\n>((props, ref) => <AvatarPrimitive ref={ref} {...props} />)\nAvatar.displayName = \"Avatar\"\n\nexport const AvatarImage = forwardRef<\n  ElementRef<typeof AvatarImagePrimitive>,\n  ComponentPropsWithoutRef<typeof AvatarImagePrimitive>\n>((props, ref) => <AvatarImagePrimitive ref={ref} {...props} />)\nAvatarImage.displayName = \"AvatarImage\"\n\nexport const AvatarFallback = forwardRef<\n  ElementRef<typeof AvatarFallbackPrimitive>,\n  ComponentPropsWithoutRef<typeof AvatarFallbackPrimitive>\n>((props, ref) => <AvatarFallbackPrimitive ref={ref} {...props} />)\nAvatarFallback.displayName = \"AvatarFallback\"\n"],"names":["AvatarPrimitive","AvatarImagePrimitive","AvatarFallbackPrimitive"],"mappings":";;;AAQO,MAAM,SAAS,WAGpB,CAAC,OAAO,4BAASA,UAAA,EAAgB,KAAW,GAAG,OAAO,CAAE;AAC1D,OAAO,cAAc;AAEd,MAAM,cAAc,WAGzB,CAAC,OAAO,4BAASC,eAAA,EAAqB,KAAW,GAAG,OAAO,CAAE;AAC/D,YAAY,cAAc;AAEnB,MAAM,iBAAiB,WAG5B,CAAC,OAAO,4BAASC,kBAAA,EAAwB,KAAW,GAAG,OAAO,CAAE;AAClE,eAAe,cAAc;"}

package/dist/components/Badge/Badge.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { Badge as Badge$1 } from "../../primitives/badge.js";
+import { badgeVariants } from "../../primitives/badge.js";
+function Badge(props) {
+  return /* @__PURE__ */ jsx(Badge$1, { ...props });
+}
+Badge.displayName = "Badge";
+export {
+  Badge,
+  badgeVariants
+};
+//# sourceMappingURL=Badge.js.map

package/dist/components/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { Badge as BadgePrimitive, badgeVariants } from \"../../primitives/badge\"\nimport type { BadgeProps as BadgePrimitiveProps } from \"../../primitives/badge\"\n\nexport type BadgeProps = BadgePrimitiveProps\n\nexport function Badge(props: BadgeProps) {\n  return <BadgePrimitive {...props} />\n}\nBadge.displayName = \"Badge\"\n\nexport { badgeVariants }\n"],"names":["BadgePrimitive"],"mappings":";;;AAKO,SAAS,MAAM,OAAmB;AACvC,SAAO,oBAACA,SAAA,EAAgB,GAAG,MAAA,CAAO;AACpC;AACA,MAAM,cAAc;"}

package/dist/components/Button/Button.js

@@ -3,6 +3,7 @@ import { forwardRef } from "react";
 import "class-variance-authority";
 import { cn } from "../../utils/cn.js";
 import { ButtonPrimitive } from "../../primitives/button.js";
+import { buttonVariants } from "../../primitives/button.js";
 const variantMap = {
   primary: "default",
   secondary: "secondary",
@@ -47,6 +48,7 @@ const Button = forwardRef(function Button2({
 });
 Button.displayName = "Button";
 export {
-  Button
+  Button,
+  buttonVariants
 };
 //# sourceMappingURL=Button.js.map

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from \"react\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\nimport { ButtonPrimitive, buttonVariants } from \"../../primitives/button\";\n\ntype PrimitiveVariant = NonNullable<VariantProps<typeof buttonVariants>[\"variant\"]>;\ntype PrimitiveSize = NonNullable<VariantProps<typeof buttonVariants>[\"size\"]>;\n\nconst variantMap: Record<string, PrimitiveVariant> = {\n  primary: \"default\",\n  secondary: \"secondary\",\n  outline: \"outline\",\n  ghost: \"ghost\",\n  danger: \"destructive\",\n};\n\nconst sizeMap: Record<string, PrimitiveSize> = {\n  sm: \"sm\",\n  md: \"default\",\n  lg: \"lg\",\n};\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Visual style variant */\n  variant?: keyof typeof variantMap;\n  /** Size of the button */\n  size?: keyof typeof sizeMap;\n  /** Stretch button to full container width */\n  fullWidth?: boolean;\n  /** Show a loading spinner and disable interaction */\n  loading?: boolean;\n  /** Render as child element via Slot (e.g. wrap a Link) */\n  asChild?: boolean;\n  children: ReactNode;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    children,\n    variant = \"primary\",\n    size = \"md\",\n    fullWidth = false,\n    loading = false,\n    disabled,\n    className,\n    asChild = false,\n    style,\n    ...props\n  },\n  ref\n) {\n  return (\n    <ButtonPrimitive\n      ref={ref}\n      variant={variantMap[variant]}\n      size={sizeMap[size]}\n      asChild={asChild}\n      disabled={disabled || loading}\n      className={cn(fullWidth && \"w-full\", \"relative cursor-pointer\", className)}\n      style={style}\n      {...props}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <>\n          {loading && (\n            <span className=\"absolute inset-0 flex items-center justify-center\">\n              <span className=\"size-4 border-2 border-current border-r-transparent rounded-full animate-spin\" />\n            </span>\n          )}\n          <span className={cn(loading && \"invisible\")}>{children}</span>\n        </>\n      )}\n    </ButtonPrimitive>\n  );\n});\n\nButton.displayName = \"Button\";\n"],"names":["Button"],"mappings":";;;;;AAQA,MAAM,aAA+C;AAAA,EACnD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,UAAyC;AAAA,EAC7C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAgBO,MAAM,SAAS,WAA2C,SAASA,QACxE;AAAA,EACE;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,SAAS,WAAW,OAAO;AAAA,MAC3B,MAAM,QAAQ,IAAI;AAAA,MAClB;AAAA,MACA,UAAU,YAAY;AAAA,MACtB,WAAW,GAAG,aAAa,UAAU,2BAA2B,SAAS;AAAA,MACzE;AAAA,MACC,GAAG;AAAA,MAEH,UAAA,UACC,WAEA,qBAAA,UAAA,EACG,UAAA;AAAA,QAAA,WACC,oBAAC,UAAK,WAAU,qDACd,8BAAC,QAAA,EAAK,WAAU,iFAAgF,EAAA,CAClG;AAAA,4BAED,QAAA,EAAK,WAAW,GAAG,WAAW,WAAW,GAAI,SAAA,CAAS;AAAA,MAAA,EAAA,CACzD;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;AAED,OAAO,cAAc;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from \"react\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\nimport { ButtonPrimitive, buttonVariants } from \"../../primitives/button\"\n\nexport { buttonVariants };\n\ntype PrimitiveVariant = NonNullable<VariantProps<typeof buttonVariants>[\"variant\"]>;\ntype PrimitiveSize = NonNullable<VariantProps<typeof buttonVariants>[\"size\"]>;\n\nconst variantMap: Record<string, PrimitiveVariant> = {\n  primary: \"default\",\n  secondary: \"secondary\",\n  outline: \"outline\",\n  ghost: \"ghost\",\n  danger: \"destructive\",\n};\n\nconst sizeMap: Record<string, PrimitiveSize> = {\n  sm: \"sm\",\n  md: \"default\",\n  lg: \"lg\",\n};\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Visual style variant */\n  variant?: keyof typeof variantMap;\n  /** Size of the button */\n  size?: keyof typeof sizeMap;\n  /** Stretch button to full container width */\n  fullWidth?: boolean;\n  /** Show a loading spinner and disable interaction */\n  loading?: boolean;\n  /** Render as child element via Slot (e.g. wrap a Link) */\n  asChild?: boolean;\n  children: ReactNode;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    children,\n    variant = \"primary\",\n    size = \"md\",\n    fullWidth = false,\n    loading = false,\n    disabled,\n    className,\n    asChild = false,\n    style,\n    ...props\n  },\n  ref\n) {\n  return (\n    <ButtonPrimitive\n      ref={ref}\n      variant={variantMap[variant]}\n      size={sizeMap[size]}\n      asChild={asChild}\n      disabled={disabled || loading}\n      className={cn(fullWidth && \"w-full\", \"relative cursor-pointer\", className)}\n      style={style}\n      {...props}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <>\n          {loading && (\n            <span className=\"absolute inset-0 flex items-center justify-center\">\n              <span className=\"size-4 border-2 border-current border-r-transparent rounded-full animate-spin\" />\n            </span>\n          )}\n          <span className={cn(loading && \"invisible\")}>{children}</span>\n        </>\n      )}\n    </ButtonPrimitive>\n  );\n});\n\nButton.displayName = \"Button\";\n"],"names":["Button"],"mappings":";;;;;;AAUA,MAAM,aAA+C;AAAA,EACnD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,UAAyC;AAAA,EAC7C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAgBO,MAAM,SAAS,WAA2C,SAASA,QACxE;AAAA,EACE;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,SAAS,WAAW,OAAO;AAAA,MAC3B,MAAM,QAAQ,IAAI;AAAA,MAClB;AAAA,MACA,UAAU,YAAY;AAAA,MACtB,WAAW,GAAG,aAAa,UAAU,2BAA2B,SAAS;AAAA,MACzE;AAAA,MACC,GAAG;AAAA,MAEH,UAAA,UACC,WAEA,qBAAA,UAAA,EACG,UAAA;AAAA,QAAA,WACC,oBAAC,UAAK,WAAU,qDACd,8BAAC,QAAA,EAAK,WAAU,iFAAgF,EAAA,CAClG;AAAA,4BAED,QAAA,EAAK,WAAW,GAAG,WAAW,WAAW,GAAI,SAAA,CAAS;AAAA,MAAA,EAAA,CACzD;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;AAED,OAAO,cAAc;"}

package/dist/components/Card/Card.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Card as Card$1, CardContent as CardContent$1, CardDescription as CardDescription$1, CardFooter as CardFooter$1, CardHeader as CardHeader$1, CardTitle as CardTitle$1 } from "../../primitives/card.js";
+const Card = forwardRef((props, ref) => /* @__PURE__ */ jsx(Card$1, { ref, ...props }));
+Card.displayName = "Card";
+const CardHeader = forwardRef((props, ref) => /* @__PURE__ */ jsx(CardHeader$1, { ref, ...props }));
+CardHeader.displayName = "CardHeader";
+const CardTitle = forwardRef((props, ref) => /* @__PURE__ */ jsx(CardTitle$1, { ref, ...props }));
+CardTitle.displayName = "CardTitle";
+const CardDescription = forwardRef((props, ref) => /* @__PURE__ */ jsx(CardDescription$1, { ref, ...props }));
+CardDescription.displayName = "CardDescription";
+const CardContent = forwardRef((props, ref) => /* @__PURE__ */ jsx(CardContent$1, { ref, ...props }));
+CardContent.displayName = "CardContent";
+const CardFooter = forwardRef((props, ref) => /* @__PURE__ */ jsx(CardFooter$1, { ref, ...props }));
+CardFooter.displayName = "CardFooter";
+export {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle
+};
+//# sourceMappingURL=Card.js.map

package/dist/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\nimport {\n  Card as CardPrimitive,\n  CardHeader as CardHeaderPrimitive,\n  CardTitle as CardTitlePrimitive,\n  CardDescription as CardDescriptionPrimitive,\n  CardContent as CardContentPrimitive,\n  CardFooter as CardFooterPrimitive,\n} from \"../../primitives/card\"\n\nexport const Card = forwardRef<\n  ElementRef<typeof CardPrimitive>,\n  ComponentPropsWithoutRef<typeof CardPrimitive>\n>((props, ref) => <CardPrimitive ref={ref} {...props} />)\nCard.displayName = \"Card\"\n\nexport const CardHeader = forwardRef<\n  ElementRef<typeof CardHeaderPrimitive>,\n  ComponentPropsWithoutRef<typeof CardHeaderPrimitive>\n>((props, ref) => <CardHeaderPrimitive ref={ref} {...props} />)\nCardHeader.displayName = \"CardHeader\"\n\nexport const CardTitle = forwardRef<\n  ElementRef<typeof CardTitlePrimitive>,\n  ComponentPropsWithoutRef<typeof CardTitlePrimitive>\n>((props, ref) => <CardTitlePrimitive ref={ref} {...props} />)\nCardTitle.displayName = \"CardTitle\"\n\nexport const CardDescription = forwardRef<\n  ElementRef<typeof CardDescriptionPrimitive>,\n  ComponentPropsWithoutRef<typeof CardDescriptionPrimitive>\n>((props, ref) => <CardDescriptionPrimitive ref={ref} {...props} />)\nCardDescription.displayName = \"CardDescription\"\n\nexport const CardContent = forwardRef<\n  ElementRef<typeof CardContentPrimitive>,\n  ComponentPropsWithoutRef<typeof CardContentPrimitive>\n>((props, ref) => <CardContentPrimitive ref={ref} {...props} />)\nCardContent.displayName = \"CardContent\"\n\nexport const CardFooter = forwardRef<\n  ElementRef<typeof CardFooterPrimitive>,\n  ComponentPropsWithoutRef<typeof CardFooterPrimitive>\n>((props, ref) => <CardFooterPrimitive ref={ref} {...props} />)\nCardFooter.displayName = \"CardFooter\"\n"],"names":["CardPrimitive","CardHeaderPrimitive","CardTitlePrimitive","CardDescriptionPrimitive","CardContentPrimitive","CardFooterPrimitive"],"mappings":";;;AAWO,MAAM,OAAO,WAGlB,CAAC,OAAO,4BAASA,QAAA,EAAc,KAAW,GAAG,OAAO,CAAE;AACxD,KAAK,cAAc;AAEZ,MAAM,aAAa,WAGxB,CAAC,OAAO,4BAASC,cAAA,EAAoB,KAAW,GAAG,OAAO,CAAE;AAC9D,WAAW,cAAc;AAElB,MAAM,YAAY,WAGvB,CAAC,OAAO,4BAASC,aAAA,EAAmB,KAAW,GAAG,OAAO,CAAE;AAC7D,UAAU,cAAc;AAEjB,MAAM,kBAAkB,WAG7B,CAAC,OAAO,4BAASC,mBAAA,EAAyB,KAAW,GAAG,OAAO,CAAE;AACnE,gBAAgB,cAAc;AAEvB,MAAM,cAAc,WAGzB,CAAC,OAAO,4BAASC,eAAA,EAAqB,KAAW,GAAG,OAAO,CAAE;AAC/D,YAAY,cAAc;AAEnB,MAAM,aAAa,WAGxB,CAAC,OAAO,4BAASC,cAAA,EAAoB,KAAW,GAAG,OAAO,CAAE;AAC9D,WAAW,cAAc;"}

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,56 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { DropdownMenu as DropdownMenu$1, DropdownMenuCheckboxItem as DropdownMenuCheckboxItem$1, DropdownMenuContent as DropdownMenuContent$1, DropdownMenuGroup as DropdownMenuGroup$1, DropdownMenuItem as DropdownMenuItem$1, DropdownMenuLabel as DropdownMenuLabel$1, DropdownMenuPortal as DropdownMenuPortal$1, DropdownMenuRadioGroup as DropdownMenuRadioGroup$1, DropdownMenuRadioItem as DropdownMenuRadioItem$1, DropdownMenuSeparator as DropdownMenuSeparator$1, DropdownMenuShortcut as DropdownMenuShortcut$1, DropdownMenuSub as DropdownMenuSub$1, DropdownMenuSubContent as DropdownMenuSubContent$1, DropdownMenuSubTrigger as DropdownMenuSubTrigger$1, DropdownMenuTrigger as DropdownMenuTrigger$1 } from "../../primitives/dropdown-menu.js";
+function DropdownMenu(props) {
+  return /* @__PURE__ */ jsx(DropdownMenu$1, { ...props });
+}
+function DropdownMenuPortal(props) {
+  return /* @__PURE__ */ jsx(DropdownMenuPortal$1, { ...props });
+}
+function DropdownMenuSub(props) {
+  return /* @__PURE__ */ jsx(DropdownMenuSub$1, { ...props });
+}
+const DropdownMenuTrigger = forwardRef((props, ref) => /* @__PURE__ */ jsx(DropdownMenuTrigger$1, { ref, ...props }));
+DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
+const DropdownMenuGroup = forwardRef((props, ref) => /* @__PURE__ */ jsx(DropdownMenuGroup$1, { ref, ...props }));
+DropdownMenuGroup.displayName = "DropdownMenuGroup";
+const DropdownMenuRadioGroup = forwardRef((props, ref) => /* @__PURE__ */ jsx(DropdownMenuRadioGroup$1, { ref, ...props }));
+DropdownMenuRadioGroup.displayName = "DropdownMenuRadioGroup";
+const DropdownMenuContent = forwardRef((props, ref) => /* @__PURE__ */ jsx(DropdownMenuContent$1, { ref, ...props }));
+DropdownMenuContent.displayName = "DropdownMenuContent";
+const DropdownMenuSubContent = forwardRef((props, ref) => /* @__PURE__ */ jsx(DropdownMenuSubContent$1, { ref, ...props }));
+DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
+const DropdownMenuSubTrigger = forwardRef((props, ref) => /* @__PURE__ */ jsx(DropdownMenuSubTrigger$1, { ref, ...props }));
+DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
+const DropdownMenuItem = forwardRef((props, ref) => /* @__PURE__ */ jsx(DropdownMenuItem$1, { ref, ...props }));
+DropdownMenuItem.displayName = "DropdownMenuItem";
+const DropdownMenuCheckboxItem = forwardRef((props, ref) => /* @__PURE__ */ jsx(DropdownMenuCheckboxItem$1, { ref, ...props }));
+DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
+const DropdownMenuRadioItem = forwardRef((props, ref) => /* @__PURE__ */ jsx(DropdownMenuRadioItem$1, { ref, ...props }));
+DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
+const DropdownMenuLabel = forwardRef((props, ref) => /* @__PURE__ */ jsx(DropdownMenuLabel$1, { ref, ...props }));
+DropdownMenuLabel.displayName = "DropdownMenuLabel";
+const DropdownMenuSeparator = forwardRef((props, ref) => /* @__PURE__ */ jsx(DropdownMenuSeparator$1, { ref, ...props }));
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+function DropdownMenuShortcut(props) {
+  return /* @__PURE__ */ jsx(DropdownMenuShortcut$1, { ...props });
+}
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+export {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger
+};
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/components/DropdownMenu/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport type { ComponentPropsWithoutRef, ElementRef, HTMLAttributes } from \"react\"\nimport {\n  DropdownMenu as DropdownMenuPrimitive,\n  DropdownMenuTrigger as DropdownMenuTriggerPrimitive,\n  DropdownMenuContent as DropdownMenuContentPrimitive,\n  DropdownMenuItem as DropdownMenuItemPrimitive,\n  DropdownMenuCheckboxItem as DropdownMenuCheckboxItemPrimitive,\n  DropdownMenuRadioItem as DropdownMenuRadioItemPrimitive,\n  DropdownMenuLabel as DropdownMenuLabelPrimitive,\n  DropdownMenuSeparator as DropdownMenuSeparatorPrimitive,\n  DropdownMenuShortcut as DropdownMenuShortcutPrimitive,\n  DropdownMenuGroup as DropdownMenuGroupPrimitive,\n  DropdownMenuPortal as DropdownMenuPortalPrimitive,\n  DropdownMenuSub as DropdownMenuSubPrimitive,\n  DropdownMenuSubContent as DropdownMenuSubContentPrimitive,\n  DropdownMenuSubTrigger as DropdownMenuSubTriggerPrimitive,\n  DropdownMenuRadioGroup as DropdownMenuRadioGroupPrimitive,\n} from \"../../primitives/dropdown-menu\"\n\n// Root / context-only components (no DOM element to ref)\nexport function DropdownMenu(props: ComponentPropsWithoutRef<typeof DropdownMenuPrimitive>) {\n  return <DropdownMenuPrimitive {...props} />\n}\n\nexport function DropdownMenuPortal(props: ComponentPropsWithoutRef<typeof DropdownMenuPortalPrimitive>) {\n  return <DropdownMenuPortalPrimitive {...props} />\n}\n\nexport function DropdownMenuSub(props: ComponentPropsWithoutRef<typeof DropdownMenuSubPrimitive>) {\n  return <DropdownMenuSubPrimitive {...props} />\n}\n\n// DOM-rendering components (forwardRef)\nexport const DropdownMenuTrigger = forwardRef<\n  ElementRef<typeof DropdownMenuTriggerPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuTriggerPrimitive>\n>((props, ref) => <DropdownMenuTriggerPrimitive ref={ref} {...props} />)\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\"\n\nexport const DropdownMenuGroup = forwardRef<\n  ElementRef<typeof DropdownMenuGroupPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuGroupPrimitive>\n>((props, ref) => <DropdownMenuGroupPrimitive ref={ref} {...props} />)\nDropdownMenuGroup.displayName = \"DropdownMenuGroup\"\n\nexport const DropdownMenuRadioGroup = forwardRef<\n  ElementRef<typeof DropdownMenuRadioGroupPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuRadioGroupPrimitive>\n>((props, ref) => <DropdownMenuRadioGroupPrimitive ref={ref} {...props} />)\nDropdownMenuRadioGroup.displayName = \"DropdownMenuRadioGroup\"\n\nexport const DropdownMenuContent = forwardRef<\n  ElementRef<typeof DropdownMenuContentPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuContentPrimitive>\n>((props, ref) => <DropdownMenuContentPrimitive ref={ref} {...props} />)\nDropdownMenuContent.displayName = \"DropdownMenuContent\"\n\nexport const DropdownMenuSubContent = forwardRef<\n  ElementRef<typeof DropdownMenuSubContentPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuSubContentPrimitive>\n>((props, ref) => <DropdownMenuSubContentPrimitive ref={ref} {...props} />)\nDropdownMenuSubContent.displayName = \"DropdownMenuSubContent\"\n\nexport const DropdownMenuSubTrigger = forwardRef<\n  ElementRef<typeof DropdownMenuSubTriggerPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuSubTriggerPrimitive>\n>((props, ref) => <DropdownMenuSubTriggerPrimitive ref={ref} {...props} />)\nDropdownMenuSubTrigger.displayName = \"DropdownMenuSubTrigger\"\n\nexport const DropdownMenuItem = forwardRef<\n  ElementRef<typeof DropdownMenuItemPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuItemPrimitive>\n>((props, ref) => <DropdownMenuItemPrimitive ref={ref} {...props} />)\nDropdownMenuItem.displayName = \"DropdownMenuItem\"\n\nexport const DropdownMenuCheckboxItem = forwardRef<\n  ElementRef<typeof DropdownMenuCheckboxItemPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuCheckboxItemPrimitive>\n>((props, ref) => <DropdownMenuCheckboxItemPrimitive ref={ref} {...props} />)\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\"\n\nexport const DropdownMenuRadioItem = forwardRef<\n  ElementRef<typeof DropdownMenuRadioItemPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuRadioItemPrimitive>\n>((props, ref) => <DropdownMenuRadioItemPrimitive ref={ref} {...props} />)\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\"\n\nexport const DropdownMenuLabel = forwardRef<\n  ElementRef<typeof DropdownMenuLabelPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuLabelPrimitive>\n>((props, ref) => <DropdownMenuLabelPrimitive ref={ref} {...props} />)\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\"\n\nexport const DropdownMenuSeparator = forwardRef<\n  ElementRef<typeof DropdownMenuSeparatorPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuSeparatorPrimitive>\n>((props, ref) => <DropdownMenuSeparatorPrimitive ref={ref} {...props} />)\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\"\n\n// Utility span — no ref needed\nexport function DropdownMenuShortcut(props: HTMLAttributes<HTMLSpanElement>) {\n  return <DropdownMenuShortcutPrimitive {...props} />\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n"],"names":["DropdownMenuPrimitive","DropdownMenuPortalPrimitive","DropdownMenuSubPrimitive","DropdownMenuTriggerPrimitive","DropdownMenuGroupPrimitive","DropdownMenuRadioGroupPrimitive","DropdownMenuContentPrimitive","DropdownMenuSubContentPrimitive","DropdownMenuSubTriggerPrimitive","DropdownMenuItemPrimitive","DropdownMenuCheckboxItemPrimitive","DropdownMenuRadioItemPrimitive","DropdownMenuLabelPrimitive","DropdownMenuSeparatorPrimitive","DropdownMenuShortcutPrimitive"],"mappings":";;;AAqBO,SAAS,aAAa,OAA+D;AAC1F,SAAO,oBAACA,gBAAA,EAAuB,GAAG,MAAA,CAAO;AAC3C;AAEO,SAAS,mBAAmB,OAAqE;AACtG,SAAO,oBAACC,sBAAA,EAA6B,GAAG,MAAA,CAAO;AACjD;AAEO,SAAS,gBAAgB,OAAkE;AAChG,SAAO,oBAACC,mBAAA,EAA0B,GAAG,MAAA,CAAO;AAC9C;AAGO,MAAM,sBAAsB,WAGjC,CAAC,OAAO,4BAASC,uBAAA,EAA6B,KAAW,GAAG,OAAO,CAAE;AACvE,oBAAoB,cAAc;AAE3B,MAAM,oBAAoB,WAG/B,CAAC,OAAO,4BAASC,qBAAA,EAA2B,KAAW,GAAG,OAAO,CAAE;AACrE,kBAAkB,cAAc;AAEzB,MAAM,yBAAyB,WAGpC,CAAC,OAAO,4BAASC,0BAAA,EAAgC,KAAW,GAAG,OAAO,CAAE;AAC1E,uBAAuB,cAAc;AAE9B,MAAM,sBAAsB,WAGjC,CAAC,OAAO,4BAASC,uBAAA,EAA6B,KAAW,GAAG,OAAO,CAAE;AACvE,oBAAoB,cAAc;AAE3B,MAAM,yBAAyB,WAGpC,CAAC,OAAO,4BAASC,0BAAA,EAAgC,KAAW,GAAG,OAAO,CAAE;AAC1E,uBAAuB,cAAc;AAE9B,MAAM,yBAAyB,WAGpC,CAAC,OAAO,4BAASC,0BAAA,EAAgC,KAAW,GAAG,OAAO,CAAE;AAC1E,uBAAuB,cAAc;AAE9B,MAAM,mBAAmB,WAG9B,CAAC,OAAO,4BAASC,oBAAA,EAA0B,KAAW,GAAG,OAAO,CAAE;AACpE,iBAAiB,cAAc;AAExB,MAAM,2BAA2B,WAGtC,CAAC,OAAO,4BAASC,4BAAA,EAAkC,KAAW,GAAG,OAAO,CAAE;AAC5E,yBAAyB,cAAc;AAEhC,MAAM,wBAAwB,WAGnC,CAAC,OAAO,4BAASC,yBAAA,EAA+B,KAAW,GAAG,OAAO,CAAE;AACzE,sBAAsB,cAAc;AAE7B,MAAM,oBAAoB,WAG/B,CAAC,OAAO,4BAASC,qBAAA,EAA2B,KAAW,GAAG,OAAO,CAAE;AACrE,kBAAkB,cAAc;AAEzB,MAAM,wBAAwB,WAGnC,CAAC,OAAO,4BAASC,yBAAA,EAA+B,KAAW,GAAG,OAAO,CAAE;AACzE,sBAAsB,cAAc;AAG7B,SAAS,qBAAqB,OAAwC;AAC3E,SAAO,oBAACC,wBAAA,EAA+B,GAAG,MAAA,CAAO;AACnD;AACA,qBAAqB,cAAc;"}

package/dist/components/Form/TextBox.js

@@ -5,7 +5,7 @@ import { cva } from "class-variance-authority";
 import { cn } from "../../utils/cn.js";
 import { FormConfigContext } from "./context.js";
 import { labelVariants } from "./variants.js";
-import { Input } from "../../primitives/input.js";
+import { TextBoxPrimitive } from "../../primitives/textbox.js";
 import { Label } from "../../primitives/label.js";
 import { X } from "lucide-react";
 const textBoxVariants = cva(
@@ -82,6 +82,14 @@ function TextBoxInner({
       let fieldType = "string";
       if (inputType === "number") {
         fieldType = "number";
+      } else if (inputType === "date") {
+        fieldType = "date";
+      } else if (inputType === "email" && rules.email === void 0) {
+        rules.email = true;
+      } else if (inputType === "url" && rules.url === void 0) {
+        rules.url = true;
+      } else if (inputType === "tel" && rules.pattern === void 0) {
+        rules.pattern = { value: /^\+?[\d\s\-().]{7,}$/, message: "Invalid phone number" };
       }
       registerFieldValidation({
         name,
@@ -136,7 +144,7 @@ function TextBoxInner({
     /* @__PURE__ */ jsxs("div", { className: "relative", children: [
       prefix && /* @__PURE__ */ jsx("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: prefix }),
       /* @__PURE__ */ jsx(
-        Input,
+        TextBoxPrimitive,
         {
           ...props,
           ...field,

package/dist/components/Form/TextBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextBox.js","sources":["../../../src/components/Form/TextBox.tsx"],"sourcesContent":["import { forwardRef, useId, useContext, useEffect } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { useController, useFormContext as useRHFFormContext, type FieldValues, type FieldPath, type Control } from \"react-hook-form\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\nimport { FormConfigContext, type FormConfig, type FieldValidationRules } from \"../Form/context\";\nimport { labelVariants } from \"./variants\";\nimport { Input } from \"../../primitives/input\";\nimport { Label } from \"../../primitives/label\";\nimport { X } from \"lucide-react\";\n\nconst textBoxVariants = cva(\n  \"\",\n  {\n    variants: {\n      size: {\n        sm: \"h-8 text-xs px-2\",\n        md: \"h-10 text-sm px-3\",\n        lg: \"h-12 text-base px-4\",\n      },\n      variant: {\n        default: \"border-input focus-visible:ring-ring\",\n        error: \"border-destructive focus-visible:ring-destructive\",\n        success: \"border-green-500 focus-visible:ring-green-500\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      variant: \"default\",\n    },\n  }\n);\n\n/**\n * Validation rule with optional custom message\n */\ntype ValidationRule<T> = T | { value: T; message: string };\n\nexport interface TextBoxProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\" | \"name\" | \"prefix\" | \"pattern\" | \"required\" | \"minLength\" | \"maxLength\">,\n    VariantProps<typeof textBoxVariants> {\n  /** Field name - required for form integration */\n  name: TName;\n  /** Label text for the input */\n  label?: string;\n  /** Helper text displayed below the input */\n  helperText?: string;\n  /** Whether to show the error message */\n  showError?: boolean;\n  /** Custom error message (overrides form error) */\n  error?: string;\n  /** Whether the input should take full width */\n  fullWidth?: boolean;\n  /** Prefix element */\n  prefix?: ReactNode;\n  /** Suffix element */\n  suffix?: ReactNode;\n  /** Allow clear button */\n  allowClear?: boolean;\n  /** Callback when clear is clicked */\n  onClear?: () => void;\n  /** External control (for use outside Form) */\n  control?: Control<TFieldValues>;\n  \n  // Validation props\n  /** Field is required */\n  required?: boolean | string;\n  /** Minimum length for strings */\n  minLength?: ValidationRule<number>;\n  /** Maximum length for strings */\n  maxLength?: ValidationRule<number>;\n  /** Minimum value for numbers */\n  minValue?: ValidationRule<number>;\n  /** Maximum value for numbers */\n  maxValue?: ValidationRule<number>;\n  /** Regex pattern for validation */\n  pattern?: ValidationRule<RegExp>;\n  /** Email validation */\n  email?: boolean | string;\n  /** URL validation */\n  url?: boolean | string;\n  /** Custom validation function */\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\n}\n\n/**\n * TextBox component with form integration and automatic validation registration\n * \n * This is a wrapper around the shadcn/ui Input primitive that adds:\n * - Form integration with react-hook-form\n * - Automatic validation registration\n * - Label, helper text, and error message support\n * - Prefix/suffix elements\n * - Clear button functionality\n * \n * @example\n * ```tsx\n * // Inside a Form component - validation is automatically registered\n * <Form onSubmit={handleSubmit} defaultValues={{ username: \"\", email: \"\" }}>\n *   <TextBox name=\"username\" label=\"Username\" required minLength={3} maxLength={50} />\n *   <TextBox name=\"email\" label=\"Email\" type=\"email\" required email />\n *   <TextBox name=\"website\" label=\"Website\" url />\n *   <Button type=\"submit\">Submit</Button>\n * </Form>\n * ```\n */\nfunction TextBoxInner<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>(\n  {\n    name,\n    label,\n    helperText,\n    showError = true,\n    error: customError,\n    size,\n    variant,\n    fullWidth = true,\n    className,\n    disabled,\n    prefix,\n    suffix,\n    allowClear,\n    onClear,\n    id: providedId,\n    control: externalControl,\n    // Validation props\n    required,\n    minLength,\n    maxLength,\n    minValue,\n    maxValue,\n    pattern,\n    email,\n    url,\n    validate,\n    ...props\n  }: TextBoxProps<TFieldValues, TName>,\n  ref: React.ForwardedRef<HTMLInputElement>\n) {\n  const generatedId = useId();\n  const inputId = providedId ?? generatedId;\n  \n  // Try to get form context\n  const formConfigContext = useContext(FormConfigContext);\n  const formConfig: FormConfig = formConfigContext ?? {};\n\n  // Get form context from react-hook-form\n  const rhfContext = useRHFFormContext<TFieldValues>();\n  const control = externalControl ?? rhfContext?.control;\n\n  // Destructure stable function references so the effect doesn't depend on the\n  // context object identity (which changes every render due to inline construction).\n  const registerFieldValidation = formConfigContext?.registerFieldValidation;\n  const unregisterFieldValidation = formConfigContext?.unregisterFieldValidation;\n\n  // Register validation rules with the form\n  useEffect(() => {\n    if (registerFieldValidation) {\n      const rules: FieldValidationRules = {};\n\n      if (required !== undefined) rules.required = required;\n      if (minLength !== undefined) rules.minLength = minLength;\n      if (maxLength !== undefined) rules.maxLength = maxLength;\n      if (minValue !== undefined) rules.min = minValue;\n      if (maxValue !== undefined) rules.max = maxValue;\n      if (pattern !== undefined) rules.pattern = pattern;\n      if (email !== undefined) rules.email = email;\n      if (url !== undefined) rules.url = url;\n      if (validate !== undefined) rules.validate = validate;\n\n      // Determine field type based on input type\n      const inputType = props.type ?? \"text\";\n      let fieldType: \"string\" | \"number\" = \"string\";\n      if (inputType === \"number\") {\n        fieldType = \"number\";\n      }\n\n      registerFieldValidation({\n        name: name as string,\n        type: fieldType,\n        rules,\n      });\n\n      return () => {\n        unregisterFieldValidation?.(name as string);\n      };\n    }\n  }, [\n    registerFieldValidation,\n    unregisterFieldValidation,\n    name,\n    required,\n    minLength,\n    maxLength,\n    minValue,\n    maxValue,\n    pattern,\n    email,\n    url,\n    validate,\n    props.type,\n  ]);\n\n  // Use controller for form integration\n  const { field, fieldState } = useController<TFieldValues, TName>({\n    name,\n    control,\n  });\n\n  const fieldError = fieldState.error?.message;\n  const errorMessage = customError ?? fieldError;\n  const hasError = !!errorMessage;\n  \n  // Merge sizes - prop takes precedence over form config\n  const effectiveSize = size ?? formConfig.size ?? \"md\";\n  const effectiveDisabled = disabled ?? formConfig.disabled;\n  \n  // Determine variant based on error state\n  const effectiveVariant = hasError ? \"error\" : variant;\n\n  const handleClear = () => {\n    field.onChange(\"\");\n    onClear?.();\n  };\n\n  return (\n    <div className={cn(\"space-y-1.5\", fullWidth && \"w-full\")}>\n      {label && (\n        <Label\n          htmlFor={inputId}\n          className={labelVariants({ required: !!required })}\n        >\n          {label}\n          {formConfig.colon && \":\"}\n        </Label>\n      )}\n      \n      <div className=\"relative\">\n        {prefix && (\n          <div className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\">\n            {prefix}\n          </div>\n        )}\n        \n        <Input\n          {...props}\n          {...field}\n          ref={(node) => {\n            // Handle both refs\n            if (typeof ref === \"function\") {\n              ref(node);\n            } else if (ref) {\n              ref.current = node;\n            }\n            field.ref(node);\n          }}\n          id={inputId}\n          disabled={effectiveDisabled}\n          aria-invalid={hasError}\n          aria-describedby={\n            hasError\n              ? `${inputId}-error`\n              : helperText\n              ? `${inputId}-helper`\n              : undefined\n          }\n          className={cn(\n            textBoxVariants({ size: effectiveSize, variant: effectiveVariant }),\n            prefix && \"pl-10\",\n            (suffix || allowClear) && \"pr-10\",\n            className\n          )}\n        />\n        \n        {(suffix || (allowClear && field.value)) && (\n          <div className=\"absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-1\">\n            {allowClear && field.value && (\n              <button\n                type=\"button\"\n                onClick={handleClear}\n                className=\"text-muted-foreground hover:text-foreground transition-colors\"\n                tabIndex={-1}\n              >\n                <X className=\"h-4 w-4\" />\n              </button>\n            )}\n            {suffix && (\n              <span className=\"text-muted-foreground\">{suffix}</span>\n            )}\n          </div>\n        )}\n      </div>\n\n      {showError && hasError && (\n        <p\n          id={`${inputId}-error`}\n          className=\"text-sm text-destructive\"\n          role=\"alert\"\n        >\n          {errorMessage}\n        </p>\n      )}\n      \n      {helperText && !hasError && (\n        <p\n          id={`${inputId}-helper`}\n          className=\"text-sm text-muted-foreground\"\n        >\n          {helperText}\n        </p>\n      )}\n    </div>\n  );\n}\n\n// Use forwardRef with generic support\nexport const TextBox = forwardRef(TextBoxInner) as <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>(\n  props: TextBoxProps<TFieldValues, TName> & { ref?: React.ForwardedRef<HTMLInputElement> }\n) => React.ReactElement;\n\n(TextBox as React.FC).displayName = \"TextBox\";\n"],"names":["useRHFFormContext"],"mappings":"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"}
+{"version":3,"file":"TextBox.js","sources":["../../../src/components/Form/TextBox.tsx"],"sourcesContent":["import { forwardRef, useId, useContext, useEffect } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { useController, useFormContext as useRHFFormContext, type FieldValues, type FieldPath, type Control } from \"react-hook-form\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\nimport { FormConfigContext, type FormConfig, type FieldValidationRules } from \"../Form/context\";\nimport { labelVariants } from \"./variants\";\nimport { TextBoxPrimitive } from \"../../primitives/textbox\";\nimport { Label } from \"../../primitives/label\";\nimport { X } from \"lucide-react\";\n\nconst textBoxVariants = cva(\n  \"\",\n  {\n    variants: {\n      size: {\n        sm: \"h-8 text-xs px-2\",\n        md: \"h-10 text-sm px-3\",\n        lg: \"h-12 text-base px-4\",\n      },\n      variant: {\n        default: \"border-input focus-visible:ring-ring\",\n        error: \"border-destructive focus-visible:ring-destructive\",\n        success: \"border-green-500 focus-visible:ring-green-500\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      variant: \"default\",\n    },\n  }\n);\n\n/**\n * Validation rule with optional custom message\n */\ntype ValidationRule<T> = T | { value: T; message: string };\n\nexport interface TextBoxProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\" | \"name\" | \"prefix\" | \"pattern\" | \"required\" | \"minLength\" | \"maxLength\">,\n    VariantProps<typeof textBoxVariants> {\n  /** Field name - required for form integration */\n  name: TName;\n  /** Label text for the input */\n  label?: string;\n  /** Helper text displayed below the input */\n  helperText?: string;\n  /** Whether to show the error message */\n  showError?: boolean;\n  /** Custom error message (overrides form error) */\n  error?: string;\n  /** Whether the input should take full width */\n  fullWidth?: boolean;\n  /** Prefix element */\n  prefix?: ReactNode;\n  /** Suffix element */\n  suffix?: ReactNode;\n  /** Allow clear button */\n  allowClear?: boolean;\n  /** Callback when clear is clicked */\n  onClear?: () => void;\n  /** External control (for use outside Form) */\n  control?: Control<TFieldValues>;\n  \n  // Validation props\n  /** Field is required */\n  required?: boolean | string;\n  /** Minimum length for strings */\n  minLength?: ValidationRule<number>;\n  /** Maximum length for strings */\n  maxLength?: ValidationRule<number>;\n  /** Minimum value for numbers */\n  minValue?: ValidationRule<number>;\n  /** Maximum value for numbers */\n  maxValue?: ValidationRule<number>;\n  /** Regex pattern for validation */\n  pattern?: ValidationRule<RegExp>;\n  /** Email validation */\n  email?: boolean | string;\n  /** URL validation */\n  url?: boolean | string;\n  /** Custom validation function */\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\n}\n\n/**\n * TextBox component with form integration and automatic validation registration\n * \n * This is a wrapper around the shadcn/ui Input primitive that adds:\n * - Form integration with react-hook-form\n * - Automatic validation registration\n * - Label, helper text, and error message support\n * - Prefix/suffix elements\n * - Clear button functionality\n * \n * @example\n * ```tsx\n * // Inside a Form component - validation is automatically registered\n * <Form onSubmit={handleSubmit} defaultValues={{ username: \"\", email: \"\" }}>\n *   <TextBox name=\"username\" label=\"Username\" required minLength={3} maxLength={50} />\n *   <TextBox name=\"email\" label=\"Email\" type=\"email\" required email />\n *   <TextBox name=\"website\" label=\"Website\" url />\n *   <Button type=\"submit\">Submit</Button>\n * </Form>\n * ```\n */\nfunction TextBoxInner<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>(\n  {\n    name,\n    label,\n    helperText,\n    showError = true,\n    error: customError,\n    size,\n    variant,\n    fullWidth = true,\n    className,\n    disabled,\n    prefix,\n    suffix,\n    allowClear,\n    onClear,\n    id: providedId,\n    control: externalControl,\n    // Validation props\n    required,\n    minLength,\n    maxLength,\n    minValue,\n    maxValue,\n    pattern,\n    email,\n    url,\n    validate,\n    ...props\n  }: TextBoxProps<TFieldValues, TName>,\n  ref: React.ForwardedRef<HTMLInputElement>\n) {\n  const generatedId = useId();\n  const inputId = providedId ?? generatedId;\n  \n  // Try to get form context\n  const formConfigContext = useContext(FormConfigContext);\n  const formConfig: FormConfig = formConfigContext ?? {};\n\n  // Get form context from react-hook-form\n  const rhfContext = useRHFFormContext<TFieldValues>();\n  const control = externalControl ?? rhfContext?.control;\n\n  // Destructure stable function references so the effect doesn't depend on the\n  // context object identity (which changes every render due to inline construction).\n  const registerFieldValidation = formConfigContext?.registerFieldValidation;\n  const unregisterFieldValidation = formConfigContext?.unregisterFieldValidation;\n\n  // Register validation rules with the form\n  useEffect(() => {\n    if (registerFieldValidation) {\n      const rules: FieldValidationRules = {};\n\n      if (required !== undefined) rules.required = required;\n      if (minLength !== undefined) rules.minLength = minLength;\n      if (maxLength !== undefined) rules.maxLength = maxLength;\n      if (minValue !== undefined) rules.min = minValue;\n      if (maxValue !== undefined) rules.max = maxValue;\n      if (pattern !== undefined) rules.pattern = pattern;\n      if (email !== undefined) rules.email = email;\n      if (url !== undefined) rules.url = url;\n      if (validate !== undefined) rules.validate = validate;\n\n      // Determine field type and auto-infer rules from input type\n      const inputType = props.type ?? \"text\";\n      let fieldType: \"string\" | \"number\" | \"date\" = \"string\";\n\n      if (inputType === \"number\") {\n        fieldType = \"number\";\n      } else if (inputType === \"date\") {\n        fieldType = \"date\";\n      } else if (inputType === \"email\" && rules.email === undefined) {\n        rules.email = true;\n      } else if (inputType === \"url\" && rules.url === undefined) {\n        rules.url = true;\n      } else if (inputType === \"tel\" && rules.pattern === undefined) {\n        rules.pattern = { value: /^\\+?[\\d\\s\\-().]{7,}$/, message: \"Invalid phone number\" };\n      }\n\n      registerFieldValidation({\n        name: name as string,\n        type: fieldType,\n        rules,\n      });\n\n      return () => {\n        unregisterFieldValidation?.(name as string);\n      };\n    }\n  }, [\n    registerFieldValidation,\n    unregisterFieldValidation,\n    name,\n    required,\n    minLength,\n    maxLength,\n    minValue,\n    maxValue,\n    pattern,\n    email,\n    url,\n    validate,\n    props.type,\n  ]);\n\n  // Use controller for form integration\n  const { field, fieldState } = useController<TFieldValues, TName>({\n    name,\n    control,\n  });\n\n  const fieldError = fieldState.error?.message;\n  const errorMessage = customError ?? fieldError;\n  const hasError = !!errorMessage;\n  \n  // Merge sizes - prop takes precedence over form config\n  const effectiveSize = size ?? formConfig.size ?? \"md\";\n  const effectiveDisabled = disabled ?? formConfig.disabled;\n  \n  // Determine variant based on error state\n  const effectiveVariant = hasError ? \"error\" : variant;\n\n  const handleClear = () => {\n    field.onChange(\"\");\n    onClear?.();\n  };\n\n  return (\n    <div className={cn(\"space-y-1.5\", fullWidth && \"w-full\")}>\n      {label && (\n        <Label\n          htmlFor={inputId}\n          className={labelVariants({ required: !!required })}\n        >\n          {label}\n          {formConfig.colon && \":\"}\n        </Label>\n      )}\n      \n      <div className=\"relative\">\n        {prefix && (\n          <div className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\">\n            {prefix}\n          </div>\n        )}\n        \n        <TextBoxPrimitive\n          {...props}\n          {...field}\n          ref={(node) => {\n            // Handle both refs\n            if (typeof ref === \"function\") {\n              ref(node);\n            } else if (ref) {\n              ref.current = node;\n            }\n            field.ref(node);\n          }}\n          id={inputId}\n          disabled={effectiveDisabled}\n          aria-invalid={hasError}\n          aria-describedby={\n            hasError\n              ? `${inputId}-error`\n              : helperText\n              ? `${inputId}-helper`\n              : undefined\n          }\n          className={cn(\n            textBoxVariants({ size: effectiveSize, variant: effectiveVariant }),\n            prefix && \"pl-10\",\n            (suffix || allowClear) && \"pr-10\",\n            className\n          )}\n        />\n\n        {(suffix || (allowClear && field.value)) && (\n          <div className=\"absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-1\">\n            {allowClear && field.value && (\n              <button\n                type=\"button\"\n                onClick={handleClear}\n                className=\"text-muted-foreground hover:text-foreground transition-colors\"\n                tabIndex={-1}\n              >\n                <X className=\"h-4 w-4\" />\n              </button>\n            )}\n            {suffix && (\n              <span className=\"text-muted-foreground\">{suffix}</span>\n            )}\n          </div>\n        )}\n      </div>\n\n      {showError && hasError && (\n        <p\n          id={`${inputId}-error`}\n          className=\"text-sm text-destructive\"\n          role=\"alert\"\n        >\n          {errorMessage}\n        </p>\n      )}\n      \n      {helperText && !hasError && (\n        <p\n          id={`${inputId}-helper`}\n          className=\"text-sm text-muted-foreground\"\n        >\n          {helperText}\n        </p>\n      )}\n    </div>\n  );\n}\n\n// Use forwardRef with generic support\nexport const TextBox = forwardRef(TextBoxInner) as <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>(\n  props: TextBoxProps<TFieldValues, TName> & { ref?: React.ForwardedRef<HTMLInputElement> }\n) => React.ReactElement;\n\n(TextBox as React.FC).displayName = \"TextBox\";\n"],"names":["useRHFFormContext"],"mappings":"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"}

package/dist/components/Separator/Separator.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Separator as Separator$1 } from "../../primitives/separator.js";
+const Separator = forwardRef((props, ref) => /* @__PURE__ */ jsx(Separator$1, { ref, ...props }));
+Separator.displayName = "Separator";
+export {
+  Separator
+};
+//# sourceMappingURL=Separator.js.map

package/dist/components/Separator/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","sources":["../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\nimport { Separator as SeparatorPrimitive } from \"../../primitives/separator\"\n\nexport const Separator = forwardRef<\n  ElementRef<typeof SeparatorPrimitive>,\n  ComponentPropsWithoutRef<typeof SeparatorPrimitive>\n>((props, ref) => <SeparatorPrimitive ref={ref} {...props} />)\nSeparator.displayName = \"Separator\"\n"],"names":["SeparatorPrimitive"],"mappings":";;;AAIO,MAAM,YAAY,WAGvB,CAAC,OAAO,4BAASA,aAAA,EAAmB,KAAW,GAAG,OAAO,CAAE;AAC7D,UAAU,cAAc;"}

package/dist/index.js

@@ -1,20 +1,21 @@
 import { useToggle } from "./hooks/useToggle.js";
 import { useDebounce } from "./hooks/useDebounce.js";
 import { cn } from "./utils/cn.js";
-import { Avatar, AvatarFallback, AvatarImage } from "./primitives/avatar.js";
-import { Badge, badgeVariants } from "./primitives/badge.js";
+import { Avatar, AvatarFallback, AvatarImage } from "./components/Avatar/Avatar.js";
+import { Badge } from "./components/Badge/Badge.js";
 import { Button } from "./components/Button/Button.js";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./primitives/card.js";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/Card/Card.js";
 import { Checkbox } from "./components/Form/Checkbox.js";
-import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./primitives/dropdown-menu.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./components/DropdownMenu/DropdownMenu.js";
 import { Form } from "./components/Form/Form.js";
 import { FormConfigContext, buildZodSchemaFromRules, defaultFormConfig, useFieldValidationRegistry } from "./components/Form/context.js";
 import { RadioGroup, RadioItem } from "./components/Form/Radio.js";
 import { Select } from "./components/Form/Select.js";
-import { Separator } from "./primitives/separator.js";
+import { Separator } from "./components/Separator/Separator.js";
 import { Switch } from "./components/Form/Switch.js";
 import { TextArea } from "./components/Form/TextArea.js";
 import { TextBox } from "./components/Form/TextBox.js";
+import { badgeVariants } from "./primitives/badge.js";
 import { buttonVariants } from "./primitives/button.js";
 import { useFieldError, useForm, useFormConfig, useFormField } from "./components/Form/hooks.js";
 export {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/dist/primitives/{input.js → textbox.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../utils/cn.js";
-const Input = React.forwardRef(
+const TextBoxPrimitive = React.forwardRef(
   ({ className, type, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "input",
@@ -17,8 +17,8 @@ const Input = React.forwardRef(
     );
   }
 );
-Input.displayName = "Input";
+TextBoxPrimitive.displayName = "TextBoxPrimitive";
 export {
-  Input
+  TextBoxPrimitive
 };
-//# sourceMappingURL=input.js.map
+//# sourceMappingURL=textbox.js.map

package/dist/primitives/textbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textbox.js","sources":["../../src/primitives/textbox.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/utils\"\n\nconst TextBoxPrimitive = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nTextBoxPrimitive.displayName = \"TextBoxPrimitive\"\n\nexport { TextBoxPrimitive }\n"],"names":[],"mappings":";;;AAIA,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,EAAE,WAAW,MAAM,GAAG,MAAA,GAAS,QAAQ;AACtC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,QAEF;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACA,iBAAiB,cAAc;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skybin-tech/nebula-ui",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "type": "module",
   "author": "Anwar <anwar@skybin.io>",
   "description": "Reusable React component library with form validation using shadcn/ui patterns, react-hook-form, and Zod",

package/dist/cjs/primitives/input.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.cjs","sources":["../../../src/primitives/input.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/utils\"\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\n"],"names":["React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,QAAQA,iBAAM;AAAA,EAClB,CAAC,EAAE,WAAW,MAAM,GAAG,MAAA,GAAS,QAAQ;AACtC,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWC,GAAAA;AAAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,QAEF;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACA,MAAM,cAAc;;"}

package/dist/primitives/input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.js","sources":["../../src/primitives/input.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/utils\"\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\n"],"names":[],"mappings":";;;AAIA,MAAM,QAAQ,MAAM;AAAA,EAClB,CAAC,EAAE,WAAW,MAAM,GAAG,MAAA,GAAS,QAAQ;AACtC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,QAEF;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACA,MAAM,cAAc;"}