@skybin-tech/nebula-ui 0.0.1

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,18 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** The content of the button */
+    children: ReactNode;
+    /** The visual style variant of the button */
+    variant?: "primary" | "secondary" | "outline" | "ghost" | "danger";
+    /** The size of the button */
+    size?: "sm" | "md" | "lg";
+    /** Whether the button should take full width */
+    fullWidth?: boolean;
+    /** Whether the button is in a loading state */
+    loading?: boolean;
+}
+/**
+ * A customizable button component with multiple variants and sizes
+ */
+export declare function Button({ children, variant, size, fullWidth, loading, disabled, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,gCAAgC;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IACnE,6BAA6B;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,OAAmB,EACnB,IAAW,EACX,SAAiB,EACjB,OAAe,EACf,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,2CAoBb"}

package/dist/components/Button/Button.js

@@ -0,0 +1,37 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+/* empty css           */
+function Button({
+  children,
+  variant = "primary",
+  size = "md",
+  fullWidth = false,
+  loading = false,
+  disabled,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      className: cn(
+        "skybin-button",
+        `skybin-button--${variant}`,
+        `skybin-button--${size}`,
+        fullWidth && "skybin-button--full-width",
+        loading && "skybin-button--loading",
+        className
+      ),
+      disabled: disabled || loading,
+      ...props,
+      children: [
+        loading && /* @__PURE__ */ jsx("span", { className: "skybin-button__spinner" }),
+        /* @__PURE__ */ jsx("span", { className: cn("skybin-button__content", loading && "skybin-button__content--hidden"), children })
+      ]
+    }
+  );
+}
+export {
+  Button
+};
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport \"./Button.css\";\r\n\r\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\r\n  /** The content of the button */\r\n  children: ReactNode;\r\n  /** The visual style variant of the button */\r\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\" | \"danger\";\r\n  /** The size of the button */\r\n  size?: \"sm\" | \"md\" | \"lg\";\r\n  /** Whether the button should take full width */\r\n  fullWidth?: boolean;\r\n  /** Whether the button is in a loading state */\r\n  loading?: boolean;\r\n}\r\n\r\n/**\r\n * A customizable button component with multiple variants and sizes\r\n */\r\nexport function Button({\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  ...props\r\n}: ButtonProps) {\r\n  return (\r\n    <button\r\n      className={cn(\r\n        \"skybin-button\",\r\n        `skybin-button--${variant}`,\r\n        `skybin-button--${size}`,\r\n        fullWidth && \"skybin-button--full-width\",\r\n        loading && \"skybin-button--loading\",\r\n        className\r\n      )}\r\n      disabled={disabled || loading}\r\n      {...props}\r\n    >\r\n      {loading && <span className=\"skybin-button__spinner\" />}\r\n      <span className={cn(\"skybin-button__content\", loading && \"skybin-button__content--hidden\")}>\r\n        {children}\r\n      </span>\r\n    </button>\r\n  );\r\n}\r\n"],"names":[],"mappings":";;;AAoBO,SAAS,OAAO;AAAA,EACrB;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAgB;AACd,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,kBAAkB,OAAO;AAAA,QACzB,kBAAkB,IAAI;AAAA,QACtB,aAAa;AAAA,QACb,WAAW;AAAA,QACX;AAAA,MAAA;AAAA,MAEF,UAAU,YAAY;AAAA,MACrB,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA,WAAW,oBAAC,QAAA,EAAK,WAAU,yBAAA,CAAyB;AAAA,QACrD,oBAAC,UAAK,WAAW,GAAG,0BAA0B,WAAW,gCAAgC,GACtF,SAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Button/index.d.ts

@@ -0,0 +1,3 @@
+export { Button } from './Button';
+export type { ButtonProps } from './Button';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/Form/Checkbox.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+import { FieldValues, FieldPath, Control } from 'react-hook-form';
+import { VariantProps } from 'class-variance-authority';
+import type * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+declare const checkboxSizeVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface CheckboxProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, "name" | "checked" | "onCheckedChange" | "required">, VariantProps<typeof checkboxSizeVariants> {
+    /** Field name - required for form integration */
+    name: TName;
+    /** Label text for the checkbox */
+    label?: ReactNode;
+    /** Helper text displayed below the checkbox */
+    helperText?: string;
+    /** Whether to show the error message */
+    showError?: boolean;
+    /** Custom error message (overrides form error) */
+    error?: string;
+    /** External control (for use outside Form) */
+    control?: Control<TFieldValues>;
+    /** Variant style */
+    variant?: "default" | "error";
+    /** Field is required (must be checked) */
+    required?: boolean | string;
+    /** Custom validation function */
+    validate?: (value: unknown) => boolean | string | Promise<boolean | string>;
+}
+export declare const Checkbox: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: CheckboxProps<TFieldValues, TName> & {
+    ref?: React.ForwardedRef<React.ElementRef<typeof CheckboxPrimitive.Root>>;
+}) => React.ReactElement;
+export {};
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/Form/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAsD,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,KAAK,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrI,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,OAAO,KAAK,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAEnE,QAAA,MAAM,oBAAoB;;8EAczB,CAAC;AAsBF,MAAM,WAAW,aAAa,CAC5B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CAC/D,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,iBAAiB,GAAG,UAAU,CAAC,EACxH,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C,iDAAiD;IACjD,IAAI,EAAE,KAAK,CAAC;IACZ,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAG9B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;CAC7E;AAmJD,eAAO,MAAM,QAAQ,EAAgC,CACnD,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAE/D,KAAK,EAAE,aAAa,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAA;CAAE,KACtH,KAAK,CAAC,YAAY,CAAC"}

package/dist/components/Form/Checkbox.js

@@ -0,0 +1,145 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useId, useContext, useEffect } from "react";
+import { useFormContext, useController } from "react-hook-form";
+import { cva } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn } from "../../utils/cn.js";
+import { FormConfigContext } from "./context.js";
+import { Checkbox as Checkbox$1 } from "../ui/checkbox.js";
+import { Label } from "../ui/label.js";
+const checkboxSizeVariants = cva(
+  "",
+  {
+    variants: {
+      size: {
+        sm: "h-4 w-4",
+        md: "h-5 w-5",
+        lg: "h-6 w-6"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+const labelVariants = cva(
+  "text-sm font-medium cursor-pointer select-none",
+  {
+    variants: {
+      required: {
+        true: "after:content-['*'] after:ml-0.5 after:text-destructive",
+        false: ""
+      },
+      disabled: {
+        true: "cursor-not-allowed opacity-50",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      required: false,
+      disabled: false
+    }
+  }
+);
+function CheckboxInner({
+  name,
+  label,
+  helperText,
+  showError = true,
+  error: customError,
+  size,
+  variant,
+  className,
+  disabled,
+  id: providedId,
+  control: externalControl,
+  // Validation props
+  required,
+  validate,
+  ...props
+}, ref) {
+  const generatedId = useId();
+  const inputId = providedId ?? generatedId;
+  const formConfigContext = useContext(FormConfigContext);
+  const formConfig = formConfigContext ?? {};
+  const rhfContext = useFormContext();
+  const control = externalControl ?? rhfContext?.control;
+  useEffect(() => {
+    if (formConfigContext?.registerFieldValidation) {
+      const rules = {};
+      if (required !== void 0) rules.required = required;
+      if (validate !== void 0) rules.validate = validate;
+      formConfigContext.registerFieldValidation({
+        name,
+        type: "boolean",
+        rules
+      });
+      return () => {
+        formConfigContext.unregisterFieldValidation(name);
+      };
+    }
+  }, [formConfigContext, name, required, validate]);
+  const { field, fieldState } = useController({
+    name,
+    control
+  });
+  const fieldError = fieldState.error?.message;
+  const errorMessage = customError ?? fieldError;
+  const hasError = !!errorMessage;
+  const effectiveSize = size ?? formConfig.size ?? "md";
+  const effectiveDisabled = disabled ?? formConfig.disabled;
+  const effectiveVariant = hasError ? "error" : variant;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Checkbox$1,
+        {
+          ...props,
+          ref,
+          id: inputId,
+          checked: field.value ?? false,
+          onCheckedChange: (checked) => field.onChange(checked === true),
+          onBlur: field.onBlur,
+          disabled: effectiveDisabled,
+          "aria-invalid": hasError,
+          "aria-describedby": hasError ? `${inputId}-error` : helperText ? `${inputId}-helper` : void 0,
+          className: cn(
+            checkboxSizeVariants({ size: effectiveSize }),
+            effectiveVariant === "error" && "border-destructive",
+            className
+          )
+        }
+      ),
+      label && /* @__PURE__ */ jsx(
+        Label,
+        {
+          htmlFor: inputId,
+          className: labelVariants({ required: !!required, disabled: effectiveDisabled }),
+          children: label
+        }
+      )
+    ] }),
+    showError && hasError && /* @__PURE__ */ jsx(
+      "p",
+      {
+        id: `${inputId}-error`,
+        className: "text-sm text-destructive ml-7",
+        role: "alert",
+        children: errorMessage
+      }
+    ),
+    helperText && !hasError && /* @__PURE__ */ jsx(
+      "p",
+      {
+        id: `${inputId}-helper`,
+        className: "text-sm text-muted-foreground ml-7",
+        children: helperText
+      }
+    )
+  ] });
+}
+const Checkbox = forwardRef(CheckboxInner);
+Checkbox.displayName = "Checkbox";
+export {
+  Checkbox
+};
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Form/Checkbox.tsx"],"sourcesContent":["import { 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 \"../ui/checkbox\";\r\nimport { Label } from \"../ui/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"],"names":["useRHFFormContext","ShadcnCheckbox"],"mappings":"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"}

package/dist/components/Form/Form.d.ts

@@ -0,0 +1,62 @@
+import { ReactNode } from 'react';
+import { UseFormReturn, FieldValues, UseFormProps, SubmitHandler, SubmitErrorHandler, Resolver } from 'react-hook-form';
+import { z } from 'zod';
+import { FormConfig } from './context';
+/**
+ * Props for the Form component
+ */
+export interface FormProps<TFieldValues extends FieldValues = FieldValues, TContext = unknown> extends Omit<React.FormHTMLAttributes<HTMLFormElement>, "onSubmit" | "onError"> {
+    /** Base Zod schema for validation (will be extended by field props) */
+    schema?: z.ZodType<TFieldValues, any, any>;
+    /** Default values for the form */
+    defaultValues?: UseFormProps<TFieldValues, TContext>["defaultValues"];
+    /** Values to reset the form to */
+    values?: UseFormProps<TFieldValues, TContext>["values"];
+    /** Submit handler */
+    onSubmit?: SubmitHandler<TFieldValues>;
+    /** Error handler */
+    onError?: SubmitErrorHandler<TFieldValues>;
+    /** Form configuration */
+    config?: FormConfig;
+    /** Children */
+    children?: ReactNode;
+    /** External form instance (for controlled forms) */
+    form?: UseFormReturn<TFieldValues>;
+    /** Validation mode */
+    mode?: UseFormProps<TFieldValues, TContext>["mode"];
+    /** Revalidation mode */
+    reValidateMode?: UseFormProps<TFieldValues, TContext>["reValidateMode"];
+    /** Custom resolver (overrides schema) */
+    resolver?: Resolver<TFieldValues>;
+}
+/**
+ * Form component that provides form context and validation
+ *
+ * Child components like TextBox can register their validation rules automatically.
+ *
+ * @example
+ * ```tsx
+ * // Validation is automatically built from component props
+ * <Form onSubmit={handleSubmit} defaultValues={{ username: "", email: "" }}>
+ *   <TextBox name="username" label="Username" required minLength={3} maxLength={50} />
+ *   <TextBox name="email" label="Email" type="email" required email />
+ *   <Button type="submit">Submit</Button>
+ * </Form>
+ *
+ * // Or with a base schema that gets extended
+ * const baseSchema = z.object({
+ *   username: z.string(),
+ *   email: z.string(),
+ * });
+ *
+ * <Form schema={baseSchema} onSubmit={handleSubmit}>
+ *   <TextBox name="username" required minLength={3} /> // Adds required + minLength
+ *   <TextBox name="email" required email /> // Adds required + email validation
+ * </Form>
+ * ```
+ */
+export declare function Form<TFieldValues extends FieldValues = FieldValues, TContext = unknown>({ schema: baseSchema, defaultValues, values, onSubmit, onError, config, children, form: externalForm, mode, reValidateMode, resolver: customResolver, ...formProps }: FormProps<TFieldValues, TContext>): import("react/jsx-runtime").JSX.Element;
+export declare namespace Form {
+    var displayName: string;
+}
+//# sourceMappingURL=Form.d.ts.map

package/dist/components/Form/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACvB,KAAK,QAAQ,EAEd,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAIL,KAAK,UAAU,EAEhB,MAAM,WAAW,CAAC;AAEnB;;GAEG;AACH,MAAM,WAAW,SAAS,CACxB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,QAAQ,GAAG,OAAO,CAClB,SAAQ,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/E,uEAAuE;IAEvE,MAAM,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;IAC3C,kCAAkC;IAClC,aAAa,CAAC,EAAE,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,eAAe,CAAC,CAAC;IACtE,kCAAkC;IAClC,MAAM,CAAC,EAAE,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC;IACxD,qBAAqB;IACrB,QAAQ,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACvC,oBAAoB;IACpB,OAAO,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAC3C,yBAAyB;IACzB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,eAAe;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oDAAoD;IACpD,IAAI,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACnC,sBAAsB;IACtB,IAAI,CAAC,EAAE,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;IACpD,wBAAwB;IACxB,cAAc,CAAC,EAAE,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACxE,yCAAyC;IACzC,QAAQ,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;CACnC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,IAAI,CAClB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,QAAQ,GAAG,OAAO,EAClB,EACA,MAAM,EAAE,UAAU,EAClB,aAAa,EACb,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAQ,EACR,IAAI,EAAE,YAAY,EAClB,IAAe,EACf,cAA2B,EAC3B,QAAQ,EAAE,cAAc,EACxB,GAAG,SAAS,EACb,EAAE,SAAS,CAAC,YAAY,EAAE,QAAQ,CAAC,2CAqGnC;yBArHe,IAAI"}

package/dist/components/Form/Form.js

@@ -0,0 +1,93 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { useForm, FormProvider } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { z } from "zod";
+import { defaultFormConfig, useFieldValidationRegistry, FormConfigContext } from "./context.js";
+function Form({
+  schema: baseSchema,
+  defaultValues,
+  values,
+  onSubmit,
+  onError,
+  config,
+  children,
+  form: externalForm,
+  mode = "onBlur",
+  reValidateMode = "onChange",
+  resolver: customResolver,
+  ...formProps
+}) {
+  const mergedConfig = { ...defaultFormConfig, ...config };
+  const {
+    registerFieldValidation: baseRegister,
+    unregisterFieldValidation: baseUnregister,
+    getValidationSchema
+  } = useFieldValidationRegistry();
+  const [schemaVersion, setSchemaVersion] = useState(0);
+  const registerFieldValidation = useCallback((field) => {
+    baseRegister(field);
+    setSchemaVersion((v) => v + 1);
+  }, [baseRegister]);
+  const unregisterFieldValidation = useCallback((name) => {
+    baseUnregister(name);
+    setSchemaVersion((v) => v + 1);
+  }, [baseUnregister]);
+  const buildResolver = useCallback(() => {
+    if (customResolver) {
+      return customResolver;
+    }
+    const fieldSchema = getValidationSchema();
+    let finalSchema;
+    if (baseSchema) {
+      if (baseSchema instanceof z.ZodObject) {
+        finalSchema = baseSchema.merge(fieldSchema);
+      } else {
+        finalSchema = fieldSchema;
+      }
+    } else {
+      finalSchema = fieldSchema;
+    }
+    return zodResolver(finalSchema);
+  }, [baseSchema, customResolver, getValidationSchema, schemaVersion]);
+  const internalForm = useForm({
+    resolver: buildResolver(),
+    defaultValues,
+    values,
+    mode,
+    reValidateMode
+  });
+  const form = externalForm ?? internalForm;
+  const triggerValidation = useCallback(async (name) => {
+    return form.trigger(name);
+  }, [form]);
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (onSubmit) {
+      form.handleSubmit(onSubmit, onError)(e);
+    }
+  };
+  const contextValue = {
+    form,
+    registerFieldValidation,
+    unregisterFieldValidation,
+    getValidationSchema,
+    triggerValidation,
+    ...mergedConfig
+  };
+  return /* @__PURE__ */ jsx(FormConfigContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsx(
+    "form",
+    {
+      ...formProps,
+      onSubmit: handleSubmit,
+      className: formProps.className,
+      noValidate: true,
+      children
+    }
+  ) }) });
+}
+Form.displayName = "Form";
+export {
+  Form
+};
+//# sourceMappingURL=Form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":["../../../src/components/Form/Form.tsx"],"sourcesContent":["import { useCallback, useState, 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 = \"onBlur\",\r\n  reValidateMode = \"onChange\",\r\n  resolver: customResolver,\r\n  ...formProps\r\n}: FormProps<TFieldValues, TContext>) {\r\n  const mergedConfig = { ...defaultFormConfig, ...config };\r\n  \r\n  // Field validation registry\r\n  const {\r\n    registerFieldValidation: baseRegister,\r\n    unregisterFieldValidation: baseUnregister,\r\n    getValidationSchema,\r\n  } = useFieldValidationRegistry();\r\n\r\n  // Track schema version for re-renders\r\n  const [schemaVersion, setSchemaVersion] = useState(0);\r\n\r\n  // Wrap register to trigger re-render\r\n  const registerFieldValidation = useCallback((field: Parameters<typeof baseRegister>[0]) => {\r\n    baseRegister(field);\r\n    setSchemaVersion(v => v + 1);\r\n  }, [baseRegister]);\r\n\r\n  // Wrap unregister to trigger re-render\r\n  const unregisterFieldValidation = useCallback((name: string) => {\r\n    baseUnregister(name);\r\n    setSchemaVersion(v => v + 1);\r\n  }, [baseUnregister]);\r\n\r\n  // Build dynamic resolver that combines base schema with field validations\r\n  const buildResolver = useCallback((): Resolver<TFieldValues> | undefined => {\r\n    if (customResolver) {\r\n      return customResolver;\r\n    }\r\n\r\n    // Get field-based schema\r\n    const fieldSchema = getValidationSchema();\r\n    \r\n    // Merge with base schema if provided\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    let finalSchema: z.ZodType<any, any, any>;\r\n    \r\n    if (baseSchema) {\r\n      // Merge base schema with field schema\r\n      // Field schema takes precedence for overlapping fields\r\n      if (baseSchema instanceof z.ZodObject) {\r\n        finalSchema = baseSchema.merge(fieldSchema);\r\n      } else {\r\n        finalSchema = fieldSchema;\r\n      }\r\n    } else {\r\n      finalSchema = fieldSchema;\r\n    }\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    return zodResolver(finalSchema) as any;\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [baseSchema, customResolver, getValidationSchema, schemaVersion]);\r\n\r\n  // Create internal form\r\n  const internalForm = useForm<TFieldValues>({\r\n    resolver: buildResolver(),\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: FormContextValue<TFieldValues> = {\r\n    form,\r\n    registerFieldValidation,\r\n    unregisterFieldValidation,\r\n    getValidationSchema,\r\n    triggerValidation,\r\n    ...mergedConfig,\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          className={formProps.className}\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"],"names":["RHFFormProvider"],"mappings":";;;;;;AAgFO,SAAS,KAGd;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,GAAG;AACL,GAAsC;AACpC,QAAM,eAAe,EAAE,GAAG,mBAAmB,GAAG,OAAA;AAGhD,QAAM;AAAA,IACJ,yBAAyB;AAAA,IACzB,2BAA2B;AAAA,IAC3B;AAAA,EAAA,IACE,2BAAA;AAGJ,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC;AAGpD,QAAM,0BAA0B,YAAY,CAAC,UAA8C;AACzF,iBAAa,KAAK;AAClB,qBAAiB,CAAA,MAAK,IAAI,CAAC;AAAA,EAC7B,GAAG,CAAC,YAAY,CAAC;AAGjB,QAAM,4BAA4B,YAAY,CAAC,SAAiB;AAC9D,mBAAe,IAAI;AACnB,qBAAiB,CAAA,MAAK,IAAI,CAAC;AAAA,EAC7B,GAAG,CAAC,cAAc,CAAC;AAGnB,QAAM,gBAAgB,YAAY,MAA0C;AAC1E,QAAI,gBAAgB;AAClB,aAAO;AAAA,IACT;AAGA,UAAM,cAAc,oBAAA;AAIpB,QAAI;AAEJ,QAAI,YAAY;AAGd,UAAI,sBAAsB,EAAE,WAAW;AACrC,sBAAc,WAAW,MAAM,WAAW;AAAA,MAC5C,OAAO;AACL,sBAAc;AAAA,MAChB;AAAA,IACF,OAAO;AACL,oBAAc;AAAA,IAChB;AAGA,WAAO,YAAY,WAAW;AAAA,EAEhC,GAAG,CAAC,YAAY,gBAAgB,qBAAqB,aAAa,CAAC;AAGnE,QAAM,eAAe,QAAsB;AAAA,IACzC,UAAU,cAAA;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAED,QAAM,OAAO,gBAAgB;AAG7B,QAAM,oBAAoB,YAAY,OAAO,SAAiB;AAC5D,WAAO,KAAK,QAAQ,IAA0B;AAAA,EAChD,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,eAAe,CAAC,MAAwC;AAC5D,MAAE,eAAA;AACF,QAAI,UAAU;AACZ,WAAK,aAAa,UAAU,OAAO,EAAE,CAAC;AAAA,IACxC;AAAA,EACF;AAEA,QAAM,eAA+C;AAAA,IACnD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA;AAGL,SACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,cACjC,UAAA,oBAACA,cAAA,EAAiB,GAAG,MACnB,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU;AAAA,MACV,WAAW,UAAU;AAAA,MACrB,YAAU;AAAA,MAET;AAAA,IAAA;AAAA,EAAA,GAEL,EAAA,CACF;AAEJ;AAEA,KAAK,cAAc;"}

package/dist/components/Form/Radio.d.ts

@@ -0,0 +1,80 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+import { FieldValues, FieldPath, Control } from 'react-hook-form';
+import { VariantProps } from 'class-variance-authority';
+import type * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+declare const radioSizeVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface RadioOption {
+    label: ReactNode;
+    value: string | number;
+    disabled?: boolean;
+}
+export interface RadioGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends VariantProps<typeof radioSizeVariants> {
+    /** Field name - required for form integration */
+    name: TName;
+    /** Label text for the radio group */
+    label?: string;
+    /** Helper text displayed below the radio group */
+    helperText?: string;
+    /** Whether to show the error message */
+    showError?: boolean;
+    /** Custom error message (overrides form error) */
+    error?: string;
+    /** Options for the radio group */
+    options?: RadioOption[];
+    /** Layout direction */
+    direction?: "horizontal" | "vertical";
+    /** External control (for use outside Form) */
+    control?: Control<TFieldValues>;
+    /** Children (alternative to options prop) */
+    children?: ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Additional class name */
+    className?: string;
+    /** Variant style */
+    variant?: "default" | "error";
+    /** Field is required */
+    required?: boolean | string;
+    /** Custom validation function */
+    validate?: (value: unknown) => boolean | string | Promise<boolean | string>;
+}
+/**
+ * RadioGroup component with form integration
+ *
+ * This is a wrapper around the shadcn/ui RadioGroup primitive that adds:
+ * - Form integration with react-hook-form
+ * - Automatic validation registration
+ * - Label, helper text, and error message support
+ *
+ * @example
+ * ```tsx
+ * // Inside a Form component
+ * <RadioGroup
+ *   name="gender"
+ *   label="Gender"
+ *   required
+ *   options={[
+ *     { label: "Male", value: "male" },
+ *     { label: "Female", value: "female" },
+ *     { label: "Other", value: "other" },
+ *   ]}
+ * />
+ * ```
+ */
+export declare function RadioGroup<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, helperText, showError, error: customError, size, variant, options, direction, control: externalControl, children, disabled, className, required, validate, }: RadioGroupProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+export declare namespace RadioGroup {
+    var displayName: string;
+}
+export interface RadioItemProps extends Omit<ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, "value">, VariantProps<typeof radioSizeVariants> {
+    /** Value for this radio option */
+    value: string | number;
+    /** Label for this radio option */
+    children?: ReactNode;
+    /** Variant style */
+    variant?: "default" | "error";
+}
+export declare const RadioItem: import('react').ForwardRefExoticComponent<RadioItemProps & import('react').RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=Radio.d.ts.map

package/dist/components/Form/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAsD,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,KAAK,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrI,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,OAAO,KAAK,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAExE,QAAA,MAAM,iBAAiB;;8EActB,CAAC;AA4BF,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe,CAC9B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CAC/D,SAAQ,YAAY,CAAC,OAAO,iBAAiB,CAAC;IAC9C,iDAAiD;IACjD,IAAI,EAAE,KAAK,CAAC;IACZ,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,uBAAuB;IACvB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAG9B,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;CAC7E;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,UAAU,CACxB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,EACA,IAAI,EACJ,KAAK,EACL,UAAU,EACV,SAAgB,EAChB,KAAK,EAAE,WAAW,EAClB,IAAI,EACJ,OAAO,EACP,OAAY,EACZ,SAAsB,EACtB,OAAO,EAAE,eAAe,EACxB,QAAQ,EACR,QAAQ,EACR,SAAS,EAET,QAAQ,EACR,QAAQ,GACT,EAAE,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,2CAwGtC;yBA5He,UAAU;;;AAgI1B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,EAC5G,YAAY,CAAC,OAAO,iBAAiB,CAAC;IACxC,kCAAkC;IAClC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC/B;AAuDD,eAAO,MAAM,SAAS,8GAA6B,CAAC"}