@oneplatformdev/ui 0.1.10-25 → 0.1.10-29

package/Form/FormRenderControl.types.d.ts

@@ -1,16 +1,16 @@
-import { default as React } from 'react';
+import { HTMLAttributes, ReactElement } from 'react';
 import { ControllerFieldState, ControllerRenderProps, FieldPath, FieldValues, UseFormReturn, UseFormStateReturn } from 'react-hook-form';
 export type FormRenderProps<Data extends FieldValues> = ({ field, fieldState, formState, }: {
     field: ControllerRenderProps<Data, FieldPath<Data>>;
     fieldState: ControllerFieldState;
     formState: UseFormStateReturn<Data>;
-}) => React.ReactElement;
-export interface FormRenderControlProps<Data extends FieldValues> {
+}) => ReactElement;
+export interface FormRenderControlProps<Data extends FieldValues = FieldValues> {
     form: UseFormReturn<Data>;
     name: FieldPath<Data>;
     label?: string;
     render: FormRenderProps<Data>;
-    containerProps?: React.HTMLAttributes<HTMLDivElement>;
+    containerProps?: HTMLAttributes<HTMLDivElement>;
 }
-export type FormRenderControlExtendProps<Data extends FieldValues> = Omit<FormRenderControlProps<Data>, 'render'>;
+export type FormRenderControlExtendProps<Data extends FieldValues = FieldValues> = Omit<FormRenderControlProps<Data>, 'render'>;
 //# sourceMappingURL=FormRenderControl.types.d.ts.map

package/Form/FormRenderControl.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormRenderControl.types.d.ts","sourceRoot":"","sources":["../../src/Form/FormRenderControl.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,SAAS,EACT,WAAW,EACX,aAAa,EACb,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,eAAe,CAAC,IAAI,SAAS,WAAW,IAAI,CAAC,EACvD,KAAK,EACL,UAAU,EACV,SAAS,GACV,EAAE;IACD,KAAK,EAAE,qBAAqB,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IACpD,UAAU,EAAE,oBAAoB,CAAC;IACjC,SAAS,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;CACrC,KAAK,KAAK,CAAC,YAAY,CAAC;AAEzB,MAAM,WAAW,sBAAsB,CAAC,IAAI,SAAS,WAAW;IAC9D,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAC1B,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IAC9B,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;CACvD;AAED,MAAM,MAAM,4BAA4B,CAAC,IAAI,SAAS,WAAW,IAAI,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAA"}
+{"version":3,"file":"FormRenderControl.types.d.ts","sourceRoot":"","sources":["../../src/Form/FormRenderControl.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EACV,oBAAoB,EACpB,qBAAqB,EACrB,SAAS,EACT,WAAW,EACX,aAAa,EACb,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,eAAe,CAAC,IAAI,SAAS,WAAW,IAAI,CAAC,EACvD,KAAK,EACL,UAAU,EACV,SAAS,GACV,EAAE;IACD,KAAK,EAAE,qBAAqB,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IACpD,UAAU,EAAE,oBAAoB,CAAC;IACjC,SAAS,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;CACrC,KAAK,YAAY,CAAC;AAEnB,MAAM,WAAW,sBAAsB,CACrC,IAAI,SAAS,WAAW,GAAG,WAAW;IAEtC,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAC1B,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IAC9B,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,MAAM,MAAM,4BAA4B,CACtC,IAAI,SAAS,WAAW,GAAG,WAAW,IACpC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAA"}

package/Form/Form_old.d.ts

@@ -0,0 +1,24 @@
+import { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import('react-hook-form').FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: import('react-hook-form').FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-slot').SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
+//# sourceMappingURL=Form_old.d.ts.map

package/Form/Form_old.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form_old.d.ts","sourceRoot":"","sources":["../../src/Form/Form_old.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAEL,eAAe,EACf,SAAS,EACT,WAAW,EAGZ,MAAM,iBAAiB,CAAC;AAKzB,QAAA,MAAM,IAAI,4MAAe,CAAC;AAa1B,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAA;AAED,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAA;AAUD,QAAA,MAAM,QAAQ,6GAWZ,CAAA;AAGF,QAAA,MAAM,SAAS,yJAeb,CAAA;AAGF,QAAA,MAAM,WAAW,8JAqBf,CAAA;AAGF,QAAA,MAAM,eAAe,yHAcnB,CAAA;AAGF,QAAA,MAAM,WAAW,yHAqBf,CAAA;AAGF,OAAO,EACL,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACV,CAAA"}

package/Form.js

@@ -0,0 +1,102 @@
+import { jsx as m } from "react/jsx-runtime";
+import * as s from "react";
+import { Slot as f } from "@radix-ui/react-slot";
+import { Controller as u, useFormContext as F, useFormState as x, FormProvider as I } from "react-hook-form";
+import { cn as a } from "@oneplatformdev/utils";
+import { Label as g } from "./Label.js";
+const S = I, c = s.createContext(
+  {}
+), $ = ({
+  ...e
+}) => /* @__PURE__ */ m(c.Provider, { value: { name: e.name }, children: /* @__PURE__ */ m(u, { ...e }) }), d = () => {
+  const e = s.useContext(c), t = s.useContext(l), { getFieldState: r } = F(), o = x({ name: e.name }), n = r(e.name, o);
+  if (!e)
+    throw new Error("useFormField should be used within <FormField>");
+  const { id: i } = t;
+  return {
+    id: i,
+    name: e.name,
+    formItemId: `${i}-form-item`,
+    formDescriptionId: `${i}-form-item-description`,
+    formMessageId: `${i}-form-item-message`,
+    ...n
+  };
+}, l = s.createContext(
+  {}
+);
+function D({ className: e, ...t }) {
+  const r = s.useId();
+  return /* @__PURE__ */ m(l.Provider, { value: { id: r }, children: /* @__PURE__ */ m(
+    "div",
+    {
+      "data-slot": "form-item",
+      className: a("grid gap-2", e),
+      ...t
+    }
+  ) });
+}
+function M({
+  className: e,
+  ...t
+}) {
+  const { error: r, formItemId: o } = d();
+  return /* @__PURE__ */ m(
+    g,
+    {
+      "data-slot": "form-label",
+      "data-error": !!r,
+      className: a("data-[error=true]:text-destructive", e),
+      htmlFor: o,
+      ...t
+    }
+  );
+}
+function N({ ...e }) {
+  const { error: t, formItemId: r, formDescriptionId: o, formMessageId: n } = d();
+  return /* @__PURE__ */ m(
+    f,
+    {
+      "data-slot": "form-control",
+      id: r,
+      "aria-describedby": t ? `${o} ${n}` : `${o}`,
+      "aria-invalid": !!t,
+      ...e
+    }
+  );
+}
+function w({ className: e, ...t }) {
+  const { formDescriptionId: r } = d();
+  return /* @__PURE__ */ m(
+    "p",
+    {
+      "data-slot": "form-description",
+      id: r,
+      className: a("text-muted-foreground text-sm", e),
+      ...t
+    }
+  );
+}
+function P({ className: e, ...t }) {
+  const { error: r, formMessageId: o } = d(), n = r ? String(r?.message ?? "") : t.children;
+  return n ? /* @__PURE__ */ m(
+    "p",
+    {
+      "data-slot": "form-message",
+      id: o,
+      className: a("text-destructive text-sm", e),
+      ...t,
+      children: n
+    }
+  ) : null;
+}
+export {
+  S as Form,
+  N as FormControl,
+  w as FormDescription,
+  $ as FormField,
+  D as FormItem,
+  M as FormLabel,
+  P as FormMessage,
+  d as useFormField
+};
+//# sourceMappingURL=Form.js.map

package/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":["../src/Form/Form.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  useFormState,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n} from \"react-hook-form\"\n\nimport { cn } from \"@oneplatformdev/utils\"\nimport { Label } from \"../Label\"\n\nconst Form = FormProvider\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue\n)\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n    ...props\n  }: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  )\n}\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext)\n  const itemContext = React.useContext(FormItemContext)\n  const { getFieldState } = useFormContext()\n  const formState = useFormState({ name: fieldContext.name })\n  const fieldState = getFieldState(fieldContext.name, formState)\n\n  if (!fieldContext) {\n    throw new Error(\"useFormField should be used within <FormField>\")\n  }\n\n  const { id } = itemContext\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  }\n}\n\ntype FormItemContextValue = {\n  id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n  {} as FormItemContextValue\n)\n\nfunction FormItem({ className, ...props }: React.ComponentProps<\"div\">) {\n  const id = React.useId()\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <div\n        data-slot=\"form-item\"\n        className={cn(\"grid gap-2\", className)}\n        {...props}\n      />\n    </FormItemContext.Provider>\n  )\n}\n\nfunction FormLabel({\n                     className,\n                     ...props\n                   }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  const { error, formItemId } = useFormField()\n\n  return (\n    <Label\n      data-slot=\"form-label\"\n      data-error={!!error}\n      className={cn(\"data-[error=true]:text-destructive\", className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  )\n}\n\nfunction FormControl({ ...props }: React.ComponentProps<typeof Slot>) {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n  return (\n    <Slot\n      data-slot=\"form-control\"\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  )\n}\n\nfunction FormDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  const { formDescriptionId } = useFormField()\n\n  return (\n    <p\n      data-slot=\"form-description\"\n      id={formDescriptionId}\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction FormMessage({ className, ...props }: React.ComponentProps<\"p\">) {\n  const { error, formMessageId } = useFormField()\n  const body = error ? String(error?.message ?? \"\") : props.children\n\n  if (!body) {\n    return null\n  }\n\n  return (\n    <p\n      data-slot=\"form-message\"\n      id={formMessageId}\n      className={cn(\"text-destructive text-sm\", className)}\n      {...props}\n    >\n      {body}\n    </p>\n  )\n}\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField,\n}\n"],"names":["Form","FormProvider","FormFieldContext","React","FormField","props","jsx","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","useFormContext","formState","useFormState","fieldState","id","FormItem","className","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","body"],"mappings":";;;;;;AAkBA,MAAMA,IAAOC,GASPC,IAAmBC,EAAM;AAAA,EAC7B,CAAA;AACF,GAEMC,IAAY,CAGhB;AAAA,EACE,GAAGC;AACL,MAEE,gBAAAC,EAACJ,EAAiB,UAAjB,EAA0B,OAAO,EAAE,MAAMG,EAAM,KAAA,GAC9C,UAAA,gBAAAC,EAACC,GAAA,EAAY,GAAGF,GAAO,GACzB,GAIEG,IAAe,MAAM;AACzB,QAAMC,IAAeN,EAAM,WAAWD,CAAgB,GAChDQ,IAAcP,EAAM,WAAWQ,CAAe,GAC9C,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GACpBC,IAAYC,EAAa,EAAE,MAAMN,EAAa,MAAM,GACpDO,IAAaJ,EAAcH,EAAa,MAAMK,CAAS;AAE7D,MAAI,CAACL;AACH,UAAM,IAAI,MAAM,gDAAgD;AAGlE,QAAM,EAAE,IAAAQ,MAAOP;AAEf,SAAO;AAAA,IACL,IAAAO;AAAA,IACA,MAAMR,EAAa;AAAA,IACnB,YAAY,GAAGQ,CAAE;AAAA,IACjB,mBAAmB,GAAGA,CAAE;AAAA,IACxB,eAAe,GAAGA,CAAE;AAAA,IACpB,GAAGD;AAAA,EAAA;AAEP,GAMML,IAAkBR,EAAM;AAAA,EAC5B,CAAA;AACF;AAEA,SAASe,EAAS,EAAE,WAAAC,GAAW,GAAGd,KAAsC;AACtE,QAAMY,IAAKd,EAAM,MAAA;AAEjB,2BACGQ,EAAgB,UAAhB,EAAyB,OAAO,EAAE,IAAAM,KACjC,UAAA,gBAAAX;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWc,EAAG,cAAcD,CAAS;AAAA,MACpC,GAAGd;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;AAEA,SAASgB,EAAU;AAAA,EACE,WAAAF;AAAA,EACA,GAAGd;AACL,GAAqD;AACtE,QAAM,EAAE,OAAAiB,GAAO,YAAAC,EAAA,IAAef,EAAA;AAE9B,SACE,gBAAAF;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAY,CAAC,CAACF;AAAA,MACd,WAAWF,EAAG,sCAAsCD,CAAS;AAAA,MAC7D,SAASI;AAAA,MACR,GAAGlB;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASoB,EAAY,EAAE,GAAGpB,KAA4C;AACpE,QAAM,EAAE,OAAAiB,GAAO,YAAAC,GAAY,mBAAAG,GAAmB,eAAAC,EAAA,IAAkBnB,EAAA;AAEhE,SACE,gBAAAF;AAAA,IAACsB;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,IAAIL;AAAA,MACJ,oBACGD,IAEG,GAAGI,CAAiB,IAAIC,CAAa,KADrC,GAAGD,CAAiB;AAAA,MAG1B,gBAAc,CAAC,CAACJ;AAAA,MACf,GAAGjB;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASwB,EAAgB,EAAE,WAAAV,GAAW,GAAGd,KAAoC;AAC3E,QAAM,EAAE,mBAAAqB,EAAA,IAAsBlB,EAAA;AAE9B,SACE,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,IAAIoB;AAAA,MACJ,WAAWN,EAAG,iCAAiCD,CAAS;AAAA,MACvD,GAAGd;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASyB,EAAY,EAAE,WAAAX,GAAW,GAAGd,KAAoC;AACvE,QAAM,EAAE,OAAAiB,GAAO,eAAAK,EAAA,IAAkBnB,EAAA,GAC3BuB,IAAOT,IAAQ,OAAOA,GAAO,WAAW,EAAE,IAAIjB,EAAM;AAE1D,SAAK0B,IAKH,gBAAAzB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,IAAIqB;AAAA,MACJ,WAAWP,EAAG,4BAA4BD,CAAS;AAAA,MAClD,GAAGd;AAAA,MAEH,UAAA0B;AAAA,IAAA;AAAA,EAAA,IAVI;AAaX;"}

package/{FormCheckbox/FormCheckbox.js → FormCheckbox.js}

@@ -1,15 +1,15 @@
 import { jsx as e } from "react/jsx-runtime";
-import { FormControl as a } from "../Form/Form.js";
-import { FormRenderControl as l } from "../Form/FormRenderControl.js";
-import { CheckboxLabel as k } from "../Checkbox/Checkbox.js";
+import { FormRenderControl as a } from "./Form/FormRenderControl.js";
+import { FormControl as l } from "./Form.js";
+import { CheckboxLabel as k } from "./Checkbox.js";
 const f = (m) => {
   const { form: t, label: c, name: h, onCheckedChange: C, ...r } = m;
   return /* @__PURE__ */ e(
-    l,
+    a,
     {
       form: t,
       name: h,
-      render: ({ field: o }) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(
+      render: ({ field: o }) => /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(
         k,
         {
           ...o,
@@ -28,3 +28,4 @@ const f = (m) => {
 export {
   f as FormCheckbox
 };
+//# sourceMappingURL=FormCheckbox.js.map

package/FormCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckbox.js","sources":["../src/FormCheckbox/FormCheckbox.tsx"],"sourcesContent":["import { FieldValues } from 'react-hook-form';\n\nimport { FormControl, FormRenderControl } from '../Form';\n\nimport { FormCheckboxProps } from './FormCheckbox.types';\nimport { CheckboxLabel } from '../Checkbox';\n\n// TODO: move to @oneplatformdev/ui/FormCheckbox\nexport const FormCheckbox = <Data extends FieldValues>(\n\tprops: FormCheckboxProps<Data>\n) => {\n\tconst { form, label, name, onCheckedChange, ...rest } = props;\n\treturn (\n\t\t<FormRenderControl\n\t\t\tform={form}\n\t\t\tname={name}\n\t\t\trender={({ field }) => (\n\t\t\t\t<FormControl>\n\t\t\t\t\t<CheckboxLabel\n\t\t\t\t\t\t{...field}\n\t\t\t\t\t\t{...rest}\n\t\t\t\t\t\tlabel={label}\n\t\t\t\t\t\tchecked={field.value || false}\n\t\t\t\t\t\tonCheckedChange={(v) => {\n\t\t\t\t\t\t\tfield.onChange(v);\n\t\t\t\t\t\t\tonCheckedChange?.(v);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</FormControl>\n\t\t\t)}\n\t\t\t{...rest}\n\t\t/>\n\t);\n};\n"],"names":["FormCheckbox","props","form","label","name","onCheckedChange","rest","jsx","FormRenderControl","field","FormControl","CheckboxLabel","v"],"mappings":";;;;AAQO,MAAMA,IAAe,CAC3BC,MACI;AACJ,QAAM,EAAE,MAAAC,GAAM,OAAAC,GAAO,MAAAC,GAAM,iBAAAC,GAAiB,GAAGC,MAASL;AACxD,SACC,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,MAAAN;AAAA,MACA,MAAAE;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAK,EAAA,wBACTC,GAAA,EACA,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,GAAGF;AAAA,UACH,GAAGH;AAAA,UACJ,OAAAH;AAAA,UACA,SAASM,EAAM,SAAS;AAAA,UACxB,iBAAiB,CAACG,MAAM;AACvB,YAAAH,EAAM,SAASG,CAAC,GAChBP,IAAkBO,CAAC;AAAA,UACpB;AAAA,QAAA;AAAA,MAAA,GAEF;AAAA,MAEA,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/{FormCombobox/FormCombobox.js → FormCombobox.js}

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { FormControl as b } from "../Form/Form.js";
-import { FormRenderControl as p } from "../Form/FormRenderControl.js";
-import { Combobox as a } from "../Combobox/Combobox.js";
+import { Combobox as b } from "./Combobox.js";
+import { FormRenderControl as p } from "./Form/FormRenderControl.js";
+import { FormControl as a } from "./Form.js";
 const x = (m) => {
   const { form: n, label: e, name: t, ...C } = m;
   return /* @__PURE__ */ o(
@@ -10,8 +10,8 @@ const x = (m) => {
       form: n,
       label: e,
       name: t,
-      render: ({ field: r }) => /* @__PURE__ */ o(b, { children: /* @__PURE__ */ o(
-        a,
+      render: ({ field: r }) => /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(
+        b,
         {
           ...C,
           ...r,
@@ -24,3 +24,4 @@ const x = (m) => {
 export {
   x as FormCombobox
 };
+//# sourceMappingURL=FormCombobox.js.map

package/FormCombobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCombobox.js","sources":["../src/FormCombobox/FormCombobox.tsx"],"sourcesContent":["import { FormControl, FormRenderControl } from '../Form';\nimport { Combobox } from '../Combobox';\nimport { FormComboboxProps } from './FormCombobox.types';\nimport { FieldValues } from 'react-hook-form';\n\n// TODO: add description\nexport const FormCombobox = <Data extends FieldValues>(\n  props: FormComboboxProps<Data>\n) => {\n  const { form, label, name, ...rest } = props;\n  return (\n    <FormRenderControl\n      form={form}\n      label={label}\n      name={name}\n      render={({ field }) => (\n        <FormControl>\n          <Combobox\n            {...rest}\n            {...field}\n            onChange={field.onChange}\n          />\n        </FormControl>\n      )}\n    />\n  );\n};\n"],"names":["FormCombobox","props","form","label","name","rest","jsx","FormRenderControl","field","FormControl","Combobox"],"mappings":";;;;AAMO,MAAMA,IAAe,CAC1BC,MACG;AACH,QAAM,EAAE,MAAAC,GAAM,OAAAC,GAAO,MAAAC,GAAM,GAAGC,MAASJ;AACvC,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAL;AAAA,MACA,OAAAC;AAAA,MACA,MAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAI,EAAA,wBACRC,GAAA,EACC,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACE,GAAGL;AAAA,UACH,GAAGG;AAAA,UACJ,UAAUA,EAAM;AAAA,QAAA;AAAA,MAAA,EAClB,CACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/{FormDatePicker/FormDatePicker.js → FormDatePicker.js}

@@ -1,16 +1,16 @@
 import { jsx as o } from "react/jsx-runtime";
-import { DatePicker as l } from "../DatePicker/DatePicker.js";
-import { FormControl as p } from "../Form/Form.js";
-import { FormRenderControl as s } from "../Form/FormRenderControl.js";
+import { DatePicker as l } from "./DatePicker.js";
+import { FormRenderControl as p } from "./Form/FormRenderControl.js";
+import { FormControl as s } from "./Form.js";
 const g = (t) => {
   const { form: n, name: m, label: a, onDateChange: c, ...i } = t;
   return /* @__PURE__ */ o(
-    s,
+    p,
     {
       form: n,
       name: m,
       label: a,
-      render: ({ field: r }) => /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(
+      render: ({ field: r }) => /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(
         l,
         {
           ...r,
@@ -27,3 +27,4 @@ const g = (t) => {
 export {
   g as FormDatePicker
 };
+//# sourceMappingURL=FormDatePicker.js.map

package/FormDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDatePicker.js","sources":["../src/FormDatePicker/FormDatePicker.tsx"],"sourcesContent":["'use client';\n\nimport { DatePicker } from '../DatePicker';\nimport { FormControl, FormRenderControl } from '../Form';\nimport { FieldValues } from 'react-hook-form';\nimport { FormDatePickerProps } from './FormDatePicker.types';\n\n// TODO: add description\nexport const FormDatePicker = <Data extends FieldValues>(\n  props: FormDatePickerProps<Data>\n) => {\n  const { form, name, label, onDateChange, ...rest } = props;\n  return (\n    <FormRenderControl\n      form={form}\n      name={name}\n      label={label}\n      render={({ field }) => (\n        <FormControl>\n          <DatePicker\n            { ...field }\n            { ...rest }\n            selectedDate={field.value}\n            onDateChange={(date: Date | undefined) => {\n              field.onChange(date);\n              onDateChange?.(date);\n            }}\n          />\n        </FormControl>\n      )}\n    />\n  );\n};\n"],"names":["FormDatePicker","props","form","name","label","onDateChange","rest","jsx","FormRenderControl","field","FormControl","DatePicker","date"],"mappings":";;;;AAQO,MAAMA,IAAiB,CAC5BC,MACG;AACH,QAAM,EAAE,MAAAC,GAAM,MAAAC,GAAM,OAAAC,GAAO,cAAAC,GAAc,GAAGC,MAASL;AACrD,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAN;AAAA,MACA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAK,EAAA,wBACRC,GAAA,EACC,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACG,GAAGF;AAAA,UACH,GAAGH;AAAA,UACL,cAAcG,EAAM;AAAA,UACpB,cAAc,CAACG,MAA2B;AACxC,YAAAH,EAAM,SAASG,CAAI,GACnBP,IAAeO,CAAI;AAAA,UACrB;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/FormDropzone.js

@@ -0,0 +1,20 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Dropzone as a } from "./Dropzone.js";
+import { FormRenderControl as l } from "./Form/FormRenderControl.js";
+import { FormControl as f } from "./Form.js";
+const h = (n) => {
+  const { form: e, label: m, name: t, ...p } = n;
+  return /* @__PURE__ */ o(
+    l,
+    {
+      form: e,
+      label: m,
+      name: t,
+      render: ({ field: r }) => /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(a, { ...p, ...r, onChangeValue: r.onChange }) })
+    }
+  );
+};
+export {
+  h as FormDropzone
+};
+//# sourceMappingURL=FormDropzone.js.map

package/FormDropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDropzone.js","sources":["../src/FormDropzone/FormDropzone.tsx"],"sourcesContent":["import { FormControl, FormRenderControl } from '../Form';\nimport { Dropzone } from '../Dropzone';\nimport { FieldValues } from 'react-hook-form';\nimport { FormDropzoneProps } from './FormDropzone.types';\n\nexport const FormDropzone = <Data extends FieldValues>(\n  props: FormDropzoneProps<Data>\n) => {\n  const { form, label, name, ...rest } = props;\n\n  return (\n    <FormRenderControl\n      form={form}\n      label={label}\n      name={name}\n      render={({ field }) => (\n        <FormControl>\n          <Dropzone {...rest} {...field} onChangeValue={field.onChange} />\n        </FormControl>\n      )}\n    />\n  );\n};\n"],"names":["FormDropzone","props","form","label","name","rest","jsx","FormRenderControl","field","FormControl","Dropzone"],"mappings":";;;;AAKO,MAAMA,IAAe,CAC1BC,MACG;AACH,QAAM,EAAE,MAAAC,GAAM,OAAAC,GAAO,MAAAC,GAAM,GAAGC,MAASJ;AAEvC,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAL;AAAA,MACA,OAAAC;AAAA,MACA,MAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAI,EAAA,wBACRC,GAAA,EACC,UAAA,gBAAAH,EAACI,GAAA,EAAU,GAAGL,GAAO,GAAGG,GAAO,eAAeA,EAAM,UAAU,EAAA,CAChE;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/{FormInput/FormInput.js → FormInput.js}

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
-import { FormControl as x } from "../Form/Form.js";
-import { FormRenderControl as C } from "../Form/FormRenderControl.js";
-import { Input as D } from "../Input/Input.js";
-import { forwardRef as F } from "react";
+import { forwardRef as x } from "react";
+import { FormRenderControl as C } from "./Form/FormRenderControl.js";
+import { FormControl as D } from "./Form.js";
+import { Input as F } from "./Input.js";
 function I(l, e) {
   const { form: a, label: s, name: u, onChange: c, onBlur: m, onPaste: p, style: i, ...f } = l;
   return /* @__PURE__ */ r(
@@ -11,8 +11,8 @@ function I(l, e) {
       form: a,
       name: u,
       label: s,
-      render: ({ field: o }) => /* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(
-        D,
+      render: ({ field: o }) => /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(
+        F,
         {
           ...o,
           ...f,
@@ -39,7 +39,8 @@ function I(l, e) {
     }
   );
 }
-const j = F(I);
+const j = x(I);
 export {
   j as FormInput
 };
+//# sourceMappingURL=FormInput.js.map

package/FormInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormInput.js","sources":["../src/FormInput/FormInput.tsx"],"sourcesContent":["import { FormControl, FormRenderControl } from '../Form';\nimport { Input } from '../Input';\nimport { FormInputProps } from './FormInput.types';\nimport { FieldValues, Path, PathValue } from 'react-hook-form';\nimport { forwardRef, ReactElement, Ref, RefObject } from 'react';\n\n// TODO: add description\n// export const FormInput = <Data extends FieldValues>(\n//   props: FormInputProps<Data> & { inputRef?: Ref<HTMLInputElement> }\n// ) => {\n//   const { inputRef, form, label, name, onChange, onBlur, style, ...rest } =\n//     props;\n//   return (\n//     <FormRenderControl\n//       form={form}\n//       name={name}\n//       label={label}\n//       render={({ field }) => (\n//         <FormControl>\n//           <Input\n//             {...field}\n//             {...rest}\n//             ref={(el) => {\n//               field.ref(el);\n//               if (typeof inputRef === 'function') {\n//                 inputRef(el);\n//               } else if (inputRef) {\n//                 (inputRef as RefObject<HTMLInputElement | null>).current = el;\n//               }\n//             }}\n//             style={style}\n//             value={field.value || ''}\n//             onChange={(...rest) => {\n//               field.onChange?.(...rest);\n//               onChange?.(...rest);\n//             }}\n//             onBlur={(...rest) => {\n//               field.onBlur?.();\n//               onBlur?.(...rest);\n//             }}\n//           />\n//         </FormControl>\n//       )}\n//     />\n//   );\n// };\n\nfunction FormInputInner<Data extends FieldValues>(\n  props: FormInputProps<Data>,\n  ref: Ref<HTMLInputElement>\n) {\n  const { form, label, name, onChange, onBlur, onPaste, style, ...rest } = props;\n  return (\n    <FormRenderControl\n      form={form}\n      name={name}\n      label={label}\n      render={({ field }) => (\n        <FormControl>\n          <Input\n            {...field}\n            {...rest}\n            ref={(el) => {\n              field.ref(el);\n              if (typeof ref === 'function') {\n                ref(el);\n              } else if (ref) {\n                (ref as RefObject<HTMLInputElement | null>).current = el;\n              }\n            }}\n            style={style}\n            value={field.value || ''}\n            onChange={(...rest) => {\n              field.onChange?.(...rest);\n              onChange?.(...rest);\n            }}\n            onPaste={(e) => {\n              const pasted = e.clipboardData.getData('text');\n              const t = e.currentTarget;\n\n              const start = t.selectionStart ?? t.value.length;\n              const end = t.selectionEnd ?? t.value.length;\n\n              const next = t.value.slice(0, start) + pasted + t.value.slice(end);\n              const value = next as unknown as PathValue<Data, Path<Data>>;\n\n              e.preventDefault();\n\n              form.setValue(name, value, {\n                shouldDirty: true,\n                shouldTouch: true,\n              });\n\n              onPaste?.(e);\n            }}\n            onBlur={(...rest) => {\n              field.onBlur?.();\n              onBlur?.(...rest);\n            }}\n          />\n        </FormControl>\n      )}\n    />\n  );\n}\n\nexport const FormInput = forwardRef(FormInputInner) as <Data extends FieldValues>(\n  props: FormInputProps<Data> & { ref?: Ref<HTMLInputElement> }\n) => ReactElement;\n"],"names":["FormInputInner","props","ref","form","label","name","onChange","onBlur","onPaste","style","rest","jsx","FormRenderControl","field","FormControl","Input","el","e","pasted","t","start","end","value","FormInput","forwardRef"],"mappings":";;;;;AA+CA,SAASA,EACPC,GACAC,GACA;AACA,QAAM,EAAE,MAAAC,GAAM,OAAAC,GAAO,MAAAC,GAAM,UAAAC,GAAU,QAAAC,GAAQ,SAAAC,GAAS,OAAAC,GAAO,GAAGC,EAAA,IAAST;AACzE,SACE,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAT;AAAA,MACA,MAAAE;AAAA,MACA,OAAAD;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAS,EAAA,wBACRC,GAAA,EACC,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACE,GAAGF;AAAA,UACH,GAAGH;AAAA,UACJ,KAAK,CAACM,MAAO;AACX,YAAAH,EAAM,IAAIG,CAAE,GACR,OAAOd,KAAQ,aACjBA,EAAIc,CAAE,IACGd,MACRA,EAA2C,UAAUc;AAAA,UAE1D;AAAA,UACA,OAAAP;AAAA,UACA,OAAOI,EAAM,SAAS;AAAA,UACtB,UAAU,IAAIH,MAAS;AACrB,YAAAG,EAAM,WAAW,GAAGH,CAAI,GACxBJ,IAAW,GAAGI,CAAI;AAAA,UACpB;AAAA,UACA,SAAS,CAACO,MAAM;AACd,kBAAMC,IAASD,EAAE,cAAc,QAAQ,MAAM,GACvCE,IAAIF,EAAE,eAENG,IAAQD,EAAE,kBAAkBA,EAAE,MAAM,QACpCE,IAAMF,EAAE,gBAAgBA,EAAE,MAAM,QAGhCG,IADOH,EAAE,MAAM,MAAM,GAAGC,CAAK,IAAIF,IAASC,EAAE,MAAM,MAAME,CAAG;AAGjE,YAAAJ,EAAE,eAAA,GAEFd,EAAK,SAASE,GAAMiB,GAAO;AAAA,cACzB,aAAa;AAAA,cACb,aAAa;AAAA,YAAA,CACd,GAEDd,IAAUS,CAAC;AAAA,UACb;AAAA,UACA,QAAQ,IAAIP,MAAS;AACnB,YAAAG,EAAM,SAAA,GACNN,IAAS,GAAGG,CAAI;AAAA,UAClB;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA;AAAA,EAAA;AAIR;AAEO,MAAMa,IAAYC,EAAWxB,CAAc;"}

package/{FormRadio/FormRadio.js → FormRadio.js}

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import { FormControl as a, FormItem as v } from "../Form/Form.js";
-import { FormRenderControl as C } from "../Form/FormRenderControl.js";
-import { Radio as F } from "../Radio/Radio.js";
+import { FormControl as a, FormItem as v } from "./Form.js";
+import { FormRenderControl as C } from "./Form/FormRenderControl.js";
+import { Radio as F } from "./Radio.js";
 const R = (m) => {
   const {
     form: l,
@@ -38,3 +38,4 @@ const R = (m) => {
 export {
   R as FormRadio
 };
+//# sourceMappingURL=FormRadio.js.map

package/FormRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRadio.js","sources":["../src/FormRadio/FormRadio.tsx"],"sourcesContent":["import { FieldValues } from 'react-hook-form';\n\nimport { FormControl, FormItem } from '../Form/Form';\nimport { FormRenderControl } from '../Form/FormRenderControl';\nimport { Radio } from '../Radio';\n\nimport type { FormRadioGroupProps } from './FormRadio.types.ts';\n\nexport const FormRadio = <Data extends FieldValues>(\n  props: FormRadioGroupProps<Data>\n) => {\n  const {\n    form,\n    name,\n    label,\n    onValueChange,\n    value,\n    defaultValue,\n    renderOption,\n    ...rest\n  } = props;\n  return (\n    <FormRenderControl\n      form={form}\n      name={name}\n      label={label}\n      render={({ field }) => (\n        <FormControl>\n          <Radio\n            {...field}\n            {...rest}\n            defaultValue={defaultValue || field.value}\n            value={value || field.value}\n            onValueChange={(value) => {\n              field.onChange(value);\n              onValueChange?.(value);\n            }}\n            renderOption={(option, DefaultOptionComponent) => {\n              return (\n                <FormItem key={option.value}>\n                  <FormControl>\n                    {renderOption?.(option, DefaultOptionComponent) || (\n                      <DefaultOptionComponent {...option} />\n                    )}\n                  </FormControl>\n                </FormItem>\n              );\n            }}\n          />\n        </FormControl>\n      )}\n    />\n  );\n};\n"],"names":["FormRadio","props","form","name","label","onValueChange","value","defaultValue","renderOption","rest","jsx","FormRenderControl","field","FormControl","Radio","option","DefaultOptionComponent","FormItem"],"mappings":";;;;AAQO,MAAMA,IAAY,CACvBC,MACG;AACH,QAAM;AAAA,IACJ,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDR;AACJ,SACE,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAT;AAAA,MACA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,wBACRC,GAAA,EACC,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACE,GAAGF;AAAA,UACH,GAAGH;AAAA,UACJ,cAAcF,KAAgBK,EAAM;AAAA,UACpC,OAAON,KAASM,EAAM;AAAA,UACtB,eAAe,CAACN,MAAU;AACxB,YAAAM,EAAM,SAASN,CAAK,GACpBD,IAAgBC,CAAK;AAAA,UACvB;AAAA,UACA,cAAc,CAACS,GAAQC,MAEnB,gBAAAN,EAACO,GAAA,EACC,UAAA,gBAAAP,EAACG,GAAA,EACE,cAAeE,GAAQC,CAAsB,KAC5C,gBAAAN,EAACM,KAAwB,GAAGD,EAAA,CAAQ,GAExC,EAAA,GALaA,EAAO,KAMtB;AAAA,QAEJ;AAAA,MAAA,EACF,CACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/FormSelect.js

@@ -0,0 +1,40 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Select as g } from "./Select/Select.js";
+import { FormRenderControl as C } from "./Form/FormRenderControl.js";
+import { FormControl as f } from "./Form.js";
+const x = (n) => {
+  const {
+    form: t,
+    label: m,
+    name: a,
+    options: i = [],
+    onChange: l,
+    containerProps: p,
+    ...c
+  } = n;
+  return /* @__PURE__ */ o(
+    C,
+    {
+      form: t,
+      name: a,
+      label: m,
+      containerProps: p,
+      render: ({ field: e }) => /* @__PURE__ */ o(
+        g,
+        {
+          value: e.value,
+          options: i,
+          onChange: (r) => {
+            e.onChange(r), l?.(r);
+          },
+          renderTrigger: (r, s) => /* @__PURE__ */ o(f, { children: s }),
+          ...c
+        }
+      )
+    }
+  );
+};
+export {
+  x as FormSelect
+};
+//# sourceMappingURL=FormSelect.js.map

package/FormSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSelect.js","sources":["../src/FormSelect/FormSelect.tsx"],"sourcesContent":["import { FormControl, FormRenderControl } from '../Form';\nimport { Select } from '../Select';\nimport { FormSelectProps } from './FormSelect.types';\nimport { FieldValues } from 'react-hook-form';\n\n// TODO: add description\nexport const FormSelect = <Data extends FieldValues, ExtendOptionData>(\n  props: FormSelectProps<Data, ExtendOptionData>\n) => {\n  const {\n    form,\n    label,\n    name,\n    options = [],\n    onChange,\n    containerProps,\n    ...rest\n  } = props;\n\n  return (\n    <FormRenderControl\n      form={form}\n      name={name}\n      label={label}\n      containerProps={containerProps}\n      render={({ field }) => (\n        <Select<ExtendOptionData>\n          value={field.value}\n          options={options}\n          onChange={(value) => {\n            field.onChange(value);\n            onChange?.(value);\n          }}\n          renderTrigger={(_, defaultComponent) => (\n            <FormControl>\n              {defaultComponent}\n            </FormControl>\n          )}\n          {...rest}\n        />\n      )}\n    />\n  );\n};\n"],"names":["FormSelect","props","form","label","name","options","onChange","containerProps","rest","jsx","FormRenderControl","field","Select","value","_","defaultComponent","FormControl"],"mappings":";;;;AAMO,MAAMA,IAAa,CACxBC,MACG;AACH,QAAM;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC,IAAU,CAAA;AAAA,IACV,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDP;AAEJ,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAR;AAAA,MACA,MAAAE;AAAA,MACA,OAAAD;AAAA,MACA,gBAAAI;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAI,EAAA,MACT,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,OAAOD,EAAM;AAAA,UACb,SAAAN;AAAA,UACA,UAAU,CAACQ,MAAU;AACnB,YAAAF,EAAM,SAASE,CAAK,GACpBP,IAAWO,CAAK;AAAA,UAClB;AAAA,UACA,eAAe,CAACC,GAAGC,MACjB,gBAAAN,EAACO,KACE,UAAAD,GACH;AAAA,UAED,GAAGP;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAIR;"}

package/{FormTextarea/FormTextarea.js → FormTextarea.js}

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
-import { FormControl as p } from "../Form/Form.js";
-import { FormRenderControl as i } from "../Form/FormRenderControl.js";
-import { Textarea as s } from "../Textarea/Textarea.js";
+import { Textarea as p } from "./Textarea.js";
+import { FormRenderControl as i } from "./Form/FormRenderControl.js";
+import { FormControl as s } from "./Form.js";
 const F = (e) => {
   const { form: t, label: m, name: n, containerProps: a, ...l } = e;
   return /* @__PURE__ */ r(
@@ -11,8 +11,8 @@ const F = (e) => {
       name: n,
       label: m,
       containerProps: a,
-      render: ({ field: o }) => /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(
-        s,
+      render: ({ field: o }) => /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(
+        p,
         {
           ...o,
           value: o.value || "",
@@ -25,3 +25,4 @@ const F = (e) => {
 export {
   F as FormTextarea
 };
+//# sourceMappingURL=FormTextarea.js.map

package/FormTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTextarea.js","sources":["../src/FormTextarea/FormTextarea.tsx"],"sourcesContent":["import { FormControl, FormRenderControl } from '../Form';\nimport { FormTextareaProps } from './FormTextarea.types';\nimport { FieldValues } from 'react-hook-form';\nimport { Textarea } from '../Textarea';\n\n// TODO: add description\nexport const FormTextarea = <Data extends FieldValues>(\n  props: FormTextareaProps<Data>\n) => {\nconst { form, label, name, containerProps, ...rest } = props;\n    return (\n        <FormRenderControl\n            form={form}\n            name={name}\n            label={label}\n            containerProps={containerProps}\n            render={({ field }) => (\n              <FormControl>\n                <Textarea\n                  {...field}\n                  value={field.value || ''}\n                  {...rest}\n                />\n              </FormControl>\n            )}\n        />\n    )\n};\n"],"names":["FormTextarea","props","form","label","name","containerProps","rest","jsx","FormRenderControl","field","FormControl","Textarea"],"mappings":";;;;AAMO,MAAMA,IAAe,CAC1BC,MACG;AACL,QAAM,EAAE,MAAAC,GAAM,OAAAC,GAAO,MAAAC,GAAM,gBAAAC,GAAgB,GAAGC,MAASL;AACnD,SACI,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAAN;AAAA,MACA,MAAAE;AAAA,MACA,OAAAD;AAAA,MACA,gBAAAE;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAI,EAAA,wBACRC,GAAA,EACC,UAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACE,GAAGF;AAAA,UACJ,OAAOA,EAAM,SAAS;AAAA,UACrB,GAAGH;AAAA,QAAA;AAAA,MAAA,EACN,CACF;AAAA,IAAA;AAAA,EAAA;AAId;"}

package/{Header/Header.js → Header.js}

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { SidebarTrigger as t } from "../Sidebar/Sidebar.js";
-import { Separator as l } from "../Separator/Separator.js";
+import { SidebarTrigger as t } from "./Sidebar.js";
+import { Separator as l } from "./Separator.js";
 const m = (s) => {
   const {
     children: r,
@@ -24,3 +24,4 @@ export {
   m as Header,
   m as default
 };
+//# sourceMappingURL=Header.js.map

package/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../src/Header/Header.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { SidebarTrigger } from \"../Sidebar\";\nimport { Separator } from \"../Separator\";\nimport { HeaderProps } from \"./Header.types\";\n\nexport const Header: React.FC<React.PropsWithChildren<HeaderProps>> = (props) => {\n  const {\n    children,\n    hideTrigger = false,\n  } = props;\n  return (\n    <header\n      className=\"flex h-16 shrink-0 items-center justify-between gap-2 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12\"\n    >\n      {!hideTrigger && (\n        <div className=\"flex items-center gap-2\">\n          <SidebarTrigger className=\"ml-1\"/>\n          <Separator orientation=\"vertical\" className=\"mr-2 h-4\"/>\n        </div>\n      )}\n      {Boolean(hideTrigger)\n        ? children\n        : (\n          <div className=\"flex-1 text-right pr-6\">\n            {children}\n          </div>\n        )\n      }\n    </header>\n  )\n}\n\nexport default Header;\n"],"names":["Header","props","children","hideTrigger","jsxs","jsx","SidebarTrigger","Separator"],"mappings":";;;AAMO,MAAMA,IAAyD,CAACC,MAAU;AAC/E,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,EAAA,IACZF;AACJ,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MAET,UAAA;AAAA,QAAA,CAACD,KACA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAA,EAAe,WAAU,OAAA,CAAM;AAAA,UAChC,gBAAAD,EAACE,GAAA,EAAU,aAAY,YAAW,WAAU,WAAA,CAAU;AAAA,QAAA,GACxD;AAAA,QAEOJ,IACLD,sBAEC,OAAA,EAAI,WAAU,0BACZ,UAAAA,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAKV;"}

package/{HoverCard/HoverCard.js → HoverCard.js}

@@ -21,3 +21,4 @@ export {
   m as HoverCardContent,
   c as HoverCardTrigger
 };
+//# sourceMappingURL=HoverCard.js.map

package/HoverCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.js","sources":["../src/HoverCard/HoverCard.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nconst HoverCard = HoverCardPrimitive.Root\n\nconst HoverCardTrigger = HoverCardPrimitive.Trigger\n\nconst HoverCardContent = React.forwardRef<\n  React.ElementRef<typeof HoverCardPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n  <HoverCardPrimitive.Content\n    ref={ref}\n    align={align}\n    sideOffset={sideOffset}\n    className={cn(\n      \"z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n      className\n    )}\n    {...props}\n  />\n))\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent }\n"],"names":["HoverCard","HoverCardPrimitive","HoverCardTrigger","HoverCardContent","React","className","align","sideOffset","props","ref","jsx","cn"],"mappings":";;;;AAOA,MAAMA,IAAYC,EAAmB,MAE/BC,IAAmBD,EAAmB,SAEtCE,IAAmBC,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,OAAAC,IAAQ,UAAU,YAAAC,IAAa,GAAG,GAAGC,EAAA,GAASC,MAC5D,gBAAAC;AAAA,EAACT,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAQ;AAAA,IACA,OAAAH;AAAA,IACA,YAAAC;AAAA,IACA,WAAWI;AAAA,MACT;AAAA,MACAN;AAAA,IAAA;AAAA,IAED,GAAGG;AAAA,EAAA;AACN,CACD;AACDL,EAAiB,cAAcF,EAAmB,QAAQ;"}

package/Input/inputVariants.js

@@ -22,3 +22,4 @@ const t = e(
 export {
   t as inputVariants
 };
+//# sourceMappingURL=inputVariants.js.map

package/Input/inputVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputVariants.js","sources":["../../src/Input/inputVariants.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const inputVariants = cva(\n  [\n    'flex h-10 w-full rounded-md border border-input px-3 py-2',\n    'text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground',\n    'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n    'group-data-[state=invalid]/form-control:border-destructive',\n    'group-data-[state=valid]/form-control:border-input',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-background',\n        grey: 'bg-slate-200',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n"],"names":["inputVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}

package/{Input/Input.js → Input.js}

@@ -1,7 +1,7 @@
 import { jsxs as N, jsx as s } from "react/jsx-runtime";
 import c, { useState as b } from "react";
 import { Eye as v, EyeOff as h } from "lucide-react";
-import { inputVariants as P } from "./inputVariants.js";
+import { inputVariants as P } from "./Input/inputVariants.js";
 import { cn as p } from "@oneplatformdev/utils";
 const m = c.forwardRef(
   (t, a) => {
@@ -70,3 +70,4 @@ export {
   V as Input,
   y as PasswordInput
 };
+//# sourceMappingURL=Input.js.map

package/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../src/Input/Input.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Eye, EyeOff } from 'lucide-react';\nimport { inputVariants } from './inputVariants';\n\nimport { cn } from '@oneplatformdev/utils';\nimport { InputProps } from './Input.types';\n\nexport const BaseInput = React.forwardRef<HTMLInputElement, InputProps>(\n  (props, ref) => {\n    const {\n      className,\n      variant,\n      type,\n      slotProps: { input, wrapper } = {},\n      onChange,\n      onTransform,\n      ...rest\n    } = props;\n    const {\n      startAdornment,\n      className: classNameInputSlotProps,\n      ...restInputSlotProps\n    } = input || {};\n    return (\n      <div {...(wrapper || {})} className={cn('relative', wrapper?.className)}>\n        {Boolean(startAdornment) && (\n          <span className=\"absolute left-[10px] top-1/2 -translate-y-1/2\">\n            {startAdornment}\n          </span>\n        )}\n        <input\n          type={type}\n          className={cn(\n            inputVariants({ variant, className }),\n            Boolean(startAdornment) && 'pl-8',\n            classNameInputSlotProps\n          )}\n          ref={ref}\n          {...restInputSlotProps}\n          {...rest}\n          onChange={(e) => {\n            if (typeof onTransform?.(e.target.value, e) === 'string') {\n              e.target.value = onTransform(e.target.value, e);\n            }\n            if (onChange) onChange(e);\n          }}\n        />\n      </div>\n    );\n  }\n);\nBaseInput.displayName = 'Input';\n\nexport const PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(\n  (props, ref) => {\n    const [isVisible, setIsVisible] = useState<boolean>(false);\n\n    const inputType = isVisible ? 'text' : 'password';\n\n    const toggleVisibility = () => {\n      setIsVisible(!isVisible);\n    };\n\n    return (\n      <div {...(props?.slotProps?.wrapper || {})} className={cn('relative', props?.slotProps?.wrapper?.className)}>\n        <BaseInput {...props} type={inputType} className=\"pr-8\" ref={ref} />\n        <VisibilityButton isVisible={isVisible} onClick={toggleVisibility} />\n      </div>\n    );\n  }\n);\nPasswordInput.displayName = 'PasswordInput';\n\ntype VisibilityButtonProps = {\n  isVisible: boolean\n  onClick: () => void\n}\n\nconst VisibilityButton = ({ isVisible, onClick }:VisibilityButtonProps) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className=\"absolute top-1/2 right-3 transform -translate-y-1/2\"\n  >\n    {isVisible ? <Eye size={16} /> : <EyeOff size={16} />}\n  </button>\n);\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ type, ...props }, ref) => {\n    if (type === 'password') return <PasswordInput type={type} {...props} ref={ref} />;\n    return <BaseInput type={type} {...props} ref={ref} />;\n  }\n);\nInput.displayName = 'Input';\n"],"names":["BaseInput","React","props","ref","className","variant","type","input","wrapper","onChange","onTransform","rest","startAdornment","classNameInputSlotProps","restInputSlotProps","jsxs","cn","jsx","inputVariants","e","PasswordInput","isVisible","setIsVisible","useState","inputType","toggleVisibility","VisibilityButton","onClick","Eye","EyeOff","Input"],"mappings":";;;;;AAOO,MAAMA,IAAYC,EAAM;AAAA,EAC7B,CAACC,GAAOC,MAAQ;AACd,UAAM;AAAA,MACJ,WAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,WAAW,EAAE,OAAAC,GAAO,SAAAC,EAAA,IAAY,CAAA;AAAA,MAChC,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDT,GACE;AAAA,MACJ,gBAAAU;AAAA,MACA,WAAWC;AAAA,MACX,GAAGC;AAAA,IAAA,IACDP,KAAS,CAAA;AACb,WACE,gBAAAQ,EAAC,OAAA,EAAK,GAAIP,KAAW,CAAA,GAAK,WAAWQ,EAAG,YAAYR,GAAS,SAAS,GACnE,UAAA;AAAA,MAAA,EAAQI,KACP,gBAAAK,EAAC,QAAA,EAAK,WAAU,iDACb,UAAAL,GACH;AAAA,MAEF,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAAX;AAAA,UACA,WAAWU;AAAA,YACTE,EAAc,EAAE,SAAAb,GAAS,WAAAD,GAAW;AAAA,YACpC,EAAQQ,KAAmB;AAAA,YAC3BC;AAAA,UAAA;AAAA,UAEF,KAAAV;AAAA,UACC,GAAGW;AAAA,UACH,GAAGH;AAAA,UACJ,UAAU,CAACQ,MAAM;AACf,YAAI,OAAOT,IAAcS,EAAE,OAAO,OAAOA,CAAC,KAAM,aAC9CA,EAAE,OAAO,QAAQT,EAAYS,EAAE,OAAO,OAAOA,CAAC,IAE5CV,OAAmBU,CAAC;AAAA,UAC1B;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;AACAnB,EAAU,cAAc;AAEjB,MAAMoB,IAAgBnB,EAAM;AAAA,EACjC,CAACC,GAAOC,MAAQ;AACd,UAAM,CAACkB,GAAWC,CAAY,IAAIC,EAAkB,EAAK,GAEnDC,IAAYH,IAAY,SAAS,YAEjCI,IAAmB,MAAM;AAC7B,MAAAH,EAAa,CAACD,CAAS;AAAA,IACzB;AAEA,WACE,gBAAAN,EAAC,OAAA,EAAK,GAAIb,GAAO,WAAW,WAAW,CAAA,GAAK,WAAWc,EAAG,YAAYd,GAAO,WAAW,SAAS,SAAS,GACxG,UAAA;AAAA,MAAA,gBAAAe,EAACjB,KAAW,GAAGE,GAAO,MAAMsB,GAAW,WAAU,QAAO,KAAArB,GAAU;AAAA,MAClE,gBAAAc,EAACS,GAAA,EAAiB,WAAAL,GAAsB,SAASI,EAAA,CAAkB;AAAA,IAAA,GACrE;AAAA,EAEJ;AACF;AACAL,EAAc,cAAc;AAO5B,MAAMM,IAAmB,CAAC,EAAE,WAAAL,GAAW,SAAAM,QACrC,gBAAAV;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAAU;AAAA,IACA,WAAU;AAAA,IAET,UAAAN,sBAAaO,GAAA,EAAI,MAAM,IAAI,IAAK,gBAAAX,EAACY,GAAA,EAAO,MAAM,GAAA,CAAI;AAAA,EAAA;AACrD,GAGWC,IAAQ7B,EAAM;AAAA,EACzB,CAAC,EAAE,MAAAK,GAAM,GAAGJ,EAAA,GAASC,MACfG,MAAS,aAAmB,gBAAAW,EAACG,KAAc,MAAAd,GAAa,GAAGJ,GAAO,KAAAC,GAAU,IACzE,gBAAAc,EAACjB,GAAA,EAAU,MAAAM,GAAa,GAAGJ,GAAO,KAAAC,GAAU;AAEvD;AACA2B,EAAM,cAAc;"}

package/{InputOTP/InputOTP.js → InputOTP.js}

@@ -46,3 +46,4 @@ export {
   T as InputOTPSeparator,
   P as InputOTPSlot
 };
+//# sourceMappingURL=InputOTP.js.map

package/InputOTP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputOTP.js","sources":["../src/InputOTP/InputOTP.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { OTPInput, OTPInputContext } from \"input-otp\"\nimport { Minus } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\";\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  React.ComponentPropsWithoutRef<typeof OTPInput>\n>(({ className, containerClassName, ...props }, ref) => (\n  <OTPInput\n    ref={ref}\n    containerClassName={cn(\n      \"flex items-center gap-2 has-disabled:opacity-50\",\n      containerClassName\n    )}\n    className={cn(\"disabled:cursor-not-allowed\", className)}\n    {...props}\n  />\n))\nInputOTP.displayName = \"InputOTP\"\n\nconst InputOTPGroup = React.forwardRef<\n  React.ElementRef<\"div\">,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"flex items-center\", className)} {...props} />\n))\nInputOTPGroup.displayName = \"InputOTPGroup\"\n\nconst InputOTPSlot = React.forwardRef<\n  React.ElementRef<\"div\">,\n  React.ComponentPropsWithoutRef<\"div\"> & { index: number }\n>(({ index, className, ...props }, ref) => {\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-xs transition-all first:rounded-l-md first:border-l last:rounded-r-md\",\n        isActive && \"z-10 ring-1 ring-ring\",\n        className\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n        </div>\n      )}\n    </div>\n  )\n})\nInputOTPSlot.displayName = \"InputOTPSlot\"\n\nconst InputOTPSeparator = React.forwardRef<\n  React.ElementRef<\"div\">,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <Minus />\n  </div>\n))\nInputOTPSeparator.displayName = \"InputOTPSeparator\"\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n"],"names":["InputOTP","React","className","containerClassName","props","ref","jsx","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","inputOTPContext","OTPInputContext","char","hasFakeCaret","isActive","jsxs","InputOTPSeparator","Minus"],"mappings":";;;;;AAQA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,oBAAAC,GAAoB,GAAGC,KAASC,MAC9C,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,oBAAoBG;AAAA,MAClB;AAAA,MACAL;AAAA,IAAA;AAAA,IAEF,WAAWK,EAAG,+BAA+BN,CAAS;AAAA,IACrD,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAS,cAAc;AAEvB,MAAMS,IAAgBR,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGE,KAASC,wBACzB,OAAA,EAAI,KAAAA,GAAU,WAAWG,EAAG,qBAAqBN,CAAS,GAAI,GAAGE,GAAO,CAC1E;AACDK,EAAc,cAAc;AAE5B,MAAMC,IAAeT,EAAM,WAGzB,CAAC,EAAE,OAAAU,GAAO,WAAAT,GAAW,GAAGE,EAAA,GAASC,MAAQ;AACzC,QAAMO,IAAkBX,EAAM,WAAWY,CAAe,GAClD,EAAE,MAAAC,GAAM,cAAAC,GAAc,UAAAC,MAAaJ,EAAgB,MAAMD,CAAK;AAEpE,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAZ;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAQ,KAAY;AAAA,QACZd;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAU;AAAA,QACAC,uBACE,OAAA,EAAI,WAAU,yEACb,UAAA,gBAAAT,EAAC,OAAA,EAAI,WAAU,2DAAA,CAA2D,EAAA,CAC5E;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;AACDI,EAAa,cAAc;AAE3B,MAAMQ,IAAoBjB,EAAM,WAG9B,CAAC,EAAE,GAAGG,KAASC,wBACd,OAAA,EAAI,KAAAA,GAAU,MAAK,aAAa,GAAGD,GAClC,UAAA,gBAAAE,EAACa,GAAA,CAAA,CAAM,GACT,CACD;AACDD,EAAkB,cAAc;"}

package/Label/Label.d.ts

@@ -1,6 +1,9 @@
 import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-import * as LabelPrimitive from '@radix-ui/react-label';
-declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import('class-variance-authority/types').ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
-export { Label };
+import { labelVariants } from './labelVariants';
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+export interface ILabelProps extends React.ComponentProps<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
+}
+export declare function Label(props: ILabelProps): import("react/jsx-runtime").JSX.Element;
+export default Label;
 //# sourceMappingURL=Label.d.ts.map

package/Label/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/Label/Label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAK7D,QAAA,MAAM,KAAK,4PAUT,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/Label/Label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAGvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,EACxD,YAAY,CAAC,OAAO,aAAa,CAAC;CACnC;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,WAAW,2CAYvC;AAED,eAAe,KAAK,CAAC"}

package/Label/labelVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"labelVariants.d.ts","sourceRoot":"","sources":["../../src/Label/labelVariants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,oFAKxB,CAAC"}
+{"version":3,"file":"labelVariants.d.ts","sourceRoot":"","sources":["../../src/Label/labelVariants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,oFAMxB,CAAC"}

package/Label/labelVariants.js

@@ -1,10 +1,12 @@
-import { cva as t } from "class-variance-authority";
-const a = t([
+import { cva as e } from "class-variance-authority";
+const a = e([
   "peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
   "text-md font-medium leading-[150%]",
   "group-data-[state=valid]/form-control:text-[#363B4E]",
-  "group-data-[state=invalid]/form-control:text-destructive"
+  "group-data-[state=invalid]/form-control:text-destructive",
+  "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50"
 ]);
 export {
   a as labelVariants
 };
+//# sourceMappingURL=labelVariants.js.map

package/Label/labelVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"labelVariants.js","sources":["../../src/Label/labelVariants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const labelVariants = cva([\n  'peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n  'text-md font-medium leading-[150%]',\n  'group-data-[state=valid]/form-control:text-[#363B4E]',\n  'group-data-[state=invalid]/form-control:text-destructive',\n  \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n]);\n"],"names":["labelVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC,EAAI;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;"}