@lssm/lib.ui-kit 1.7.3 → 1.9.0

package/dist/ui/field.d.ts

@@ -1,57 +1,57 @@
 import { Label } from "./label.js";
 import { BoxProps } from "./stack.js";
 import { TypographyProps } from "./typography.js";
-import * as react_jsx_runtime67 from "react/jsx-runtime";
+import * as react_jsx_runtime97 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types4 from "class-variance-authority/types";
+import * as class_variance_authority_types7 from "class-variance-authority/types";
 
 //#region ui/field.d.ts
 declare function FieldSet({
   className,
   ...props
-}: BoxProps): react_jsx_runtime67.JSX.Element;
+}: BoxProps): react_jsx_runtime97.JSX.Element;
 declare function FieldLegend({
   className,
   variant,
   ...props
 }: BoxProps & {
   variant?: 'legend' | 'label';
-}): react_jsx_runtime67.JSX.Element;
+}): react_jsx_runtime97.JSX.Element;
 declare function FieldGroup({
   className,
   ...props
-}: BoxProps): react_jsx_runtime67.JSX.Element;
+}: BoxProps): react_jsx_runtime97.JSX.Element;
 declare const fieldVariants: (props?: ({
-  orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+  orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & class_variance_authority_types7.ClassProp) | undefined) => string;
 declare function Field({
   className,
   orientation,
   ...props
-}: BoxProps & VariantProps<typeof fieldVariants>): react_jsx_runtime67.JSX.Element;
+}: BoxProps & VariantProps<typeof fieldVariants>): react_jsx_runtime97.JSX.Element;
 declare function FieldContent({
   className,
   ...props
-}: BoxProps): react_jsx_runtime67.JSX.Element;
+}: BoxProps): react_jsx_runtime97.JSX.Element;
 declare function FieldLabel({
   className,
   ...props
-}: React.ComponentProps<typeof Label>): react_jsx_runtime67.JSX.Element;
+}: React.ComponentProps<typeof Label>): react_jsx_runtime97.JSX.Element;
 declare function FieldTitle({
   className,
   ...props
-}: BoxProps): react_jsx_runtime67.JSX.Element;
+}: BoxProps): react_jsx_runtime97.JSX.Element;
 declare function FieldDescription({
   className,
   ...props
-}: TypographyProps): react_jsx_runtime67.JSX.Element;
+}: TypographyProps): react_jsx_runtime97.JSX.Element;
 declare function FieldSeparator({
   children,
   className,
   ...props
 }: BoxProps & {
   children?: React.ReactNode;
-}): react_jsx_runtime67.JSX.Element;
+}): react_jsx_runtime97.JSX.Element;
 declare function FieldError({
   className,
   children,
@@ -61,7 +61,7 @@ declare function FieldError({
   errors?: ({
     message?: string;
   } | undefined)[];
-}): react_jsx_runtime67.JSX.Element | null;
+}): react_jsx_runtime97.JSX.Element | null;
 //#endregion
 export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };
 //# sourceMappingURL=field.d.ts.map

package/dist/ui/field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field.d.ts","names":[],"sources":["../../ui/field.tsx"],"sourcesContent":[],"mappings":";;;;;;;;iBAWS,QAAA;;;GAAkC,WAAQ,mBAAA,CAAA,GAAA,CAAA;iBAc1C,WAAA;;;;GAIN;;IAA2C,mBAAA,CAAA,GAAA,CAAA;AApBS,iBAoC9C,UAAA,CAlCQ;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkC4B,QAlC5B,CAAA,EAkCoC,mBAAA,CAAA,GAAA,CAAA,OAlCpC;cA+CX,aA/Cc,EAAA,CAAA,KAA+B,CAA/B,EAAA,CAAA;EAAuB,WAAA,CAAA,EAAA,UAAA,GAAA,YAAA,GAAA,YAAA,GAAA,IAAA,GAAA,SAAA;CAAQ,GAqElD,+BAAA,CAAA,SArEkD,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBAuE1C,KAAA,CAvE0C;EAAA,SAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EA2EhD,QA3EgD,GA2ErC,YA3EqC,CAAA,OA2EjB,aA3EiB,CAAA,CAAA,EA2EH,mBAAA,CAAA,GAAA,CAAA,OA3EG;AAAA,iBAuF1C,YAAA,CAzEW;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyE2B,QAzE3B,CAAA,EAyEmC,mBAAA,CAAA,GAAA,CAAA,OAzEnC;iBAsFX,UAAA,CArFP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwFC,KAAA,CAAM,cAxFP,CAAA,OAwF6B,KAxF7B,CAAA,CAAA,EAwFmC,mBAAA,CAAA,GAAA,CAAA,OAxFnC;iBAuGO,UAAA,CAtGP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsG2C,QAtG3C,CAAA,EAsGmD,mBAAA,CAAA,GAAA,CAAA,OAtGnD;iBAmHO,gBAAA,CAjHN;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiHgD,eAjHhD,CAAA,EAiH+D,mBAAA,CAAA,GAAA,CAAA,OAjH/D;iBAgIM,cAAA,CAhIqC;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoI3C,QApI2C,GAAA;EAAA,QAAA,CAAA,EAqIjC,KAAA,CAAM,SArI2B;AAAA,CAAA,CAAA,EAsI7C,mBAAA,CAAA,GAAA,CAAA,OAtHkB;iBA8IV,UAAA,CA9Ia;EAAA,SAAA;EAAA,QAAA;EAAA,MAAA;EAAA,GAAA;AAA+B,CAA/B,EAmJnB,QAnJmB,GAAA;EAAuB,MAAA,CAAA,EAAA,CAAA;IAAQ,OAAA,CAAA,EAAA,MAAA;EAAA,CAAA,GAAA,SAAA,CAAA,EAAA;AAAA,CAAA,CAAA,EAqJpD,mBAAA,CAAA,GAAA,CAAA,OAAA,GAlHA,IAAA"}
+{"version":3,"file":"field.d.ts","names":[],"sources":["../../ui/field.tsx"],"sourcesContent":[],"mappings":";;;;;;;;iBAWS,QAAA;;;GAAkC,WAAQ,mBAAA,CAAA,GAAA,CAAA;iBAc1C,WAAA;;;;GAIN;;IAA2C,mBAAA,CAAA,GAAA,CAAA;AApBS,iBAoC9C,UAAA,CAlCQ;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkC4B,QAlC5B,CAAA,EAkCoC,mBAAA,CAAA,GAAA,CAAA,OAlCpC;cA+CX,aA/Cc,EAAA,CAAA,KAA+B,CAA/B,EAAA,CAAA;EAAuB,WAAA,CAAA,EAAA,YAAA,GAAA,UAAA,GAAA,YAAA,GAAA,IAAA,GAAA,SAAA;CAAQ,GAqElD,+BAAA,CAAA,SArEkD,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBAuE1C,KAAA,CAvE0C;EAAA,SAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EA2EhD,QA3EgD,GA2ErC,YA3EqC,CAAA,OA2EjB,aA3EiB,CAAA,CAAA,EA2EH,mBAAA,CAAA,GAAA,CAAA,OA3EG;AAAA,iBAuF1C,YAAA,CAzEW;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyE2B,QAzE3B,CAAA,EAyEmC,mBAAA,CAAA,GAAA,CAAA,OAzEnC;iBAsFX,UAAA,CArFP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwFC,KAAA,CAAM,cAxFP,CAAA,OAwF6B,KAxF7B,CAAA,CAAA,EAwFmC,mBAAA,CAAA,GAAA,CAAA,OAxFnC;iBAuGO,UAAA,CAtGP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsG2C,QAtG3C,CAAA,EAsGmD,mBAAA,CAAA,GAAA,CAAA,OAtGnD;iBAmHO,gBAAA,CAjHN;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiHgD,eAjHhD,CAAA,EAiH+D,mBAAA,CAAA,GAAA,CAAA,OAjH/D;iBAgIM,cAAA,CAhIqC;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoI3C,QApI2C,GAAA;EAAA,QAAA,CAAA,EAqIjC,KAAA,CAAM,SArI2B;AAAA,CAAA,CAAA,EAsI7C,mBAAA,CAAA,GAAA,CAAA,OAtHkB;iBA8IV,UAAA,CA9Ia;EAAA,SAAA;EAAA,QAAA;EAAA,MAAA;EAAA,GAAA;AAA+B,CAA/B,EAmJnB,QAnJmB,GAAA;EAAuB,MAAA,CAAA,EAAA,CAAA;IAAQ,OAAA,CAAA,EAAA,MAAA;EAAA,CAAA,GAAA,SAAA,CAAA,EAAA;AAAA,CAAA,CAAA,EAqJpD,mBAAA,CAAA,GAAA,CAAA,OAAA,GAlHA,IAAA"}

package/dist/ui/field.js

@@ -1,6 +1,5 @@
 'use client';
 
-
 import { cn } from "./utils.js";
 import { Box, VStack } from "./stack.js";
 import { P } from "./typography.js";
@@ -11,14 +10,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 
 //#region ui/field.tsx
-function FieldSet({ className,...props }) {
+function FieldSet({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Box, {
 		"data-slot": "field-set",
 		className: cn("flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className),
 		...props
 	});
 }
-function FieldLegend({ className, variant = "legend",...props }) {
+function FieldLegend({ className, variant = "legend", ...props }) {
 	return /* @__PURE__ */ jsx(Box, {
 		"data-slot": "field-legend",
 		"data-variant": variant,
@@ -26,7 +25,7 @@ function FieldLegend({ className, variant = "legend",...props }) {
 		...props
 	});
 }
-function FieldGroup({ className,...props }) {
+function FieldGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Box, {
 		"data-slot": "field-group",
 		className: cn("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 data-[slot=field-group]:*:gap-4", className),
@@ -49,7 +48,7 @@ const fieldVariants = cva("group/field flex w-full gap-3 data-[invalid=true]:tex
 	} },
 	defaultVariants: { orientation: "vertical" }
 });
-function Field({ className, orientation = "vertical",...props }) {
+function Field({ className, orientation = "vertical", ...props }) {
 	return /* @__PURE__ */ jsx(Box, {
 		role: "group",
 		"data-slot": "field",
@@ -58,35 +57,35 @@ function Field({ className, orientation = "vertical",...props }) {
 		...props
 	});
 }
-function FieldContent({ className,...props }) {
+function FieldContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Box, {
 		"data-slot": "field-content",
 		className: cn("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className),
 		...props
 	});
 }
-function FieldLabel({ className,...props }) {
+function FieldLabel({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Label, {
 		"data-slot": "field-label",
 		className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-4", "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10", className),
 		...props
 	});
 }
-function FieldTitle({ className,...props }) {
+function FieldTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Box, {
 		"data-slot": "field-label",
 		className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50", className),
 		...props
 	});
 }
-function FieldDescription({ className,...props }) {
+function FieldDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx(P, {
 		"data-slot": "field-description",
 		className: cn("text-muted-foreground text-sm leading-normal font-normal group-has-data-[orientation=horizontal]/field:text-balance", "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
 		...props
 	});
 }
-function FieldSeparator({ children, className,...props }) {
+function FieldSeparator({ children, className, ...props }) {
 	return /* @__PURE__ */ jsxs(Box, {
 		"data-slot": "field-separator",
 		"data-content": !!children,
@@ -99,7 +98,7 @@ function FieldSeparator({ children, className,...props }) {
 		})]
 	});
 }
-function FieldError({ className, children, errors,...props }) {
+function FieldError({ className, children, errors, ...props }) {
 	const content = useMemo(() => {
 		if (children) return children;
 		if (!errors?.length) return null;

package/dist/ui/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","names":[],"sources":["../../ui/field.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from './utils';\nimport { Label } from './label';\nimport { Separator } from './separator';\nimport { Box, VStack, type BoxProps } from './stack';\nimport { P, type TypographyProps } from './typography';\n\nfunction FieldSet({ className, ...props }: BoxProps) {\n  return (\n    <Box\n      data-slot=\"field-set\"\n      className={cn(\n        'flex flex-col gap-6',\n        'has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLegend({\n  className,\n  variant = 'legend',\n  ...props\n}: BoxProps & { variant?: 'legend' | 'label' }) {\n  return (\n    <Box\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn(\n        'mb-3 font-medium',\n        'data-[variant=legend]:text-base',\n        'data-[variant=label]:text-sm',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldGroup({ className, ...props }: BoxProps) {\n  return (\n    <Box\n      data-slot=\"field-group\"\n      className={cn(\n        'group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 data-[slot=field-group]:*:gap-4',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nconst fieldVariants = cva(\n  'group/field flex w-full gap-3 data-[invalid=true]:text-destructive',\n  {\n    variants: {\n      orientation: {\n        vertical: ['flex-col *:w-full [&>.sr-only]:w-auto'],\n        horizontal: [\n          'flex-row items-center',\n          'data-[slot=field-label]:*:flex-auto',\n          'has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n        ],\n        responsive: [\n          'flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto',\n          '@md/field-group:data-[slot=field-label]:*:flex-auto',\n          '@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n        ],\n      },\n    },\n    defaultVariants: {\n      orientation: 'vertical',\n    },\n  }\n);\n\nfunction Field({\n  className,\n  orientation = 'vertical',\n  ...props\n}: BoxProps & VariantProps<typeof fieldVariants>) {\n  return (\n    <Box\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={orientation}\n      className={cn(fieldVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldContent({ className, ...props }: BoxProps) {\n  return (\n    <Box\n      data-slot=\"field-content\"\n      className={cn(\n        'group/field-content flex flex-1 flex-col gap-1.5 leading-snug',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof Label>) {\n  return (\n    <Label\n      data-slot=\"field-label\"\n      className={cn(\n        'group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50',\n        'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-4',\n        'has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldTitle({ className, ...props }: BoxProps) {\n  return (\n    <Box\n      data-slot=\"field-label\"\n      className={cn(\n        'flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldDescription({ className, ...props }: TypographyProps) {\n  return (\n    <P\n      data-slot=\"field-description\"\n      className={cn(\n        'text-muted-foreground text-sm leading-normal font-normal group-has-data-[orientation=horizontal]/field:text-balance',\n        'last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5',\n        '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldSeparator({\n  children,\n  className,\n  ...props\n}: BoxProps & {\n  children?: React.ReactNode;\n}) {\n  return (\n    <Box\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn(\n        'relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2',\n        className\n      )}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <Box\n          className=\"bg-background text-muted-foreground relative mx-auto block w-fit px-2\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </Box>\n      )}\n    </Box>\n  );\n}\n\nfunction FieldError({\n  className,\n  children,\n  errors,\n  ...props\n}: BoxProps & {\n  errors?: ({ message?: string } | undefined)[];\n}) {\n  const content = useMemo(() => {\n    if (children) {\n      return children;\n    }\n\n    if (!errors?.length) {\n      return null;\n    }\n\n    if (errors?.length == 1) {\n      return errors[0]?.message;\n    }\n\n    return (\n      <VStack className=\"ml-4 flex list-disc flex-col gap-1\">\n        {errors.map(\n          (error, index) => error?.message && <P key={index}>{error.message}</P>\n        )}\n      </VStack>\n    );\n  }, [children, errors]);\n\n  if (!content) {\n    return null;\n  }\n\n  return (\n    <Box\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn('text-destructive text-sm font-normal', className)}\n      {...props}\n    >\n      {content}\n    </Box>\n  );\n}\n\nexport {\n  Field,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldContent,\n  FieldTitle,\n};\n"],"mappings":";;;;;;;;;;;;;AAWA,SAAS,SAAS,EAAE,UAAW,GAAG,SAAmB;AACnD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,uBACA,gFACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,UAAU,SACV,GAAG,SAC2C;AAC9C,QACE,oBAAC;EACC,aAAU;EACV,gBAAc;EACd,WAAW,GACT,oBACA,mCACA,gCACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,UAAW,GAAG,SAAmB;AACrD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,wIACA,UACD;EACD,GAAI;GACJ;;AAIN,MAAM,gBAAgB,IACpB,sEACA;CACE,UAAU,EACR,aAAa;EACX,UAAU,CAAC,wCAAwC;EACnD,YAAY;GACV;GACA;GACA;GACD;EACD,YAAY;GACV;GACA;GACA;GACD;EACF,EACF;CACD,iBAAiB,EACf,aAAa,YACd;CACF,CACF;AAED,SAAS,MAAM,EACb,WACA,cAAc,WACd,GAAG,SAC6C;AAChD,QACE,oBAAC;EACC,MAAK;EACL,aAAU;EACV,oBAAkB;EAClB,WAAW,GAAG,cAAc,EAAE,aAAa,CAAC,EAAE,UAAU;EACxD,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,UAAW,GAAG,SAAmB;AACvD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,iEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAClB,UACA,GAAG,SACkC;AACrC,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,gHACA,iKACA,6HACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,UAAW,GAAG,SAAmB;AACrD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,8GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EAAE,UAAW,GAAG,SAA0B;AAClE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,uHACA,gEACA,qEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,UACA,UACA,GAAG,SAGF;AACD,QACE,qBAAC;EACC,aAAU;EACV,gBAAc,CAAC,CAAC;EAChB,WAAW,GACT,6EACA,UACD;EACD,GAAI;aAEJ,oBAAC,aAAU,WAAU,6BAA6B,EACjD,YACC,oBAAC;GACC,WAAU;GACV,aAAU;GAET;IACG;GAEJ;;AAIV,SAAS,WAAW,EAClB,WACA,UACA,OACA,GAAG,SAGF;CACD,MAAM,UAAU,cAAc;AAC5B,MAAI,SACF,QAAO;AAGT,MAAI,CAAC,QAAQ,OACX,QAAO;AAGT,MAAI,QAAQ,UAAU,EACpB,QAAO,OAAO,IAAI;AAGpB,SACE,oBAAC;GAAO,WAAU;aACf,OAAO,KACL,OAAO,UAAU,OAAO,WAAW,oBAAC,eAAe,MAAM,WAAd,MAA0B,CACvE;IACM;IAEV,CAAC,UAAU,OAAO,CAAC;AAEtB,KAAI,CAAC,QACH,QAAO;AAGT,QACE,oBAAC;EACC,MAAK;EACL,aAAU;EACV,WAAW,GAAG,wCAAwC,UAAU;EAChE,GAAI;YAEH;GACG"}
+{"version":3,"file":"field.js","names":[],"sources":["../../ui/field.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from './utils';\nimport { Label } from './label';\nimport { Separator } from './separator';\nimport { Box, VStack, type BoxProps } from './stack';\nimport { P, type TypographyProps } from './typography';\n\nfunction FieldSet({ className, ...props }: BoxProps) {\n  return (\n    <Box\n      data-slot=\"field-set\"\n      className={cn(\n        'flex flex-col gap-6',\n        'has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLegend({\n  className,\n  variant = 'legend',\n  ...props\n}: BoxProps & { variant?: 'legend' | 'label' }) {\n  return (\n    <Box\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn(\n        'mb-3 font-medium',\n        'data-[variant=legend]:text-base',\n        'data-[variant=label]:text-sm',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldGroup({ className, ...props }: BoxProps) {\n  return (\n    <Box\n      data-slot=\"field-group\"\n      className={cn(\n        'group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 data-[slot=field-group]:*:gap-4',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nconst fieldVariants = cva(\n  'group/field flex w-full gap-3 data-[invalid=true]:text-destructive',\n  {\n    variants: {\n      orientation: {\n        vertical: ['flex-col *:w-full [&>.sr-only]:w-auto'],\n        horizontal: [\n          'flex-row items-center',\n          'data-[slot=field-label]:*:flex-auto',\n          'has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n        ],\n        responsive: [\n          'flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto',\n          '@md/field-group:data-[slot=field-label]:*:flex-auto',\n          '@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n        ],\n      },\n    },\n    defaultVariants: {\n      orientation: 'vertical',\n    },\n  }\n);\n\nfunction Field({\n  className,\n  orientation = 'vertical',\n  ...props\n}: BoxProps & VariantProps<typeof fieldVariants>) {\n  return (\n    <Box\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={orientation}\n      className={cn(fieldVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldContent({ className, ...props }: BoxProps) {\n  return (\n    <Box\n      data-slot=\"field-content\"\n      className={cn(\n        'group/field-content flex flex-1 flex-col gap-1.5 leading-snug',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof Label>) {\n  return (\n    <Label\n      data-slot=\"field-label\"\n      className={cn(\n        'group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50',\n        'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-4',\n        'has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldTitle({ className, ...props }: BoxProps) {\n  return (\n    <Box\n      data-slot=\"field-label\"\n      className={cn(\n        'flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldDescription({ className, ...props }: TypographyProps) {\n  return (\n    <P\n      data-slot=\"field-description\"\n      className={cn(\n        'text-muted-foreground text-sm leading-normal font-normal group-has-data-[orientation=horizontal]/field:text-balance',\n        'last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5',\n        '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldSeparator({\n  children,\n  className,\n  ...props\n}: BoxProps & {\n  children?: React.ReactNode;\n}) {\n  return (\n    <Box\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn(\n        'relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2',\n        className\n      )}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <Box\n          className=\"bg-background text-muted-foreground relative mx-auto block w-fit px-2\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </Box>\n      )}\n    </Box>\n  );\n}\n\nfunction FieldError({\n  className,\n  children,\n  errors,\n  ...props\n}: BoxProps & {\n  errors?: ({ message?: string } | undefined)[];\n}) {\n  const content = useMemo(() => {\n    if (children) {\n      return children;\n    }\n\n    if (!errors?.length) {\n      return null;\n    }\n\n    if (errors?.length == 1) {\n      return errors[0]?.message;\n    }\n\n    return (\n      <VStack className=\"ml-4 flex list-disc flex-col gap-1\">\n        {errors.map(\n          (error, index) => error?.message && <P key={index}>{error.message}</P>\n        )}\n      </VStack>\n    );\n  }, [children, errors]);\n\n  if (!content) {\n    return null;\n  }\n\n  return (\n    <Box\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn('text-destructive text-sm font-normal', className)}\n      {...props}\n    >\n      {content}\n    </Box>\n  );\n}\n\nexport {\n  Field,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldContent,\n  FieldTitle,\n};\n"],"mappings":";;;;;;;;;;;;AAWA,SAAS,SAAS,EAAE,WAAW,GAAG,SAAmB;AACnD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,uBACA,gFACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,UAAU,UACV,GAAG,SAC2C;AAC9C,QACE,oBAAC;EACC,aAAU;EACV,gBAAc;EACd,WAAW,GACT,oBACA,mCACA,gCACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,WAAW,GAAG,SAAmB;AACrD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,wIACA,UACD;EACD,GAAI;GACJ;;AAIN,MAAM,gBAAgB,IACpB,sEACA;CACE,UAAU,EACR,aAAa;EACX,UAAU,CAAC,wCAAwC;EACnD,YAAY;GACV;GACA;GACA;GACD;EACD,YAAY;GACV;GACA;GACA;GACD;EACF,EACF;CACD,iBAAiB,EACf,aAAa,YACd;CACF,CACF;AAED,SAAS,MAAM,EACb,WACA,cAAc,YACd,GAAG,SAC6C;AAChD,QACE,oBAAC;EACC,MAAK;EACL,aAAU;EACV,oBAAkB;EAClB,WAAW,GAAG,cAAc,EAAE,aAAa,CAAC,EAAE,UAAU;EACxD,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAmB;AACvD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,iEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAClB,WACA,GAAG,SACkC;AACrC,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,gHACA,iKACA,6HACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,WAAW,GAAG,SAAmB;AACrD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,8GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAA0B;AAClE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,uHACA,gEACA,qEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,UACA,WACA,GAAG,SAGF;AACD,QACE,qBAAC;EACC,aAAU;EACV,gBAAc,CAAC,CAAC;EAChB,WAAW,GACT,6EACA,UACD;EACD,GAAI;aAEJ,oBAAC,aAAU,WAAU,6BAA6B,EACjD,YACC,oBAAC;GACC,WAAU;GACV,aAAU;GAET;IACG;GAEJ;;AAIV,SAAS,WAAW,EAClB,WACA,UACA,QACA,GAAG,SAGF;CACD,MAAM,UAAU,cAAc;AAC5B,MAAI,SACF,QAAO;AAGT,MAAI,CAAC,QAAQ,OACX,QAAO;AAGT,MAAI,QAAQ,UAAU,EACpB,QAAO,OAAO,IAAI;AAGpB,SACE,oBAAC;GAAO,WAAU;aACf,OAAO,KACL,OAAO,UAAU,OAAO,WAAW,oBAAC,eAAe,MAAM,WAAd,MAA0B,CACvE;IACM;IAEV,CAAC,UAAU,OAAO,CAAC;AAEtB,KAAI,CAAC,QACH,QAAO;AAGT,QACE,oBAAC;EACC,MAAK;EACL,aAAU;EACV,WAAW,GAAG,wCAAwC,UAAU;EAChE,GAAI;YAEH;GACG"}

package/dist/ui/form.d.ts

@@ -1,7 +1,7 @@
 import { Label } from "./label.js";
 import * as React$1 from "react";
 import { View } from "react-native";
-import * as react_jsx_runtime61 from "react/jsx-runtime";
+import * as react_jsx_runtime109 from "react/jsx-runtime";
 import * as react_hook_form0 from "react-hook-form";
 import { ControllerProps, FieldPath, FieldValues, UseFormReturn, useFieldArray, useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
@@ -10,7 +10,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
   ...props
-}: ControllerProps<TFieldValues, TName>) => react_jsx_runtime61.JSX.Element;
+}: ControllerProps<TFieldValues, TName>) => react_jsx_runtime109.JSX.Element;
 declare const useFormField: () => {
   invalid: boolean;
   isDirty: boolean;
@@ -26,25 +26,25 @@ declare const useFormField: () => {
 declare function FormItem({
   className,
   ...props
-}: React$1.ComponentProps<'div'>): react_jsx_runtime61.JSX.Element;
+}: React$1.ComponentProps<'div'>): react_jsx_runtime109.JSX.Element;
 declare function FormLabel({
   className,
   ...props
-}: React$1.ComponentProps<typeof Label>): react_jsx_runtime61.JSX.Element;
+}: React$1.ComponentProps<typeof Label>): react_jsx_runtime109.JSX.Element;
 declare function FormControl({
   asChild,
   ...props
 }: React$1.ComponentProps<typeof View> & {
   asChild?: boolean;
-}): react_jsx_runtime61.JSX.Element;
+}): react_jsx_runtime109.JSX.Element;
 declare function FormDescription({
   className,
   ...props
-}: React$1.ComponentProps<'p'>): react_jsx_runtime61.JSX.Element;
+}: React$1.ComponentProps<'p'>): react_jsx_runtime109.JSX.Element;
 declare function FormMessage({
   className,
   ...props
-}: React$1.ComponentProps<'p'>): react_jsx_runtime61.JSX.Element | null;
+}: React$1.ComponentProps<'p'>): react_jsx_runtime109.JSX.Element | null;
 //#endregion
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type UseFormReturn, useFieldArray, useForm, useFormField, zodResolver };
 //# sourceMappingURL=form.d.ts.map

package/dist/ui/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","names":[],"sources":["../../ui/form.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;cAqBM,4BAAI,kDAAA,qBAAA,gBAAA,CAAA,kBAAA,cAAA,UAAA,wBAAA,OAAA,CAAA,GAAA,CAAA;cAaJ,iCACiB,cAAc,2BACrB,UAAU,gBAAgB,UAAU;;GAGjD,gBAAgB,cAAc,WAAM,mBAAA,CAAA,GAAA,CAAA;cAQjC;EA1BA,OAAmB,EAAA,OAAA;EAAf,OAAA,EAAA,OAAA;EAAA,SAAA,EAAA,OAAA;EAAA,YAAA,EAAA,OAAA;EAAA,KAAA,CAAA,EA+CT,gBAAA,CAAA,UA/CS;EAAA,EAAA,EAAA,MAAA;EAAA,IAAA,EAAA,MAAA;EAAA,UAAA,EAAA,MAAA;EAAe,iBAAA,EAAA,MAAA;EAanB,aAWL,EAAA,MAAA;CAVsB;iBA2Cd,QAAA,CA3C4B;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2CM,OAAA,CAAM,cA3CZ,CAAA,KAAA,CAAA,CAAA,EA2CiC,mBAAA,CAAA,GAAA,CAAA,OA3CjC;iBAyD5B,SAAA,CAxDiB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2DvB,OAAA,CAAM,cA3DiB,CAAA,OA2DK,KA3DL,CAAA,CAAA,EA2DW,mBAAA,CAAA,GAAA,CAAA,OA3DX;iBAyEjB,WAAA,CAzEO;EAAA,OAAA;EAAA,GAAA;CAAA,EA4Eb,OAAA,CAAM,cA5EO,CAAA,OA4Ee,IA5Ef,CAAA,GAAA;EAAoC,OAAA,CAAA,EAAA,OAAA;CAAV,CAAA,EA8EzC,mBAAA,CAAA,GAAA,CAAA,OA9EyC;iBAkGjC,eAAA,CA/FU;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+F+B,OAAA,CAAM,cA/FrC,CAAA,GAAA,CAAA,CAAA,EA+FwD,mBAAA,CAAA,GAAA,CAAA,OA/FxD;iBA4GV,WAAA,CA5GwB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4Ga,OAAA,CAAM,cA5GnB,CAAA,GAAA,CAAA,CAAA,EA4GsC,mBAAA,CAAA,GAAA,CAAA,OAAA,GA5GtC,IAAA"}
+{"version":3,"file":"form.d.ts","names":[],"sources":["../../ui/form.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;cAqBM,4BAAI,kDAAA,qBAAA,gBAAA,CAAA,kBAAA,cAAA,UAAA,wBAAA,OAAA,CAAA,GAAA,CAAA;cAaJ,iCACiB,cAAc,2BACrB,UAAU,gBAAgB,UAAU;;GAGjD,gBAAgB,cAAc,WAAM,oBAAA,CAAA,GAAA,CAAA;cAQjC;EA1BA,OAAmB,EAAA,OAAA;EAAf,OAAA,EAAA,OAAA;EAAA,SAAA,EAAA,OAAA;EAAA,YAAA,EAAA,OAAA;EAAA,KAAA,CAAA,EA+CT,gBAAA,CAAA,UA/CS;EAAA,EAAA,EAAA,MAAA;EAAA,IAAA,EAAA,MAAA;EAAA,UAAA,EAAA,MAAA;EAAe,iBAAA,EAAA,MAAA;EAanB,aAWL,EAAA,MAAA;CAVsB;iBA2Cd,QAAA,CA3C4B;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2CM,OAAA,CAAM,cA3CZ,CAAA,KAAA,CAAA,CAAA,EA2CiC,oBAAA,CAAA,GAAA,CAAA,OA3CjC;iBAyD5B,SAAA,CAxDiB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2DvB,OAAA,CAAM,cA3DiB,CAAA,OA2DK,KA3DL,CAAA,CAAA,EA2DW,oBAAA,CAAA,GAAA,CAAA,OA3DX;iBAyEjB,WAAA,CAzEO;EAAA,OAAA;EAAA,GAAA;CAAA,EA4Eb,OAAA,CAAM,cA5EO,CAAA,OA4Ee,IA5Ef,CAAA,GAAA;EAAoC,OAAA,CAAA,EAAA,OAAA;CAAV,CAAA,EA8EzC,oBAAA,CAAA,GAAA,CAAA,OA9EyC;iBAkGjC,eAAA,CA/FU;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+F+B,OAAA,CAAM,cA/FrC,CAAA,GAAA,CAAA,CAAA,EA+FwD,oBAAA,CAAA,GAAA,CAAA,OA/FxD;iBA4GV,WAAA,CA5GwB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4Ga,OAAA,CAAM,cA5GnB,CAAA,GAAA,CAAA,CAAA,EA4GsC,oBAAA,CAAA,GAAA,CAAA,OAAA,GA5GtC,IAAA"}

package/dist/ui/form.js

@@ -1,6 +1,5 @@
 'use client';
 
-
 import { cn } from "./utils.js";
 import { Label } from "./label.js";
 import { Controller, FormProvider, useFieldArray, useForm, useFormContext, useFormState } from "../node_modules/react-hook-form/dist/index.esm.js";
@@ -37,7 +36,7 @@ const useFormField = () => {
 	};
 };
 const FormItemContext = React$1.createContext({});
-function FormItem({ className,...props }) {
+function FormItem({ className, ...props }) {
 	const id = React$1.useId();
 	return /* @__PURE__ */ jsx(FormItemContext.Provider, {
 		value: { id },
@@ -48,7 +47,7 @@ function FormItem({ className,...props }) {
 		})
 	});
 }
-function FormLabel({ className,...props }) {
+function FormLabel({ className, ...props }) {
 	const { error, formItemId } = useFormField();
 	return /* @__PURE__ */ jsx(Label, {
 		"data-slot": "form-label",
@@ -58,7 +57,7 @@ function FormLabel({ className,...props }) {
 		...props
 	});
 }
-function FormControl({ asChild = false,...props }) {
+function FormControl({ asChild = false, ...props }) {
 	const Component = asChild ? Slot.Text : View;
 	const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
 	return /* @__PURE__ */ jsx(Component, {
@@ -69,7 +68,7 @@ function FormControl({ asChild = false,...props }) {
 		...props
 	});
 }
-function FormDescription({ className,...props }) {
+function FormDescription({ className, ...props }) {
 	const { formDescriptionId } = useFormField();
 	return /* @__PURE__ */ jsx("p", {
 		"data-slot": "form-description",
@@ -78,7 +77,7 @@ function FormDescription({ className,...props }) {
 		...props
 	});
 }
-function FormMessage({ className,...props }) {
+function FormMessage({ className, ...props }) {
 	const { error, formMessageId } = useFormField();
 	const body = error ? String(error?.message ?? "") : props.children;
 	if (!body) return null;

package/dist/ui/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","names":["React","RNView"],"sources":["../../ui/form.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as Slot from '@rn-primitives/slot';\nimport { View as RNView } from 'react-native';\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n  FormProvider,\n  useFormContext,\n  useFormState,\n} from 'react-hook-form';\n\nimport { cn } from './utils';\nimport { Label } from './label';\n\nexport { zodResolver } from '@hookform/resolvers/zod';\nexport { useForm, type UseFormReturn, useFieldArray } from 'react-hook-form';\n\nconst Form = FormProvider;\n\ninterface 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\ninterface 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 Label>) {\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({\n  asChild = false,\n  ...props\n}: React.ComponentProps<typeof RNView> & {\n  asChild?: boolean;\n}) {\n  const Component = asChild ? Slot.Text : RNView;\n  const { error, formItemId, formDescriptionId, formMessageId } =\n    useFormField();\n\n  return (\n    <Component\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"],"mappings":";;;;;;;;;;;;;AAqBA,MAAM,OAAO;AASb,MAAM,mBAAmBA,QAAM,cAC7B,EAAE,CACH;AAED,MAAM,aAGJ,EACA,GAAG,YACuC;AAC1C,QACE,oBAAC,iBAAiB;EAAS,OAAO,EAAE,MAAM,MAAM,MAAM;YACpD,oBAAC,cAAW,GAAI,QAAS;GACC;;AAIhC,MAAM,qBAAqB;CACzB,MAAM,eAAeA,QAAM,WAAW,iBAAiB;CACvD,MAAM,cAAcA,QAAM,WAAW,gBAAgB;CACrD,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,YAAY,aAAa,EAAE,MAAM,aAAa,MAAM,CAAC;CAC3D,MAAM,aAAa,cAAc,aAAa,MAAM,UAAU;AAE9D,KAAI,CAAC,aACH,OAAM,IAAI,MAAM,iDAAiD;CAGnE,MAAM,EAAE,OAAO;AAEf,QAAO;EACL;EACA,MAAM,aAAa;EACnB,YAAY,GAAG,GAAG;EAClB,mBAAmB,GAAG,GAAG;EACzB,eAAe,GAAG,GAAG;EACrB,GAAG;EACJ;;AAOH,MAAM,kBAAkBA,QAAM,cAC5B,EAAE,CACH;AAED,SAAS,SAAS,EAAE,UAAW,GAAG,SAAsC;CACtE,MAAM,KAAKA,QAAM,OAAO;AAExB,QACE,oBAAC,gBAAgB;EAAS,OAAO,EAAE,IAAI;YACrC,oBAAC;GACC,aAAU;GACV,WAAW,GAAG,cAAc,UAAU;GACtC,GAAI;IACJ;GACuB;;AAI/B,SAAS,UAAU,EACjB,UACA,GAAG,SACkC;CACrC,MAAM,EAAE,OAAO,eAAe,cAAc;AAE5C,QACE,oBAAC;EACC,aAAU;EACV,cAAY,CAAC,CAAC;EACd,WAAW,GAAG,sCAAsC,UAAU;EAC9D,SAAS;EACT,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,UAAU,MACV,GAAG,SAGF;CACD,MAAM,YAAY,UAAU,KAAK,OAAOC;CACxC,MAAM,EAAE,OAAO,YAAY,mBAAmB,kBAC5C,cAAc;AAEhB,QACE,oBAAC;EACC,aAAU;EACV,IAAI;EACJ,oBACE,CAAC,QACG,GAAG,sBACH,GAAG,kBAAkB,GAAG;EAE9B,gBAAc,CAAC,CAAC;EAChB,GAAI;GACJ;;AAIN,SAAS,gBAAgB,EAAE,UAAW,GAAG,SAAoC;CAC3E,MAAM,EAAE,sBAAsB,cAAc;AAE5C,QACE,oBAAC;EACC,aAAU;EACV,IAAI;EACJ,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,UAAW,GAAG,SAAoC;CACvE,MAAM,EAAE,OAAO,kBAAkB,cAAc;CAC/C,MAAM,OAAO,QAAQ,OAAO,OAAO,WAAW,GAAG,GAAG,MAAM;AAE1D,KAAI,CAAC,KACH,QAAO;AAGT,QACE,oBAAC;EACC,aAAU;EACV,IAAI;EACJ,WAAW,GAAG,4BAA4B,UAAU;EACpD,GAAI;YAEH;GACC"}
+{"version":3,"file":"form.js","names":["React","RNView"],"sources":["../../ui/form.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as Slot from '@rn-primitives/slot';\nimport { View as RNView } from 'react-native';\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n  FormProvider,\n  useFormContext,\n  useFormState,\n} from 'react-hook-form';\n\nimport { cn } from './utils';\nimport { Label } from './label';\n\nexport { zodResolver } from '@hookform/resolvers/zod';\nexport { useForm, type UseFormReturn, useFieldArray } from 'react-hook-form';\n\nconst Form = FormProvider;\n\ninterface 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\ninterface 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 Label>) {\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({\n  asChild = false,\n  ...props\n}: React.ComponentProps<typeof RNView> & {\n  asChild?: boolean;\n}) {\n  const Component = asChild ? Slot.Text : RNView;\n  const { error, formItemId, formDescriptionId, formMessageId } =\n    useFormField();\n\n  return (\n    <Component\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"],"mappings":";;;;;;;;;;;;AAqBA,MAAM,OAAO;AASb,MAAM,mBAAmBA,QAAM,cAC7B,EAAE,CACH;AAED,MAAM,aAGJ,EACA,GAAG,YACuC;AAC1C,QACE,oBAAC,iBAAiB;EAAS,OAAO,EAAE,MAAM,MAAM,MAAM;YACpD,oBAAC,cAAW,GAAI,QAAS;GACC;;AAIhC,MAAM,qBAAqB;CACzB,MAAM,eAAeA,QAAM,WAAW,iBAAiB;CACvD,MAAM,cAAcA,QAAM,WAAW,gBAAgB;CACrD,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,YAAY,aAAa,EAAE,MAAM,aAAa,MAAM,CAAC;CAC3D,MAAM,aAAa,cAAc,aAAa,MAAM,UAAU;AAE9D,KAAI,CAAC,aACH,OAAM,IAAI,MAAM,iDAAiD;CAGnE,MAAM,EAAE,OAAO;AAEf,QAAO;EACL;EACA,MAAM,aAAa;EACnB,YAAY,GAAG,GAAG;EAClB,mBAAmB,GAAG,GAAG;EACzB,eAAe,GAAG,GAAG;EACrB,GAAG;EACJ;;AAOH,MAAM,kBAAkBA,QAAM,cAC5B,EAAE,CACH;AAED,SAAS,SAAS,EAAE,WAAW,GAAG,SAAsC;CACtE,MAAM,KAAKA,QAAM,OAAO;AAExB,QACE,oBAAC,gBAAgB;EAAS,OAAO,EAAE,IAAI;YACrC,oBAAC;GACC,aAAU;GACV,WAAW,GAAG,cAAc,UAAU;GACtC,GAAI;IACJ;GACuB;;AAI/B,SAAS,UAAU,EACjB,WACA,GAAG,SACkC;CACrC,MAAM,EAAE,OAAO,eAAe,cAAc;AAE5C,QACE,oBAAC;EACC,aAAU;EACV,cAAY,CAAC,CAAC;EACd,WAAW,GAAG,sCAAsC,UAAU;EAC9D,SAAS;EACT,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,UAAU,OACV,GAAG,SAGF;CACD,MAAM,YAAY,UAAU,KAAK,OAAOC;CACxC,MAAM,EAAE,OAAO,YAAY,mBAAmB,kBAC5C,cAAc;AAEhB,QACE,oBAAC;EACC,aAAU;EACV,IAAI;EACJ,oBACE,CAAC,QACG,GAAG,sBACH,GAAG,kBAAkB,GAAG;EAE9B,gBAAc,CAAC,CAAC;EAChB,GAAI;GACJ;;AAIN,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAoC;CAC3E,MAAM,EAAE,sBAAsB,cAAc;AAE5C,QACE,oBAAC;EACC,aAAU;EACV,IAAI;EACJ,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAAoC;CACvE,MAAM,EAAE,OAAO,kBAAkB,cAAc;CAC/C,MAAM,OAAO,QAAQ,OAAO,OAAO,WAAW,GAAG,GAAG,MAAM;AAE1D,KAAI,CAAC,KACH,QAAO;AAGT,QACE,oBAAC;EACC,aAAU;EACV,IAAI;EACJ,WAAW,GAAG,4BAA4B,UAAU;EACpD,GAAI;YAEH;GACC"}

package/dist/ui/hover-card.d.ts

@@ -1,17 +1,17 @@
 import * as React$1 from "react";
-import * as react_native20 from "react-native";
-import * as react_jsx_runtime84 from "react/jsx-runtime";
+import * as react_native52 from "react-native";
+import * as react_jsx_runtime123 from "react/jsx-runtime";
 import * as _rn_primitives_hover_card0 from "@rn-primitives/hover-card";
 
 //#region ui/hover-card.d.ts
-declare const HoverCard: React$1.ForwardRefExoticComponent<react_native20.ViewProps & {
+declare const HoverCard: React$1.ForwardRefExoticComponent<react_native52.ViewProps & {
   asChild?: boolean;
 } & {
   onOpenChange?: (open: boolean) => void;
   openDelay?: number;
   closeDelay?: number;
-} & React$1.RefAttributes<react_native20.View>>;
-declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<Omit<react_native20.PressableProps & React$1.RefAttributes<react_native20.View>, "ref"> & {
+} & React$1.RefAttributes<react_native52.View>>;
+declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<Omit<react_native52.PressableProps & React$1.RefAttributes<react_native52.View>, "ref"> & {
   asChild?: boolean;
 } & {
   onKeyDown?: (ev: React$1.KeyboardEvent) => void;
@@ -24,7 +24,7 @@ declare function HoverCardContent({
   ...props
 }: _rn_primitives_hover_card0.ContentProps & {
   ref?: React$1.RefObject<_rn_primitives_hover_card0.ContentRef>;
-}): react_jsx_runtime84.JSX.Element;
+}): react_jsx_runtime123.JSX.Element;
 //#endregion
 export { HoverCard, HoverCardContent, HoverCardTrigger };
 //# sourceMappingURL=hover-card.d.ts.map

package/dist/ui/hover-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hover-card.d.ts","names":[],"sources":["../../ui/hover-card.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOM,WAAS,OAAA,CAAA,0BAA0B,cAAA,CAA1B,SAAA;;;;EAAT,SAAA,CAAA,EAAmC,MAAA;EAAA,UAAA,CAAA,EAA1B,MAAA;CAAA,wBAAA,CAAA,cAAA,CAAA,IAAA,CAAA,CAAA;cAET,kBAAgB,OAAA,CAAA,0BAAA,KAA6B,cAAA,CAA7B,cAAA,GAAA,OAAA,CAAA,cAAA,cAAA,CAAA,IAAA;EAFP,OAAA,CAAA,EAAA,OAAA;CAAA,GAAA;EAET,SAAA,CAAA,EAAA,CAAA,EAAA,uBAA6C,EAAA,GAAA,IAAA;EAAA,OAAA,CAAA,EAAA,CAAA,EAA7B,uBAAA,EAAA,GAAA,IAAA;CAAA,wBAAA,uCAAA,CAAA;iBAEb,gBAAA,CAFa;EAAA,SAAA;EAAA,KAAA;EAAA,UAAA;EAAA,GAAA;CAAA,EAOnB,0BAAA,CAAmB,YAPA,GAAA;EAAA,GAAA,CAAA,EAQd,OAAA,CAAM,SARQ,CAQE,0BAAA,CAAmB,UARrB,CAAA;IASrB,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"hover-card.d.ts","names":[],"sources":["../../ui/hover-card.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOM,WAAS,OAAA,CAAA,0BAA0B,cAAA,CAA1B,SAAA;;;;EAAT,SAAA,CAAA,EAAmC,MAAA;EAAA,UAAA,CAAA,EAA1B,MAAA;CAAA,wBAAA,CAAA,cAAA,CAAA,IAAA,CAAA,CAAA;cAET,kBAAgB,OAAA,CAAA,0BAAA,KAA6B,cAAA,CAA7B,cAAA,GAAA,OAAA,CAAA,cAAA,cAAA,CAAA,IAAA;EAFP,OAAA,CAAA,EAAA,OAAA;CAAA,GAAA;EAET,SAAA,CAAA,EAAA,CAAA,EAAA,uBAA6C,EAAA,GAAA,IAAA;EAAA,OAAA,CAAA,EAAA,CAAA,EAA7B,uBAAA,EAAA,GAAA,IAAA;CAAA,wBAAA,uCAAA,CAAA;iBAEb,gBAAA,CAFa;EAAA,SAAA;EAAA,KAAA;EAAA,UAAA;EAAA,GAAA;CAAA,EAOnB,0BAAA,CAAmB,YAPA,GAAA;EAAA,GAAA,CAAA,EAQd,OAAA,CAAM,SARQ,CAQE,0BAAA,CAAmB,UARrB,CAAA;IASrB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/hover-card.js

@@ -9,7 +9,7 @@ import * as HoverCardPrimitive from "@rn-primitives/hover-card";
 //#region ui/hover-card.tsx
 const HoverCard = HoverCardPrimitive.Root;
 const HoverCardTrigger = HoverCardPrimitive.Trigger;
-function HoverCardContent({ className, align = "center", sideOffset = 4,...props }) {
+function HoverCardContent({ className, align = "center", sideOffset = 4, ...props }) {
 	const { open } = HoverCardPrimitive.useRootContext();
 	return /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx(HoverCardPrimitive.Overlay, {
 		style: Platform.OS !== "web" ? StyleSheet.absoluteFill : void 0,

package/dist/ui/hover-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"hover-card.js","names":[],"sources":["../../ui/hover-card.tsx"],"sourcesContent":["import * as HoverCardPrimitive from '@rn-primitives/hover-card';\nimport * as React from 'react';\nimport { Platform, StyleSheet } from 'react-native';\nimport Animated, { FadeIn } from 'react-native-reanimated';\nimport { cn } from './utils';\nimport { TextClassContext } from './text';\n\nconst HoverCard = HoverCardPrimitive.Root;\n\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\n\nfunction HoverCardContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  ...props\n}: HoverCardPrimitive.ContentProps & {\n  ref?: React.RefObject<HoverCardPrimitive.ContentRef>;\n}) {\n  const { open } = HoverCardPrimitive.useRootContext();\n  return (\n    <HoverCardPrimitive.Portal>\n      <HoverCardPrimitive.Overlay\n        style={Platform.OS !== 'web' ? StyleSheet.absoluteFill : undefined}\n      >\n        <Animated.View entering={FadeIn}>\n          <TextClassContext.Provider value=\"text-popover-foreground\">\n            <HoverCardPrimitive.Content\n              align={align}\n              sideOffset={sideOffset}\n              className={cn(\n                'border-border bg-popover shadow-foreground/5 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 web:cursor-auto web:outline-hidden z-50 w-64 rounded-md border p-4 shadow-md',\n                open\n                  ? 'web:animate-in web:fade-in-0 web:zoom-in-95'\n                  : 'web:animate-out web:fade-out-0 web:zoom-out-95',\n                className\n              )}\n              {...props}\n            />\n          </TextClassContext.Provider>\n        </Animated.View>\n      </HoverCardPrimitive.Overlay>\n    </HoverCardPrimitive.Portal>\n  );\n}\n\nexport { HoverCard, HoverCardContent, HoverCardTrigger };\n"],"mappings":";;;;;;;;;AAOA,MAAM,YAAY,mBAAmB;AAErC,MAAM,mBAAmB,mBAAmB;AAE5C,SAAS,iBAAiB,EACxB,WACA,QAAQ,UACR,aAAa,EACb,GAAG,SAGF;CACD,MAAM,EAAE,SAAS,mBAAmB,gBAAgB;AACpD,QACE,oBAAC,mBAAmB,oBAClB,oBAAC,mBAAmB;EAClB,OAAO,SAAS,OAAO,QAAQ,WAAW,eAAe;YAEzD,oBAAC,SAAS;GAAK,UAAU;aACvB,oBAAC,iBAAiB;IAAS,OAAM;cAC/B,oBAAC,mBAAmB;KACX;KACK;KACZ,WAAW,GACT,yRACA,OACI,gDACA,kDACJ,UACD;KACD,GAAI;MACJ;KACwB;IACd;GACW,GACH"}
+{"version":3,"file":"hover-card.js","names":[],"sources":["../../ui/hover-card.tsx"],"sourcesContent":["import * as HoverCardPrimitive from '@rn-primitives/hover-card';\nimport * as React from 'react';\nimport { Platform, StyleSheet } from 'react-native';\nimport Animated, { FadeIn } from 'react-native-reanimated';\nimport { cn } from './utils';\nimport { TextClassContext } from './text';\n\nconst HoverCard = HoverCardPrimitive.Root;\n\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\n\nfunction HoverCardContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  ...props\n}: HoverCardPrimitive.ContentProps & {\n  ref?: React.RefObject<HoverCardPrimitive.ContentRef>;\n}) {\n  const { open } = HoverCardPrimitive.useRootContext();\n  return (\n    <HoverCardPrimitive.Portal>\n      <HoverCardPrimitive.Overlay\n        style={Platform.OS !== 'web' ? StyleSheet.absoluteFill : undefined}\n      >\n        <Animated.View entering={FadeIn}>\n          <TextClassContext.Provider value=\"text-popover-foreground\">\n            <HoverCardPrimitive.Content\n              align={align}\n              sideOffset={sideOffset}\n              className={cn(\n                'border-border bg-popover shadow-foreground/5 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 web:cursor-auto web:outline-hidden z-50 w-64 rounded-md border p-4 shadow-md',\n                open\n                  ? 'web:animate-in web:fade-in-0 web:zoom-in-95'\n                  : 'web:animate-out web:fade-out-0 web:zoom-out-95',\n                className\n              )}\n              {...props}\n            />\n          </TextClassContext.Provider>\n        </Animated.View>\n      </HoverCardPrimitive.Overlay>\n    </HoverCardPrimitive.Portal>\n  );\n}\n\nexport { HoverCard, HoverCardContent, HoverCardTrigger };\n"],"mappings":";;;;;;;;;AAOA,MAAM,YAAY,mBAAmB;AAErC,MAAM,mBAAmB,mBAAmB;AAE5C,SAAS,iBAAiB,EACxB,WACA,QAAQ,UACR,aAAa,GACb,GAAG,SAGF;CACD,MAAM,EAAE,SAAS,mBAAmB,gBAAgB;AACpD,QACE,oBAAC,mBAAmB,oBAClB,oBAAC,mBAAmB;EAClB,OAAO,SAAS,OAAO,QAAQ,WAAW,eAAe;YAEzD,oBAAC,SAAS;GAAK,UAAU;aACvB,oBAAC,iBAAiB;IAAS,OAAM;cAC/B,oBAAC,mBAAmB;KACX;KACK;KACZ,WAAW,GACT,yRACA,OACI,gDACA,kDACJ,UACD;KACD,GAAI;MACJ;KACwB;IACd;GACW,GACH"}

package/dist/ui/input.d.ts

@@ -1,6 +1,6 @@
 import * as React$1 from "react";
 import { TextInput, TextInputProps } from "react-native";
-import * as react_jsx_runtime85 from "react/jsx-runtime";
+import * as react_jsx_runtime125 from "react/jsx-runtime";
 
 //#region ui/input.d.ts
 declare function Input({
@@ -9,7 +9,7 @@ declare function Input({
   ...props
 }: TextInputProps & {
   ref?: React$1.RefObject<TextInput>;
-}): react_jsx_runtime85.JSX.Element;
+}): react_jsx_runtime125.JSX.Element;
 //#endregion
 export { Input };
 //# sourceMappingURL=input.d.ts.map

package/dist/ui/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","names":[],"sources":["../../ui/input.tsx"],"sourcesContent":[],"mappings":";;;;;iBAIS,KAAA;;;;GAIN;QACK,OAAA,CAAM,UAAU;IACvB,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"input.d.ts","names":[],"sources":["../../ui/input.tsx"],"sourcesContent":[],"mappings":";;;;;iBAIS,KAAA;;;;GAIN;QACK,OAAA,CAAM,UAAU;IACvB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/input.js

@@ -4,7 +4,7 @@ import { TextInput } from "react-native";
 import { jsx } from "react/jsx-runtime";
 
 //#region ui/input.tsx
-function Input({ className, placeholderClassName,...props }) {
+function Input({ className, placeholderClassName, ...props }) {
 	return /* @__PURE__ */ jsx(TextInput, {
 		className: cn("native:h-12 native:text-lg native:leading-tight border-input bg-background text-foreground placeholder:text-muted-foreground web:flex web:w-full web:py-2 web:ring-offset-background web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 h-10 rounded-md border px-3 text-base file:border-0 file:bg-transparent file:font-medium lg:text-sm", props.editable === false && "web:cursor-not-allowed opacity-50", className),
 		placeholderClassName: cn("text-muted-foreground", placeholderClassName),

package/dist/ui/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":[],"sources":["../../ui/input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TextInput, type TextInputProps } from 'react-native';\nimport { cn } from './utils';\n\nfunction Input({\n  className,\n  placeholderClassName,\n  ...props\n}: TextInputProps & {\n  ref?: React.RefObject<TextInput>;\n}) {\n  return (\n    <TextInput\n      className={cn(\n        'native:h-12 native:text-lg native:leading-tight border-input bg-background text-foreground placeholder:text-muted-foreground web:flex web:w-full web:py-2 web:ring-offset-background web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 h-10 rounded-md border px-3 text-base file:border-0 file:bg-transparent file:font-medium lg:text-sm',\n        props.editable === false && 'web:cursor-not-allowed opacity-50',\n        className\n      )}\n      placeholderClassName={cn('text-muted-foreground', placeholderClassName)}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":";;;;;;AAIA,SAAS,MAAM,EACb,WACA,qBACA,GAAG,SAGF;AACD,QACE,oBAAC;EACC,WAAW,GACT,kZACA,MAAM,aAAa,SAAS,qCAC5B,UACD;EACD,sBAAsB,GAAG,yBAAyB,qBAAqB;EACvE,GAAI;GACJ"}
+{"version":3,"file":"input.js","names":[],"sources":["../../ui/input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TextInput, type TextInputProps } from 'react-native';\nimport { cn } from './utils';\n\nfunction Input({\n  className,\n  placeholderClassName,\n  ...props\n}: TextInputProps & {\n  ref?: React.RefObject<TextInput>;\n}) {\n  return (\n    <TextInput\n      className={cn(\n        'native:h-12 native:text-lg native:leading-tight border-input bg-background text-foreground placeholder:text-muted-foreground web:flex web:w-full web:py-2 web:ring-offset-background web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 h-10 rounded-md border px-3 text-base file:border-0 file:bg-transparent file:font-medium lg:text-sm',\n        props.editable === false && 'web:cursor-not-allowed opacity-50',\n        className\n      )}\n      placeholderClassName={cn('text-muted-foreground', placeholderClassName)}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":";;;;;;AAIA,SAAS,MAAM,EACb,WACA,sBACA,GAAG,SAGF;AACD,QACE,oBAAC;EACC,WAAW,GACT,kZACA,MAAM,aAAa,SAAS,qCAC5B,UACD;EACD,sBAAsB,GAAG,yBAAyB,qBAAqB;EACvE,GAAI;GACJ"}

package/dist/ui/label.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime87 from "react/jsx-runtime";
+import * as react_jsx_runtime126 from "react/jsx-runtime";
 import * as LabelPrimitive from "@rn-primitives/label";
 
 //#region ui/label.d.ts
@@ -10,7 +10,7 @@ declare function Label({
   onPressOut,
   disabled,
   ...props
-}: LabelPrimitive.TextProps & React.RefAttributes<LabelPrimitive.TextRef>): react_jsx_runtime87.JSX.Element;
+}: LabelPrimitive.TextProps & React.RefAttributes<LabelPrimitive.TextRef>): react_jsx_runtime126.JSX.Element;
 //#endregion
 export { Label };
 //# sourceMappingURL=label.d.ts.map

package/dist/ui/label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"label.d.ts","names":[],"sources":["../../ui/label.tsx"],"sourcesContent":[],"mappings":";;;;iBAIS,KAAA;;;;;;;;GAQN,cAAA,CAAe,YAAY,KAAA,CAAM,cAAc,cAAA,CAAe,WAAQ,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"label.d.ts","names":[],"sources":["../../ui/label.tsx"],"sourcesContent":[],"mappings":";;;;iBAIS,KAAA;;;;;;;;GAQN,cAAA,CAAe,YAAY,KAAA,CAAM,cAAc,cAAA,CAAe,WAAQ,oBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/label.js

@@ -4,7 +4,7 @@ import { jsx } from "react/jsx-runtime";
 import * as LabelPrimitive from "@rn-primitives/label";
 
 //#region ui/label.tsx
-function Label({ className, onPress, onLongPress, onPressIn, onPressOut, disabled,...props }) {
+function Label({ className, onPress, onLongPress, onPressIn, onPressOut, disabled, ...props }) {
 	return /* @__PURE__ */ jsx(LabelPrimitive.Root, {
 		className: cn("flex flex-row items-center gap-2 select-none", Platform.select({ web: "cursor-default leading-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" }), disabled && "opacity-50"),
 		onPress,

package/dist/ui/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","names":[],"sources":["../../ui/label.tsx"],"sourcesContent":["import { cn } from './utils';\nimport * as LabelPrimitive from '@rn-primitives/label';\nimport { Platform } from 'react-native';\n\nfunction Label({\n  className,\n  onPress,\n  onLongPress,\n  onPressIn,\n  onPressOut,\n  disabled,\n  ...props\n}: LabelPrimitive.TextProps & React.RefAttributes<LabelPrimitive.TextRef>) {\n  return (\n    <LabelPrimitive.Root\n      className={cn(\n        'flex flex-row items-center gap-2 select-none',\n        Platform.select({\n          web: 'cursor-default leading-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        disabled && 'opacity-50'\n      )}\n      onPress={onPress}\n      onLongPress={onLongPress}\n      onPressIn={onPressIn}\n      onPressOut={onPressOut}\n      disabled={disabled}\n    >\n      <LabelPrimitive.Text\n        className={cn(\n          'text-foreground text-sm font-medium',\n          Platform.select({ web: 'leading-none' }),\n          className\n        )}\n        {...props}\n      />\n    </LabelPrimitive.Root>\n  );\n}\n\nexport { Label };\n"],"mappings":";;;;;;AAIA,SAAS,MAAM,EACb,WACA,SACA,aACA,WACA,YACA,SACA,GAAG,SACsE;AACzE,QACE,oBAAC,eAAe;EACd,WAAW,GACT,gDACA,SAAS,OAAO,EACd,KAAK,8KACN,CAAC,EACF,YAAY,aACb;EACQ;EACI;EACF;EACC;EACF;YAEV,oBAAC,eAAe;GACd,WAAW,GACT,uCACA,SAAS,OAAO,EAAE,KAAK,gBAAgB,CAAC,EACxC,UACD;GACD,GAAI;IACJ;GACkB"}
+{"version":3,"file":"label.js","names":[],"sources":["../../ui/label.tsx"],"sourcesContent":["import { cn } from './utils';\nimport * as LabelPrimitive from '@rn-primitives/label';\nimport { Platform } from 'react-native';\n\nfunction Label({\n  className,\n  onPress,\n  onLongPress,\n  onPressIn,\n  onPressOut,\n  disabled,\n  ...props\n}: LabelPrimitive.TextProps & React.RefAttributes<LabelPrimitive.TextRef>) {\n  return (\n    <LabelPrimitive.Root\n      className={cn(\n        'flex flex-row items-center gap-2 select-none',\n        Platform.select({\n          web: 'cursor-default leading-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        disabled && 'opacity-50'\n      )}\n      onPress={onPress}\n      onLongPress={onLongPress}\n      onPressIn={onPressIn}\n      onPressOut={onPressOut}\n      disabled={disabled}\n    >\n      <LabelPrimitive.Text\n        className={cn(\n          'text-foreground text-sm font-medium',\n          Platform.select({ web: 'leading-none' }),\n          className\n        )}\n        {...props}\n      />\n    </LabelPrimitive.Root>\n  );\n}\n\nexport { Label };\n"],"mappings":";;;;;;AAIA,SAAS,MAAM,EACb,WACA,SACA,aACA,WACA,YACA,UACA,GAAG,SACsE;AACzE,QACE,oBAAC,eAAe;EACd,WAAW,GACT,gDACA,SAAS,OAAO,EACd,KAAK,8KACN,CAAC,EACF,YAAY,aACb;EACQ;EACI;EACF;EACC;EACF;YAEV,oBAAC,eAAe;GACd,WAAW,GACT,uCACA,SAAS,OAAO,EAAE,KAAK,gBAAgB,CAAC,EACxC,UACD;GACD,GAAI;IACJ;GACkB"}

package/dist/ui/link.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime86 from "react/jsx-runtime";
+import * as react_jsx_runtime130 from "react/jsx-runtime";
 import { Link as Link$1, LinkProps } from "expo-router";
 
 //#region ui/link.d.ts
@@ -8,7 +8,7 @@ declare function Link({
   ...props
 }: LinkProps & {
   ref?: React$1.RefObject<typeof Link$1>;
-}): react_jsx_runtime86.JSX.Element;
+}): react_jsx_runtime130.JSX.Element;
 //#endregion
 export { Link };
 //# sourceMappingURL=link.d.ts.map

package/dist/ui/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","names":[],"sources":["../../ui/link.tsx"],"sourcesContent":[],"mappings":";;;;;iBAIS,IAAA;;;GAGN;QACK,OAAA,CAAM,iBAAiB;IAC9B,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"link.d.ts","names":[],"sources":["../../ui/link.tsx"],"sourcesContent":[],"mappings":";;;;;iBAIS,IAAA;;;GAGN;QACK,OAAA,CAAM,iBAAiB;IAC9B,oBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/link.js

@@ -4,7 +4,7 @@ import { jsx } from "react/jsx-runtime";
 import { Link as Link$1 } from "expo-router";
 
 //#region ui/link.tsx
-function Link({ className,...props }) {
+function Link({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Link$1, {
 		className: cn("className=\"text-primary underline\"", className),
 		...props

package/dist/ui/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","names":["LinkExpo"],"sources":["../../ui/link.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Link as LinkExpo, type LinkProps } from 'expo-router';\nimport { cn } from './utils';\n\nfunction Link({\n  className,\n  ...props\n}: LinkProps & {\n  ref?: React.RefObject<typeof LinkExpo>;\n}) {\n  return (\n    <LinkExpo\n      className={cn('className=\"text-primary underline\"', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Link };\n"],"mappings":";;;;;;AAIA,SAAS,KAAK,EACZ,UACA,GAAG,SAGF;AACD,QACE,oBAACA;EACC,WAAW,GAAG,wCAAsC,UAAU;EAC9D,GAAI;GACJ"}
+{"version":3,"file":"link.js","names":["LinkExpo"],"sources":["../../ui/link.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Link as LinkExpo, type LinkProps } from 'expo-router';\nimport { cn } from './utils';\n\nfunction Link({\n  className,\n  ...props\n}: LinkProps & {\n  ref?: React.RefObject<typeof LinkExpo>;\n}) {\n  return (\n    <LinkExpo\n      className={cn('className=\"text-primary underline\"', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Link };\n"],"mappings":";;;;;;AAIA,SAAS,KAAK,EACZ,WACA,GAAG,SAGF;AACD,QACE,oBAACA;EACC,WAAW,GAAG,wCAAsC,UAAU;EAC9D,GAAI;GACJ"}

package/dist/ui/loading-button.d.ts

@@ -1,6 +1,6 @@
 import { ButtonProps } from "./button.js";
 import React from "react";
-import * as react_jsx_runtime88 from "react/jsx-runtime";
+import * as react_jsx_runtime127 from "react/jsx-runtime";
 
 //#region ui/loading-button.d.ts
 interface LoadingButtonProps extends ButtonProps {
@@ -14,7 +14,7 @@ declare function LoadingButton({
   children,
   disabled,
   ...props
-}: LoadingButtonProps): react_jsx_runtime88.JSX.Element;
+}: LoadingButtonProps): react_jsx_runtime127.JSX.Element;
 //#endregion
 export { LoadingButton };
 //# sourceMappingURL=loading-button.d.ts.map

package/dist/ui/loading-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading-button.d.ts","names":[],"sources":["../../ui/loading-button.tsx"],"sourcesContent":[],"mappings":";;;;;UAOU,kBAAA,SAA2B;;;EAA3B,QAAA,EAGE,KAAA,CAAM,SAHW;AAM7B;AACE,iBADc,aAAA,CACd;EAAA,SAAA;EAAA,WAAA;EAAA,QAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAKC,kBALD,CAAA,EAKmB,mBAAA,CAAA,GAAA,CAAA,OALnB"}
+{"version":3,"file":"loading-button.d.ts","names":[],"sources":["../../ui/loading-button.tsx"],"sourcesContent":[],"mappings":";;;;;UAOU,kBAAA,SAA2B;;;EAA3B,QAAA,EAGE,KAAA,CAAM,SAHW;AAM7B;AACE,iBADc,aAAA,CACd;EAAA,SAAA;EAAA,WAAA;EAAA,QAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAKC,kBALD,CAAA,EAKmB,oBAAA,CAAA,GAAA,CAAA,OALnB"}

package/dist/ui/loading-button.js

@@ -6,7 +6,7 @@ import { ActivityIndicator } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region ui/loading-button.tsx
-function LoadingButton({ isLoading = false, loadingText, children, disabled,...props }) {
+function LoadingButton({ isLoading = false, loadingText, children, disabled, ...props }) {
 	return /* @__PURE__ */ jsx(Button, {
 		disabled: disabled || isLoading,
 		...props,

package/dist/ui/loading-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading-button.js","names":["Text"],"sources":["../../ui/loading-button.tsx"],"sourcesContent":["import React from 'react';\nimport { ActivityIndicator } from 'react-native';\nimport type { ButtonProps } from './button';\nimport { Button } from './button';\nimport { Text } from './text';\nimport { HStack } from './stack';\n\ninterface LoadingButtonProps extends ButtonProps {\n  isLoading?: boolean;\n  loadingText?: string;\n  children: React.ReactNode;\n}\n\nexport function LoadingButton({\n  isLoading = false,\n  loadingText,\n  children,\n  disabled,\n  ...props\n}: LoadingButtonProps) {\n  return (\n    <Button disabled={disabled || isLoading} {...props}>\n      {isLoading ? (\n        <HStack className=\"items-center gap-x-2\">\n          <ActivityIndicator\n            size=\"small\"\n            // color={props.variant === 'outline' ? '#6b7280' : '#ffffff'}\n          />\n          <Text>{loadingText || 'Loading...'}</Text>\n        </HStack>\n      ) : (\n        children\n      )}\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,cAAc,EAC5B,YAAY,OACZ,aACA,UACA,SACA,GAAG,SACkB;AACrB,QACE,oBAAC;EAAO,UAAU,YAAY;EAAW,GAAI;YAC1C,YACC,qBAAC;GAAO,WAAU;cAChB,oBAAC,qBACC,MAAK,UAEL,EACF,oBAACA,oBAAM,eAAe,eAAoB;IACnC,GAET;GAEK"}
+{"version":3,"file":"loading-button.js","names":["Text"],"sources":["../../ui/loading-button.tsx"],"sourcesContent":["import React from 'react';\nimport { ActivityIndicator } from 'react-native';\nimport type { ButtonProps } from './button';\nimport { Button } from './button';\nimport { Text } from './text';\nimport { HStack } from './stack';\n\ninterface LoadingButtonProps extends ButtonProps {\n  isLoading?: boolean;\n  loadingText?: string;\n  children: React.ReactNode;\n}\n\nexport function LoadingButton({\n  isLoading = false,\n  loadingText,\n  children,\n  disabled,\n  ...props\n}: LoadingButtonProps) {\n  return (\n    <Button disabled={disabled || isLoading} {...props}>\n      {isLoading ? (\n        <HStack className=\"items-center gap-x-2\">\n          <ActivityIndicator\n            size=\"small\"\n            // color={props.variant === 'outline' ? '#6b7280' : '#ffffff'}\n          />\n          <Text>{loadingText || 'Loading...'}</Text>\n        </HStack>\n      ) : (\n        children\n      )}\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,cAAc,EAC5B,YAAY,OACZ,aACA,UACA,UACA,GAAG,SACkB;AACrB,QACE,oBAAC;EAAO,UAAU,YAAY;EAAW,GAAI;YAC1C,YACC,qBAAC;GAAO,WAAU;cAChB,oBAAC,qBACC,MAAK,UAEL,EACF,oBAACA,oBAAM,eAAe,eAAoB;IACnC,GAET;GAEK"}

package/dist/ui/loading-overlay.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime89 from "react/jsx-runtime";
+import * as react_jsx_runtime131 from "react/jsx-runtime";
 
 //#region ui/loading-overlay.d.ts
 interface LoadingOverlayProps {
@@ -10,7 +10,7 @@ declare function LoadingOverlay({
   isVisible,
   title,
   subtitle
-}: LoadingOverlayProps): react_jsx_runtime89.JSX.Element | null;
+}: LoadingOverlayProps): react_jsx_runtime131.JSX.Element | null;
 //#endregion
 export { LoadingOverlay };
 //# sourceMappingURL=loading-overlay.d.ts.map