@skybin-tech/nebula-ui 0.0.29 → 0.0.30

package/dist/cjs/_virtual/_rolldown/runtime.cjs

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
 	value: mod,
 	enumerable: true
 }) : target, mod));

package/dist/cjs/components/Accordion/Accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs","names":[],"sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\r\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\r\nimport {\r\n  Accordion as AccordionPrimitive,\r\n  AccordionItem as AccordionItemPrimitive,\r\n  AccordionTrigger as AccordionTriggerPrimitive,\r\n  AccordionContent as AccordionContentPrimitive,\r\n} from \"../../primitives/accordion\"\r\n\r\nexport const Accordion = AccordionPrimitive\r\n\r\nexport const AccordionItem = forwardRef<\r\n  ElementRef<typeof AccordionItemPrimitive>,\r\n  ComponentPropsWithoutRef<typeof AccordionItemPrimitive>\r\n>((props, ref) => <AccordionItemPrimitive ref={ref} {...props} />)\r\nAccordionItem.displayName = \"AccordionItem\"\r\n\r\nexport const AccordionTrigger = forwardRef<\r\n  ElementRef<typeof AccordionTriggerPrimitive>,\r\n  ComponentPropsWithoutRef<typeof AccordionTriggerPrimitive>\r\n>((props, ref) => <AccordionTriggerPrimitive ref={ref} {...props} />)\r\nAccordionTrigger.displayName = \"AccordionTrigger\"\r\n\r\nexport const AccordionContent = forwardRef<\r\n  ElementRef<typeof AccordionContentPrimitive>,\r\n  ComponentPropsWithoutRef<typeof AccordionContentPrimitive>\r\n>((props, ref) => <AccordionContentPrimitive ref={ref} {...props} />)\r\nAccordionContent.displayName = \"AccordionContent\"\r\n"],"mappings":";;;;;AASA,IAAa,YAAY,kBAAA;AAEzB,IAAa,iBAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAA,eAAD;CAA6B;CAAK,GAAI;AAAQ,CAAA,CAAC;AACjE,cAAc,cAAc;AAE5B,IAAa,oBAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAA,kBAAD;CAAgC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACpE,iBAAiB,cAAc;AAE/B,IAAa,oBAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAA,kBAAD;CAAgC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACpE,iBAAiB,cAAc"}
+{"version":3,"file":"Accordion.cjs","names":[],"sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\r\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\r\nimport {\r\n  Accordion as AccordionPrimitive,\r\n  AccordionItem as AccordionItemPrimitive,\r\n  AccordionTrigger as AccordionTriggerPrimitive,\r\n  AccordionContent as AccordionContentPrimitive,\r\n} from \"../../primitives/accordion\"\r\n\r\nexport const Accordion = AccordionPrimitive\r\n\r\nexport const AccordionItem = forwardRef<\r\n  ElementRef<typeof AccordionItemPrimitive>,\r\n  ComponentPropsWithoutRef<typeof AccordionItemPrimitive>\r\n>((props, ref) => <AccordionItemPrimitive ref={ref} {...props} />)\r\nAccordionItem.displayName = \"AccordionItem\"\r\n\r\nexport const AccordionTrigger = forwardRef<\r\n  ElementRef<typeof AccordionTriggerPrimitive>,\r\n  ComponentPropsWithoutRef<typeof AccordionTriggerPrimitive>\r\n>((props, ref) => <AccordionTriggerPrimitive ref={ref} {...props} />)\r\nAccordionTrigger.displayName = \"AccordionTrigger\"\r\n\r\nexport const AccordionContent = forwardRef<\r\n  ElementRef<typeof AccordionContentPrimitive>,\r\n  ComponentPropsWithoutRef<typeof AccordionContentPrimitive>\r\n>((props, ref) => <AccordionContentPrimitive ref={ref} {...props} />)\r\nAccordionContent.displayName = \"AccordionContent\"\r\n"],"mappings":";;;;;AASA,IAAa,YAAY,kBAAA;AAEzB,IAAa,iBAAA,GAAgB,MAAA,WAAA,EAG1B,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAA,eAAD;CAA6B;CAAK,GAAI;AAAQ,CAAA,CAAC;AACjE,cAAc,cAAc;AAE5B,IAAa,oBAAA,GAAmB,MAAA,WAAA,EAG7B,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAA,kBAAD;CAAgC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACpE,iBAAiB,cAAc;AAE/B,IAAa,oBAAA,GAAmB,MAAA,WAAA,EAG7B,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAA,kBAAD;CAAgC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACpE,iBAAiB,cAAc"}

package/dist/cjs/components/Alert/Alert.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.cjs","names":[],"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\r\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\r\nimport {\r\n  Alert as AlertPrimitive,\r\n  AlertTitle as AlertTitlePrimitive,\r\n  AlertDescription as AlertDescriptionPrimitive,\r\n} from \"../../primitives/alert\"\r\n\r\nexport const Alert = forwardRef<\r\n  ElementRef<typeof AlertPrimitive>,\r\n  ComponentPropsWithoutRef<typeof AlertPrimitive>\r\n>((props, ref) => <AlertPrimitive ref={ref} {...props} />)\r\nAlert.displayName = \"Alert\"\r\n\r\nexport const AlertTitle = forwardRef<\r\n  ElementRef<typeof AlertTitlePrimitive>,\r\n  ComponentPropsWithoutRef<typeof AlertTitlePrimitive>\r\n>((props, ref) => <AlertTitlePrimitive ref={ref} {...props} />)\r\nAlertTitle.displayName = \"AlertTitle\"\r\n\r\nexport const AlertDescription = forwardRef<\r\n  ElementRef<typeof AlertDescriptionPrimitive>,\r\n  ComponentPropsWithoutRef<typeof AlertDescriptionPrimitive>\r\n>((props, ref) => <AlertDescriptionPrimitive ref={ref} {...props} />)\r\nAlertDescription.displayName = \"AlertDescription\"\r\n"],"mappings":";;;;;AAQA,IAAa,SAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,OAAD;CAAqB;CAAK,GAAI;AAAQ,CAAA,CAAC;AACzD,MAAM,cAAc;AAEpB,IAAa,cAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,YAAD;CAA0B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC9D,WAAW,cAAc;AAEzB,IAAa,oBAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,kBAAD;CAAgC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACpE,iBAAiB,cAAc"}
+{"version":3,"file":"Alert.cjs","names":[],"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\r\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\r\nimport {\r\n  Alert as AlertPrimitive,\r\n  AlertTitle as AlertTitlePrimitive,\r\n  AlertDescription as AlertDescriptionPrimitive,\r\n} from \"../../primitives/alert\"\r\n\r\nexport const Alert = forwardRef<\r\n  ElementRef<typeof AlertPrimitive>,\r\n  ComponentPropsWithoutRef<typeof AlertPrimitive>\r\n>((props, ref) => <AlertPrimitive ref={ref} {...props} />)\r\nAlert.displayName = \"Alert\"\r\n\r\nexport const AlertTitle = forwardRef<\r\n  ElementRef<typeof AlertTitlePrimitive>,\r\n  ComponentPropsWithoutRef<typeof AlertTitlePrimitive>\r\n>((props, ref) => <AlertTitlePrimitive ref={ref} {...props} />)\r\nAlertTitle.displayName = \"AlertTitle\"\r\n\r\nexport const AlertDescription = forwardRef<\r\n  ElementRef<typeof AlertDescriptionPrimitive>,\r\n  ComponentPropsWithoutRef<typeof AlertDescriptionPrimitive>\r\n>((props, ref) => <AlertDescriptionPrimitive ref={ref} {...props} />)\r\nAlertDescription.displayName = \"AlertDescription\"\r\n"],"mappings":";;;;;AAQA,IAAa,SAAA,GAAQ,MAAA,WAAA,EAGlB,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,OAAD;CAAqB;CAAK,GAAI;AAAQ,CAAA,CAAC;AACzD,MAAM,cAAc;AAEpB,IAAa,cAAA,GAAa,MAAA,WAAA,EAGvB,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,YAAD;CAA0B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC9D,WAAW,cAAc;AAEzB,IAAa,oBAAA,GAAmB,MAAA,WAAA,EAG7B,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,kBAAD;CAAgC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACpE,iBAAiB,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.cjs","names":[],"sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\r\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\r\nimport {\r\n  Avatar as AvatarPrimitive,\r\n  AvatarImage as AvatarImagePrimitive,\r\n  AvatarFallback as AvatarFallbackPrimitive,\r\n} from \"../../primitives/avatar\"\r\n\r\nexport const Avatar = forwardRef<\r\n  ElementRef<typeof AvatarPrimitive>,\r\n  ComponentPropsWithoutRef<typeof AvatarPrimitive>\r\n>((props, ref) => <AvatarPrimitive ref={ref} {...props} />)\r\nAvatar.displayName = \"Avatar\"\r\n\r\nexport const AvatarImage = forwardRef<\r\n  ElementRef<typeof AvatarImagePrimitive>,\r\n  ComponentPropsWithoutRef<typeof AvatarImagePrimitive>\r\n>((props, ref) => <AvatarImagePrimitive ref={ref} {...props} />)\r\nAvatarImage.displayName = \"AvatarImage\"\r\n\r\nexport const AvatarFallback = forwardRef<\r\n  ElementRef<typeof AvatarFallbackPrimitive>,\r\n  ComponentPropsWithoutRef<typeof AvatarFallbackPrimitive>\r\n>((props, ref) => <AvatarFallbackPrimitive ref={ref} {...props} />)\r\nAvatarFallback.displayName = \"AvatarFallback\"\r\n"],"mappings":";;;;;AAQA,IAAa,UAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,QAAD;CAAsB;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC1D,OAAO,cAAc;AAErB,IAAa,eAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,aAAD;CAA2B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC/D,YAAY,cAAc;AAE1B,IAAa,kBAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,gBAAD;CAA8B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAClE,eAAe,cAAc"}
+{"version":3,"file":"Avatar.cjs","names":[],"sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\r\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\r\nimport {\r\n  Avatar as AvatarPrimitive,\r\n  AvatarImage as AvatarImagePrimitive,\r\n  AvatarFallback as AvatarFallbackPrimitive,\r\n} from \"../../primitives/avatar\"\r\n\r\nexport const Avatar = forwardRef<\r\n  ElementRef<typeof AvatarPrimitive>,\r\n  ComponentPropsWithoutRef<typeof AvatarPrimitive>\r\n>((props, ref) => <AvatarPrimitive ref={ref} {...props} />)\r\nAvatar.displayName = \"Avatar\"\r\n\r\nexport const AvatarImage = forwardRef<\r\n  ElementRef<typeof AvatarImagePrimitive>,\r\n  ComponentPropsWithoutRef<typeof AvatarImagePrimitive>\r\n>((props, ref) => <AvatarImagePrimitive ref={ref} {...props} />)\r\nAvatarImage.displayName = \"AvatarImage\"\r\n\r\nexport const AvatarFallback = forwardRef<\r\n  ElementRef<typeof AvatarFallbackPrimitive>,\r\n  ComponentPropsWithoutRef<typeof AvatarFallbackPrimitive>\r\n>((props, ref) => <AvatarFallbackPrimitive ref={ref} {...props} />)\r\nAvatarFallback.displayName = \"AvatarFallback\"\r\n"],"mappings":";;;;;AAQA,IAAa,UAAA,GAAS,MAAA,WAAA,EAGnB,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,QAAD;CAAsB;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC1D,OAAO,cAAc;AAErB,IAAa,eAAA,GAAc,MAAA,WAAA,EAGxB,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,aAAD;CAA2B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC/D,YAAY,cAAc;AAE1B,IAAa,kBAAA,GAAiB,MAAA,WAAA,EAG3B,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,gBAAD;CAA8B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAClE,eAAe,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","names":[],"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from \"react\";\r\nimport { type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { ButtonPrimitive, buttonVariants as buttonVariantsPrimitive } from \"../../primitives/button\"\r\n\r\n// Re-exported for consumers that compose custom button styles\r\n// eslint-disable-next-line react-refresh/only-export-components\r\nexport const buttonVariants = buttonVariantsPrimitive;\r\n\r\ntype PrimitiveVariant = NonNullable<VariantProps<typeof buttonVariants>[\"variant\"]>;\r\ntype PrimitiveSize = NonNullable<VariantProps<typeof buttonVariants>[\"size\"]>;\r\n\r\nconst variantMap: Record<string, PrimitiveVariant> = {\r\n  primary: \"default\",\r\n  secondary: \"secondary\",\r\n  outline: \"outline\",\r\n  ghost: \"ghost\",\r\n  danger: \"destructive\",\r\n};\r\n\r\nconst sizeMap: Record<string, PrimitiveSize> = {\r\n  sm: \"sm\",\r\n  md: \"default\",\r\n  lg: \"lg\",\r\n};\r\n\r\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\r\n  /** Visual style variant */\r\n  variant?: keyof typeof variantMap;\r\n  /** Size of the button */\r\n  size?: keyof typeof sizeMap;\r\n  /** Stretch button to full container width */\r\n  fullWidth?: boolean;\r\n  /** Show a loading spinner and disable interaction */\r\n  loading?: boolean;\r\n  /** Render as child element via Slot (e.g. wrap a Link) */\r\n  asChild?: boolean;\r\n  children: ReactNode;\r\n}\r\n\r\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\r\n  {\r\n    children,\r\n    variant = \"primary\",\r\n    size = \"md\",\r\n    fullWidth = false,\r\n    loading = false,\r\n    disabled,\r\n    className,\r\n    asChild = false,\r\n    style,\r\n    ...props\r\n  },\r\n  ref\r\n) {\r\n  return (\r\n    <ButtonPrimitive\r\n      ref={ref}\r\n      variant={variantMap[variant]}\r\n      size={sizeMap[size]}\r\n      asChild={asChild}\r\n      disabled={disabled || loading}\r\n      className={cn(fullWidth && \"w-full\", \"relative cursor-pointer\", className)}\r\n      style={style}\r\n      {...props}\r\n    >\r\n      {asChild ? (\r\n        children\r\n      ) : (\r\n        <>\r\n          {loading && (\r\n            <span className=\"absolute inset-0 flex items-center justify-center\">\r\n              <span className=\"size-4 border-2 border-current border-r-transparent rounded-full animate-spin\" />\r\n            </span>\r\n          )}\r\n          <span className={cn(\"inline-flex items-center gap-2\", loading && \"invisible\")}>{children}</span>\r\n        </>\r\n      )}\r\n    </ButtonPrimitive>\r\n  );\r\n});\r\n\r\nButton.displayName = \"Button\";\r\n"],"mappings":";;;;;;;AAOA,IAAa,iBAAiB,eAAA;AAK9B,IAAM,aAA+C;CACnD,SAAS;CACT,WAAW;CACX,SAAS;CACT,OAAO;CACP,QAAQ;AACV;AAEA,IAAM,UAAyC;CAC7C,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAgBA,IAAa,UAAA,GAAA,MAAA,WAAA,CAAoD,SAAS,OACxE,EACE,UACA,UAAU,WACV,OAAO,MACP,YAAY,OACZ,UAAU,OACV,UACA,WACA,UAAU,OACV,OACA,GAAG,SAEL,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,QAAD;EACO;EACL,SAAS,WAAW;EACpB,MAAM,QAAQ;EACL;EACT,UAAU,YAAY;EACtB,WAAW,WAAA,GAAG,aAAa,UAAU,2BAA2B,SAAS;EAClE;EACP,GAAI;YAEH,UACC,WAEA,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACG,WACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAU;aACd,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,WAAU,gFAAiF,CAAA;EAC7F,CAAA,GAER,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAW,WAAA,GAAG,kCAAkC,WAAW,WAAW;GAAI;EAAe,CAAA,CAC/F,EAAA,CAAA;CAEW,CAAA;AAErB,CAAC;AAED,OAAO,cAAc"}
+{"version":3,"file":"Button.cjs","names":[],"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from \"react\";\r\nimport { type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { ButtonPrimitive, buttonVariants as buttonVariantsPrimitive } from \"../../primitives/button\"\r\n\r\n// Re-exported for consumers that compose custom button styles\r\n// eslint-disable-next-line react-refresh/only-export-components\r\nexport const buttonVariants = buttonVariantsPrimitive;\r\n\r\ntype PrimitiveVariant = NonNullable<VariantProps<typeof buttonVariants>[\"variant\"]>;\r\ntype PrimitiveSize = NonNullable<VariantProps<typeof buttonVariants>[\"size\"]>;\r\n\r\nconst variantMap: Record<string, PrimitiveVariant> = {\r\n  primary: \"default\",\r\n  secondary: \"secondary\",\r\n  outline: \"outline\",\r\n  ghost: \"ghost\",\r\n  danger: \"destructive\",\r\n};\r\n\r\nconst sizeMap: Record<string, PrimitiveSize> = {\r\n  sm: \"sm\",\r\n  md: \"default\",\r\n  lg: \"lg\",\r\n};\r\n\r\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\r\n  /** Visual style variant */\r\n  variant?: keyof typeof variantMap;\r\n  /** Size of the button */\r\n  size?: keyof typeof sizeMap;\r\n  /** Stretch button to full container width */\r\n  fullWidth?: boolean;\r\n  /** Show a loading spinner and disable interaction */\r\n  loading?: boolean;\r\n  /** Render as child element via Slot (e.g. wrap a Link) */\r\n  asChild?: boolean;\r\n  children: ReactNode;\r\n}\r\n\r\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\r\n  {\r\n    children,\r\n    variant = \"primary\",\r\n    size = \"md\",\r\n    fullWidth = false,\r\n    loading = false,\r\n    disabled,\r\n    className,\r\n    asChild = false,\r\n    style,\r\n    ...props\r\n  },\r\n  ref\r\n) {\r\n  return (\r\n    <ButtonPrimitive\r\n      ref={ref}\r\n      variant={variantMap[variant]}\r\n      size={sizeMap[size]}\r\n      asChild={asChild}\r\n      disabled={disabled || loading}\r\n      className={cn(fullWidth && \"w-full\", \"relative cursor-pointer\", className)}\r\n      style={style}\r\n      {...props}\r\n    >\r\n      {asChild ? (\r\n        children\r\n      ) : (\r\n        <>\r\n          {loading && (\r\n            <span className=\"absolute inset-0 flex items-center justify-center\">\r\n              <span className=\"size-4 border-2 border-current border-r-transparent rounded-full animate-spin\" />\r\n            </span>\r\n          )}\r\n          <span className={cn(\"inline-flex items-center gap-2\", loading && \"invisible\")}>{children}</span>\r\n        </>\r\n      )}\r\n    </ButtonPrimitive>\r\n  );\r\n});\r\n\r\nButton.displayName = \"Button\";\r\n"],"mappings":";;;;;;;AAOA,IAAa,iBAAiB,eAAA;AAK9B,IAAM,aAA+C;CACnD,SAAS;CACT,WAAW;CACX,SAAS;CACT,OAAO;CACP,QAAQ;AACV;AAEA,IAAM,UAAyC;CAC7C,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAgBA,IAAa,UAAA,GAAS,MAAA,WAAA,CAA2C,SAAS,OACxE,EACE,UACA,UAAU,WACV,OAAO,MACP,YAAY,OACZ,UAAU,OACV,UACA,WACA,UAAU,OACV,OACA,GAAG,SAEL,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,QAAD;EACO;EACL,SAAS,WAAW;EACpB,MAAM,QAAQ;EACL;EACT,UAAU,YAAY;EACtB,WAAW,WAAA,GAAG,aAAa,UAAU,2BAA2B,SAAS;EAClE;EACP,GAAI;EAEH,UAAA,UACC,WAEA,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACG,WACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAU;GACd,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,WAAU,gFAAiF,CAAA;EAC7F,CAAA,GAER,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAW,WAAA,GAAG,kCAAkC,WAAW,WAAW;GAAI;EAAe,CAAA,CAC/F,EAAA,CAAA;CAEW,CAAA;AAErB,CAAC;AAED,OAAO,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Card.cjs","names":[],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\r\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\r\nimport {\r\n  Card as CardPrimitive,\r\n  CardHeader as CardHeaderPrimitive,\r\n  CardTitle as CardTitlePrimitive,\r\n  CardDescription as CardDescriptionPrimitive,\r\n  CardContent as CardContentPrimitive,\r\n  CardFooter as CardFooterPrimitive,\r\n} from \"../../primitives/card\"\r\n\r\nexport const Card = forwardRef<\r\n  ElementRef<typeof CardPrimitive>,\r\n  ComponentPropsWithoutRef<typeof CardPrimitive>\r\n>((props, ref) => <CardPrimitive ref={ref} {...props} />)\r\nCard.displayName = \"Card\"\r\n\r\nexport const CardHeader = forwardRef<\r\n  ElementRef<typeof CardHeaderPrimitive>,\r\n  ComponentPropsWithoutRef<typeof CardHeaderPrimitive>\r\n>((props, ref) => <CardHeaderPrimitive ref={ref} {...props} />)\r\nCardHeader.displayName = \"CardHeader\"\r\n\r\nexport const CardTitle = forwardRef<\r\n  ElementRef<typeof CardTitlePrimitive>,\r\n  ComponentPropsWithoutRef<typeof CardTitlePrimitive>\r\n>((props, ref) => <CardTitlePrimitive ref={ref} {...props} />)\r\nCardTitle.displayName = \"CardTitle\"\r\n\r\nexport const CardDescription = forwardRef<\r\n  ElementRef<typeof CardDescriptionPrimitive>,\r\n  ComponentPropsWithoutRef<typeof CardDescriptionPrimitive>\r\n>((props, ref) => <CardDescriptionPrimitive ref={ref} {...props} />)\r\nCardDescription.displayName = \"CardDescription\"\r\n\r\nexport const CardContent = forwardRef<\r\n  ElementRef<typeof CardContentPrimitive>,\r\n  ComponentPropsWithoutRef<typeof CardContentPrimitive>\r\n>((props, ref) => <CardContentPrimitive ref={ref} {...props} />)\r\nCardContent.displayName = \"CardContent\"\r\n\r\nexport const CardFooter = forwardRef<\r\n  ElementRef<typeof CardFooterPrimitive>,\r\n  ComponentPropsWithoutRef<typeof CardFooterPrimitive>\r\n>((props, ref) => <CardFooterPrimitive ref={ref} {...props} />)\r\nCardFooter.displayName = \"CardFooter\"\r\n"],"mappings":";;;;;AAWA,IAAa,QAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,MAAD;CAAoB;CAAK,GAAI;AAAQ,CAAA,CAAC;AACxD,KAAK,cAAc;AAEnB,IAAa,cAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,YAAD;CAA0B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC9D,WAAW,cAAc;AAEzB,IAAa,aAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,WAAD;CAAyB;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC7D,UAAU,cAAc;AAExB,IAAa,mBAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,iBAAD;CAA+B;CAAK,GAAI;AAAQ,CAAA,CAAC;AACnE,gBAAgB,cAAc;AAE9B,IAAa,eAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,aAAD;CAA2B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC/D,YAAY,cAAc;AAE1B,IAAa,cAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,YAAD;CAA0B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC9D,WAAW,cAAc"}
+{"version":3,"file":"Card.cjs","names":[],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\r\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\r\nimport {\r\n  Card as CardPrimitive,\r\n  CardHeader as CardHeaderPrimitive,\r\n  CardTitle as CardTitlePrimitive,\r\n  CardDescription as CardDescriptionPrimitive,\r\n  CardContent as CardContentPrimitive,\r\n  CardFooter as CardFooterPrimitive,\r\n} from \"../../primitives/card\"\r\n\r\nexport const Card = forwardRef<\r\n  ElementRef<typeof CardPrimitive>,\r\n  ComponentPropsWithoutRef<typeof CardPrimitive>\r\n>((props, ref) => <CardPrimitive ref={ref} {...props} />)\r\nCard.displayName = \"Card\"\r\n\r\nexport const CardHeader = forwardRef<\r\n  ElementRef<typeof CardHeaderPrimitive>,\r\n  ComponentPropsWithoutRef<typeof CardHeaderPrimitive>\r\n>((props, ref) => <CardHeaderPrimitive ref={ref} {...props} />)\r\nCardHeader.displayName = \"CardHeader\"\r\n\r\nexport const CardTitle = forwardRef<\r\n  ElementRef<typeof CardTitlePrimitive>,\r\n  ComponentPropsWithoutRef<typeof CardTitlePrimitive>\r\n>((props, ref) => <CardTitlePrimitive ref={ref} {...props} />)\r\nCardTitle.displayName = \"CardTitle\"\r\n\r\nexport const CardDescription = forwardRef<\r\n  ElementRef<typeof CardDescriptionPrimitive>,\r\n  ComponentPropsWithoutRef<typeof CardDescriptionPrimitive>\r\n>((props, ref) => <CardDescriptionPrimitive ref={ref} {...props} />)\r\nCardDescription.displayName = \"CardDescription\"\r\n\r\nexport const CardContent = forwardRef<\r\n  ElementRef<typeof CardContentPrimitive>,\r\n  ComponentPropsWithoutRef<typeof CardContentPrimitive>\r\n>((props, ref) => <CardContentPrimitive ref={ref} {...props} />)\r\nCardContent.displayName = \"CardContent\"\r\n\r\nexport const CardFooter = forwardRef<\r\n  ElementRef<typeof CardFooterPrimitive>,\r\n  ComponentPropsWithoutRef<typeof CardFooterPrimitive>\r\n>((props, ref) => <CardFooterPrimitive ref={ref} {...props} />)\r\nCardFooter.displayName = \"CardFooter\"\r\n"],"mappings":";;;;;AAWA,IAAa,QAAA,GAAO,MAAA,WAAA,EAGjB,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,MAAD;CAAoB;CAAK,GAAI;AAAQ,CAAA,CAAC;AACxD,KAAK,cAAc;AAEnB,IAAa,cAAA,GAAa,MAAA,WAAA,EAGvB,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,YAAD;CAA0B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC9D,WAAW,cAAc;AAEzB,IAAa,aAAA,GAAY,MAAA,WAAA,EAGtB,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,WAAD;CAAyB;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC7D,UAAU,cAAc;AAExB,IAAa,mBAAA,GAAkB,MAAA,WAAA,EAG5B,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,iBAAD;CAA+B;CAAK,GAAI;AAAQ,CAAA,CAAC;AACnE,gBAAgB,cAAc;AAE9B,IAAa,eAAA,GAAc,MAAA,WAAA,EAGxB,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,aAAD;CAA2B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC/D,YAAY,cAAc;AAE1B,IAAa,cAAA,GAAa,MAAA,WAAA,EAGvB,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,YAAD;CAA0B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC9D,WAAW,cAAc"}

package/dist/cjs/components/Checkbox/Checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","names":[],"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { forwardRef } from \"react\"\r\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\r\nimport { Checkbox as CheckboxPrimitive } from \"../../primitives/checkbox\"\r\n\r\nexport type CheckboxProps = ComponentPropsWithoutRef<typeof CheckboxPrimitive>\r\n\r\nexport const Checkbox = forwardRef<\r\n  ElementRef<typeof CheckboxPrimitive>,\r\n  CheckboxProps\r\n>((props, ref) => <CheckboxPrimitive ref={ref} {...props} />)\r\nCheckbox.displayName = \"Checkbox\"\r\n"],"mappings":";;;;;;AAQA,IAAa,YAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAA,UAAD;CAAwB;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC5D,SAAS,cAAc"}
+{"version":3,"file":"Checkbox.cjs","names":[],"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { forwardRef } from \"react\"\r\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\r\nimport { Checkbox as CheckboxPrimitive } from \"../../primitives/checkbox\"\r\n\r\nexport type CheckboxProps = ComponentPropsWithoutRef<typeof CheckboxPrimitive>\r\n\r\nexport const Checkbox = forwardRef<\r\n  ElementRef<typeof CheckboxPrimitive>,\r\n  CheckboxProps\r\n>((props, ref) => <CheckboxPrimitive ref={ref} {...props} />)\r\nCheckbox.displayName = \"Checkbox\"\r\n"],"mappings":";;;;;;AAQA,IAAa,YAAA,GAAW,MAAA,WAAA,EAGrB,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAA,UAAD;CAAwB;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC5D,SAAS,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.cjs","names":[],"sources":["../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\r\nimport type { ComponentPropsWithoutRef, ElementRef, HTMLAttributes } from \"react\"\r\nimport {\r\n  DropdownMenu as DropdownMenuPrimitive,\r\n  DropdownMenuTrigger as DropdownMenuTriggerPrimitive,\r\n  DropdownMenuContent as DropdownMenuContentPrimitive,\r\n  DropdownMenuItem as DropdownMenuItemPrimitive,\r\n  DropdownMenuCheckboxItem as DropdownMenuCheckboxItemPrimitive,\r\n  DropdownMenuRadioItem as DropdownMenuRadioItemPrimitive,\r\n  DropdownMenuLabel as DropdownMenuLabelPrimitive,\r\n  DropdownMenuSeparator as DropdownMenuSeparatorPrimitive,\r\n  DropdownMenuShortcut as DropdownMenuShortcutPrimitive,\r\n  DropdownMenuGroup as DropdownMenuGroupPrimitive,\r\n  DropdownMenuPortal as DropdownMenuPortalPrimitive,\r\n  DropdownMenuSub as DropdownMenuSubPrimitive,\r\n  DropdownMenuSubContent as DropdownMenuSubContentPrimitive,\r\n  DropdownMenuSubTrigger as DropdownMenuSubTriggerPrimitive,\r\n  DropdownMenuRadioGroup as DropdownMenuRadioGroupPrimitive,\r\n} from \"../../primitives/dropdown-menu\"\r\n\r\n// Root / context-only components (no DOM element to ref)\r\nexport function DropdownMenu(props: ComponentPropsWithoutRef<typeof DropdownMenuPrimitive>) {\r\n  return <DropdownMenuPrimitive {...props} />\r\n}\r\n\r\nexport function DropdownMenuPortal(props: ComponentPropsWithoutRef<typeof DropdownMenuPortalPrimitive>) {\r\n  return <DropdownMenuPortalPrimitive {...props} />\r\n}\r\n\r\nexport function DropdownMenuSub(props: ComponentPropsWithoutRef<typeof DropdownMenuSubPrimitive>) {\r\n  return <DropdownMenuSubPrimitive {...props} />\r\n}\r\n\r\n// DOM-rendering components (forwardRef)\r\nexport const DropdownMenuTrigger = forwardRef<\r\n  ElementRef<typeof DropdownMenuTriggerPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuTriggerPrimitive>\r\n>((props, ref) => <DropdownMenuTriggerPrimitive ref={ref} {...props} />)\r\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\"\r\n\r\nexport const DropdownMenuGroup = forwardRef<\r\n  ElementRef<typeof DropdownMenuGroupPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuGroupPrimitive>\r\n>((props, ref) => <DropdownMenuGroupPrimitive ref={ref} {...props} />)\r\nDropdownMenuGroup.displayName = \"DropdownMenuGroup\"\r\n\r\nexport const DropdownMenuRadioGroup = forwardRef<\r\n  ElementRef<typeof DropdownMenuRadioGroupPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuRadioGroupPrimitive>\r\n>((props, ref) => <DropdownMenuRadioGroupPrimitive ref={ref} {...props} />)\r\nDropdownMenuRadioGroup.displayName = \"DropdownMenuRadioGroup\"\r\n\r\nexport const DropdownMenuContent = forwardRef<\r\n  ElementRef<typeof DropdownMenuContentPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuContentPrimitive>\r\n>((props, ref) => <DropdownMenuContentPrimitive ref={ref} {...props} />)\r\nDropdownMenuContent.displayName = \"DropdownMenuContent\"\r\n\r\nexport const DropdownMenuSubContent = forwardRef<\r\n  ElementRef<typeof DropdownMenuSubContentPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuSubContentPrimitive>\r\n>((props, ref) => <DropdownMenuSubContentPrimitive ref={ref} {...props} />)\r\nDropdownMenuSubContent.displayName = \"DropdownMenuSubContent\"\r\n\r\nexport const DropdownMenuSubTrigger = forwardRef<\r\n  ElementRef<typeof DropdownMenuSubTriggerPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuSubTriggerPrimitive>\r\n>((props, ref) => <DropdownMenuSubTriggerPrimitive ref={ref} {...props} />)\r\nDropdownMenuSubTrigger.displayName = \"DropdownMenuSubTrigger\"\r\n\r\nexport const DropdownMenuItem = forwardRef<\r\n  ElementRef<typeof DropdownMenuItemPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuItemPrimitive>\r\n>((props, ref) => <DropdownMenuItemPrimitive ref={ref} {...props} />)\r\nDropdownMenuItem.displayName = \"DropdownMenuItem\"\r\n\r\nexport const DropdownMenuCheckboxItem = forwardRef<\r\n  ElementRef<typeof DropdownMenuCheckboxItemPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuCheckboxItemPrimitive>\r\n>((props, ref) => <DropdownMenuCheckboxItemPrimitive ref={ref} {...props} />)\r\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\"\r\n\r\nexport const DropdownMenuRadioItem = forwardRef<\r\n  ElementRef<typeof DropdownMenuRadioItemPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuRadioItemPrimitive>\r\n>((props, ref) => <DropdownMenuRadioItemPrimitive ref={ref} {...props} />)\r\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\"\r\n\r\nexport const DropdownMenuLabel = forwardRef<\r\n  ElementRef<typeof DropdownMenuLabelPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuLabelPrimitive>\r\n>((props, ref) => <DropdownMenuLabelPrimitive ref={ref} {...props} />)\r\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\"\r\n\r\nexport const DropdownMenuSeparator = forwardRef<\r\n  ElementRef<typeof DropdownMenuSeparatorPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuSeparatorPrimitive>\r\n>((props, ref) => <DropdownMenuSeparatorPrimitive ref={ref} {...props} />)\r\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\"\r\n\r\n// Utility span — no ref needed\r\nexport function DropdownMenuShortcut(props: HTMLAttributes<HTMLSpanElement>) {\r\n  return <DropdownMenuShortcutPrimitive {...props} />\r\n}\r\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\r\n"],"mappings":";;;;;AAqBA,SAAgB,aAAa,OAA+D;CAC1F,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,cAAD,EAAuB,GAAI,MAAQ,CAAA;AAC5C;AAEA,SAAgB,mBAAmB,OAAqE;CACtG,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,oBAAD,EAA6B,GAAI,MAAQ,CAAA;AAClD;AAEA,SAAgB,gBAAgB,OAAkE;CAChG,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,iBAAD,EAA0B,GAAI,MAAQ,CAAA;AAC/C;AAGA,IAAa,uBAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,qBAAD;CAAmC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACvE,oBAAoB,cAAc;AAElC,IAAa,qBAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,mBAAD;CAAiC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACrE,kBAAkB,cAAc;AAEhC,IAAa,0BAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,wBAAD;CAAsC;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC1E,uBAAuB,cAAc;AAErC,IAAa,uBAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,qBAAD;CAAmC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACvE,oBAAoB,cAAc;AAElC,IAAa,0BAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,wBAAD;CAAsC;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC1E,uBAAuB,cAAc;AAErC,IAAa,0BAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,wBAAD;CAAsC;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC1E,uBAAuB,cAAc;AAErC,IAAa,oBAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,kBAAD;CAAgC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACpE,iBAAiB,cAAc;AAE/B,IAAa,4BAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,0BAAD;CAAwC;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC5E,yBAAyB,cAAc;AAEvC,IAAa,yBAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,uBAAD;CAAqC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACzE,sBAAsB,cAAc;AAEpC,IAAa,qBAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,mBAAD;CAAiC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACrE,kBAAkB,cAAc;AAEhC,IAAa,yBAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,uBAAD;CAAqC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACzE,sBAAsB,cAAc;AAGpC,SAAgB,qBAAqB,OAAwC;CAC3E,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,sBAAD,EAA+B,GAAI,MAAQ,CAAA;AACpD;AACA,qBAAqB,cAAc"}
+{"version":3,"file":"DropdownMenu.cjs","names":[],"sources":["../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\r\nimport type { ComponentPropsWithoutRef, ElementRef, HTMLAttributes } from \"react\"\r\nimport {\r\n  DropdownMenu as DropdownMenuPrimitive,\r\n  DropdownMenuTrigger as DropdownMenuTriggerPrimitive,\r\n  DropdownMenuContent as DropdownMenuContentPrimitive,\r\n  DropdownMenuItem as DropdownMenuItemPrimitive,\r\n  DropdownMenuCheckboxItem as DropdownMenuCheckboxItemPrimitive,\r\n  DropdownMenuRadioItem as DropdownMenuRadioItemPrimitive,\r\n  DropdownMenuLabel as DropdownMenuLabelPrimitive,\r\n  DropdownMenuSeparator as DropdownMenuSeparatorPrimitive,\r\n  DropdownMenuShortcut as DropdownMenuShortcutPrimitive,\r\n  DropdownMenuGroup as DropdownMenuGroupPrimitive,\r\n  DropdownMenuPortal as DropdownMenuPortalPrimitive,\r\n  DropdownMenuSub as DropdownMenuSubPrimitive,\r\n  DropdownMenuSubContent as DropdownMenuSubContentPrimitive,\r\n  DropdownMenuSubTrigger as DropdownMenuSubTriggerPrimitive,\r\n  DropdownMenuRadioGroup as DropdownMenuRadioGroupPrimitive,\r\n} from \"../../primitives/dropdown-menu\"\r\n\r\n// Root / context-only components (no DOM element to ref)\r\nexport function DropdownMenu(props: ComponentPropsWithoutRef<typeof DropdownMenuPrimitive>) {\r\n  return <DropdownMenuPrimitive {...props} />\r\n}\r\n\r\nexport function DropdownMenuPortal(props: ComponentPropsWithoutRef<typeof DropdownMenuPortalPrimitive>) {\r\n  return <DropdownMenuPortalPrimitive {...props} />\r\n}\r\n\r\nexport function DropdownMenuSub(props: ComponentPropsWithoutRef<typeof DropdownMenuSubPrimitive>) {\r\n  return <DropdownMenuSubPrimitive {...props} />\r\n}\r\n\r\n// DOM-rendering components (forwardRef)\r\nexport const DropdownMenuTrigger = forwardRef<\r\n  ElementRef<typeof DropdownMenuTriggerPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuTriggerPrimitive>\r\n>((props, ref) => <DropdownMenuTriggerPrimitive ref={ref} {...props} />)\r\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\"\r\n\r\nexport const DropdownMenuGroup = forwardRef<\r\n  ElementRef<typeof DropdownMenuGroupPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuGroupPrimitive>\r\n>((props, ref) => <DropdownMenuGroupPrimitive ref={ref} {...props} />)\r\nDropdownMenuGroup.displayName = \"DropdownMenuGroup\"\r\n\r\nexport const DropdownMenuRadioGroup = forwardRef<\r\n  ElementRef<typeof DropdownMenuRadioGroupPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuRadioGroupPrimitive>\r\n>((props, ref) => <DropdownMenuRadioGroupPrimitive ref={ref} {...props} />)\r\nDropdownMenuRadioGroup.displayName = \"DropdownMenuRadioGroup\"\r\n\r\nexport const DropdownMenuContent = forwardRef<\r\n  ElementRef<typeof DropdownMenuContentPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuContentPrimitive>\r\n>((props, ref) => <DropdownMenuContentPrimitive ref={ref} {...props} />)\r\nDropdownMenuContent.displayName = \"DropdownMenuContent\"\r\n\r\nexport const DropdownMenuSubContent = forwardRef<\r\n  ElementRef<typeof DropdownMenuSubContentPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuSubContentPrimitive>\r\n>((props, ref) => <DropdownMenuSubContentPrimitive ref={ref} {...props} />)\r\nDropdownMenuSubContent.displayName = \"DropdownMenuSubContent\"\r\n\r\nexport const DropdownMenuSubTrigger = forwardRef<\r\n  ElementRef<typeof DropdownMenuSubTriggerPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuSubTriggerPrimitive>\r\n>((props, ref) => <DropdownMenuSubTriggerPrimitive ref={ref} {...props} />)\r\nDropdownMenuSubTrigger.displayName = \"DropdownMenuSubTrigger\"\r\n\r\nexport const DropdownMenuItem = forwardRef<\r\n  ElementRef<typeof DropdownMenuItemPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuItemPrimitive>\r\n>((props, ref) => <DropdownMenuItemPrimitive ref={ref} {...props} />)\r\nDropdownMenuItem.displayName = \"DropdownMenuItem\"\r\n\r\nexport const DropdownMenuCheckboxItem = forwardRef<\r\n  ElementRef<typeof DropdownMenuCheckboxItemPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuCheckboxItemPrimitive>\r\n>((props, ref) => <DropdownMenuCheckboxItemPrimitive ref={ref} {...props} />)\r\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\"\r\n\r\nexport const DropdownMenuRadioItem = forwardRef<\r\n  ElementRef<typeof DropdownMenuRadioItemPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuRadioItemPrimitive>\r\n>((props, ref) => <DropdownMenuRadioItemPrimitive ref={ref} {...props} />)\r\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\"\r\n\r\nexport const DropdownMenuLabel = forwardRef<\r\n  ElementRef<typeof DropdownMenuLabelPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuLabelPrimitive>\r\n>((props, ref) => <DropdownMenuLabelPrimitive ref={ref} {...props} />)\r\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\"\r\n\r\nexport const DropdownMenuSeparator = forwardRef<\r\n  ElementRef<typeof DropdownMenuSeparatorPrimitive>,\r\n  ComponentPropsWithoutRef<typeof DropdownMenuSeparatorPrimitive>\r\n>((props, ref) => <DropdownMenuSeparatorPrimitive ref={ref} {...props} />)\r\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\"\r\n\r\n// Utility span — no ref needed\r\nexport function DropdownMenuShortcut(props: HTMLAttributes<HTMLSpanElement>) {\r\n  return <DropdownMenuShortcutPrimitive {...props} />\r\n}\r\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\r\n"],"mappings":";;;;;AAqBA,SAAgB,aAAa,OAA+D;CAC1F,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,cAAD,EAAuB,GAAI,MAAQ,CAAA;AAC5C;AAEA,SAAgB,mBAAmB,OAAqE;CACtG,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,oBAAD,EAA6B,GAAI,MAAQ,CAAA;AAClD;AAEA,SAAgB,gBAAgB,OAAkE;CAChG,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,iBAAD,EAA0B,GAAI,MAAQ,CAAA;AAC/C;AAGA,IAAa,uBAAA,GAAsB,MAAA,WAAA,EAGhC,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,qBAAD;CAAmC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACvE,oBAAoB,cAAc;AAElC,IAAa,qBAAA,GAAoB,MAAA,WAAA,EAG9B,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,mBAAD;CAAiC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACrE,kBAAkB,cAAc;AAEhC,IAAa,0BAAA,GAAyB,MAAA,WAAA,EAGnC,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,wBAAD;CAAsC;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC1E,uBAAuB,cAAc;AAErC,IAAa,uBAAA,GAAsB,MAAA,WAAA,EAGhC,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,qBAAD;CAAmC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACvE,oBAAoB,cAAc;AAElC,IAAa,0BAAA,GAAyB,MAAA,WAAA,EAGnC,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,wBAAD;CAAsC;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC1E,uBAAuB,cAAc;AAErC,IAAa,0BAAA,GAAyB,MAAA,WAAA,EAGnC,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,wBAAD;CAAsC;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC1E,uBAAuB,cAAc;AAErC,IAAa,oBAAA,GAAmB,MAAA,WAAA,EAG7B,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,kBAAD;CAAgC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACpE,iBAAiB,cAAc;AAE/B,IAAa,4BAAA,GAA2B,MAAA,WAAA,EAGrC,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,0BAAD;CAAwC;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC5E,yBAAyB,cAAc;AAEvC,IAAa,yBAAA,GAAwB,MAAA,WAAA,EAGlC,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,uBAAD;CAAqC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACzE,sBAAsB,cAAc;AAEpC,IAAa,qBAAA,GAAoB,MAAA,WAAA,EAG9B,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,mBAAD;CAAiC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACrE,kBAAkB,cAAc;AAEhC,IAAa,yBAAA,GAAwB,MAAA,WAAA,EAGlC,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,uBAAD;CAAqC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACzE,sBAAsB,cAAc;AAGpC,SAAgB,qBAAqB,OAAwC;CAC3E,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,sBAAD,EAA+B,GAAI,MAAQ,CAAA;AACpD;AACA,qBAAqB,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","names":[],"sources":["../../../../src/components/Form/Checkbox.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { forwardRef, useId, useContext, useEffect } from \"react\";\r\nimport type { ReactNode, ComponentPropsWithoutRef } from \"react\";\r\nimport { useController, useFormContext as useRHFFormContext, type FieldValues, type FieldPath, type Control } from \"react-hook-form\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { FormConfigContext, type FormConfig, type FieldValidationRules } from \"../Form/context\";\r\nimport { Checkbox as ShadcnCheckbox } from \"../../primitives/checkbox\";\r\nimport { Label } from \"../../primitives/label\";\r\nimport type * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\r\n\r\nconst checkboxSizeVariants = cva(\r\n  \"\",\r\n  {\r\n    variants: {\r\n      size: {\r\n        sm: \"h-4 w-4\",\r\n        md: \"h-5 w-5\",\r\n        lg: \"h-6 w-6\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      size: \"md\",\r\n    },\r\n  }\r\n);\r\n\r\nconst labelVariants = cva(\r\n  \"text-sm font-medium cursor-pointer select-none\",\r\n  {\r\n    variants: {\r\n      required: {\r\n        true: \"after:content-['*'] after:ml-0.5 after:text-destructive\",\r\n        false: \"\",\r\n      },\r\n      disabled: {\r\n        true: \"cursor-not-allowed opacity-50\",\r\n        false: \"\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      required: false,\r\n      disabled: false,\r\n    },\r\n  }\r\n);\r\n\r\nexport interface CheckboxProps<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n> extends Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, \"name\" | \"checked\" | \"onCheckedChange\" | \"required\">,\r\n    VariantProps<typeof checkboxSizeVariants> {\r\n  /** Field name - required for form integration */\r\n  name: TName;\r\n  /** Label text for the checkbox */\r\n  label?: ReactNode;\r\n  /** Helper text displayed below the checkbox */\r\n  helperText?: string;\r\n  /** Whether to show the error message */\r\n  showError?: boolean;\r\n  /** Custom error message (overrides form error) */\r\n  error?: string;\r\n  /** External control (for use outside Form) */\r\n  control?: Control<TFieldValues>;\r\n  /** Variant style */\r\n  variant?: \"default\" | \"error\";\r\n  \r\n  // Validation props\r\n  /** Field is required (must be checked) */\r\n  required?: boolean | string;\r\n  /** Custom validation function */\r\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\r\n}\r\n\r\n/**\r\n * Checkbox component with form integration\r\n * \r\n * This is a wrapper around the shadcn/ui Checkbox primitive that adds:\r\n * - Form integration with react-hook-form\r\n * - Automatic validation registration\r\n * - Label, helper text, and error message support\r\n * \r\n * @example\r\n * ```tsx\r\n * // Inside a Form component\r\n * <Checkbox name=\"terms\" label=\"I agree to the terms and conditions\" required />\r\n * <Checkbox name=\"newsletter\" label=\"Subscribe to newsletter\" />\r\n * ```\r\n */\r\nfunction CheckboxInner<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>(\r\n  {\r\n    name,\r\n    label,\r\n    helperText,\r\n    showError = true,\r\n    error: customError,\r\n    size,\r\n    variant,\r\n    className,\r\n    disabled,\r\n    id: providedId,\r\n    control: externalControl,\r\n    // Validation props\r\n    required,\r\n    validate,\r\n    ...props\r\n  }: CheckboxProps<TFieldValues, TName>,\r\n  ref: React.ForwardedRef<React.ElementRef<typeof CheckboxPrimitive.Root>>\r\n) {\r\n  const generatedId = useId();\r\n  const inputId = providedId ?? generatedId;\r\n  \r\n  // Try to get form context\r\n  const formConfigContext = useContext(FormConfigContext);\r\n  const formConfig: FormConfig = formConfigContext ?? {};\r\n  \r\n  // Get form context from react-hook-form\r\n  const rhfContext = useRHFFormContext<TFieldValues>();\r\n  const control = externalControl ?? rhfContext?.control;\r\n\r\n  // Register validation rules with the form\r\n  useEffect(() => {\r\n    if (formConfigContext?.registerFieldValidation) {\r\n      const rules: FieldValidationRules = {};\r\n      \r\n      if (required !== undefined) rules.required = required;\r\n      if (validate !== undefined) rules.validate = validate;\r\n\r\n      formConfigContext.registerFieldValidation({\r\n        name: name as string,\r\n        type: \"boolean\",\r\n        rules,\r\n      });\r\n\r\n      return () => {\r\n        formConfigContext.unregisterFieldValidation(name as string);\r\n      };\r\n    }\r\n  }, [formConfigContext, name, required, validate]);\r\n\r\n  // Use controller for form integration\r\n  const { field, fieldState } = useController<TFieldValues, TName>({\r\n    name,\r\n    control,\r\n  });\r\n\r\n  const fieldError = fieldState.error?.message;\r\n  const errorMessage = customError ?? fieldError;\r\n  const hasError = !!errorMessage;\r\n  \r\n  // Merge sizes - prop takes precedence over form config\r\n  const effectiveSize = size ?? formConfig.size ?? \"md\";\r\n  const effectiveDisabled = disabled ?? formConfig.disabled;\r\n  \r\n  // Determine variant based on error state\r\n  const effectiveVariant = hasError ? \"error\" : variant;\r\n\r\n  return (\r\n    <div className=\"space-y-1.5\">\r\n      <div className=\"flex items-center gap-2\">\r\n        <ShadcnCheckbox\r\n          {...props}\r\n          ref={ref}\r\n          id={inputId}\r\n          checked={field.value ?? false}\r\n          onCheckedChange={(checked) => field.onChange(checked === true)}\r\n          onBlur={field.onBlur}\r\n          disabled={effectiveDisabled}\r\n          aria-invalid={hasError}\r\n          aria-describedby={\r\n            hasError\r\n              ? `${inputId}-error`\r\n              : helperText\r\n              ? `${inputId}-helper`\r\n              : undefined\r\n          }\r\n          className={cn(\r\n            checkboxSizeVariants({ size: effectiveSize }),\r\n            effectiveVariant === \"error\" && \"border-destructive\",\r\n            className\r\n          )}\r\n        />\r\n        \r\n        {label && (\r\n          <Label\r\n            htmlFor={inputId}\r\n            className={labelVariants({ required: !!required, disabled: effectiveDisabled })}\r\n          >\r\n            {label}\r\n          </Label>\r\n        )}\r\n      </div>\r\n\r\n      {showError && hasError && (\r\n        <p\r\n          id={`${inputId}-error`}\r\n          className=\"text-sm text-destructive ml-7\"\r\n          role=\"alert\"\r\n        >\r\n          {errorMessage}\r\n        </p>\r\n      )}\r\n      \r\n      {helperText && !hasError && (\r\n        <p\r\n          id={`${inputId}-helper`}\r\n          className=\"text-sm text-muted-foreground ml-7\"\r\n        >\r\n          {helperText}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\n// Use forwardRef with generic support\r\nexport const Checkbox = forwardRef(CheckboxInner) as <\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>(\r\n  props: CheckboxProps<TFieldValues, TName> & { ref?: React.ForwardedRef<React.ElementRef<typeof CheckboxPrimitive.Root>> }\r\n) => React.ReactElement;\r\n\r\n(Checkbox as React.FC).displayName = \"Checkbox\";\r\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.cjs","names":[],"sources":["../../../../src/components/Form/Checkbox.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { forwardRef, useId, useContext, useEffect } from \"react\";\r\nimport type { ReactNode, ComponentPropsWithoutRef } from \"react\";\r\nimport { useController, useFormContext as useRHFFormContext, type FieldValues, type FieldPath, type Control } from \"react-hook-form\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { FormConfigContext, type FormConfig, type FieldValidationRules } from \"../Form/context\";\r\nimport { Checkbox as ShadcnCheckbox } from \"../../primitives/checkbox\";\r\nimport { Label } from \"../../primitives/label\";\r\nimport type * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\r\n\r\nconst checkboxSizeVariants = cva(\r\n  \"\",\r\n  {\r\n    variants: {\r\n      size: {\r\n        sm: \"h-4 w-4\",\r\n        md: \"h-5 w-5\",\r\n        lg: \"h-6 w-6\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      size: \"md\",\r\n    },\r\n  }\r\n);\r\n\r\nconst labelVariants = cva(\r\n  \"text-sm font-medium cursor-pointer select-none\",\r\n  {\r\n    variants: {\r\n      required: {\r\n        true: \"after:content-['*'] after:ml-0.5 after:text-destructive\",\r\n        false: \"\",\r\n      },\r\n      disabled: {\r\n        true: \"cursor-not-allowed opacity-50\",\r\n        false: \"\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      required: false,\r\n      disabled: false,\r\n    },\r\n  }\r\n);\r\n\r\nexport interface CheckboxProps<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n> extends Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, \"name\" | \"checked\" | \"onCheckedChange\" | \"required\">,\r\n    VariantProps<typeof checkboxSizeVariants> {\r\n  /** Field name - required for form integration */\r\n  name: TName;\r\n  /** Label text for the checkbox */\r\n  label?: ReactNode;\r\n  /** Helper text displayed below the checkbox */\r\n  helperText?: string;\r\n  /** Whether to show the error message */\r\n  showError?: boolean;\r\n  /** Custom error message (overrides form error) */\r\n  error?: string;\r\n  /** External control (for use outside Form) */\r\n  control?: Control<TFieldValues>;\r\n  /** Variant style */\r\n  variant?: \"default\" | \"error\";\r\n  \r\n  // Validation props\r\n  /** Field is required (must be checked) */\r\n  required?: boolean | string;\r\n  /** Custom validation function */\r\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\r\n}\r\n\r\n/**\r\n * Checkbox component with form integration\r\n * \r\n * This is a wrapper around the shadcn/ui Checkbox primitive that adds:\r\n * - Form integration with react-hook-form\r\n * - Automatic validation registration\r\n * - Label, helper text, and error message support\r\n * \r\n * @example\r\n * ```tsx\r\n * // Inside a Form component\r\n * <Checkbox name=\"terms\" label=\"I agree to the terms and conditions\" required />\r\n * <Checkbox name=\"newsletter\" label=\"Subscribe to newsletter\" />\r\n * ```\r\n */\r\nfunction CheckboxInner<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>(\r\n  {\r\n    name,\r\n    label,\r\n    helperText,\r\n    showError = true,\r\n    error: customError,\r\n    size,\r\n    variant,\r\n    className,\r\n    disabled,\r\n    id: providedId,\r\n    control: externalControl,\r\n    // Validation props\r\n    required,\r\n    validate,\r\n    ...props\r\n  }: CheckboxProps<TFieldValues, TName>,\r\n  ref: React.ForwardedRef<React.ElementRef<typeof CheckboxPrimitive.Root>>\r\n) {\r\n  const generatedId = useId();\r\n  const inputId = providedId ?? generatedId;\r\n  \r\n  // Try to get form context\r\n  const formConfigContext = useContext(FormConfigContext);\r\n  const formConfig: FormConfig = formConfigContext ?? {};\r\n  \r\n  // Get form context from react-hook-form\r\n  const rhfContext = useRHFFormContext<TFieldValues>();\r\n  const control = externalControl ?? rhfContext?.control;\r\n\r\n  // Register validation rules with the form\r\n  useEffect(() => {\r\n    if (formConfigContext?.registerFieldValidation) {\r\n      const rules: FieldValidationRules = {};\r\n      \r\n      if (required !== undefined) rules.required = required;\r\n      if (validate !== undefined) rules.validate = validate;\r\n\r\n      formConfigContext.registerFieldValidation({\r\n        name: name as string,\r\n        type: \"boolean\",\r\n        rules,\r\n      });\r\n\r\n      return () => {\r\n        formConfigContext.unregisterFieldValidation(name as string);\r\n      };\r\n    }\r\n  }, [formConfigContext, name, required, validate]);\r\n\r\n  // Use controller for form integration\r\n  const { field, fieldState } = useController<TFieldValues, TName>({\r\n    name,\r\n    control,\r\n  });\r\n\r\n  const fieldError = fieldState.error?.message;\r\n  const errorMessage = customError ?? fieldError;\r\n  const hasError = !!errorMessage;\r\n  \r\n  // Merge sizes - prop takes precedence over form config\r\n  const effectiveSize = size ?? formConfig.size ?? \"md\";\r\n  const effectiveDisabled = disabled ?? formConfig.disabled;\r\n  \r\n  // Determine variant based on error state\r\n  const effectiveVariant = hasError ? \"error\" : variant;\r\n\r\n  return (\r\n    <div className=\"space-y-1.5\">\r\n      <div className=\"flex items-center gap-2\">\r\n        <ShadcnCheckbox\r\n          {...props}\r\n          ref={ref}\r\n          id={inputId}\r\n          checked={field.value ?? false}\r\n          onCheckedChange={(checked) => field.onChange(checked === true)}\r\n          onBlur={field.onBlur}\r\n          disabled={effectiveDisabled}\r\n          aria-invalid={hasError}\r\n          aria-describedby={\r\n            hasError\r\n              ? `${inputId}-error`\r\n              : helperText\r\n              ? `${inputId}-helper`\r\n              : undefined\r\n          }\r\n          className={cn(\r\n            checkboxSizeVariants({ size: effectiveSize }),\r\n            effectiveVariant === \"error\" && \"border-destructive\",\r\n            className\r\n          )}\r\n        />\r\n        \r\n        {label && (\r\n          <Label\r\n            htmlFor={inputId}\r\n            className={labelVariants({ required: !!required, disabled: effectiveDisabled })}\r\n          >\r\n            {label}\r\n          </Label>\r\n        )}\r\n      </div>\r\n\r\n      {showError && hasError && (\r\n        <p\r\n          id={`${inputId}-error`}\r\n          className=\"text-sm text-destructive ml-7\"\r\n          role=\"alert\"\r\n        >\r\n          {errorMessage}\r\n        </p>\r\n      )}\r\n      \r\n      {helperText && !hasError && (\r\n        <p\r\n          id={`${inputId}-helper`}\r\n          className=\"text-sm text-muted-foreground ml-7\"\r\n        >\r\n          {helperText}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\n// Use forwardRef with generic support\r\nexport const Checkbox = forwardRef(CheckboxInner) as <\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>(\r\n  props: CheckboxProps<TFieldValues, TName> & { ref?: React.ForwardedRef<React.ElementRef<typeof CheckboxPrimitive.Root>> }\r\n) => React.ReactElement;\r\n\r\n(Checkbox as React.FC).displayName = \"Checkbox\";\r\n"],"mappings":";;;;;;;;;;;AAYA,IAAM,wBAAA,GAAuB,yBAAA,IAAA,CAC3B,IACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF;AAEA,IAAM,iBAAA,GAAgB,yBAAA,IAAA,CACpB,kDACA;CACE,UAAU;EACR,UAAU;GACR,MAAM;GACN,OAAO;EACT;EACA,UAAU;GACR,MAAM;GACN,OAAO;EACT;CACF;CACA,iBAAiB;EACf,UAAU;EACV,UAAU;CACZ;AACF,CACF;;;;;;;;;;;;;;;;AA4CA,SAAS,cAIP,EACE,MACA,OACA,YACA,YAAY,MACZ,OAAO,aACP,MACA,SACA,WACA,UACA,IAAI,YACJ,SAAS,iBAET,UACA,UACA,GAAG,SAEL,KACA;CACA,MAAM,eAAA,GAAc,MAAA,MAAA,CAAM;CAC1B,MAAM,UAAU,cAAc;CAG9B,MAAM,qBAAA,GAAoB,MAAA,WAAA,CAAW,gBAAA,iBAAiB;CACtD,MAAM,aAAyB,qBAAqB,CAAC;CAGrD,MAAM,cAAA,GAAa,gBAAA,eAAA,CAAgC;CACnD,MAAM,UAAU,mBAAmB,YAAY;CAG/C,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,mBAAmB,yBAAyB;GAC9C,MAAM,QAA8B,CAAC;GAErC,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAC7C,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAE7C,kBAAkB,wBAAwB;IAClC;IACN,MAAM;IACN;GACF,CAAC;GAED,aAAa;IACX,kBAAkB,0BAA0B,IAAc;GAC5D;EACF;CACF,GAAG;EAAC;EAAmB;EAAM;EAAU;CAAQ,CAAC;CAGhD,MAAM,EAAE,OAAO,gBAAA,GAAe,gBAAA,cAAA,CAAmC;EAC/D;EACA;CACF,CAAC;CAED,MAAM,aAAa,WAAW,OAAO;CACrC,MAAM,eAAe,eAAe;CACpC,MAAM,WAAW,CAAC,CAAC;CAGnB,MAAM,gBAAgB,QAAQ,WAAW,QAAQ;CACjD,MAAM,oBAAoB,YAAY,WAAW;CAGjD,MAAM,mBAAmB,WAAW,UAAU;CAE9C,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAA,UAAD;KACE,GAAI;KACC;KACL,IAAI;KACJ,SAAS,MAAM,SAAS;KACxB,kBAAkB,YAAY,MAAM,SAAS,YAAY,IAAI;KAC7D,QAAQ,MAAM;KACd,UAAU;KACV,gBAAc;KACd,oBACE,WACI,GAAG,QAAQ,UACX,aACA,GAAG,QAAQ,WACX,KAAA;KAEN,WAAW,WAAA,GACT,qBAAqB,EAAE,MAAM,cAAc,CAAC,GAC5C,qBAAqB,WAAW,sBAChC,SACF;IACD,CAAA,GAEA,SACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,OAAD;KACE,SAAS;KACT,WAAW,cAAc;MAAE,UAAU,CAAC,CAAC;MAAU,UAAU;KAAkB,CAAC;KAE7E,UAAA;IACI,CAAA,CAEN;;GAEJ,aAAa,YACZ,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IACE,IAAI,GAAG,QAAQ;IACf,WAAU;IACV,MAAK;IAEJ,UAAA;GACA,CAAA;GAGJ,cAAc,CAAC,YACd,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IACE,IAAI,GAAG,QAAQ;IACf,WAAU;IAET,UAAA;GACA,CAAA;EAEF;;AAET;AAGA,IAAa,YAAA,GAAW,MAAA,WAAA,CAAW,aAAa;AAOhD,SAAuB,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.cjs","names":[],"sources":["../../../../src/components/Form/Combobox.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useContext, useEffect, useId, useMemo, useState } from \"react\";\r\nimport { Check, ChevronsUpDown } from \"lucide-react\";\r\nimport { useController, useFormContext as useRHFFormContext, type Control, type FieldPath, type FieldValues } from \"react-hook-form\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { Button } from \"../../primitives/button\";\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from \"../../primitives/command\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../../primitives/popover\";\r\nimport { FormConfigContext, type FieldValidationRules, type FormConfig } from \"./context\";\r\nimport { FieldLayout } from \"./FieldLayout\";\r\nimport type { SelectOption } from \"./Select\";\r\n\r\nconst comboboxVariants = cva(\"w-full justify-between font-normal\", {\r\n  variants: {\r\n    size: {\r\n      sm: \"h-8 text-xs\",\r\n      md: \"h-10 text-sm\",\r\n      lg: \"h-12 text-base\",\r\n    },\r\n    variant: {\r\n      default: \"border-input\",\r\n      error: \"border-destructive\",\r\n      success: \"border-green-500\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"md\",\r\n    variant: \"default\",\r\n  },\r\n});\r\n\r\nexport interface ComboboxProps<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n> extends VariantProps<typeof comboboxVariants> {\r\n  name: TName;\r\n  label?: string;\r\n  helperText?: string;\r\n  showError?: boolean;\r\n  error?: string;\r\n  fullWidth?: boolean;\r\n  placeholder?: string;\r\n  searchPlaceholder?: string;\r\n  emptyText?: string;\r\n  options?: SelectOption[];\r\n  disabled?: boolean;\r\n  className?: string;\r\n  id?: string;\r\n  control?: Control<TFieldValues>;\r\n  required?: boolean | string;\r\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\r\n}\r\n\r\nexport function Combobox<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>({\r\n  name,\r\n  label,\r\n  helperText,\r\n  showError = true,\r\n  error: customError,\r\n  size,\r\n  variant,\r\n  fullWidth = true,\r\n  placeholder = \"Select option\",\r\n  searchPlaceholder = \"Search...\",\r\n  emptyText = \"No option found.\",\r\n  options = [],\r\n  disabled,\r\n  className,\r\n  id: providedId,\r\n  control: externalControl,\r\n  required,\r\n  validate,\r\n}: ComboboxProps<TFieldValues, TName>) {\r\n  const generatedId = useId();\r\n  const inputId = providedId ?? generatedId;\r\n  const [open, setOpen] = useState(false);\r\n  const formConfigContext = useContext(FormConfigContext);\r\n  const formConfig: FormConfig = formConfigContext ?? {};\r\n  const rhfContext = useRHFFormContext<TFieldValues>();\r\n  const control = externalControl ?? rhfContext?.control;\r\n\r\n  const registerFieldValidation = formConfigContext?.registerFieldValidation;\r\n  const unregisterFieldValidation = formConfigContext?.unregisterFieldValidation;\r\n\r\n  useEffect(() => {\r\n    if (registerFieldValidation) {\r\n      const rules: FieldValidationRules = {};\r\n      if (required !== undefined) rules.required = required;\r\n      if (validate !== undefined) rules.validate = validate;\r\n\r\n      registerFieldValidation({\r\n        name: name as string,\r\n        type: \"string\",\r\n        rules,\r\n      });\r\n\r\n      return () => {\r\n        unregisterFieldValidation?.(name as string);\r\n      };\r\n    }\r\n  }, [\r\n    registerFieldValidation,\r\n    unregisterFieldValidation,\r\n    name,\r\n    required,\r\n    validate,\r\n  ]);\r\n\r\n  const { field, fieldState } = useController<TFieldValues, TName>({\r\n    name,\r\n    control,\r\n  });\r\n\r\n  const selectedOption = useMemo(\r\n    () => options.find((option) => option.value.toString() === field.value?.toString()),\r\n    [field.value, options]\r\n  );\r\n\r\n  const fieldError = fieldState.error?.message;\r\n  const errorMessage = customError ?? fieldError;\r\n  const hasError = !!errorMessage;\r\n  const effectiveSize = size ?? formConfig.size ?? \"md\";\r\n  const effectiveDisabled = disabled ?? formConfig.disabled;\r\n  const effectiveVariant = hasError ? \"error\" : variant;\r\n\r\n  return (\r\n    <FieldLayout\r\n      inputId={inputId}\r\n      label={label}\r\n      required={!!required}\r\n      helperText={helperText}\r\n      errorMessage={showError ? errorMessage : undefined}\r\n      showError={showError}\r\n      fullWidth={fullWidth}\r\n      formConfig={formConfig}\r\n    >\r\n      <Popover open={open} onOpenChange={setOpen}>\r\n        <PopoverTrigger asChild>\r\n          <Button\r\n            id={inputId}\r\n            type=\"button\"\r\n            variant=\"outline\"\r\n            role=\"combobox\"\r\n            aria-expanded={open}\r\n            disabled={effectiveDisabled}\r\n            aria-invalid={hasError}\r\n            aria-describedby={\r\n              hasError\r\n                ? `${inputId}-error`\r\n                : helperText\r\n                  ? `${inputId}-helper`\r\n                  : undefined\r\n            }\r\n            className={cn(\r\n              comboboxVariants({ size: effectiveSize, variant: effectiveVariant }),\r\n              !field.value && \"text-muted-foreground\",\r\n              className\r\n            )}\r\n          >\r\n            {selectedOption?.label ?? placeholder}\r\n            <ChevronsUpDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\r\n          </Button>\r\n        </PopoverTrigger>\r\n        <PopoverContent className=\"w-[320px] p-0\" align=\"start\">\r\n          <Command>\r\n            <CommandInput placeholder={searchPlaceholder} />\r\n            <CommandList>\r\n              <CommandEmpty>{emptyText}</CommandEmpty>\r\n              <CommandGroup>\r\n                {options.map((option) => (\r\n                  <CommandItem\r\n                    key={option.value}\r\n                    value={option.label}\r\n                    disabled={option.disabled}\r\n                    onSelect={() => {\r\n                      field.onChange(option.value.toString());\r\n                      setOpen(false);\r\n                    }}\r\n                  >\r\n                    <Check\r\n                      className={cn(\r\n                        \"mr-2 h-4 w-4\",\r\n                        field.value?.toString() === option.value.toString()\r\n                          ? \"opacity-100\"\r\n                          : \"opacity-0\"\r\n                      )}\r\n                    />\r\n                    {option.label}\r\n                  </CommandItem>\r\n                ))}\r\n              </CommandGroup>\r\n            </CommandList>\r\n          </Command>\r\n        </PopoverContent>\r\n      </Popover>\r\n    </FieldLayout>\r\n  );\r\n}\r\n\r\nCombobox.displayName = \"Combobox\";\r\n"],"mappings":";;;;;;;;;;;;;;AAqBA,IAAM,oBAAA,GAAA,yBAAA,IAAA,CAAuB,sCAAsC;CACjE,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,SAAS;GACP,SAAS;GACT,OAAO;GACP,SAAS;EACX;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;AACF,CAAC;AAwBD,SAAgB,SAGd,EACA,MACA,OACA,YACA,YAAY,MACZ,OAAO,aACP,MACA,SACA,YAAY,MACZ,cAAc,iBACd,oBAAoB,aACpB,YAAY,oBACZ,UAAU,CAAC,GACX,UACA,WACA,IAAI,YACJ,SAAS,iBACT,UACA,YACqC;CACrC,MAAM,eAAA,GAAA,MAAA,MAAA,CAAoB;CAC1B,MAAM,UAAU,cAAc;CAC9B,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,SAAA,CAAoB,KAAK;CACtC,MAAM,qBAAA,GAAA,MAAA,WAAA,CAA+B,gBAAA,iBAAiB;CACtD,MAAM,aAAyB,qBAAqB,CAAC;CACrD,MAAM,cAAA,GAAA,gBAAA,eAAA,CAA6C;CACnD,MAAM,UAAU,mBAAmB,YAAY;CAE/C,MAAM,0BAA0B,mBAAmB;CACnD,MAAM,4BAA4B,mBAAmB;CAErD,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,yBAAyB;GAC3B,MAAM,QAA8B,CAAC;GACrC,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAC7C,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAE7C,wBAAwB;IAChB;IACN,MAAM;IACN;GACF,CAAC;GAED,aAAa;IACX,4BAA4B,IAAc;GAC5C;EACF;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,EAAE,OAAO,gBAAA,GAAA,gBAAA,cAAA,CAAkD;EAC/D;EACA;CACF,CAAC;CAED,MAAM,kBAAA,GAAA,MAAA,QAAA,OACE,QAAQ,MAAM,WAAW,OAAO,MAAM,SAAS,MAAM,MAAM,OAAO,SAAS,CAAC,GAClF,CAAC,MAAM,OAAO,OAAO,CACvB;CAEA,MAAM,aAAa,WAAW,OAAO;CACrC,MAAM,eAAe,eAAe;CACpC,MAAM,WAAW,CAAC,CAAC;CACnB,MAAM,gBAAgB,QAAQ,WAAW,QAAQ;CACjD,MAAM,oBAAoB,YAAY,WAAW;CACjD,MAAM,mBAAmB,WAAW,UAAU;CAE9C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAA,aAAD;EACW;EACF;EACP,UAAU,CAAC,CAAC;EACA;EACZ,cAAc,YAAY,eAAe,KAAA;EAC9B;EACA;EACC;YAEZ,iBAAA,GAAA,kBAAA,KAAA,CAAC,gBAAA,SAAD;GAAe;GAAM,cAAc;aAAnC,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,gBAAD;IAAgB,SAAA;cACd,iBAAA,GAAA,kBAAA,KAAA,CAAC,eAAA,QAAD;KACE,IAAI;KACJ,MAAK;KACL,SAAQ;KACR,MAAK;KACL,iBAAe;KACf,UAAU;KACV,gBAAc;KACd,oBACE,WACI,GAAG,QAAQ,UACX,aACE,GAAG,QAAQ,WACX,KAAA;KAER,WAAW,WAAA,GACT,iBAAiB;MAAE,MAAM;MAAe,SAAS;KAAiB,CAAC,GACnE,CAAC,MAAM,SAAS,yBAChB,SACF;eAnBF,CAqBG,gBAAgB,SAAS,aAC1B,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,gBAAD,EAAgB,WAAU,mCAAoC,CAAA,CACxD;;GACM,CAAA,GAChB,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,gBAAD;IAAgB,WAAU;IAAgB,OAAM;cAC9C,iBAAA,GAAA,kBAAA,KAAA,CAAC,gBAAA,SAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,cAAD,EAAc,aAAa,kBAAoB,CAAA,GAC/C,iBAAA,GAAA,kBAAA,KAAA,CAAC,gBAAA,aAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,cAAD,EAAA,UAAe,UAAwB,CAAA,GACvC,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,cAAD,EAAA,UACG,QAAQ,KAAK,WACZ,iBAAA,GAAA,kBAAA,KAAA,CAAC,gBAAA,aAAD;KAEE,OAAO,OAAO;KACd,UAAU,OAAO;KACjB,gBAAgB;MACd,MAAM,SAAS,OAAO,MAAM,SAAS,CAAC;MACtC,QAAQ,KAAK;KACf;eAPF,CASE,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,OAAD,EACE,WAAW,WAAA,GACT,gBACA,MAAM,OAAO,SAAS,MAAM,OAAO,MAAM,SAAS,IAC9C,gBACA,WACN,EACD,CAAA,GACA,OAAO,KACG;OAjBN,OAAO,KAiBD,CACd,EACW,CAAA,CACH,EAAA,CAAA,CACN,EAAA,CAAA;GACK,CAAA,CACT;;CACE,CAAA;AAEjB;AAEA,SAAS,cAAc"}
+{"version":3,"file":"Combobox.cjs","names":[],"sources":["../../../../src/components/Form/Combobox.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useContext, useEffect, useId, useMemo, useState } from \"react\";\r\nimport { Check, ChevronsUpDown } from \"lucide-react\";\r\nimport { useController, useFormContext as useRHFFormContext, type Control, type FieldPath, type FieldValues } from \"react-hook-form\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { Button } from \"../../primitives/button\";\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from \"../../primitives/command\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../../primitives/popover\";\r\nimport { FormConfigContext, type FieldValidationRules, type FormConfig } from \"./context\";\r\nimport { FieldLayout } from \"./FieldLayout\";\r\nimport type { SelectOption } from \"./Select\";\r\n\r\nconst comboboxVariants = cva(\"w-full justify-between font-normal\", {\r\n  variants: {\r\n    size: {\r\n      sm: \"h-8 text-xs\",\r\n      md: \"h-10 text-sm\",\r\n      lg: \"h-12 text-base\",\r\n    },\r\n    variant: {\r\n      default: \"border-input\",\r\n      error: \"border-destructive\",\r\n      success: \"border-green-500\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"md\",\r\n    variant: \"default\",\r\n  },\r\n});\r\n\r\nexport interface ComboboxProps<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n> extends VariantProps<typeof comboboxVariants> {\r\n  name: TName;\r\n  label?: string;\r\n  helperText?: string;\r\n  showError?: boolean;\r\n  error?: string;\r\n  fullWidth?: boolean;\r\n  placeholder?: string;\r\n  searchPlaceholder?: string;\r\n  emptyText?: string;\r\n  options?: SelectOption[];\r\n  disabled?: boolean;\r\n  className?: string;\r\n  id?: string;\r\n  control?: Control<TFieldValues>;\r\n  required?: boolean | string;\r\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\r\n}\r\n\r\nexport function Combobox<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>({\r\n  name,\r\n  label,\r\n  helperText,\r\n  showError = true,\r\n  error: customError,\r\n  size,\r\n  variant,\r\n  fullWidth = true,\r\n  placeholder = \"Select option\",\r\n  searchPlaceholder = \"Search...\",\r\n  emptyText = \"No option found.\",\r\n  options = [],\r\n  disabled,\r\n  className,\r\n  id: providedId,\r\n  control: externalControl,\r\n  required,\r\n  validate,\r\n}: ComboboxProps<TFieldValues, TName>) {\r\n  const generatedId = useId();\r\n  const inputId = providedId ?? generatedId;\r\n  const [open, setOpen] = useState(false);\r\n  const formConfigContext = useContext(FormConfigContext);\r\n  const formConfig: FormConfig = formConfigContext ?? {};\r\n  const rhfContext = useRHFFormContext<TFieldValues>();\r\n  const control = externalControl ?? rhfContext?.control;\r\n\r\n  const registerFieldValidation = formConfigContext?.registerFieldValidation;\r\n  const unregisterFieldValidation = formConfigContext?.unregisterFieldValidation;\r\n\r\n  useEffect(() => {\r\n    if (registerFieldValidation) {\r\n      const rules: FieldValidationRules = {};\r\n      if (required !== undefined) rules.required = required;\r\n      if (validate !== undefined) rules.validate = validate;\r\n\r\n      registerFieldValidation({\r\n        name: name as string,\r\n        type: \"string\",\r\n        rules,\r\n      });\r\n\r\n      return () => {\r\n        unregisterFieldValidation?.(name as string);\r\n      };\r\n    }\r\n  }, [\r\n    registerFieldValidation,\r\n    unregisterFieldValidation,\r\n    name,\r\n    required,\r\n    validate,\r\n  ]);\r\n\r\n  const { field, fieldState } = useController<TFieldValues, TName>({\r\n    name,\r\n    control,\r\n  });\r\n\r\n  const selectedOption = useMemo(\r\n    () => options.find((option) => option.value.toString() === field.value?.toString()),\r\n    [field.value, options]\r\n  );\r\n\r\n  const fieldError = fieldState.error?.message;\r\n  const errorMessage = customError ?? fieldError;\r\n  const hasError = !!errorMessage;\r\n  const effectiveSize = size ?? formConfig.size ?? \"md\";\r\n  const effectiveDisabled = disabled ?? formConfig.disabled;\r\n  const effectiveVariant = hasError ? \"error\" : variant;\r\n\r\n  return (\r\n    <FieldLayout\r\n      inputId={inputId}\r\n      label={label}\r\n      required={!!required}\r\n      helperText={helperText}\r\n      errorMessage={showError ? errorMessage : undefined}\r\n      showError={showError}\r\n      fullWidth={fullWidth}\r\n      formConfig={formConfig}\r\n    >\r\n      <Popover open={open} onOpenChange={setOpen}>\r\n        <PopoverTrigger asChild>\r\n          <Button\r\n            id={inputId}\r\n            type=\"button\"\r\n            variant=\"outline\"\r\n            role=\"combobox\"\r\n            aria-expanded={open}\r\n            disabled={effectiveDisabled}\r\n            aria-invalid={hasError}\r\n            aria-describedby={\r\n              hasError\r\n                ? `${inputId}-error`\r\n                : helperText\r\n                  ? `${inputId}-helper`\r\n                  : undefined\r\n            }\r\n            className={cn(\r\n              comboboxVariants({ size: effectiveSize, variant: effectiveVariant }),\r\n              !field.value && \"text-muted-foreground\",\r\n              className\r\n            )}\r\n          >\r\n            {selectedOption?.label ?? placeholder}\r\n            <ChevronsUpDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\r\n          </Button>\r\n        </PopoverTrigger>\r\n        <PopoverContent className=\"w-[320px] p-0\" align=\"start\">\r\n          <Command>\r\n            <CommandInput placeholder={searchPlaceholder} />\r\n            <CommandList>\r\n              <CommandEmpty>{emptyText}</CommandEmpty>\r\n              <CommandGroup>\r\n                {options.map((option) => (\r\n                  <CommandItem\r\n                    key={option.value}\r\n                    value={option.label}\r\n                    disabled={option.disabled}\r\n                    onSelect={() => {\r\n                      field.onChange(option.value.toString());\r\n                      setOpen(false);\r\n                    }}\r\n                  >\r\n                    <Check\r\n                      className={cn(\r\n                        \"mr-2 h-4 w-4\",\r\n                        field.value?.toString() === option.value.toString()\r\n                          ? \"opacity-100\"\r\n                          : \"opacity-0\"\r\n                      )}\r\n                    />\r\n                    {option.label}\r\n                  </CommandItem>\r\n                ))}\r\n              </CommandGroup>\r\n            </CommandList>\r\n          </Command>\r\n        </PopoverContent>\r\n      </Popover>\r\n    </FieldLayout>\r\n  );\r\n}\r\n\r\nCombobox.displayName = \"Combobox\";\r\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"CountryPicker.cjs","names":[],"sources":["../../../../src/components/Form/CountryPicker.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useMemo, useState } from \"react\";\r\nimport { Check, ChevronsUpDown } from \"lucide-react\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { Button } from \"../../primitives/button\";\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from \"../../primitives/command\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../../primitives/popover\";\r\nimport {\r\n  COUNTRIES,\r\n  filterCountries,\r\n  getCountryByCode,\r\n  getCountryFlag,\r\n  sortCountriesWithPriority,\r\n  type Country,\r\n} from \"../../data/countries\";\r\n\r\nexport interface CountryPickerProps {\r\n  value?: string;\r\n  onValueChange: (value: string) => void;\r\n  placeholder?: string;\r\n  disabled?: boolean;\r\n  compact?: boolean;\r\n  include?: string[];\r\n  exclude?: string[];\r\n  priorityCountries?: string[];\r\n  className?: string;\r\n  id?: string;\r\n  required?: boolean;\r\n  \"aria-invalid\"?: boolean;\r\n  \"aria-describedby\"?: string;\r\n}\r\n\r\nfunction resolveCountries(\r\n  include?: string[],\r\n  exclude?: string[],\r\n  priorityCountries?: string[]\r\n): Country[] {\r\n  let countries = COUNTRIES;\r\n\r\n  if (include?.length) {\r\n    const includeSet = new Set(include.map((code) => code.toUpperCase()));\r\n    countries = countries.filter((country) => includeSet.has(country.code));\r\n  }\r\n\r\n  if (exclude?.length) {\r\n    const excludeSet = new Set(exclude.map((code) => code.toUpperCase()));\r\n    countries = countries.filter((country) => !excludeSet.has(country.code));\r\n  }\r\n\r\n  return sortCountriesWithPriority(countries, priorityCountries);\r\n}\r\n\r\nexport function CountryPicker({\r\n  value,\r\n  onValueChange,\r\n  placeholder = \"Select country\",\r\n  disabled,\r\n  compact = false,\r\n  include,\r\n  exclude,\r\n  priorityCountries,\r\n  className,\r\n  id,\r\n  required,\r\n  \"aria-invalid\": ariaInvalid,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n}: CountryPickerProps) {\r\n  const [open, setOpen] = useState(false);\r\n  const countries = useMemo(\r\n    () => resolveCountries(include, exclude, priorityCountries),\r\n    [include, exclude, priorityCountries]\r\n  );\r\n  const selectedCountry = value ? getCountryByCode(value) : undefined;\r\n\r\n  return (\r\n    <Popover open={open} onOpenChange={setOpen}>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          id={id}\r\n          type=\"button\"\r\n          variant=\"outline\"\r\n          role=\"combobox\"\r\n          aria-expanded={open}\r\n          aria-required={required}\r\n          aria-invalid={ariaInvalid}\r\n          aria-describedby={ariaDescribedBy}\r\n          disabled={disabled}\r\n          className={cn(\r\n            \"justify-between font-normal\",\r\n            compact ? \"h-full w-auto shrink-0 border-0 bg-transparent px-2 shadow-none hover:bg-transparent\" : \"w-full\",\r\n            !value && \"text-muted-foreground\",\r\n            className\r\n          )}\r\n        >\r\n          {selectedCountry ? (\r\n            <span className=\"flex min-w-0 items-center gap-2 truncate\">\r\n              <span aria-hidden=\"true\">{getCountryFlag(selectedCountry.code)}</span>\r\n              {!compact && <span className=\"truncate\">{selectedCountry.name}</span>}\r\n            </span>\r\n          ) : (\r\n            <span className=\"truncate\">{compact ? \"…\" : placeholder}</span>\r\n          )}\r\n          {!compact && <ChevronsUpDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />}\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-[320px] p-0\" align=\"start\">\r\n        <Command\r\n          filter={(itemValue, search) => {\r\n            const country = countries.find(\r\n              (entry) => entry.code.toLowerCase() === itemValue.toLowerCase()\r\n            );\r\n            if (!country) {\r\n              return 0;\r\n            }\r\n\r\n            return filterCountries([country], search).length > 0 ? 1 : 0;\r\n          }}\r\n        >\r\n          <CommandInput placeholder=\"Search country...\" />\r\n          <CommandList>\r\n            <CommandEmpty>No country found.</CommandEmpty>\r\n            <CommandGroup>\r\n              {countries.map((country) => (\r\n                <CommandItem\r\n                  key={country.code}\r\n                  value={country.code}\r\n                  onSelect={(currentValue) => {\r\n                    onValueChange(currentValue.toUpperCase());\r\n                    setOpen(false);\r\n                  }}\r\n                >\r\n                  <Check\r\n                    className={cn(\r\n                      \"mr-2 h-4 w-4\",\r\n                      value === country.code ? \"opacity-100\" : \"opacity-0\"\r\n                    )}\r\n                  />\r\n                  <span aria-hidden=\"true\" className=\"mr-2\">\r\n                    {getCountryFlag(country.code)}\r\n                  </span>\r\n                  <span className=\"truncate\">{country.name}</span>\r\n                  <span className=\"ml-auto text-xs text-muted-foreground\">\r\n                    {country.dialCode}\r\n                  </span>\r\n                </CommandItem>\r\n              ))}\r\n            </CommandGroup>\r\n          </CommandList>\r\n        </Command>\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n}\r\n\r\n"],"mappings":";;;;;;;;;;;AAwCA,SAAS,iBACP,SACA,SACA,mBACW;CACX,IAAI,YAAY,kBAAA;CAEhB,IAAI,SAAS,QAAQ;EACnB,MAAM,aAAa,IAAI,IAAI,QAAQ,KAAK,SAAS,KAAK,YAAY,CAAC,CAAC;EACpE,YAAY,UAAU,QAAQ,YAAY,WAAW,IAAI,QAAQ,IAAI,CAAC;CACxE;CAEA,IAAI,SAAS,QAAQ;EACnB,MAAM,aAAa,IAAI,IAAI,QAAQ,KAAK,SAAS,KAAK,YAAY,CAAC,CAAC;EACpE,YAAY,UAAU,QAAQ,YAAY,CAAC,WAAW,IAAI,QAAQ,IAAI,CAAC;CACzE;CAEA,OAAO,kBAAA,0BAA0B,WAAW,iBAAiB;AAC/D;AAEA,SAAgB,cAAc,EAC5B,OACA,eACA,cAAc,kBACd,UACA,UAAU,OACV,SACA,SACA,mBACA,WACA,IACA,UACA,gBAAgB,aAChB,oBAAoB,mBACC;CACrB,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,SAAA,CAAoB,KAAK;CACtC,MAAM,aAAA,GAAA,MAAA,QAAA,OACE,iBAAiB,SAAS,SAAS,iBAAiB,GAC1D;EAAC;EAAS;EAAS;CAAiB,CACtC;CACA,MAAM,kBAAkB,QAAQ,kBAAA,iBAAiB,KAAK,IAAI,KAAA;CAE1D,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,gBAAA,SAAD;EAAe;EAAM,cAAc;YAAnC,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,gBAAD;GAAgB,SAAA;aACd,iBAAA,GAAA,kBAAA,KAAA,CAAC,eAAA,QAAD;IACM;IACJ,MAAK;IACL,SAAQ;IACR,MAAK;IACL,iBAAe;IACf,iBAAe;IACf,gBAAc;IACd,oBAAkB;IACR;IACV,WAAW,WAAA,GACT,+BACA,UAAU,yFAAyF,UACnG,CAAC,SAAS,yBACV,SACF;cAfF,CAiBG,kBACC,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;KAAM,WAAU;eAAhB,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MAAM,eAAY;gBAAQ,kBAAA,eAAe,gBAAgB,IAAI;KAAQ,CAAA,GACpE,CAAC,WAAW,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MAAM,WAAU;gBAAY,gBAAgB;KAAW,CAAA,CAChE;SAEN,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAU;eAAY,UAAU,MAAM;IAAkB,CAAA,GAE/D,CAAC,WAAW,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,gBAAD,EAAgB,WAAU,mCAAoC,CAAA,CACrE;;EACM,CAAA,GAChB,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,gBAAD;GAAgB,WAAU;GAAgB,OAAM;aAC9C,iBAAA,GAAA,kBAAA,KAAA,CAAC,gBAAA,SAAD;IACE,SAAS,WAAW,WAAW;KAC7B,MAAM,UAAU,UAAU,MACvB,UAAU,MAAM,KAAK,YAAY,MAAM,UAAU,YAAY,CAChE;KACA,IAAI,CAAC,SACH,OAAO;KAGT,OAAO,kBAAA,gBAAgB,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC,SAAS,IAAI,IAAI;IAC7D;cAVF,CAYE,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,cAAD,EAAc,aAAY,oBAAqB,CAAA,GAC/C,iBAAA,GAAA,kBAAA,KAAA,CAAC,gBAAA,aAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,cAAD,EAAA,UAAc,oBAA+B,CAAA,GAC7C,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,cAAD,EAAA,UACG,UAAU,KAAK,YACd,iBAAA,GAAA,kBAAA,KAAA,CAAC,gBAAA,aAAD;KAEE,OAAO,QAAQ;KACf,WAAW,iBAAiB;MAC1B,cAAc,aAAa,YAAY,CAAC;MACxC,QAAQ,KAAK;KACf;eANF;MAQE,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,OAAD,EACE,WAAW,WAAA,GACT,gBACA,UAAU,QAAQ,OAAO,gBAAgB,WAC3C,EACD,CAAA;MACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;OAAM,eAAY;OAAO,WAAU;iBAChC,kBAAA,eAAe,QAAQ,IAAI;MACxB,CAAA;MACN,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;OAAM,WAAU;iBAAY,QAAQ;MAAW,CAAA;MAC/C,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;OAAM,WAAU;iBACb,QAAQ;MACL,CAAA;KACK;OApBN,QAAQ,IAoBF,CACd,EACW,CAAA,CACH,EAAA,CAAA,CACN;;EACK,CAAA,CACT;;AAEb"}
+{"version":3,"file":"CountryPicker.cjs","names":[],"sources":["../../../../src/components/Form/CountryPicker.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useMemo, useState } from \"react\";\r\nimport { Check, ChevronsUpDown } from \"lucide-react\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { Button } from \"../../primitives/button\";\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from \"../../primitives/command\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../../primitives/popover\";\r\nimport {\r\n  COUNTRIES,\r\n  filterCountries,\r\n  getCountryByCode,\r\n  getCountryFlag,\r\n  sortCountriesWithPriority,\r\n  type Country,\r\n} from \"../../data/countries\";\r\n\r\nexport interface CountryPickerProps {\r\n  value?: string;\r\n  onValueChange: (value: string) => void;\r\n  placeholder?: string;\r\n  disabled?: boolean;\r\n  compact?: boolean;\r\n  include?: string[];\r\n  exclude?: string[];\r\n  priorityCountries?: string[];\r\n  className?: string;\r\n  id?: string;\r\n  required?: boolean;\r\n  \"aria-invalid\"?: boolean;\r\n  \"aria-describedby\"?: string;\r\n}\r\n\r\nfunction resolveCountries(\r\n  include?: string[],\r\n  exclude?: string[],\r\n  priorityCountries?: string[]\r\n): Country[] {\r\n  let countries = COUNTRIES;\r\n\r\n  if (include?.length) {\r\n    const includeSet = new Set(include.map((code) => code.toUpperCase()));\r\n    countries = countries.filter((country) => includeSet.has(country.code));\r\n  }\r\n\r\n  if (exclude?.length) {\r\n    const excludeSet = new Set(exclude.map((code) => code.toUpperCase()));\r\n    countries = countries.filter((country) => !excludeSet.has(country.code));\r\n  }\r\n\r\n  return sortCountriesWithPriority(countries, priorityCountries);\r\n}\r\n\r\nexport function CountryPicker({\r\n  value,\r\n  onValueChange,\r\n  placeholder = \"Select country\",\r\n  disabled,\r\n  compact = false,\r\n  include,\r\n  exclude,\r\n  priorityCountries,\r\n  className,\r\n  id,\r\n  required,\r\n  \"aria-invalid\": ariaInvalid,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n}: CountryPickerProps) {\r\n  const [open, setOpen] = useState(false);\r\n  const countries = useMemo(\r\n    () => resolveCountries(include, exclude, priorityCountries),\r\n    [include, exclude, priorityCountries]\r\n  );\r\n  const selectedCountry = value ? getCountryByCode(value) : undefined;\r\n\r\n  return (\r\n    <Popover open={open} onOpenChange={setOpen}>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          id={id}\r\n          type=\"button\"\r\n          variant=\"outline\"\r\n          role=\"combobox\"\r\n          aria-expanded={open}\r\n          aria-required={required}\r\n          aria-invalid={ariaInvalid}\r\n          aria-describedby={ariaDescribedBy}\r\n          disabled={disabled}\r\n          className={cn(\r\n            \"justify-between font-normal\",\r\n            compact ? \"h-full w-auto shrink-0 border-0 bg-transparent px-2 shadow-none hover:bg-transparent\" : \"w-full\",\r\n            !value && \"text-muted-foreground\",\r\n            className\r\n          )}\r\n        >\r\n          {selectedCountry ? (\r\n            <span className=\"flex min-w-0 items-center gap-2 truncate\">\r\n              <span aria-hidden=\"true\">{getCountryFlag(selectedCountry.code)}</span>\r\n              {!compact && <span className=\"truncate\">{selectedCountry.name}</span>}\r\n            </span>\r\n          ) : (\r\n            <span className=\"truncate\">{compact ? \"…\" : placeholder}</span>\r\n          )}\r\n          {!compact && <ChevronsUpDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />}\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-[320px] p-0\" align=\"start\">\r\n        <Command\r\n          filter={(itemValue, search) => {\r\n            const country = countries.find(\r\n              (entry) => entry.code.toLowerCase() === itemValue.toLowerCase()\r\n            );\r\n            if (!country) {\r\n              return 0;\r\n            }\r\n\r\n            return filterCountries([country], search).length > 0 ? 1 : 0;\r\n          }}\r\n        >\r\n          <CommandInput placeholder=\"Search country...\" />\r\n          <CommandList>\r\n            <CommandEmpty>No country found.</CommandEmpty>\r\n            <CommandGroup>\r\n              {countries.map((country) => (\r\n                <CommandItem\r\n                  key={country.code}\r\n                  value={country.code}\r\n                  onSelect={(currentValue) => {\r\n                    onValueChange(currentValue.toUpperCase());\r\n                    setOpen(false);\r\n                  }}\r\n                >\r\n                  <Check\r\n                    className={cn(\r\n                      \"mr-2 h-4 w-4\",\r\n                      value === country.code ? \"opacity-100\" : \"opacity-0\"\r\n                    )}\r\n                  />\r\n                  <span aria-hidden=\"true\" className=\"mr-2\">\r\n                    {getCountryFlag(country.code)}\r\n                  </span>\r\n                  <span className=\"truncate\">{country.name}</span>\r\n                  <span className=\"ml-auto text-xs text-muted-foreground\">\r\n                    {country.dialCode}\r\n                  </span>\r\n                </CommandItem>\r\n              ))}\r\n            </CommandGroup>\r\n          </CommandList>\r\n        </Command>\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n}\r\n\r\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"CountrySelect.cjs","names":[],"sources":["../../../../src/components/Form/CountrySelect.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useContext, useEffect, useId } from \"react\";\r\nimport { useController, useFormContext as useRHFFormContext, type Control, type FieldPath, type FieldValues } from \"react-hook-form\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { FormConfigContext, type FieldValidationRules, type FormConfig } from \"./context\";\r\nimport { FieldLayout } from \"./FieldLayout\";\r\nimport { CountryPicker } from \"./CountryPicker\";\r\n\r\nconst countrySelectVariants = cva(\"\", {\r\n  variants: {\r\n    size: {\r\n      sm: \"h-8 text-xs\",\r\n      md: \"h-10 text-sm\",\r\n      lg: \"h-12 text-base\",\r\n    },\r\n    variant: {\r\n      default: \"border-input focus-visible:ring-ring\",\r\n      error: \"border-destructive focus-visible:ring-destructive\",\r\n      success: \"border-green-500 focus-visible:ring-green-500\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"md\",\r\n    variant: \"default\",\r\n  },\r\n});\r\n\r\nexport interface CountrySelectProps<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n> extends VariantProps<typeof countrySelectVariants> {\r\n  name: TName;\r\n  label?: string;\r\n  helperText?: string;\r\n  showError?: boolean;\r\n  error?: string;\r\n  fullWidth?: boolean;\r\n  placeholder?: string;\r\n  allowClear?: boolean;\r\n  disabled?: boolean;\r\n  className?: string;\r\n  id?: string;\r\n  control?: Control<TFieldValues>;\r\n  include?: string[];\r\n  exclude?: string[];\r\n  priorityCountries?: string[];\r\n  /** Field is required (`true` or custom error message string) */\r\n  required?: boolean | string;\r\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\r\n}\r\n\r\nexport function CountrySelect<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>({\r\n  name,\r\n  label,\r\n  helperText,\r\n  showError = true,\r\n  error: customError,\r\n  size,\r\n  variant,\r\n  fullWidth = true,\r\n  placeholder = \"Select a country\",\r\n  allowClear,\r\n  disabled,\r\n  className,\r\n  id: providedId,\r\n  control: externalControl,\r\n  include,\r\n  exclude,\r\n  priorityCountries,\r\n  required,\r\n  validate,\r\n}: CountrySelectProps<TFieldValues, TName>) {\r\n  const generatedId = useId();\r\n  const inputId = providedId ?? generatedId;\r\n  const formConfigContext = useContext(FormConfigContext);\r\n  const formConfig: FormConfig = formConfigContext ?? {};\r\n  const rhfContext = useRHFFormContext<TFieldValues>();\r\n  const control = externalControl ?? rhfContext?.control;\r\n\r\n  const registerFieldValidation = formConfigContext?.registerFieldValidation;\r\n  const unregisterFieldValidation = formConfigContext?.unregisterFieldValidation;\r\n\r\n  useEffect(() => {\r\n    if (registerFieldValidation) {\r\n      const rules: FieldValidationRules = {};\r\n      if (required !== undefined) rules.required = required;\r\n      if (validate !== undefined) rules.validate = validate;\r\n\r\n      registerFieldValidation({\r\n        name: name as string,\r\n        type: \"string\",\r\n        rules,\r\n      });\r\n\r\n      return () => {\r\n        unregisterFieldValidation?.(name as string);\r\n      };\r\n    }\r\n  }, [\r\n    registerFieldValidation,\r\n    unregisterFieldValidation,\r\n    name,\r\n    required,\r\n    validate,\r\n  ]);\r\n\r\n  const { field, fieldState } = useController<TFieldValues, TName>({\r\n    name,\r\n    control,\r\n  });\r\n\r\n  const fieldError = fieldState.error?.message;\r\n  const errorMessage = customError ?? fieldError;\r\n  const hasError = !!errorMessage;\r\n  const effectiveSize = size ?? formConfig.size ?? \"md\";\r\n  const effectiveDisabled = disabled ?? formConfig.disabled;\r\n  const effectiveVariant = hasError ? \"error\" : variant;\r\n\r\n  return (\r\n    <FieldLayout\r\n      inputId={inputId}\r\n      label={label}\r\n      required={!!required}\r\n      helperText={helperText}\r\n      errorMessage={showError ? errorMessage : undefined}\r\n      showError={showError}\r\n      fullWidth={fullWidth}\r\n      formConfig={formConfig}\r\n    >\r\n      <div className=\"flex gap-2\">\r\n        <CountryPicker\r\n          id={inputId}\r\n          value={field.value ?? \"\"}\r\n          onValueChange={(value) => field.onChange(value)}\r\n          placeholder={placeholder}\r\n          disabled={effectiveDisabled}\r\n          include={include}\r\n          exclude={exclude}\r\n          priorityCountries={priorityCountries}\r\n          required={!!required}\r\n          aria-invalid={hasError}\r\n          aria-describedby={\r\n            hasError\r\n              ? `${inputId}-error`\r\n              : helperText\r\n                ? `${inputId}-helper`\r\n                : undefined\r\n          }\r\n          className={cn(\r\n            countrySelectVariants({ size: effectiveSize, variant: effectiveVariant }),\r\n            className\r\n          )}\r\n        />\r\n        {allowClear && field.value && (\r\n          <button\r\n            type=\"button\"\r\n            className=\"text-sm text-muted-foreground hover:text-foreground\"\r\n            onClick={() => field.onChange(\"\")}\r\n            disabled={effectiveDisabled}\r\n          >\r\n            Clear\r\n          </button>\r\n        )}\r\n      </div>\r\n    </FieldLayout>\r\n  );\r\n}\r\n\r\nCountrySelect.displayName = \"CountrySelect\";\r\n"],"mappings":";;;;;;;;;;;AAUA,IAAM,yBAAA,GAAA,yBAAA,IAAA,CAA4B,IAAI;CACpC,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,SAAS;GACP,SAAS;GACT,OAAO;GACP,SAAS;EACX;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;AACF,CAAC;AA0BD,SAAgB,cAGd,EACA,MACA,OACA,YACA,YAAY,MACZ,OAAO,aACP,MACA,SACA,YAAY,MACZ,cAAc,oBACd,YACA,UACA,WACA,IAAI,YACJ,SAAS,iBACT,SACA,SACA,mBACA,UACA,YAC0C;CAC1C,MAAM,eAAA,GAAA,MAAA,MAAA,CAAoB;CAC1B,MAAM,UAAU,cAAc;CAC9B,MAAM,qBAAA,GAAA,MAAA,WAAA,CAA+B,gBAAA,iBAAiB;CACtD,MAAM,aAAyB,qBAAqB,CAAC;CACrD,MAAM,cAAA,GAAA,gBAAA,eAAA,CAA6C;CACnD,MAAM,UAAU,mBAAmB,YAAY;CAE/C,MAAM,0BAA0B,mBAAmB;CACnD,MAAM,4BAA4B,mBAAmB;CAErD,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,yBAAyB;GAC3B,MAAM,QAA8B,CAAC;GACrC,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAC7C,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAE7C,wBAAwB;IAChB;IACN,MAAM;IACN;GACF,CAAC;GAED,aAAa;IACX,4BAA4B,IAAc;GAC5C;EACF;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,EAAE,OAAO,gBAAA,GAAA,gBAAA,cAAA,CAAkD;EAC/D;EACA;CACF,CAAC;CAED,MAAM,aAAa,WAAW,OAAO;CACrC,MAAM,eAAe,eAAe;CACpC,MAAM,WAAW,CAAC,CAAC;CACnB,MAAM,gBAAgB,QAAQ,WAAW,QAAQ;CACjD,MAAM,oBAAoB,YAAY,WAAW;CACjD,MAAM,mBAAmB,WAAW,UAAU;CAE9C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAA,aAAD;EACW;EACF;EACP,UAAU,CAAC,CAAC;EACA;EACZ,cAAc,YAAY,eAAe,KAAA;EAC9B;EACA;EACC;YAEZ,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;aAAf,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,eAAD;IACE,IAAI;IACJ,OAAO,MAAM,SAAS;IACtB,gBAAgB,UAAU,MAAM,SAAS,KAAK;IACjC;IACb,UAAU;IACD;IACA;IACU;IACnB,UAAU,CAAC,CAAC;IACZ,gBAAc;IACd,oBACE,WACI,GAAG,QAAQ,UACX,aACE,GAAG,QAAQ,WACX,KAAA;IAER,WAAW,WAAA,GACT,sBAAsB;KAAE,MAAM;KAAe,SAAS;IAAiB,CAAC,GACxE,SACF;GACD,CAAA,GACA,cAAc,MAAM,SACnB,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IACE,MAAK;IACL,WAAU;IACV,eAAe,MAAM,SAAS,EAAE;IAChC,UAAU;cACX;GAEO,CAAA,CAEP;;CACM,CAAA;AAEjB;AAEA,cAAc,cAAc"}
+{"version":3,"file":"CountrySelect.cjs","names":[],"sources":["../../../../src/components/Form/CountrySelect.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useContext, useEffect, useId } from \"react\";\r\nimport { useController, useFormContext as useRHFFormContext, type Control, type FieldPath, type FieldValues } from \"react-hook-form\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { FormConfigContext, type FieldValidationRules, type FormConfig } from \"./context\";\r\nimport { FieldLayout } from \"./FieldLayout\";\r\nimport { CountryPicker } from \"./CountryPicker\";\r\n\r\nconst countrySelectVariants = cva(\"\", {\r\n  variants: {\r\n    size: {\r\n      sm: \"h-8 text-xs\",\r\n      md: \"h-10 text-sm\",\r\n      lg: \"h-12 text-base\",\r\n    },\r\n    variant: {\r\n      default: \"border-input focus-visible:ring-ring\",\r\n      error: \"border-destructive focus-visible:ring-destructive\",\r\n      success: \"border-green-500 focus-visible:ring-green-500\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"md\",\r\n    variant: \"default\",\r\n  },\r\n});\r\n\r\nexport interface CountrySelectProps<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n> extends VariantProps<typeof countrySelectVariants> {\r\n  name: TName;\r\n  label?: string;\r\n  helperText?: string;\r\n  showError?: boolean;\r\n  error?: string;\r\n  fullWidth?: boolean;\r\n  placeholder?: string;\r\n  allowClear?: boolean;\r\n  disabled?: boolean;\r\n  className?: string;\r\n  id?: string;\r\n  control?: Control<TFieldValues>;\r\n  include?: string[];\r\n  exclude?: string[];\r\n  priorityCountries?: string[];\r\n  /** Field is required (`true` or custom error message string) */\r\n  required?: boolean | string;\r\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\r\n}\r\n\r\nexport function CountrySelect<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>({\r\n  name,\r\n  label,\r\n  helperText,\r\n  showError = true,\r\n  error: customError,\r\n  size,\r\n  variant,\r\n  fullWidth = true,\r\n  placeholder = \"Select a country\",\r\n  allowClear,\r\n  disabled,\r\n  className,\r\n  id: providedId,\r\n  control: externalControl,\r\n  include,\r\n  exclude,\r\n  priorityCountries,\r\n  required,\r\n  validate,\r\n}: CountrySelectProps<TFieldValues, TName>) {\r\n  const generatedId = useId();\r\n  const inputId = providedId ?? generatedId;\r\n  const formConfigContext = useContext(FormConfigContext);\r\n  const formConfig: FormConfig = formConfigContext ?? {};\r\n  const rhfContext = useRHFFormContext<TFieldValues>();\r\n  const control = externalControl ?? rhfContext?.control;\r\n\r\n  const registerFieldValidation = formConfigContext?.registerFieldValidation;\r\n  const unregisterFieldValidation = formConfigContext?.unregisterFieldValidation;\r\n\r\n  useEffect(() => {\r\n    if (registerFieldValidation) {\r\n      const rules: FieldValidationRules = {};\r\n      if (required !== undefined) rules.required = required;\r\n      if (validate !== undefined) rules.validate = validate;\r\n\r\n      registerFieldValidation({\r\n        name: name as string,\r\n        type: \"string\",\r\n        rules,\r\n      });\r\n\r\n      return () => {\r\n        unregisterFieldValidation?.(name as string);\r\n      };\r\n    }\r\n  }, [\r\n    registerFieldValidation,\r\n    unregisterFieldValidation,\r\n    name,\r\n    required,\r\n    validate,\r\n  ]);\r\n\r\n  const { field, fieldState } = useController<TFieldValues, TName>({\r\n    name,\r\n    control,\r\n  });\r\n\r\n  const fieldError = fieldState.error?.message;\r\n  const errorMessage = customError ?? fieldError;\r\n  const hasError = !!errorMessage;\r\n  const effectiveSize = size ?? formConfig.size ?? \"md\";\r\n  const effectiveDisabled = disabled ?? formConfig.disabled;\r\n  const effectiveVariant = hasError ? \"error\" : variant;\r\n\r\n  return (\r\n    <FieldLayout\r\n      inputId={inputId}\r\n      label={label}\r\n      required={!!required}\r\n      helperText={helperText}\r\n      errorMessage={showError ? errorMessage : undefined}\r\n      showError={showError}\r\n      fullWidth={fullWidth}\r\n      formConfig={formConfig}\r\n    >\r\n      <div className=\"flex gap-2\">\r\n        <CountryPicker\r\n          id={inputId}\r\n          value={field.value ?? \"\"}\r\n          onValueChange={(value) => field.onChange(value)}\r\n          placeholder={placeholder}\r\n          disabled={effectiveDisabled}\r\n          include={include}\r\n          exclude={exclude}\r\n          priorityCountries={priorityCountries}\r\n          required={!!required}\r\n          aria-invalid={hasError}\r\n          aria-describedby={\r\n            hasError\r\n              ? `${inputId}-error`\r\n              : helperText\r\n                ? `${inputId}-helper`\r\n                : undefined\r\n          }\r\n          className={cn(\r\n            countrySelectVariants({ size: effectiveSize, variant: effectiveVariant }),\r\n            className\r\n          )}\r\n        />\r\n        {allowClear && field.value && (\r\n          <button\r\n            type=\"button\"\r\n            className=\"text-sm text-muted-foreground hover:text-foreground\"\r\n            onClick={() => field.onChange(\"\")}\r\n            disabled={effectiveDisabled}\r\n          >\r\n            Clear\r\n          </button>\r\n        )}\r\n      </div>\r\n    </FieldLayout>\r\n  );\r\n}\r\n\r\nCountrySelect.displayName = \"CountrySelect\";\r\n"],"mappings":";;;;;;;;;;;AAUA,IAAM,yBAAA,GAAwB,yBAAA,IAAA,CAAI,IAAI;CACpC,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,SAAS;GACP,SAAS;GACT,OAAO;GACP,SAAS;EACX;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;AACF,CAAC;AA0BD,SAAgB,cAGd,EACA,MACA,OACA,YACA,YAAY,MACZ,OAAO,aACP,MACA,SACA,YAAY,MACZ,cAAc,oBACd,YACA,UACA,WACA,IAAI,YACJ,SAAS,iBACT,SACA,SACA,mBACA,UACA,YAC0C;CAC1C,MAAM,eAAA,GAAc,MAAA,MAAA,CAAM;CAC1B,MAAM,UAAU,cAAc;CAC9B,MAAM,qBAAA,GAAoB,MAAA,WAAA,CAAW,gBAAA,iBAAiB;CACtD,MAAM,aAAyB,qBAAqB,CAAC;CACrD,MAAM,cAAA,GAAa,gBAAA,eAAA,CAAgC;CACnD,MAAM,UAAU,mBAAmB,YAAY;CAE/C,MAAM,0BAA0B,mBAAmB;CACnD,MAAM,4BAA4B,mBAAmB;CAErD,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,yBAAyB;GAC3B,MAAM,QAA8B,CAAC;GACrC,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAC7C,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAE7C,wBAAwB;IAChB;IACN,MAAM;IACN;GACF,CAAC;GAED,aAAa;IACX,4BAA4B,IAAc;GAC5C;EACF;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,EAAE,OAAO,gBAAA,GAAe,gBAAA,cAAA,CAAmC;EAC/D;EACA;CACF,CAAC;CAED,MAAM,aAAa,WAAW,OAAO;CACrC,MAAM,eAAe,eAAe;CACpC,MAAM,WAAW,CAAC,CAAC;CACnB,MAAM,gBAAgB,QAAQ,WAAW,QAAQ;CACjD,MAAM,oBAAoB,YAAY,WAAW;CACjD,MAAM,mBAAmB,WAAW,UAAU;CAE9C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAA,aAAD;EACW;EACF;EACP,UAAU,CAAC,CAAC;EACA;EACZ,cAAc,YAAY,eAAe,KAAA;EAC9B;EACA;EACC;EAEZ,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,eAAD;IACE,IAAI;IACJ,OAAO,MAAM,SAAS;IACtB,gBAAgB,UAAU,MAAM,SAAS,KAAK;IACjC;IACb,UAAU;IACD;IACA;IACU;IACnB,UAAU,CAAC,CAAC;IACZ,gBAAc;IACd,oBACE,WACI,GAAG,QAAQ,UACX,aACE,GAAG,QAAQ,WACX,KAAA;IAER,WAAW,WAAA,GACT,sBAAsB;KAAE,MAAM;KAAe,SAAS;IAAiB,CAAC,GACxE,SACF;GACD,CAAA,GACA,cAAc,MAAM,SACnB,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IACE,MAAK;IACL,WAAU;IACV,eAAe,MAAM,SAAS,EAAE;IAChC,UAAU;IACX,UAAA;GAEO,CAAA,CAEP;;CACM,CAAA;AAEjB;AAEA,cAAc,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.cjs","names":[],"sources":["../../../../src/components/Form/DatePicker.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useContext, useEffect, useId, useState } from \"react\";\r\nimport { format } from \"date-fns\";\r\nimport { CalendarIcon } from \"lucide-react\";\r\nimport { useController, useFormContext as useRHFFormContext, type Control, type FieldPath, type FieldValues } from \"react-hook-form\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { Button } from \"../../primitives/button\";\r\nimport { Calendar } from \"../../primitives/calendar\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../../primitives/popover\";\r\nimport { FormConfigContext, type FieldValidationRules, type FormConfig } from \"./context\";\r\nimport { FieldLayout } from \"./FieldLayout\";\r\n\r\nconst datePickerVariants = cva(\"w-full justify-start text-left font-normal\", {\r\n  variants: {\r\n    size: {\r\n      sm: \"h-8 text-xs\",\r\n      md: \"h-10 text-sm\",\r\n      lg: \"h-12 text-base\",\r\n    },\r\n    variant: {\r\n      default: \"border-input\",\r\n      error: \"border-destructive\",\r\n      success: \"border-green-500\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"md\",\r\n    variant: \"default\",\r\n  },\r\n});\r\n\r\nexport interface DatePickerProps<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n> extends VariantProps<typeof datePickerVariants> {\r\n  name: TName;\r\n  label?: string;\r\n  helperText?: string;\r\n  showError?: boolean;\r\n  error?: string;\r\n  fullWidth?: boolean;\r\n  placeholder?: string;\r\n  disabled?: boolean;\r\n  className?: string;\r\n  id?: string;\r\n  control?: Control<TFieldValues>;\r\n  required?: boolean | string;\r\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\r\n}\r\n\r\nexport function DatePicker<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>({\r\n  name,\r\n  label,\r\n  helperText,\r\n  showError = true,\r\n  error: customError,\r\n  size,\r\n  variant,\r\n  fullWidth = true,\r\n  placeholder = \"Pick a date\",\r\n  disabled,\r\n  className,\r\n  id: providedId,\r\n  control: externalControl,\r\n  required,\r\n  validate,\r\n}: DatePickerProps<TFieldValues, TName>) {\r\n  const generatedId = useId();\r\n  const inputId = providedId ?? generatedId;\r\n  const [open, setOpen] = useState(false);\r\n  const formConfigContext = useContext(FormConfigContext);\r\n  const formConfig: FormConfig = formConfigContext ?? {};\r\n  const rhfContext = useRHFFormContext<TFieldValues>();\r\n  const control = externalControl ?? rhfContext?.control;\r\n\r\n  const registerFieldValidation = formConfigContext?.registerFieldValidation;\r\n  const unregisterFieldValidation = formConfigContext?.unregisterFieldValidation;\r\n\r\n  useEffect(() => {\r\n    if (registerFieldValidation) {\r\n      const rules: FieldValidationRules = {};\r\n      if (required !== undefined) rules.required = required;\r\n      if (validate !== undefined) rules.validate = validate;\r\n\r\n      registerFieldValidation({\r\n        name: name as string,\r\n        type: \"date\",\r\n        rules,\r\n      });\r\n\r\n      return () => {\r\n        unregisterFieldValidation?.(name as string);\r\n      };\r\n    }\r\n  }, [\r\n    registerFieldValidation,\r\n    unregisterFieldValidation,\r\n    name,\r\n    required,\r\n    validate,\r\n  ]);\r\n\r\n  const { field, fieldState } = useController<TFieldValues, TName>({\r\n    name,\r\n    control,\r\n  });\r\n\r\n  const selectedDate = field.value ? new Date(field.value) : undefined;\r\n  const fieldError = fieldState.error?.message;\r\n  const errorMessage = customError ?? fieldError;\r\n  const hasError = !!errorMessage;\r\n  const effectiveSize = size ?? formConfig.size ?? \"md\";\r\n  const effectiveDisabled = disabled ?? formConfig.disabled;\r\n  const effectiveVariant = hasError ? \"error\" : variant;\r\n\r\n  return (\r\n    <FieldLayout\r\n      inputId={inputId}\r\n      label={label}\r\n      required={!!required}\r\n      helperText={helperText}\r\n      errorMessage={showError ? errorMessage : undefined}\r\n      showError={showError}\r\n      fullWidth={fullWidth}\r\n      formConfig={formConfig}\r\n    >\r\n      <Popover open={open} onOpenChange={setOpen}>\r\n        <PopoverTrigger asChild>\r\n          <Button\r\n            id={inputId}\r\n            type=\"button\"\r\n            variant=\"outline\"\r\n            disabled={effectiveDisabled}\r\n            aria-invalid={hasError}\r\n            aria-describedby={\r\n              hasError\r\n                ? `${inputId}-error`\r\n                : helperText\r\n                  ? `${inputId}-helper`\r\n                  : undefined\r\n            }\r\n            className={cn(\r\n              datePickerVariants({ size: effectiveSize, variant: effectiveVariant }),\r\n              !selectedDate && \"text-muted-foreground\",\r\n              className\r\n            )}\r\n          >\r\n            <CalendarIcon className=\"mr-2 h-4 w-4\" />\r\n            {selectedDate ? format(selectedDate, \"PPP\") : placeholder}\r\n          </Button>\r\n        </PopoverTrigger>\r\n        <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n          <Calendar\r\n            mode=\"single\"\r\n            selected={selectedDate}\r\n            onSelect={(date) => {\r\n              field.onChange(date ?? \"\");\r\n              setOpen(false);\r\n            }}\r\n          />\r\n        </PopoverContent>\r\n      </Popover>\r\n    </FieldLayout>\r\n  );\r\n}\r\n\r\nDatePicker.displayName = \"DatePicker\";\r\n"],"mappings":"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"}
+{"version":3,"file":"DatePicker.cjs","names":[],"sources":["../../../../src/components/Form/DatePicker.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useContext, useEffect, useId, useState } from \"react\";\r\nimport { format } from \"date-fns\";\r\nimport { CalendarIcon } from \"lucide-react\";\r\nimport { useController, useFormContext as useRHFFormContext, type Control, type FieldPath, type FieldValues } from \"react-hook-form\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { Button } from \"../../primitives/button\";\r\nimport { Calendar } from \"../../primitives/calendar\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../../primitives/popover\";\r\nimport { FormConfigContext, type FieldValidationRules, type FormConfig } from \"./context\";\r\nimport { FieldLayout } from \"./FieldLayout\";\r\n\r\nconst datePickerVariants = cva(\"w-full justify-start text-left font-normal\", {\r\n  variants: {\r\n    size: {\r\n      sm: \"h-8 text-xs\",\r\n      md: \"h-10 text-sm\",\r\n      lg: \"h-12 text-base\",\r\n    },\r\n    variant: {\r\n      default: \"border-input\",\r\n      error: \"border-destructive\",\r\n      success: \"border-green-500\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: \"md\",\r\n    variant: \"default\",\r\n  },\r\n});\r\n\r\nexport interface DatePickerProps<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n> extends VariantProps<typeof datePickerVariants> {\r\n  name: TName;\r\n  label?: string;\r\n  helperText?: string;\r\n  showError?: boolean;\r\n  error?: string;\r\n  fullWidth?: boolean;\r\n  placeholder?: string;\r\n  disabled?: boolean;\r\n  className?: string;\r\n  id?: string;\r\n  control?: Control<TFieldValues>;\r\n  required?: boolean | string;\r\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\r\n}\r\n\r\nexport function DatePicker<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>({\r\n  name,\r\n  label,\r\n  helperText,\r\n  showError = true,\r\n  error: customError,\r\n  size,\r\n  variant,\r\n  fullWidth = true,\r\n  placeholder = \"Pick a date\",\r\n  disabled,\r\n  className,\r\n  id: providedId,\r\n  control: externalControl,\r\n  required,\r\n  validate,\r\n}: DatePickerProps<TFieldValues, TName>) {\r\n  const generatedId = useId();\r\n  const inputId = providedId ?? generatedId;\r\n  const [open, setOpen] = useState(false);\r\n  const formConfigContext = useContext(FormConfigContext);\r\n  const formConfig: FormConfig = formConfigContext ?? {};\r\n  const rhfContext = useRHFFormContext<TFieldValues>();\r\n  const control = externalControl ?? rhfContext?.control;\r\n\r\n  const registerFieldValidation = formConfigContext?.registerFieldValidation;\r\n  const unregisterFieldValidation = formConfigContext?.unregisterFieldValidation;\r\n\r\n  useEffect(() => {\r\n    if (registerFieldValidation) {\r\n      const rules: FieldValidationRules = {};\r\n      if (required !== undefined) rules.required = required;\r\n      if (validate !== undefined) rules.validate = validate;\r\n\r\n      registerFieldValidation({\r\n        name: name as string,\r\n        type: \"date\",\r\n        rules,\r\n      });\r\n\r\n      return () => {\r\n        unregisterFieldValidation?.(name as string);\r\n      };\r\n    }\r\n  }, [\r\n    registerFieldValidation,\r\n    unregisterFieldValidation,\r\n    name,\r\n    required,\r\n    validate,\r\n  ]);\r\n\r\n  const { field, fieldState } = useController<TFieldValues, TName>({\r\n    name,\r\n    control,\r\n  });\r\n\r\n  const selectedDate = field.value ? new Date(field.value) : undefined;\r\n  const fieldError = fieldState.error?.message;\r\n  const errorMessage = customError ?? fieldError;\r\n  const hasError = !!errorMessage;\r\n  const effectiveSize = size ?? formConfig.size ?? \"md\";\r\n  const effectiveDisabled = disabled ?? formConfig.disabled;\r\n  const effectiveVariant = hasError ? \"error\" : variant;\r\n\r\n  return (\r\n    <FieldLayout\r\n      inputId={inputId}\r\n      label={label}\r\n      required={!!required}\r\n      helperText={helperText}\r\n      errorMessage={showError ? errorMessage : undefined}\r\n      showError={showError}\r\n      fullWidth={fullWidth}\r\n      formConfig={formConfig}\r\n    >\r\n      <Popover open={open} onOpenChange={setOpen}>\r\n        <PopoverTrigger asChild>\r\n          <Button\r\n            id={inputId}\r\n            type=\"button\"\r\n            variant=\"outline\"\r\n            disabled={effectiveDisabled}\r\n            aria-invalid={hasError}\r\n            aria-describedby={\r\n              hasError\r\n                ? `${inputId}-error`\r\n                : helperText\r\n                  ? `${inputId}-helper`\r\n                  : undefined\r\n            }\r\n            className={cn(\r\n              datePickerVariants({ size: effectiveSize, variant: effectiveVariant }),\r\n              !selectedDate && \"text-muted-foreground\",\r\n              className\r\n            )}\r\n          >\r\n            <CalendarIcon className=\"mr-2 h-4 w-4\" />\r\n            {selectedDate ? format(selectedDate, \"PPP\") : placeholder}\r\n          </Button>\r\n        </PopoverTrigger>\r\n        <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n          <Calendar\r\n            mode=\"single\"\r\n            selected={selectedDate}\r\n            onSelect={(date) => {\r\n              field.onChange(date ?? \"\");\r\n              setOpen(false);\r\n            }}\r\n          />\r\n        </PopoverContent>\r\n      </Popover>\r\n    </FieldLayout>\r\n  );\r\n}\r\n\r\nDatePicker.displayName = \"DatePicker\";\r\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"FieldLayout.cjs","names":[],"sources":["../../../../src/components/Form/FieldLayout.tsx"],"sourcesContent":["'use client';\r\n\r\nimport type { ReactNode } from \"react\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { Label } from \"../../primitives/label\";\r\nimport { labelVariants } from \"./variants\";\r\nimport type { FormConfig } from \"./context\";\r\n\r\nexport interface FieldLayoutProps {\r\n  inputId: string;\r\n  label?: string;\r\n  required?: boolean;\r\n  helperText?: string;\r\n  errorMessage?: string;\r\n  showError?: boolean;\r\n  fullWidth?: boolean;\r\n  formConfig?: FormConfig;\r\n  children: ReactNode;\r\n}\r\n\r\nfunction resolveLabelWidth(labelWidth?: string | number): string | undefined {\r\n  if (labelWidth === undefined) {\r\n    return undefined;\r\n  }\r\n\r\n  return typeof labelWidth === \"number\" ? `${labelWidth}px` : labelWidth;\r\n}\r\n\r\nexport function FieldLayout({\r\n  inputId,\r\n  label,\r\n  required,\r\n  helperText,\r\n  errorMessage,\r\n  showError = true,\r\n  fullWidth = true,\r\n  formConfig = {},\r\n  children,\r\n}: FieldLayoutProps) {\r\n  const layout = formConfig.layout ?? \"vertical\";\r\n  const labelWidth = resolveLabelWidth(formConfig.labelWidth);\r\n  const hasError = !!errorMessage;\r\n  const showHelper = !!helperText && !hasError;\r\n\r\n  const labelNode = label ? (\r\n    <Label\r\n      htmlFor={inputId}\r\n      className={cn(\r\n        labelVariants({ required: !!required }),\r\n        layout === \"horizontal\" && \"mb-0 shrink-0 pt-2\",\r\n        layout === \"inline\" && \"mb-0 shrink-0\"\r\n      )}\r\n      style={layout === \"horizontal\" && labelWidth ? { width: labelWidth } : undefined}\r\n    >\r\n      {label}\r\n      {formConfig.colon && \":\"}\r\n    </Label>\r\n  ) : null;\r\n\r\n  const messages = (\r\n    <>\r\n      {showError && hasError && (\r\n        <p\r\n          id={`${inputId}-error`}\r\n          className=\"text-sm text-destructive\"\r\n          role=\"alert\"\r\n        >\r\n          {errorMessage}\r\n        </p>\r\n      )}\r\n\r\n      {showHelper && (\r\n        <p\r\n          id={`${inputId}-helper`}\r\n          className=\"text-sm text-muted-foreground\"\r\n        >\r\n          {helperText}\r\n        </p>\r\n      )}\r\n    </>\r\n  );\r\n\r\n  if (layout === \"horizontal\") {\r\n    return (\r\n      <div className={cn(\"space-y-1.5\", fullWidth && \"w-full\")}>\r\n        <div className=\"flex items-start gap-4\">\r\n          {labelNode}\r\n          <div className=\"min-w-0 flex-1 space-y-1.5\">\r\n            {children}\r\n            {messages}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  if (layout === \"inline\") {\r\n    return (\r\n      <div className={cn(\"space-y-1.5\", fullWidth && \"w-full\")}>\r\n        <div className=\"flex flex-wrap items-center gap-3\">\r\n          {labelNode}\r\n          <div className=\"min-w-0 flex-1\">{children}</div>\r\n        </div>\r\n        {messages}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div className={cn(\"space-y-1.5\", fullWidth && \"w-full\")}>\r\n      {labelNode}\r\n      {children}\r\n      {messages}\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;AAoBA,SAAS,kBAAkB,YAAkD;CAC3E,IAAI,eAAe,KAAA,GACjB;CAGF,OAAO,OAAO,eAAe,WAAW,GAAG,WAAW,MAAM;AAC9D;AAEA,SAAgB,YAAY,EAC1B,SACA,OACA,UACA,YACA,cACA,YAAY,MACZ,YAAY,MACZ,aAAa,CAAC,GACd,YACmB;CACnB,MAAM,SAAS,WAAW,UAAU;CACpC,MAAM,aAAa,kBAAkB,WAAW,UAAU;CAC1D,MAAM,WAAW,CAAC,CAAC;CACnB,MAAM,aAAa,CAAC,CAAC,cAAc,CAAC;CAEpC,MAAM,YAAY,QAChB,iBAAA,GAAA,kBAAA,KAAA,CAAC,cAAA,OAAD;EACE,SAAS;EACT,WAAW,WAAA,GACT,iBAAA,cAAc,EAAE,UAAU,CAAC,CAAC,SAAS,CAAC,GACtC,WAAW,gBAAgB,sBAC3B,WAAW,YAAY,eACzB;EACA,OAAO,WAAW,gBAAgB,aAAa,EAAE,OAAO,WAAW,IAAI,KAAA;YAPzE,CASG,OACA,WAAW,SAAS,GAChB;MACL;CAEJ,MAAM,WACJ,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACG,aAAa,YACZ,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;EACE,IAAI,GAAG,QAAQ;EACf,WAAU;EACV,MAAK;YAEJ;CACA,CAAA,GAGJ,cACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;EACE,IAAI,GAAG,QAAQ;EACf,WAAU;YAET;CACA,CAAA,CAEL,EAAA,CAAA;CAGJ,IAAI,WAAW,cACb,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,eAAe,aAAa,QAAQ;YACrD,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;aAAf,CACG,WACD,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;cAAf,CACG,UACA,QACE;KACF;;CACF,CAAA;CAIT,IAAI,WAAW,UACb,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,eAAe,aAAa,QAAQ;YAAvD,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;aAAf,CACG,WACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAU;IAAkB;GAAc,CAAA,CAC5C;MACJ,QACE;;CAIT,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,eAAe,aAAa,QAAQ;YAAvD;GACG;GACA;GACA;EACE;;AAET"}
+{"version":3,"file":"FieldLayout.cjs","names":[],"sources":["../../../../src/components/Form/FieldLayout.tsx"],"sourcesContent":["'use client';\r\n\r\nimport type { ReactNode } from \"react\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { Label } from \"../../primitives/label\";\r\nimport { labelVariants } from \"./variants\";\r\nimport type { FormConfig } from \"./context\";\r\n\r\nexport interface FieldLayoutProps {\r\n  inputId: string;\r\n  label?: string;\r\n  required?: boolean;\r\n  helperText?: string;\r\n  errorMessage?: string;\r\n  showError?: boolean;\r\n  fullWidth?: boolean;\r\n  formConfig?: FormConfig;\r\n  children: ReactNode;\r\n}\r\n\r\nfunction resolveLabelWidth(labelWidth?: string | number): string | undefined {\r\n  if (labelWidth === undefined) {\r\n    return undefined;\r\n  }\r\n\r\n  return typeof labelWidth === \"number\" ? `${labelWidth}px` : labelWidth;\r\n}\r\n\r\nexport function FieldLayout({\r\n  inputId,\r\n  label,\r\n  required,\r\n  helperText,\r\n  errorMessage,\r\n  showError = true,\r\n  fullWidth = true,\r\n  formConfig = {},\r\n  children,\r\n}: FieldLayoutProps) {\r\n  const layout = formConfig.layout ?? \"vertical\";\r\n  const labelWidth = resolveLabelWidth(formConfig.labelWidth);\r\n  const hasError = !!errorMessage;\r\n  const showHelper = !!helperText && !hasError;\r\n\r\n  const labelNode = label ? (\r\n    <Label\r\n      htmlFor={inputId}\r\n      className={cn(\r\n        labelVariants({ required: !!required }),\r\n        layout === \"horizontal\" && \"mb-0 shrink-0 pt-2\",\r\n        layout === \"inline\" && \"mb-0 shrink-0\"\r\n      )}\r\n      style={layout === \"horizontal\" && labelWidth ? { width: labelWidth } : undefined}\r\n    >\r\n      {label}\r\n      {formConfig.colon && \":\"}\r\n    </Label>\r\n  ) : null;\r\n\r\n  const messages = (\r\n    <>\r\n      {showError && hasError && (\r\n        <p\r\n          id={`${inputId}-error`}\r\n          className=\"text-sm text-destructive\"\r\n          role=\"alert\"\r\n        >\r\n          {errorMessage}\r\n        </p>\r\n      )}\r\n\r\n      {showHelper && (\r\n        <p\r\n          id={`${inputId}-helper`}\r\n          className=\"text-sm text-muted-foreground\"\r\n        >\r\n          {helperText}\r\n        </p>\r\n      )}\r\n    </>\r\n  );\r\n\r\n  if (layout === \"horizontal\") {\r\n    return (\r\n      <div className={cn(\"space-y-1.5\", fullWidth && \"w-full\")}>\r\n        <div className=\"flex items-start gap-4\">\r\n          {labelNode}\r\n          <div className=\"min-w-0 flex-1 space-y-1.5\">\r\n            {children}\r\n            {messages}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  if (layout === \"inline\") {\r\n    return (\r\n      <div className={cn(\"space-y-1.5\", fullWidth && \"w-full\")}>\r\n        <div className=\"flex flex-wrap items-center gap-3\">\r\n          {labelNode}\r\n          <div className=\"min-w-0 flex-1\">{children}</div>\r\n        </div>\r\n        {messages}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div className={cn(\"space-y-1.5\", fullWidth && \"w-full\")}>\r\n      {labelNode}\r\n      {children}\r\n      {messages}\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;AAoBA,SAAS,kBAAkB,YAAkD;CAC3E,IAAI,eAAe,KAAA,GACjB;CAGF,OAAO,OAAO,eAAe,WAAW,GAAG,WAAW,MAAM;AAC9D;AAEA,SAAgB,YAAY,EAC1B,SACA,OACA,UACA,YACA,cACA,YAAY,MACZ,YAAY,MACZ,aAAa,CAAC,GACd,YACmB;CACnB,MAAM,SAAS,WAAW,UAAU;CACpC,MAAM,aAAa,kBAAkB,WAAW,UAAU;CAC1D,MAAM,WAAW,CAAC,CAAC;CACnB,MAAM,aAAa,CAAC,CAAC,cAAc,CAAC;CAEpC,MAAM,YAAY,QAChB,iBAAA,GAAA,kBAAA,KAAA,CAAC,cAAA,OAAD;EACE,SAAS;EACT,WAAW,WAAA,GACT,iBAAA,cAAc,EAAE,UAAU,CAAC,CAAC,SAAS,CAAC,GACtC,WAAW,gBAAgB,sBAC3B,WAAW,YAAY,eACzB;EACA,OAAO,WAAW,gBAAgB,aAAa,EAAE,OAAO,WAAW,IAAI,KAAA;EAPzE,UAAA,CASG,OACA,WAAW,SAAS,GAChB;CACL,CAAA,IAAA;CAEJ,MAAM,WACJ,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACG,aAAa,YACZ,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;EACE,IAAI,GAAG,QAAQ;EACf,WAAU;EACV,MAAK;EAEJ,UAAA;CACA,CAAA,GAGJ,cACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;EACE,IAAI,GAAG,QAAQ;EACf,WAAU;EAET,UAAA;CACA,CAAA,CAEL,EAAA,CAAA;CAGJ,IAAI,WAAW,cACb,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,eAAe,aAAa,QAAQ;EACrD,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACG,WACD,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACG,UACA,QACE;GACF,CAAA,CAAA;;CACF,CAAA;CAIT,IAAI,WAAW,UACb,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,eAAe,aAAa,QAAQ;EAAvD,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACG,WACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAU;IAAkB;GAAc,CAAA,CAC5C;EACJ,CAAA,GAAA,QACE;;CAIT,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,eAAe,aAAa,QAAQ;EAAvD,UAAA;GACG;GACA;GACA;EACE;;AAET"}

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

@@ -41,15 +41,16 @@ function Form({ schema: baseSchema, defaultValues, values, onSubmit, onError, co
 	const mode = modeProp ?? (mergedConfig.validateOnChange ? "onChange" : mergedConfig.validateOnBlur !== false ? "onBlur" : "onSubmit");
 	const reValidateMode = reValidateModeProp ?? (mergedConfig.validateOnChange ? "onChange" : "onBlur");
 	const { registerFieldValidation, unregisterFieldValidation, getValidationSchema } = require_context.useFieldValidationRegistry();
+	const dynamicResolver = (0, react.useCallback)(async (vals, context, options) => {
+		if (customResolver) return customResolver(vals, context, options);
+		const fieldSchema = getValidationSchema();
+		let finalSchema;
+		if (baseSchema instanceof zod.z.ZodObject) finalSchema = baseSchema.merge(fieldSchema);
+		else finalSchema = baseSchema ?? fieldSchema;
+		return (0, _hookform_resolvers_zod.zodResolver)(finalSchema)(vals, context, options);
+	}, [baseSchema, customResolver]);
 	const internalForm = (0, react_hook_form.useForm)({
-		resolver: (0, react.useCallback)(async (vals, context, options) => {
-			if (customResolver) return customResolver(vals, context, options);
-			const fieldSchema = getValidationSchema();
-			let finalSchema;
-			if (baseSchema instanceof zod.z.ZodObject) finalSchema = baseSchema.merge(fieldSchema);
-			else finalSchema = baseSchema ?? fieldSchema;
-			return (0, _hookform_resolvers_zod.zodResolver)(finalSchema)(vals, context, options);
-		}, [baseSchema, customResolver]),
+		resolver: dynamicResolver,
 		defaultValues,
 		values,
 		mode,

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

@@ -1 +1 @@
-{"version":3,"file":"Form.cjs","names":[],"sources":["../../../../src/components/Form/Form.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useCallback, useMemo, type ReactNode } from \"react\";\r\nimport {\r\n  useForm,\r\n  FormProvider as RHFFormProvider,\r\n  type UseFormReturn,\r\n  type FieldValues,\r\n  type UseFormProps,\r\n  type SubmitHandler,\r\n  type SubmitErrorHandler,\r\n  type Resolver,\r\n  type Path,\r\n} from \"react-hook-form\";\r\nimport { zodResolver } from \"@hookform/resolvers/zod\";\r\nimport { z } from \"zod\";\r\nimport { \r\n  FormConfigContext, \r\n  defaultFormConfig, \r\n  useFieldValidationRegistry,\r\n  type FormConfig, \r\n  type FormContextValue \r\n} from \"./context\";\r\n\r\n/**\r\n * Props for the Form component\r\n */\r\nexport interface FormProps<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TContext = unknown\r\n> extends Omit<React.FormHTMLAttributes<HTMLFormElement>, \"onSubmit\" | \"onError\"> {\r\n  /** Base Zod schema for validation (will be extended by field props) */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  schema?: z.ZodType<TFieldValues, any, any>;\r\n  /** Default values for the form */\r\n  defaultValues?: UseFormProps<TFieldValues, TContext>[\"defaultValues\"];\r\n  /** Values to reset the form to */\r\n  values?: UseFormProps<TFieldValues, TContext>[\"values\"];\r\n  /** Submit handler */\r\n  onSubmit?: SubmitHandler<TFieldValues>;\r\n  /** Error handler */\r\n  onError?: SubmitErrorHandler<TFieldValues>;\r\n  /** Form configuration */\r\n  config?: FormConfig;\r\n  /** Children */\r\n  children?: ReactNode;\r\n  /** External form instance (for controlled forms) */\r\n  form?: UseFormReturn<TFieldValues>;\r\n  /** Validation mode */\r\n  mode?: UseFormProps<TFieldValues, TContext>[\"mode\"];\r\n  /** Revalidation mode */\r\n  reValidateMode?: UseFormProps<TFieldValues, TContext>[\"reValidateMode\"];\r\n  /** Custom resolver (overrides schema) */\r\n  resolver?: Resolver<TFieldValues>;\r\n}\r\n\r\n/**\r\n * Form component that provides form context and validation\r\n * \r\n * Child components like TextBox can register their validation rules automatically.\r\n * \r\n * @example\r\n * ```tsx\r\n * // Validation is automatically built from component props\r\n * <Form onSubmit={handleSubmit} defaultValues={{ username: \"\", email: \"\" }}>\r\n *   <TextBox name=\"username\" label=\"Username\" required minLength={3} maxLength={50} />\r\n *   <TextBox name=\"email\" label=\"Email\" type=\"email\" required email />\r\n *   <Button type=\"submit\">Submit</Button>\r\n * </Form>\r\n * \r\n * // Or with a base schema that gets extended\r\n * const baseSchema = z.object({\r\n *   username: z.string(),\r\n *   email: z.string(),\r\n * });\r\n * \r\n * <Form schema={baseSchema} onSubmit={handleSubmit}>\r\n *   <TextBox name=\"username\" required minLength={3} /> // Adds required + minLength\r\n *   <TextBox name=\"email\" required email /> // Adds required + email validation\r\n * </Form>\r\n * ```\r\n */\r\nexport function Form<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TContext = unknown\r\n>({\r\n  schema: baseSchema,\r\n  defaultValues,\r\n  values,\r\n  onSubmit,\r\n  onError,\r\n  config,\r\n  children,\r\n  form: externalForm,\r\n  mode: modeProp,\r\n  reValidateMode: reValidateModeProp,\r\n  resolver: customResolver,\r\n  ...formProps\r\n}: FormProps<TFieldValues, TContext>) {\r\n  const mergedConfig = { ...defaultFormConfig, ...config };\r\n\r\n  const mode =\r\n    modeProp ??\r\n    (mergedConfig.validateOnChange\r\n      ? \"onChange\"\r\n      : mergedConfig.validateOnBlur !== false\r\n        ? \"onBlur\"\r\n        : \"onSubmit\");\r\n\r\n  const reValidateMode =\r\n    reValidateModeProp ??\r\n    (mergedConfig.validateOnChange ? \"onChange\" : \"onBlur\");\r\n\r\n  const {\r\n    registerFieldValidation,\r\n    unregisterFieldValidation,\r\n    getValidationSchema,\r\n  } = useFieldValidationRegistry();\r\n\r\n  // Stable resolver that reads from fieldsRef at validation time — no re-renders\r\n  // needed on field registration, and no race condition with useEffect timing.\r\n  const dynamicResolver = useCallback<Resolver<TFieldValues>>(\r\n    async (vals, context, options) => {\r\n      if (customResolver) {\r\n        return customResolver(vals, context, options);\r\n      }\r\n      const fieldSchema = getValidationSchema();\r\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n      let finalSchema: z.ZodType<any, any, any>;\r\n      if (baseSchema instanceof z.ZodObject) {\r\n        finalSchema = baseSchema.merge(fieldSchema);\r\n      } else {\r\n        finalSchema = baseSchema ?? fieldSchema;\r\n      }\r\n      return zodResolver(finalSchema)(vals, context, options);\r\n    },\r\n    // getValidationSchema reads a ref — always current, intentionally omitted.\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    [baseSchema, customResolver]\r\n  );\r\n\r\n  const internalForm = useForm<TFieldValues>({\r\n    resolver: dynamicResolver,\r\n    defaultValues,\r\n    values,\r\n    mode,\r\n    reValidateMode,\r\n  });\r\n\r\n  const form = externalForm ?? internalForm;\r\n\r\n  // Trigger validation for a specific field\r\n  const triggerValidation = useCallback(async (name: string) => {\r\n    return form.trigger(name as Path<TFieldValues>);\r\n  }, [form]);\r\n\r\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\r\n    e.preventDefault();\r\n    if (onSubmit) {\r\n      form.handleSubmit(onSubmit, onError)(e);\r\n    }\r\n  };\r\n\r\n  const contextValue = useMemo<FormContextValue<TFieldValues>>(\r\n    () => ({\r\n      form,\r\n      registerFieldValidation,\r\n      unregisterFieldValidation,\r\n      getValidationSchema,\r\n      triggerValidation,\r\n      showInlineErrors: mergedConfig.showInlineErrors,\r\n      validateOnBlur: mergedConfig.validateOnBlur,\r\n      validateOnChange: mergedConfig.validateOnChange,\r\n      size: mergedConfig.size,\r\n      layout: mergedConfig.layout,\r\n      labelWidth: mergedConfig.labelWidth,\r\n      disabled: mergedConfig.disabled,\r\n      colon: mergedConfig.colon,\r\n    }),\r\n    [\r\n      form,\r\n      registerFieldValidation,\r\n      unregisterFieldValidation,\r\n      getValidationSchema,\r\n      triggerValidation,\r\n      mergedConfig.showInlineErrors,\r\n      mergedConfig.validateOnBlur,\r\n      mergedConfig.validateOnChange,\r\n      mergedConfig.size,\r\n      mergedConfig.layout,\r\n      mergedConfig.labelWidth,\r\n      mergedConfig.disabled,\r\n      mergedConfig.colon,\r\n    ]\r\n  );\r\n\r\n  return (\r\n    <FormConfigContext.Provider value={contextValue as FormContextValue}>\r\n      <RHFFormProvider {...form}>\r\n        <form\r\n          {...formProps}\r\n          onSubmit={handleSubmit}\r\n          noValidate\r\n        >\r\n          {children}\r\n        </form>\r\n      </RHFFormProvider>\r\n    </FormConfigContext.Provider>\r\n  );\r\n}\r\n\r\nForm.displayName = \"Form\";\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA,SAAgB,KAGd,EACA,QAAQ,YACR,eACA,QACA,UACA,SACA,QACA,UACA,MAAM,cACN,MAAM,UACN,gBAAgB,oBAChB,UAAU,gBACV,GAAG,aACiC;CACpC,MAAM,eAAe;EAAE,GAAG,gBAAA;EAAmB,GAAG;CAAO;CAEvD,MAAM,OACJ,aACC,aAAa,mBACV,aACA,aAAa,mBAAmB,QAC9B,WACA;CAER,MAAM,iBACJ,uBACC,aAAa,mBAAmB,aAAa;CAEhD,MAAM,EACJ,yBACA,2BACA,wBACE,gBAAA,2BAA2B;CAwB/B,MAAM,gBAAA,GAAA,gBAAA,QAAA,CAAqC;EACzC,WAAA,GAAA,MAAA,YAAA,CApBA,OAAO,MAAM,SAAS,YAAY;GAChC,IAAI,gBACF,OAAO,eAAe,MAAM,SAAS,OAAO;GAE9C,MAAM,cAAc,oBAAoB;GAExC,IAAI;GACJ,IAAI,sBAAsB,IAAA,EAAE,WAC1B,cAAc,WAAW,MAAM,WAAW;QAE1C,cAAc,cAAc;GAE9B,QAAA,GAAA,wBAAA,YAAA,CAAmB,WAAW,CAAC,CAAC,MAAM,SAAS,OAAO;EACxD,GAGA,CAAC,YAAY,cAAc,CAIjB;EACV;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,OAAO,gBAAgB;CAG7B,MAAM,qBAAA,GAAA,MAAA,YAAA,CAAgC,OAAO,SAAiB;EAC5D,OAAO,KAAK,QAAQ,IAA0B;CAChD,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,gBAAgB,MAAwC;EAC5D,EAAE,eAAe;EACjB,IAAI,UACF,KAAK,aAAa,UAAU,OAAO,CAAC,CAAC,CAAC;CAE1C;CAEA,MAAM,gBAAA,GAAA,MAAA,QAAA,QACG;EACL;EACA;EACA;EACA;EACA;EACA,kBAAkB,aAAa;EAC/B,gBAAgB,aAAa;EAC7B,kBAAkB,aAAa;EAC/B,MAAM,aAAa;EACnB,QAAQ,aAAa;EACrB,YAAY,aAAa;EACzB,UAAU,aAAa;EACvB,OAAO,aAAa;CACtB,IACA;EACE;EACA;EACA;EACA;EACA;EACA,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;CACf,CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,kBAAkB,UAAnB;EAA4B,OAAO;YACjC,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,cAAD;GAAiB,GAAI;aACnB,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IACE,GAAI;IACJ,UAAU;IACV,YAAA;IAEC;GACG,CAAA;EACS,CAAA;CACS,CAAA;AAEhC;AAEA,KAAK,cAAc"}
+{"version":3,"file":"Form.cjs","names":[],"sources":["../../../../src/components/Form/Form.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useCallback, useMemo, type ReactNode } from \"react\";\r\nimport {\r\n  useForm,\r\n  FormProvider as RHFFormProvider,\r\n  type UseFormReturn,\r\n  type FieldValues,\r\n  type UseFormProps,\r\n  type SubmitHandler,\r\n  type SubmitErrorHandler,\r\n  type Resolver,\r\n  type Path,\r\n} from \"react-hook-form\";\r\nimport { zodResolver } from \"@hookform/resolvers/zod\";\r\nimport { z } from \"zod\";\r\nimport { \r\n  FormConfigContext, \r\n  defaultFormConfig, \r\n  useFieldValidationRegistry,\r\n  type FormConfig, \r\n  type FormContextValue \r\n} from \"./context\";\r\n\r\n/**\r\n * Props for the Form component\r\n */\r\nexport interface FormProps<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TContext = unknown\r\n> extends Omit<React.FormHTMLAttributes<HTMLFormElement>, \"onSubmit\" | \"onError\"> {\r\n  /** Base Zod schema for validation (will be extended by field props) */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  schema?: z.ZodType<TFieldValues, any, any>;\r\n  /** Default values for the form */\r\n  defaultValues?: UseFormProps<TFieldValues, TContext>[\"defaultValues\"];\r\n  /** Values to reset the form to */\r\n  values?: UseFormProps<TFieldValues, TContext>[\"values\"];\r\n  /** Submit handler */\r\n  onSubmit?: SubmitHandler<TFieldValues>;\r\n  /** Error handler */\r\n  onError?: SubmitErrorHandler<TFieldValues>;\r\n  /** Form configuration */\r\n  config?: FormConfig;\r\n  /** Children */\r\n  children?: ReactNode;\r\n  /** External form instance (for controlled forms) */\r\n  form?: UseFormReturn<TFieldValues>;\r\n  /** Validation mode */\r\n  mode?: UseFormProps<TFieldValues, TContext>[\"mode\"];\r\n  /** Revalidation mode */\r\n  reValidateMode?: UseFormProps<TFieldValues, TContext>[\"reValidateMode\"];\r\n  /** Custom resolver (overrides schema) */\r\n  resolver?: Resolver<TFieldValues>;\r\n}\r\n\r\n/**\r\n * Form component that provides form context and validation\r\n * \r\n * Child components like TextBox can register their validation rules automatically.\r\n * \r\n * @example\r\n * ```tsx\r\n * // Validation is automatically built from component props\r\n * <Form onSubmit={handleSubmit} defaultValues={{ username: \"\", email: \"\" }}>\r\n *   <TextBox name=\"username\" label=\"Username\" required minLength={3} maxLength={50} />\r\n *   <TextBox name=\"email\" label=\"Email\" type=\"email\" required email />\r\n *   <Button type=\"submit\">Submit</Button>\r\n * </Form>\r\n * \r\n * // Or with a base schema that gets extended\r\n * const baseSchema = z.object({\r\n *   username: z.string(),\r\n *   email: z.string(),\r\n * });\r\n * \r\n * <Form schema={baseSchema} onSubmit={handleSubmit}>\r\n *   <TextBox name=\"username\" required minLength={3} /> // Adds required + minLength\r\n *   <TextBox name=\"email\" required email /> // Adds required + email validation\r\n * </Form>\r\n * ```\r\n */\r\nexport function Form<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TContext = unknown\r\n>({\r\n  schema: baseSchema,\r\n  defaultValues,\r\n  values,\r\n  onSubmit,\r\n  onError,\r\n  config,\r\n  children,\r\n  form: externalForm,\r\n  mode: modeProp,\r\n  reValidateMode: reValidateModeProp,\r\n  resolver: customResolver,\r\n  ...formProps\r\n}: FormProps<TFieldValues, TContext>) {\r\n  const mergedConfig = { ...defaultFormConfig, ...config };\r\n\r\n  const mode =\r\n    modeProp ??\r\n    (mergedConfig.validateOnChange\r\n      ? \"onChange\"\r\n      : mergedConfig.validateOnBlur !== false\r\n        ? \"onBlur\"\r\n        : \"onSubmit\");\r\n\r\n  const reValidateMode =\r\n    reValidateModeProp ??\r\n    (mergedConfig.validateOnChange ? \"onChange\" : \"onBlur\");\r\n\r\n  const {\r\n    registerFieldValidation,\r\n    unregisterFieldValidation,\r\n    getValidationSchema,\r\n  } = useFieldValidationRegistry();\r\n\r\n  // Stable resolver that reads from fieldsRef at validation time — no re-renders\r\n  // needed on field registration, and no race condition with useEffect timing.\r\n  const dynamicResolver = useCallback<Resolver<TFieldValues>>(\r\n    async (vals, context, options) => {\r\n      if (customResolver) {\r\n        return customResolver(vals, context, options);\r\n      }\r\n      const fieldSchema = getValidationSchema();\r\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n      let finalSchema: z.ZodType<any, any, any>;\r\n      if (baseSchema instanceof z.ZodObject) {\r\n        finalSchema = baseSchema.merge(fieldSchema);\r\n      } else {\r\n        finalSchema = baseSchema ?? fieldSchema;\r\n      }\r\n      return zodResolver(finalSchema)(vals, context, options);\r\n    },\r\n    // getValidationSchema reads a ref — always current, intentionally omitted.\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    [baseSchema, customResolver]\r\n  );\r\n\r\n  const internalForm = useForm<TFieldValues>({\r\n    resolver: dynamicResolver,\r\n    defaultValues,\r\n    values,\r\n    mode,\r\n    reValidateMode,\r\n  });\r\n\r\n  const form = externalForm ?? internalForm;\r\n\r\n  // Trigger validation for a specific field\r\n  const triggerValidation = useCallback(async (name: string) => {\r\n    return form.trigger(name as Path<TFieldValues>);\r\n  }, [form]);\r\n\r\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\r\n    e.preventDefault();\r\n    if (onSubmit) {\r\n      form.handleSubmit(onSubmit, onError)(e);\r\n    }\r\n  };\r\n\r\n  const contextValue = useMemo<FormContextValue<TFieldValues>>(\r\n    () => ({\r\n      form,\r\n      registerFieldValidation,\r\n      unregisterFieldValidation,\r\n      getValidationSchema,\r\n      triggerValidation,\r\n      showInlineErrors: mergedConfig.showInlineErrors,\r\n      validateOnBlur: mergedConfig.validateOnBlur,\r\n      validateOnChange: mergedConfig.validateOnChange,\r\n      size: mergedConfig.size,\r\n      layout: mergedConfig.layout,\r\n      labelWidth: mergedConfig.labelWidth,\r\n      disabled: mergedConfig.disabled,\r\n      colon: mergedConfig.colon,\r\n    }),\r\n    [\r\n      form,\r\n      registerFieldValidation,\r\n      unregisterFieldValidation,\r\n      getValidationSchema,\r\n      triggerValidation,\r\n      mergedConfig.showInlineErrors,\r\n      mergedConfig.validateOnBlur,\r\n      mergedConfig.validateOnChange,\r\n      mergedConfig.size,\r\n      mergedConfig.layout,\r\n      mergedConfig.labelWidth,\r\n      mergedConfig.disabled,\r\n      mergedConfig.colon,\r\n    ]\r\n  );\r\n\r\n  return (\r\n    <FormConfigContext.Provider value={contextValue as FormContextValue}>\r\n      <RHFFormProvider {...form}>\r\n        <form\r\n          {...formProps}\r\n          onSubmit={handleSubmit}\r\n          noValidate\r\n        >\r\n          {children}\r\n        </form>\r\n      </RHFFormProvider>\r\n    </FormConfigContext.Provider>\r\n  );\r\n}\r\n\r\nForm.displayName = \"Form\";\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA,SAAgB,KAGd,EACA,QAAQ,YACR,eACA,QACA,UACA,SACA,QACA,UACA,MAAM,cACN,MAAM,UACN,gBAAgB,oBAChB,UAAU,gBACV,GAAG,aACiC;CACpC,MAAM,eAAe;EAAE,GAAG,gBAAA;EAAmB,GAAG;CAAO;CAEvD,MAAM,OACJ,aACC,aAAa,mBACV,aACA,aAAa,mBAAmB,QAC9B,WACA;CAER,MAAM,iBACJ,uBACC,aAAa,mBAAmB,aAAa;CAEhD,MAAM,EACJ,yBACA,2BACA,wBACE,gBAAA,2BAA2B;CAI/B,MAAM,mBAAA,GAAkB,MAAA,YAAA,CACtB,OAAO,MAAM,SAAS,YAAY;EAChC,IAAI,gBACF,OAAO,eAAe,MAAM,SAAS,OAAO;EAE9C,MAAM,cAAc,oBAAoB;EAExC,IAAI;EACJ,IAAI,sBAAsB,IAAA,EAAE,WAC1B,cAAc,WAAW,MAAM,WAAW;OAE1C,cAAc,cAAc;EAE9B,QAAA,GAAO,wBAAA,YAAA,CAAY,WAAW,CAAC,CAAC,MAAM,SAAS,OAAO;CACxD,GAGA,CAAC,YAAY,cAAc,CAC7B;CAEA,MAAM,gBAAA,GAAe,gBAAA,QAAA,CAAsB;EACzC,UAAU;EACV;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,OAAO,gBAAgB;CAG7B,MAAM,qBAAA,GAAoB,MAAA,YAAA,CAAY,OAAO,SAAiB;EAC5D,OAAO,KAAK,QAAQ,IAA0B;CAChD,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,gBAAgB,MAAwC;EAC5D,EAAE,eAAe;EACjB,IAAI,UACF,KAAK,aAAa,UAAU,OAAO,CAAC,CAAC,CAAC;CAE1C;CAEA,MAAM,gBAAA,GAAe,MAAA,QAAA,QACZ;EACL;EACA;EACA;EACA;EACA;EACA,kBAAkB,aAAa;EAC/B,gBAAgB,aAAa;EAC7B,kBAAkB,aAAa;EAC/B,MAAM,aAAa;EACnB,QAAQ,aAAa;EACrB,YAAY,aAAa;EACzB,UAAU,aAAa;EACvB,OAAO,aAAa;CACtB,IACA;EACE;EACA;EACA;EACA;EACA;EACA,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;CACf,CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,kBAAkB,UAAnB;EAA4B,OAAO;EACjC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,cAAD;GAAiB,GAAI;GACnB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IACE,GAAI;IACJ,UAAU;IACV,YAAA;IAEC;GACG,CAAA;EACS,CAAA;CACS,CAAA;AAEhC;AAEA,KAAK,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"FormSwitch.cjs","names":[],"sources":["../../../../src/components/Form/FormSwitch.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { forwardRef, useId, useContext, useEffect } from \"react\";\r\nimport type { ReactNode, ComponentPropsWithoutRef } from \"react\";\r\nimport { useController, useFormContext as useRHFFormContext, type FieldValues, type FieldPath, type Control } from \"react-hook-form\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { FormConfigContext, type FormConfig, type FieldValidationRules } from \"../Form/context\";\r\nimport { Switch as ShadcnSwitch } from \"../../primitives/switch\";\r\nimport { Label } from \"../../primitives/label\";\r\nimport type * as SwitchPrimitives from \"@radix-ui/react-switch\";\r\n\r\nconst switchSizeVariants = cva(\r\n  \"\",\r\n  {\r\n    variants: {\r\n      size: {\r\n        sm: \"h-5 w-9\",\r\n        md: \"h-6 w-11\",\r\n        lg: \"h-7 w-14\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      size: \"md\",\r\n    },\r\n  }\r\n);\r\n\r\nconst labelVariants = cva(\r\n  \"text-sm font-medium cursor-pointer select-none\",\r\n  {\r\n    variants: {\r\n      disabled: {\r\n        true: \"cursor-not-allowed opacity-50\",\r\n        false: \"\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      disabled: false,\r\n    },\r\n  }\r\n);\r\n\r\nexport interface FormSwitchProps<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n> extends Omit<ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, \"name\" | \"checked\" | \"onCheckedChange\" | \"required\">,\r\n    VariantProps<typeof switchSizeVariants> {\r\n  /** Field name - required for form integration */\r\n  name: TName;\r\n  /** Label text for the switch */\r\n  label?: ReactNode;\r\n  /** Helper text displayed below the switch */\r\n  helperText?: string;\r\n  /** Whether to show the error message */\r\n  showError?: boolean;\r\n  /** Custom error message (overrides form error) */\r\n  error?: string;\r\n  /** External control (for use outside Form) */\r\n  control?: Control<TFieldValues>;\r\n  /** Text to show when checked */\r\n  checkedText?: ReactNode;\r\n  /** Text to show when unchecked */\r\n  uncheckedText?: ReactNode;\r\n\r\n  // Validation props\r\n  /** Field is required (must be on) */\r\n  required?: boolean | string;\r\n  /** Custom validation function */\r\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\r\n}\r\n\r\n/**\r\n * Switch component with form integration\r\n *\r\n * This is a wrapper around the shadcn/ui Switch primitive that adds:\r\n * - Form integration with react-hook-form\r\n * - Automatic validation registration\r\n * - Label, helper text, and error message support\r\n * - Checked/unchecked text display\r\n *\r\n * @example\r\n * ```tsx\r\n * // Inside a Form component\r\n * <FormSwitch name=\"notifications\" label=\"Enable notifications\" />\r\n * <FormSwitch name=\"terms\" label=\"Accept terms\" required=\"You must accept the terms\" />\r\n * <FormSwitch name=\"darkMode\" label=\"Dark mode\" checkedText=\"On\" uncheckedText=\"Off\" />\r\n * ```\r\n */\r\nfunction FormSwitchInner<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>(\r\n  {\r\n    name,\r\n    label,\r\n    helperText,\r\n    showError = true,\r\n    error: customError,\r\n    size,\r\n    className,\r\n    disabled,\r\n    id: providedId,\r\n    control: externalControl,\r\n    checkedText,\r\n    uncheckedText,\r\n    // Validation props\r\n    required,\r\n    validate,\r\n    ...props\r\n  }: FormSwitchProps<TFieldValues, TName>,\r\n  ref: React.ForwardedRef<React.ElementRef<typeof SwitchPrimitives.Root>>\r\n) {\r\n  const generatedId = useId();\r\n  const inputId = providedId ?? generatedId;\r\n\r\n  // Try to get form context\r\n  const formConfigContext = useContext(FormConfigContext);\r\n  const formConfig: FormConfig = formConfigContext ?? {};\r\n\r\n  // Get form context from react-hook-form\r\n  const rhfContext = useRHFFormContext<TFieldValues>();\r\n  const control = externalControl ?? rhfContext?.control;\r\n\r\n  // Register validation rules with the form\r\n  useEffect(() => {\r\n    if (formConfigContext?.registerFieldValidation) {\r\n      const rules: FieldValidationRules = {};\r\n\r\n      if (required !== undefined) rules.required = required;\r\n      if (validate !== undefined) rules.validate = validate;\r\n\r\n      formConfigContext.registerFieldValidation({\r\n        name: name as string,\r\n        type: \"boolean\",\r\n        rules,\r\n      });\r\n\r\n      return () => {\r\n        formConfigContext.unregisterFieldValidation(name as string);\r\n      };\r\n    }\r\n  }, [formConfigContext, name, required, validate]);\r\n\r\n  // Use controller for form integration\r\n  const { field, fieldState } = useController<TFieldValues, TName>({\r\n    name,\r\n    control,\r\n  });\r\n\r\n  const fieldError = fieldState.error?.message;\r\n  const errorMessage = customError ?? fieldError;\r\n  const hasError = !!errorMessage;\r\n\r\n  // Merge sizes - prop takes precedence over form config\r\n  const effectiveSize = size ?? formConfig.size ?? \"md\";\r\n  const effectiveDisabled = disabled ?? formConfig.disabled;\r\n  const isChecked = field.value ?? false;\r\n\r\n  return (\r\n    <div className=\"space-y-1.5\">\r\n      <div className=\"flex items-center gap-3\">\r\n        <ShadcnSwitch\r\n          {...props}\r\n          ref={ref}\r\n          id={inputId}\r\n          checked={isChecked}\r\n          onCheckedChange={(checked) => field.onChange(checked)}\r\n          disabled={effectiveDisabled}\r\n          aria-labelledby={label ? `${inputId}-label` : undefined}\r\n          className={cn(\r\n            switchSizeVariants({ size: effectiveSize }),\r\n            className\r\n          )}\r\n        />\r\n\r\n        {(checkedText || uncheckedText) && (\r\n          <span className=\"text-sm text-muted-foreground\">\r\n            {isChecked ? checkedText : uncheckedText}\r\n          </span>\r\n        )}\r\n\r\n        {label && (\r\n          <Label\r\n            id={`${inputId}-label`}\r\n            htmlFor={inputId}\r\n            className={labelVariants({ disabled: effectiveDisabled })}\r\n          >\r\n            {label}\r\n          </Label>\r\n        )}\r\n      </div>\r\n\r\n      {showError && hasError && (\r\n        <p className=\"text-sm text-destructive\" role=\"alert\">\r\n          {errorMessage}\r\n        </p>\r\n      )}\r\n\r\n      {helperText && !hasError && (\r\n        <p className=\"text-sm text-muted-foreground\">\r\n          {helperText}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport const FormSwitch = forwardRef(FormSwitchInner) as <\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>(\r\n  props: FormSwitchProps<TFieldValues, TName> & { ref?: React.ForwardedRef<React.ElementRef<typeof SwitchPrimitives.Root>> }\r\n) => React.ReactElement;\r\n\r\n(FormSwitch as React.FC).displayName = \"FormSwitch\";\r\n"],"mappings":";;;;;;;;;;;AAYA,IAAM,sBAAA,GAAA,yBAAA,IAAA,CACJ,IACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF;AAEA,IAAM,iBAAA,GAAA,yBAAA,IAAA,CACJ,kDACA;CACE,UAAU,EACR,UAAU;EACR,MAAM;EACN,OAAO;CACT,EACF;CACA,iBAAiB,EACf,UAAU,MACZ;AACF,CACF;;;;;;;;;;;;;;;;;;AAgDA,SAAS,gBAIP,EACE,MACA,OACA,YACA,YAAY,MACZ,OAAO,aACP,MACA,WACA,UACA,IAAI,YACJ,SAAS,iBACT,aACA,eAEA,UACA,UACA,GAAG,SAEL,KACA;CACA,MAAM,eAAA,GAAA,MAAA,MAAA,CAAoB;CAC1B,MAAM,UAAU,cAAc;CAG9B,MAAM,qBAAA,GAAA,MAAA,WAAA,CAA+B,gBAAA,iBAAiB;CACtD,MAAM,aAAyB,qBAAqB,CAAC;CAGrD,MAAM,cAAA,GAAA,gBAAA,eAAA,CAA6C;CACnD,MAAM,UAAU,mBAAmB,YAAY;CAG/C,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,mBAAmB,yBAAyB;GAC9C,MAAM,QAA8B,CAAC;GAErC,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAC7C,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAE7C,kBAAkB,wBAAwB;IAClC;IACN,MAAM;IACN;GACF,CAAC;GAED,aAAa;IACX,kBAAkB,0BAA0B,IAAc;GAC5D;EACF;CACF,GAAG;EAAC;EAAmB;EAAM;EAAU;CAAQ,CAAC;CAGhD,MAAM,EAAE,OAAO,gBAAA,GAAA,gBAAA,cAAA,CAAkD;EAC/D;EACA;CACF,CAAC;CAED,MAAM,aAAa,WAAW,OAAO;CACrC,MAAM,eAAe,eAAe;CACpC,MAAM,WAAW,CAAC,CAAC;CAGnB,MAAM,gBAAgB,QAAQ,WAAW,QAAQ;CACjD,MAAM,oBAAoB,YAAY,WAAW;CACjD,MAAM,YAAY,MAAM,SAAS;CAEjC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;YAAf;GACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;cAAf;KACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,QAAD;MACE,GAAI;MACC;MACL,IAAI;MACJ,SAAS;MACT,kBAAkB,YAAY,MAAM,SAAS,OAAO;MACpD,UAAU;MACV,mBAAiB,QAAQ,GAAG,QAAQ,UAAU,KAAA;MAC9C,WAAW,WAAA,GACT,mBAAmB,EAAE,MAAM,cAAc,CAAC,GAC1C,SACF;KACD,CAAA;MAEC,eAAe,kBACf,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MAAM,WAAU;gBACb,YAAY,cAAc;KACvB,CAAA;KAGP,SACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,OAAD;MACE,IAAI,GAAG,QAAQ;MACf,SAAS;MACT,WAAW,cAAc,EAAE,UAAU,kBAAkB,CAAC;gBAEvD;KACI,CAAA;IAEN;;GAEJ,aAAa,YACZ,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAG,WAAU;IAA2B,MAAK;cAC1C;GACA,CAAA;GAGJ,cAAc,CAAC,YACd,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAG,WAAU;cACV;GACA,CAAA;EAEF;;AAET;AAEA,IAAa,cAAA,GAAA,MAAA,WAAA,CAAwB,eAAe;AAOpD,WAAyB,cAAc"}
+{"version":3,"file":"FormSwitch.cjs","names":[],"sources":["../../../../src/components/Form/FormSwitch.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { forwardRef, useId, useContext, useEffect } from \"react\";\r\nimport type { ReactNode, ComponentPropsWithoutRef } from \"react\";\r\nimport { useController, useFormContext as useRHFFormContext, type FieldValues, type FieldPath, type Control } from \"react-hook-form\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { FormConfigContext, type FormConfig, type FieldValidationRules } from \"../Form/context\";\r\nimport { Switch as ShadcnSwitch } from \"../../primitives/switch\";\r\nimport { Label } from \"../../primitives/label\";\r\nimport type * as SwitchPrimitives from \"@radix-ui/react-switch\";\r\n\r\nconst switchSizeVariants = cva(\r\n  \"\",\r\n  {\r\n    variants: {\r\n      size: {\r\n        sm: \"h-5 w-9\",\r\n        md: \"h-6 w-11\",\r\n        lg: \"h-7 w-14\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      size: \"md\",\r\n    },\r\n  }\r\n);\r\n\r\nconst labelVariants = cva(\r\n  \"text-sm font-medium cursor-pointer select-none\",\r\n  {\r\n    variants: {\r\n      disabled: {\r\n        true: \"cursor-not-allowed opacity-50\",\r\n        false: \"\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      disabled: false,\r\n    },\r\n  }\r\n);\r\n\r\nexport interface FormSwitchProps<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n> extends Omit<ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, \"name\" | \"checked\" | \"onCheckedChange\" | \"required\">,\r\n    VariantProps<typeof switchSizeVariants> {\r\n  /** Field name - required for form integration */\r\n  name: TName;\r\n  /** Label text for the switch */\r\n  label?: ReactNode;\r\n  /** Helper text displayed below the switch */\r\n  helperText?: string;\r\n  /** Whether to show the error message */\r\n  showError?: boolean;\r\n  /** Custom error message (overrides form error) */\r\n  error?: string;\r\n  /** External control (for use outside Form) */\r\n  control?: Control<TFieldValues>;\r\n  /** Text to show when checked */\r\n  checkedText?: ReactNode;\r\n  /** Text to show when unchecked */\r\n  uncheckedText?: ReactNode;\r\n\r\n  // Validation props\r\n  /** Field is required (must be on) */\r\n  required?: boolean | string;\r\n  /** Custom validation function */\r\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\r\n}\r\n\r\n/**\r\n * Switch component with form integration\r\n *\r\n * This is a wrapper around the shadcn/ui Switch primitive that adds:\r\n * - Form integration with react-hook-form\r\n * - Automatic validation registration\r\n * - Label, helper text, and error message support\r\n * - Checked/unchecked text display\r\n *\r\n * @example\r\n * ```tsx\r\n * // Inside a Form component\r\n * <FormSwitch name=\"notifications\" label=\"Enable notifications\" />\r\n * <FormSwitch name=\"terms\" label=\"Accept terms\" required=\"You must accept the terms\" />\r\n * <FormSwitch name=\"darkMode\" label=\"Dark mode\" checkedText=\"On\" uncheckedText=\"Off\" />\r\n * ```\r\n */\r\nfunction FormSwitchInner<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>(\r\n  {\r\n    name,\r\n    label,\r\n    helperText,\r\n    showError = true,\r\n    error: customError,\r\n    size,\r\n    className,\r\n    disabled,\r\n    id: providedId,\r\n    control: externalControl,\r\n    checkedText,\r\n    uncheckedText,\r\n    // Validation props\r\n    required,\r\n    validate,\r\n    ...props\r\n  }: FormSwitchProps<TFieldValues, TName>,\r\n  ref: React.ForwardedRef<React.ElementRef<typeof SwitchPrimitives.Root>>\r\n) {\r\n  const generatedId = useId();\r\n  const inputId = providedId ?? generatedId;\r\n\r\n  // Try to get form context\r\n  const formConfigContext = useContext(FormConfigContext);\r\n  const formConfig: FormConfig = formConfigContext ?? {};\r\n\r\n  // Get form context from react-hook-form\r\n  const rhfContext = useRHFFormContext<TFieldValues>();\r\n  const control = externalControl ?? rhfContext?.control;\r\n\r\n  // Register validation rules with the form\r\n  useEffect(() => {\r\n    if (formConfigContext?.registerFieldValidation) {\r\n      const rules: FieldValidationRules = {};\r\n\r\n      if (required !== undefined) rules.required = required;\r\n      if (validate !== undefined) rules.validate = validate;\r\n\r\n      formConfigContext.registerFieldValidation({\r\n        name: name as string,\r\n        type: \"boolean\",\r\n        rules,\r\n      });\r\n\r\n      return () => {\r\n        formConfigContext.unregisterFieldValidation(name as string);\r\n      };\r\n    }\r\n  }, [formConfigContext, name, required, validate]);\r\n\r\n  // Use controller for form integration\r\n  const { field, fieldState } = useController<TFieldValues, TName>({\r\n    name,\r\n    control,\r\n  });\r\n\r\n  const fieldError = fieldState.error?.message;\r\n  const errorMessage = customError ?? fieldError;\r\n  const hasError = !!errorMessage;\r\n\r\n  // Merge sizes - prop takes precedence over form config\r\n  const effectiveSize = size ?? formConfig.size ?? \"md\";\r\n  const effectiveDisabled = disabled ?? formConfig.disabled;\r\n  const isChecked = field.value ?? false;\r\n\r\n  return (\r\n    <div className=\"space-y-1.5\">\r\n      <div className=\"flex items-center gap-3\">\r\n        <ShadcnSwitch\r\n          {...props}\r\n          ref={ref}\r\n          id={inputId}\r\n          checked={isChecked}\r\n          onCheckedChange={(checked) => field.onChange(checked)}\r\n          disabled={effectiveDisabled}\r\n          aria-labelledby={label ? `${inputId}-label` : undefined}\r\n          className={cn(\r\n            switchSizeVariants({ size: effectiveSize }),\r\n            className\r\n          )}\r\n        />\r\n\r\n        {(checkedText || uncheckedText) && (\r\n          <span className=\"text-sm text-muted-foreground\">\r\n            {isChecked ? checkedText : uncheckedText}\r\n          </span>\r\n        )}\r\n\r\n        {label && (\r\n          <Label\r\n            id={`${inputId}-label`}\r\n            htmlFor={inputId}\r\n            className={labelVariants({ disabled: effectiveDisabled })}\r\n          >\r\n            {label}\r\n          </Label>\r\n        )}\r\n      </div>\r\n\r\n      {showError && hasError && (\r\n        <p className=\"text-sm text-destructive\" role=\"alert\">\r\n          {errorMessage}\r\n        </p>\r\n      )}\r\n\r\n      {helperText && !hasError && (\r\n        <p className=\"text-sm text-muted-foreground\">\r\n          {helperText}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport const FormSwitch = forwardRef(FormSwitchInner) as <\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>(\r\n  props: FormSwitchProps<TFieldValues, TName> & { ref?: React.ForwardedRef<React.ElementRef<typeof SwitchPrimitives.Root>> }\r\n) => React.ReactElement;\r\n\r\n(FormSwitch as React.FC).displayName = \"FormSwitch\";\r\n"],"mappings":";;;;;;;;;;;AAYA,IAAM,sBAAA,GAAqB,yBAAA,IAAA,CACzB,IACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF;AAEA,IAAM,iBAAA,GAAgB,yBAAA,IAAA,CACpB,kDACA;CACE,UAAU,EACR,UAAU;EACR,MAAM;EACN,OAAO;CACT,EACF;CACA,iBAAiB,EACf,UAAU,MACZ;AACF,CACF;;;;;;;;;;;;;;;;;;AAgDA,SAAS,gBAIP,EACE,MACA,OACA,YACA,YAAY,MACZ,OAAO,aACP,MACA,WACA,UACA,IAAI,YACJ,SAAS,iBACT,aACA,eAEA,UACA,UACA,GAAG,SAEL,KACA;CACA,MAAM,eAAA,GAAc,MAAA,MAAA,CAAM;CAC1B,MAAM,UAAU,cAAc;CAG9B,MAAM,qBAAA,GAAoB,MAAA,WAAA,CAAW,gBAAA,iBAAiB;CACtD,MAAM,aAAyB,qBAAqB,CAAC;CAGrD,MAAM,cAAA,GAAa,gBAAA,eAAA,CAAgC;CACnD,MAAM,UAAU,mBAAmB,YAAY;CAG/C,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,mBAAmB,yBAAyB;GAC9C,MAAM,QAA8B,CAAC;GAErC,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAC7C,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAE7C,kBAAkB,wBAAwB;IAClC;IACN,MAAM;IACN;GACF,CAAC;GAED,aAAa;IACX,kBAAkB,0BAA0B,IAAc;GAC5D;EACF;CACF,GAAG;EAAC;EAAmB;EAAM;EAAU;CAAQ,CAAC;CAGhD,MAAM,EAAE,OAAO,gBAAA,GAAe,gBAAA,cAAA,CAAmC;EAC/D;EACA;CACF,CAAC;CAED,MAAM,aAAa,WAAW,OAAO;CACrC,MAAM,eAAe,eAAe;CACpC,MAAM,WAAW,CAAC,CAAC;CAGnB,MAAM,gBAAgB,QAAQ,WAAW,QAAQ;CACjD,MAAM,oBAAoB,YAAY,WAAW;CACjD,MAAM,YAAY,MAAM,SAAS;CAEjC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,QAAD;MACE,GAAI;MACC;MACL,IAAI;MACJ,SAAS;MACT,kBAAkB,YAAY,MAAM,SAAS,OAAO;MACpD,UAAU;MACV,mBAAiB,QAAQ,GAAG,QAAQ,UAAU,KAAA;MAC9C,WAAW,WAAA,GACT,mBAAmB,EAAE,MAAM,cAAc,CAAC,GAC1C,SACF;KACD,CAAA;MAEC,eAAe,kBACf,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MAAM,WAAU;MACb,UAAA,YAAY,cAAc;KACvB,CAAA;KAGP,SACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,OAAD;MACE,IAAI,GAAG,QAAQ;MACf,SAAS;MACT,WAAW,cAAc,EAAE,UAAU,kBAAkB,CAAC;MAEvD,UAAA;KACI,CAAA;IAEN;;GAEJ,aAAa,YACZ,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAG,WAAU;IAA2B,MAAK;IAC1C,UAAA;GACA,CAAA;GAGJ,cAAc,CAAC,YACd,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAG,WAAU;IACV,UAAA;GACA,CAAA;EAEF;;AAET;AAEA,IAAa,cAAA,GAAa,MAAA,WAAA,CAAW,eAAe;AAOpD,WAAyB,cAAc"}