@lssm/lib.ui-kit 0.0.0-canary-20251120192244 → 0.0.0-canary-20251206181705

package/dist/ui/dropdown-menu.d.ts

@@ -1,33 +1,33 @@
 import * as React$1 from "react";
-import * as react_native6 from "react-native";
+import * as react_native37 from "react-native";
 import { StyleProp, TextProps, View, ViewStyle } from "react-native";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime84 from "react/jsx-runtime";
 import * as _rn_primitives_dropdown_menu0 from "@rn-primitives/dropdown-menu";
 
 //#region ui/dropdown-menu.d.ts
-declare const DropdownMenu: React$1.ForwardRefExoticComponent<react_native6.ViewProps & {
+declare const DropdownMenu: React$1.ForwardRefExoticComponent<react_native37.ViewProps & {
   asChild?: boolean;
 } & {
   onOpenChange?: (open: boolean) => void;
 } & React$1.RefAttributes<View>>;
-declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<Omit<react_native6.PressableProps & React$1.RefAttributes<View>, "ref"> & {
+declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<Omit<react_native37.PressableProps & React$1.RefAttributes<View>, "ref"> & {
   asChild?: boolean;
 } & {
   onKeyDown?: (ev: React$1.KeyboardEvent) => void;
   onKeyUp?: (ev: React$1.KeyboardEvent) => void;
 } & React$1.RefAttributes<_rn_primitives_dropdown_menu0.TriggerRef>>;
-declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<react_native6.ViewProps & {
+declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<react_native37.ViewProps & {
   asChild?: boolean;
 } & React$1.RefAttributes<View>>;
 declare const DropdownMenuPortal: typeof _rn_primitives_dropdown_menu0.Portal;
-declare const DropdownMenuSub: React$1.ForwardRefExoticComponent<react_native6.ViewProps & {
+declare const DropdownMenuSub: React$1.ForwardRefExoticComponent<react_native37.ViewProps & {
   asChild?: boolean;
 } & {
   defaultOpen?: boolean;
   open?: boolean;
   onOpenChange?: (value: boolean) => void;
 } & React$1.RefAttributes<View>>;
-declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<react_native6.ViewProps & {
+declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<react_native37.ViewProps & {
   asChild?: boolean;
 } & {
   value: string | undefined;
@@ -43,13 +43,13 @@ declare function DropdownMenuSubTrigger({
   className?: string;
   inset?: boolean;
   children?: React$1.ReactNode;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime84.JSX.Element;
 declare function DropdownMenuSubContent({
   className,
   ...props
 }: _rn_primitives_dropdown_menu0.SubContentProps & {
   ref?: React$1.RefObject<_rn_primitives_dropdown_menu0.SubContentRef>;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime84.JSX.Element;
 declare function DropdownMenuContent({
   className,
   overlayClassName,
@@ -61,7 +61,7 @@ declare function DropdownMenuContent({
   overlayStyle?: StyleProp<ViewStyle>;
   overlayClassName?: string;
   portalHost?: string;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime84.JSX.Element;
 declare function DropdownMenuItem({
   className,
   inset,
@@ -70,7 +70,7 @@ declare function DropdownMenuItem({
   ref?: React$1.RefObject<_rn_primitives_dropdown_menu0.ItemRef>;
   className?: string;
   inset?: boolean;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime84.JSX.Element;
 declare function DropdownMenuCheckboxItem({
   className,
   children,
@@ -79,7 +79,7 @@ declare function DropdownMenuCheckboxItem({
 }: _rn_primitives_dropdown_menu0.CheckboxItemProps & {
   ref?: React$1.RefObject<_rn_primitives_dropdown_menu0.CheckboxItemRef>;
   children?: React$1.ReactNode;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime84.JSX.Element;
 declare function DropdownMenuRadioItem({
   className,
   children,
@@ -87,7 +87,7 @@ declare function DropdownMenuRadioItem({
 }: _rn_primitives_dropdown_menu0.RadioItemProps & {
   ref?: React$1.RefObject<_rn_primitives_dropdown_menu0.RadioItemRef>;
   children?: React$1.ReactNode;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime84.JSX.Element;
 declare function DropdownMenuLabel({
   className,
   inset,
@@ -96,17 +96,16 @@ declare function DropdownMenuLabel({
   ref?: React$1.RefObject<_rn_primitives_dropdown_menu0.LabelRef>;
   className?: string;
   inset?: boolean;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime84.JSX.Element;
 declare function DropdownMenuSeparator({
   className,
   ...props
 }: _rn_primitives_dropdown_menu0.SeparatorProps & {
   ref?: React$1.RefObject<_rn_primitives_dropdown_menu0.SeparatorRef>;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime84.JSX.Element;
 declare function DropdownMenuShortcut({
   className,
   ...props
-}: TextProps): react_jsx_runtime35.JSX.Element;
+}: TextProps): react_jsx_runtime84.JSX.Element;
 //#endregion
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
-//# sourceMappingURL=dropdown-menu.d.ts.map
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/ui/dropdown-menu.js

@@ -16,7 +16,7 @@ const DropdownMenuGroup = DropdownMenuPrimitive.Group;
 const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 const DropdownMenuSub = DropdownMenuPrimitive.Sub;
 const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-function DropdownMenuSubTrigger({ className, inset, children,...props }) {
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
 	const { open } = DropdownMenuPrimitive.useSubContext();
 	const Icon = Platform.OS === "web" ? ChevronRight : open ? ChevronUp : ChevronDown;
 	return /* @__PURE__ */ jsx(TextClassContext.Provider, {
@@ -31,14 +31,14 @@ function DropdownMenuSubTrigger({ className, inset, children,...props }) {
 		})
 	});
 }
-function DropdownMenuSubContent({ className,...props }) {
+function DropdownMenuSubContent({ className, ...props }) {
 	const { open } = DropdownMenuPrimitive.useSubContext();
 	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
 		className: cn("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 z-50 mt-1 min-w-32 overflow-hidden rounded-md border p-1 shadow-md", open ? "web:animate-in web:fade-in-0 web:zoom-in-95" : "web:animate-out web:fade-out-0 web:zoom-out", className),
 		...props
 	});
 }
-function DropdownMenuContent({ className, overlayClassName, overlayStyle, portalHost,...props }) {
+function DropdownMenuContent({ className, overlayClassName, overlayStyle, portalHost, ...props }) {
 	const { open } = DropdownMenuPrimitive.useRootContext();
 	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, {
 		hostName: portalHost,
@@ -52,7 +52,7 @@ function DropdownMenuContent({ className, overlayClassName, overlayStyle, portal
 		})
 	});
 }
-function DropdownMenuItem({ className, inset,...props }) {
+function DropdownMenuItem({ className, inset, ...props }) {
 	return /* @__PURE__ */ jsx(TextClassContext.Provider, {
 		value: "select-none text-sm native:text-lg text-popover-foreground web:group-focus:text-accent-foreground",
 		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
@@ -61,7 +61,7 @@ function DropdownMenuItem({ className, inset,...props }) {
 		})
 	});
 }
-function DropdownMenuCheckboxItem({ className, children, checked,...props }) {
+function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
 	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
 		className: cn("web:group native:py-2 active:bg-accent web:cursor-default web:outline-hidden web:focus:bg-accent relative flex flex-row items-center rounded-xs py-1.5 pr-2 pl-8", props.disabled && "web:pointer-events-none opacity-50", className),
 		checked,
@@ -76,7 +76,7 @@ function DropdownMenuCheckboxItem({ className, children, checked,...props }) {
 		}), children]
 	});
 }
-function DropdownMenuRadioItem({ className, children,...props }) {
+function DropdownMenuRadioItem({ className, children, ...props }) {
 	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
 		className: cn("web:group native:py-2 active:bg-accent web:cursor-default web:outline-hidden web:focus:bg-accent relative flex flex-row items-center rounded-xs py-1.5 pr-2 pl-8", props.disabled && "web:pointer-events-none opacity-50", className),
 		...props,
@@ -86,19 +86,19 @@ function DropdownMenuRadioItem({ className, children,...props }) {
 		}), children]
 	});
 }
-function DropdownMenuLabel({ className, inset,...props }) {
+function DropdownMenuLabel({ className, inset, ...props }) {
 	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
 		className: cn("native:text-base text-foreground web:cursor-default px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
 		...props
 	});
 }
-function DropdownMenuSeparator({ className,...props }) {
+function DropdownMenuSeparator({ className, ...props }) {
 	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
 		className: cn("bg-border -mx-1 my-1 h-px", className),
 		...props
 	});
 }
-function DropdownMenuShortcut({ className,...props }) {
+function DropdownMenuShortcut({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Text, {
 		className: cn("native:text-sm text-muted-foreground ml-auto text-xs tracking-widest", className),
 		...props
@@ -106,5 +106,4 @@ function DropdownMenuShortcut({ className,...props }) {
 }
 
 //#endregion
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
-//# sourceMappingURL=dropdown-menu.js.map
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/ui/empty-state.d.ts

@@ -1,12 +1,12 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime44 from "react/jsx-runtime";
+import * as react_jsx_runtime93 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types3 from "class-variance-authority/types";
+import * as class_variance_authority_types6 from "class-variance-authority/types";
 
 //#region ui/empty-state.d.ts
 declare const containerVariants: (props?: ({
   density?: "default" | "compact" | null | undefined;
-} & class_variance_authority_types3.ClassProp) | undefined) => string;
+} & class_variance_authority_types6.ClassProp) | undefined) => string;
 interface EmptyStateProps extends VariantProps<typeof containerVariants> {
   icon?: React$1.ReactNode;
   title: React$1.ReactNode;
@@ -23,7 +23,6 @@ declare function EmptyState({
   secondaryAction,
   className,
   density
-}: EmptyStateProps): react_jsx_runtime44.JSX.Element;
+}: EmptyStateProps): react_jsx_runtime93.JSX.Element;
 //#endregion
-export { EmptyState, EmptyStateProps };
-//# sourceMappingURL=empty-state.d.ts.map
+export { EmptyState, EmptyStateProps };

package/dist/ui/empty-state.js

@@ -42,5 +42,4 @@ function EmptyState({ icon, title, description, primaryAction, secondaryAction,
 }
 
 //#endregion
-export { EmptyState };
-//# sourceMappingURL=empty-state.js.map
+export { EmptyState };

package/dist/ui/empty.d.ts

@@ -1,37 +1,36 @@
 import { ViewProps } from "react-native";
-import * as react_jsx_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime94 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/empty.d.ts
 declare function Empty({
   className,
   ...props
-}: ViewProps): react_jsx_runtime45.JSX.Element;
+}: ViewProps): react_jsx_runtime94.JSX.Element;
 declare function EmptyHeader({
   className,
   ...props
-}: ViewProps): react_jsx_runtime45.JSX.Element;
+}: ViewProps): react_jsx_runtime94.JSX.Element;
 declare const emptyMediaVariants: (props?: ({
   variant?: "default" | "icon" | null | undefined;
-} & class_variance_authority_types4.ClassProp) | undefined) => string;
+} & class_variance_authority_types7.ClassProp) | undefined) => string;
 declare function EmptyMedia({
   className,
   variant,
   ...props
-}: ViewProps & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime45.JSX.Element;
+}: ViewProps & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime94.JSX.Element;
 declare function EmptyTitle({
   className,
   ...props
-}: ViewProps): react_jsx_runtime45.JSX.Element;
+}: ViewProps): react_jsx_runtime94.JSX.Element;
 declare function EmptyDescription({
   className,
   ...props
-}: ViewProps): react_jsx_runtime45.JSX.Element;
+}: ViewProps): react_jsx_runtime94.JSX.Element;
 declare function EmptyContent({
   className,
   ...props
-}: ViewProps): react_jsx_runtime45.JSX.Element;
+}: ViewProps): react_jsx_runtime94.JSX.Element;
 //#endregion
-export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
-//# sourceMappingURL=empty.d.ts.map
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };

package/dist/ui/empty.js

@@ -4,14 +4,14 @@ import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 
 //#region ui/empty.tsx
-function Empty({ className,...props }) {
+function Empty({ className, ...props }) {
 	return /* @__PURE__ */ jsx(View, {
 		"data-slot": "empty",
 		className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12", className),
 		...props
 	});
 }
-function EmptyHeader({ className,...props }) {
+function EmptyHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx(View, {
 		"data-slot": "empty-header",
 		className: cn("flex max-w-sm flex-col items-center gap-2 text-center", className),
@@ -25,7 +25,7 @@ const emptyMediaVariants = cva("flex shrink-0 items-center justify-center mb-2 [
 	} },
 	defaultVariants: { variant: "default" }
 });
-function EmptyMedia({ className, variant = "default",...props }) {
+function EmptyMedia({ className, variant = "default", ...props }) {
 	return /* @__PURE__ */ jsx(View, {
 		"data-slot": "empty-icon",
 		"data-variant": variant,
@@ -36,21 +36,21 @@ function EmptyMedia({ className, variant = "default",...props }) {
 		...props
 	});
 }
-function EmptyTitle({ className,...props }) {
+function EmptyTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx(View, {
 		"data-slot": "empty-title",
 		className: cn("text-lg font-medium tracking-tight", className),
 		...props
 	});
 }
-function EmptyDescription({ className,...props }) {
+function EmptyDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx(View, {
 		"data-slot": "empty-description",
 		className: cn("text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4", className),
 		...props
 	});
 }
-function EmptyContent({ className,...props }) {
+function EmptyContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx(View, {
 		"data-slot": "empty-content",
 		className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className),
@@ -59,5 +59,4 @@ function EmptyContent({ className,...props }) {
 }
 
 //#endregion
-export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
-//# sourceMappingURL=empty.js.map
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };

package/dist/ui/fab.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime60 from "react/jsx-runtime";
+import * as react_jsx_runtime100 from "react/jsx-runtime";
 
 //#region ui/fab.d.ts
 interface FABAction {
@@ -19,7 +19,7 @@ declare function FAB({
   className,
   mainIcon,
   mainColor
-}: FABProps): react_jsx_runtime60.JSX.Element;
+}: FABProps): react_jsx_runtime100.JSX.Element;
 declare function MiniFAB({
   icon,
   onPress,
@@ -30,7 +30,6 @@ declare function MiniFAB({
   onPress: () => void;
   className?: string;
   color?: string;
-}): react_jsx_runtime60.JSX.Element;
+}): react_jsx_runtime100.JSX.Element;
 //#endregion
-export { FAB, MiniFAB };
-//# sourceMappingURL=fab.d.ts.map
+export { FAB, MiniFAB };

package/dist/ui/fab.js

@@ -100,5 +100,4 @@ function MiniFAB({ icon, onPress, className, color = "bg-primary" }) {
 }
 
 //#endregion
-export { FAB, MiniFAB };
-//# sourceMappingURL=fab.js.map
+export { FAB, MiniFAB };

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

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;
@@ -120,5 +119,4 @@ function FieldError({ className, children, errors,...props }) {
 }
 
 //#endregion
-export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };
-//# sourceMappingURL=field.js.map
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };

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_runtime74 from "react/jsx-runtime";
+import * as react_jsx_runtime112 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_runtime74.JSX.Element;
+}: ControllerProps<TFieldValues, TName>) => react_jsx_runtime112.JSX.Element;
 declare const useFormField: () => {
   invalid: boolean;
   isDirty: boolean;
@@ -26,25 +26,24 @@ declare const useFormField: () => {
 declare function FormItem({
   className,
   ...props
-}: React$1.ComponentProps<'div'>): react_jsx_runtime74.JSX.Element;
+}: React$1.ComponentProps<'div'>): react_jsx_runtime112.JSX.Element;
 declare function FormLabel({
   className,
   ...props
-}: React$1.ComponentProps<typeof Label>): react_jsx_runtime74.JSX.Element;
+}: React$1.ComponentProps<typeof Label>): react_jsx_runtime112.JSX.Element;
 declare function FormControl({
   asChild,
   ...props
 }: React$1.ComponentProps<typeof View> & {
   asChild?: boolean;
-}): react_jsx_runtime74.JSX.Element;
+}): react_jsx_runtime112.JSX.Element;
 declare function FormDescription({
   className,
   ...props
-}: React$1.ComponentProps<'p'>): react_jsx_runtime74.JSX.Element;
+}: React$1.ComponentProps<'p'>): react_jsx_runtime112.JSX.Element;
 declare function FormMessage({
   className,
   ...props
-}: React$1.ComponentProps<'p'>): react_jsx_runtime74.JSX.Element | null;
+}: React$1.ComponentProps<'p'>): react_jsx_runtime112.JSX.Element | null;
 //#endregion
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type UseFormReturn, useFieldArray, useForm, useFormField, zodResolver };
-//# sourceMappingURL=form.d.ts.map
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type UseFormReturn, useFieldArray, useForm, useFormField, zodResolver };

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;
@@ -92,5 +91,4 @@ function FormMessage({ className,...props }) {
 }
 
 //#endregion
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFieldArray, useForm, useFormField, a as zodResolver };
-//# sourceMappingURL=form.js.map
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFieldArray, useForm, useFormField, a as zodResolver };