@lssm/lib.ui-kit 1.7.4 → 1.9.1

package/dist/ui/accordion.js

@@ -8,7 +8,7 @@ import Animated, { Extrapolation, FadeIn, FadeOutUp, LayoutAnimationConfig, Line
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region ui/accordion.tsx
-function Accordion({ children,...props }) {
+function Accordion({ children, ...props }) {
 	return /* @__PURE__ */ jsx(LayoutAnimationConfig, {
 		skipEntering: true,
 		children: /* @__PURE__ */ jsx(AccordionPrimitive.Root, {
@@ -21,7 +21,7 @@ function Accordion({ children,...props }) {
 		})
 	});
 }
-function AccordionItem({ className, value,...props }) {
+function AccordionItem({ className, value, ...props }) {
 	return /* @__PURE__ */ jsx(Animated.View, {
 		className: "overflow-hidden",
 		layout: LinearTransition.duration(200),
@@ -33,7 +33,7 @@ function AccordionItem({ className, value,...props }) {
 	});
 }
 const Trigger = Platform.OS === "web" ? View : Pressable;
-function AccordionTrigger({ className, children,...props }) {
+function AccordionTrigger({ className, children, ...props }) {
 	const { isExpanded } = AccordionPrimitive.useItemContext();
 	const progress = useDerivedValue(() => isExpanded ? withTiming(1, { duration: 250 }) : withTiming(0, { duration: 200 }));
 	const chevronStyle = useAnimatedStyle(() => ({
@@ -61,7 +61,7 @@ function AccordionTrigger({ className, children,...props }) {
 		})
 	});
 }
-function AccordionContent({ className, children,...props }) {
+function AccordionContent({ className, children, ...props }) {
 	const { isExpanded } = AccordionPrimitive.useItemContext();
 	return /* @__PURE__ */ jsx(TextClassContext.Provider, {
 		value: "native:text-lg",

package/dist/ui/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":[],"sources":["../../ui/accordion.tsx"],"sourcesContent":["import * as AccordionPrimitive from '@rn-primitives/accordion';\nimport * as React from 'react';\nimport { Platform, Pressable, View } from 'react-native';\nimport Animated, {\n  Extrapolation,\n  FadeIn,\n  FadeOutUp,\n  interpolate,\n  LayoutAnimationConfig,\n  LinearTransition,\n  useAnimatedStyle,\n  useDerivedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport { ChevronDown } from './icons/ChevronDown';\nimport { TextClassContext } from './text';\nimport { cn } from './utils';\n\nfunction Accordion({\n  children,\n  ...props\n}: Omit<AccordionPrimitive.RootProps, 'asChild'> & {\n  ref?: React.RefObject<AccordionPrimitive.RootRef>;\n}) {\n  return (\n    <LayoutAnimationConfig skipEntering>\n      <AccordionPrimitive.Root\n        {...(props as AccordionPrimitive.RootProps)}\n        asChild={Platform.OS !== 'web'}\n      >\n        <Animated.View layout={LinearTransition.duration(200)}>\n          {children}\n        </Animated.View>\n      </AccordionPrimitive.Root>\n    </LayoutAnimationConfig>\n  );\n}\n\nfunction AccordionItem({\n  className,\n  value,\n  ...props\n}: AccordionPrimitive.ItemProps & {\n  ref?: React.RefObject<AccordionPrimitive.ItemRef>;\n}) {\n  return (\n    <Animated.View\n      className={'overflow-hidden'}\n      layout={LinearTransition.duration(200)}\n    >\n      <AccordionPrimitive.Item\n        className={cn('border-border border-b', className)}\n        value={value}\n        {...props}\n      />\n    </Animated.View>\n  );\n}\n\nconst Trigger = Platform.OS === 'web' ? View : Pressable;\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.TriggerProps & {\n  children?: React.ReactNode;\n  ref?: React.RefObject<AccordionPrimitive.TriggerRef>;\n}) {\n  const { isExpanded } = AccordionPrimitive.useItemContext();\n\n  const progress = useDerivedValue(() =>\n    isExpanded\n      ? withTiming(1, { duration: 250 })\n      : withTiming(0, { duration: 200 })\n  );\n  const chevronStyle = useAnimatedStyle(() => ({\n    transform: [{ rotate: `${progress.value * 180}deg` }],\n    opacity: interpolate(progress.value, [0, 1], [1, 0.8], Extrapolation.CLAMP),\n  }));\n\n  return (\n    <TextClassContext.Provider value=\"native:text-lg font-medium web:group-hover:underline\">\n      <AccordionPrimitive.Header className=\"flex\">\n        <AccordionPrimitive.Trigger {...props} asChild>\n          <Trigger\n            className={cn(\n              'group web:flex-1 web:transition-all web:focus-visible:outline-hidden web:focus-visible:ring-1 web:focus-visible:ring-muted-foreground flex flex-row items-center justify-between py-4',\n              className\n            )}\n          >\n            {children}\n            <Animated.View style={chevronStyle}>\n              <ChevronDown size={18} className={'text-foreground shrink-0'} />\n            </Animated.View>\n          </Trigger>\n        </AccordionPrimitive.Trigger>\n      </AccordionPrimitive.Header>\n    </TextClassContext.Provider>\n  );\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.ContentProps & {\n  ref?: React.RefObject<AccordionPrimitive.ContentRef>;\n}) {\n  const { isExpanded } = AccordionPrimitive.useItemContext();\n  return (\n    <TextClassContext.Provider value=\"native:text-lg\">\n      <AccordionPrimitive.Content\n        className={cn(\n          'web:transition-all overflow-hidden text-sm',\n          isExpanded ? 'web:animate-accordion-down' : 'web:animate-accordion-up'\n        )}\n        {...props}\n      >\n        <InnerContent className={cn('pb-4', className)}>\n          {children}\n        </InnerContent>\n      </AccordionPrimitive.Content>\n    </TextClassContext.Provider>\n  );\n}\n\nfunction InnerContent({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) {\n  if (Platform.OS === 'web') {\n    return <View className={cn('pb-4', className)}>{children}</View>;\n  }\n  return (\n    <Animated.View\n      entering={FadeIn}\n      exiting={FadeOutUp.duration(200)}\n      className={cn('pb-4', className)}\n    >\n      {children}\n    </Animated.View>\n  );\n}\n\nexport { Accordion, AccordionContent, AccordionItem, AccordionTrigger };\n"],"mappings":";;;;;;;;;;AAkBA,SAAS,UAAU,EACjB,SACA,GAAG,SAGF;AACD,QACE,oBAAC;EAAsB;YACrB,oBAAC,mBAAmB;GAClB,GAAK;GACL,SAAS,SAAS,OAAO;aAEzB,oBAAC,SAAS;IAAK,QAAQ,iBAAiB,SAAS,IAAI;IAClD;KACa;IACQ;GACJ;;AAI5B,SAAS,cAAc,EACrB,WACA,MACA,GAAG,SAGF;AACD,QACE,oBAAC,SAAS;EACR,WAAW;EACX,QAAQ,iBAAiB,SAAS,IAAI;YAEtC,oBAAC,mBAAmB;GAClB,WAAW,GAAG,0BAA0B,UAAU;GAC3C;GACP,GAAI;IACJ;GACY;;AAIpB,MAAM,UAAU,SAAS,OAAO,QAAQ,OAAO;AAE/C,SAAS,iBAAiB,EACxB,WACA,SACA,GAAG,SAIF;CACD,MAAM,EAAE,eAAe,mBAAmB,gBAAgB;CAE1D,MAAM,WAAW,sBACf,aACI,WAAW,GAAG,EAAE,UAAU,KAAK,CAAC,GAChC,WAAW,GAAG,EAAE,UAAU,KAAK,CAAC,CACrC;CACD,MAAM,eAAe,wBAAwB;EAC3C,WAAW,CAAC,EAAE,QAAQ,GAAG,SAAS,QAAQ,IAAI,MAAM,CAAC;EACrD,SAAS,YAAY,SAAS,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,GAAI,EAAE,cAAc,MAAM;EAC5E,EAAE;AAEH,QACE,oBAAC,iBAAiB;EAAS,OAAM;YAC/B,oBAAC,mBAAmB;GAAO,WAAU;aACnC,oBAAC,mBAAmB;IAAQ,GAAI;IAAO;cACrC,qBAAC;KACC,WAAW,GACT,yLACA,UACD;gBAEA,UACD,oBAAC,SAAS;MAAK,OAAO;gBACpB,oBAAC;OAAY,MAAM;OAAI,WAAW;QAA8B;OAClD;MACR;KACiB;IACH;GACF;;AAIhC,SAAS,iBAAiB,EACxB,WACA,SACA,GAAG,SAGF;CACD,MAAM,EAAE,eAAe,mBAAmB,gBAAgB;AAC1D,QACE,oBAAC,iBAAiB;EAAS,OAAM;YAC/B,oBAAC,mBAAmB;GAClB,WAAW,GACT,8CACA,aAAa,+BAA+B,2BAC7C;GACD,GAAI;aAEJ,oBAAC;IAAa,WAAW,GAAG,QAAQ,UAAU;IAC3C;KACY;IACY;GACH;;AAIhC,SAAS,aAAa,EACpB,UACA,aAIC;AACD,KAAI,SAAS,OAAO,MAClB,QAAO,oBAAC;EAAK,WAAW,GAAG,QAAQ,UAAU;EAAG;GAAgB;AAElE,QACE,oBAAC,SAAS;EACR,UAAU;EACV,SAAS,UAAU,SAAS,IAAI;EAChC,WAAW,GAAG,QAAQ,UAAU;EAE/B;GACa"}
+{"version":3,"file":"accordion.js","names":[],"sources":["../../ui/accordion.tsx"],"sourcesContent":["import * as AccordionPrimitive from '@rn-primitives/accordion';\nimport * as React from 'react';\nimport { Platform, Pressable, View } from 'react-native';\nimport Animated, {\n  Extrapolation,\n  FadeIn,\n  FadeOutUp,\n  interpolate,\n  LayoutAnimationConfig,\n  LinearTransition,\n  useAnimatedStyle,\n  useDerivedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport { ChevronDown } from './icons/ChevronDown';\nimport { TextClassContext } from './text';\nimport { cn } from './utils';\n\nfunction Accordion({\n  children,\n  ...props\n}: Omit<AccordionPrimitive.RootProps, 'asChild'> & {\n  ref?: React.RefObject<AccordionPrimitive.RootRef>;\n}) {\n  return (\n    <LayoutAnimationConfig skipEntering>\n      <AccordionPrimitive.Root\n        {...(props as AccordionPrimitive.RootProps)}\n        asChild={Platform.OS !== 'web'}\n      >\n        <Animated.View layout={LinearTransition.duration(200)}>\n          {children}\n        </Animated.View>\n      </AccordionPrimitive.Root>\n    </LayoutAnimationConfig>\n  );\n}\n\nfunction AccordionItem({\n  className,\n  value,\n  ...props\n}: AccordionPrimitive.ItemProps & {\n  ref?: React.RefObject<AccordionPrimitive.ItemRef>;\n}) {\n  return (\n    <Animated.View\n      className={'overflow-hidden'}\n      layout={LinearTransition.duration(200)}\n    >\n      <AccordionPrimitive.Item\n        className={cn('border-border border-b', className)}\n        value={value}\n        {...props}\n      />\n    </Animated.View>\n  );\n}\n\nconst Trigger = Platform.OS === 'web' ? View : Pressable;\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.TriggerProps & {\n  children?: React.ReactNode;\n  ref?: React.RefObject<AccordionPrimitive.TriggerRef>;\n}) {\n  const { isExpanded } = AccordionPrimitive.useItemContext();\n\n  const progress = useDerivedValue(() =>\n    isExpanded\n      ? withTiming(1, { duration: 250 })\n      : withTiming(0, { duration: 200 })\n  );\n  const chevronStyle = useAnimatedStyle(() => ({\n    transform: [{ rotate: `${progress.value * 180}deg` }],\n    opacity: interpolate(progress.value, [0, 1], [1, 0.8], Extrapolation.CLAMP),\n  }));\n\n  return (\n    <TextClassContext.Provider value=\"native:text-lg font-medium web:group-hover:underline\">\n      <AccordionPrimitive.Header className=\"flex\">\n        <AccordionPrimitive.Trigger {...props} asChild>\n          <Trigger\n            className={cn(\n              'group web:flex-1 web:transition-all web:focus-visible:outline-hidden web:focus-visible:ring-1 web:focus-visible:ring-muted-foreground flex flex-row items-center justify-between py-4',\n              className\n            )}\n          >\n            {children}\n            <Animated.View style={chevronStyle}>\n              <ChevronDown size={18} className={'text-foreground shrink-0'} />\n            </Animated.View>\n          </Trigger>\n        </AccordionPrimitive.Trigger>\n      </AccordionPrimitive.Header>\n    </TextClassContext.Provider>\n  );\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: AccordionPrimitive.ContentProps & {\n  ref?: React.RefObject<AccordionPrimitive.ContentRef>;\n}) {\n  const { isExpanded } = AccordionPrimitive.useItemContext();\n  return (\n    <TextClassContext.Provider value=\"native:text-lg\">\n      <AccordionPrimitive.Content\n        className={cn(\n          'web:transition-all overflow-hidden text-sm',\n          isExpanded ? 'web:animate-accordion-down' : 'web:animate-accordion-up'\n        )}\n        {...props}\n      >\n        <InnerContent className={cn('pb-4', className)}>\n          {children}\n        </InnerContent>\n      </AccordionPrimitive.Content>\n    </TextClassContext.Provider>\n  );\n}\n\nfunction InnerContent({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) {\n  if (Platform.OS === 'web') {\n    return <View className={cn('pb-4', className)}>{children}</View>;\n  }\n  return (\n    <Animated.View\n      entering={FadeIn}\n      exiting={FadeOutUp.duration(200)}\n      className={cn('pb-4', className)}\n    >\n      {children}\n    </Animated.View>\n  );\n}\n\nexport { Accordion, AccordionContent, AccordionItem, AccordionTrigger };\n"],"mappings":";;;;;;;;;;AAkBA,SAAS,UAAU,EACjB,UACA,GAAG,SAGF;AACD,QACE,oBAAC;EAAsB;YACrB,oBAAC,mBAAmB;GAClB,GAAK;GACL,SAAS,SAAS,OAAO;aAEzB,oBAAC,SAAS;IAAK,QAAQ,iBAAiB,SAAS,IAAI;IAClD;KACa;IACQ;GACJ;;AAI5B,SAAS,cAAc,EACrB,WACA,OACA,GAAG,SAGF;AACD,QACE,oBAAC,SAAS;EACR,WAAW;EACX,QAAQ,iBAAiB,SAAS,IAAI;YAEtC,oBAAC,mBAAmB;GAClB,WAAW,GAAG,0BAA0B,UAAU;GAC3C;GACP,GAAI;IACJ;GACY;;AAIpB,MAAM,UAAU,SAAS,OAAO,QAAQ,OAAO;AAE/C,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SAIF;CACD,MAAM,EAAE,eAAe,mBAAmB,gBAAgB;CAE1D,MAAM,WAAW,sBACf,aACI,WAAW,GAAG,EAAE,UAAU,KAAK,CAAC,GAChC,WAAW,GAAG,EAAE,UAAU,KAAK,CAAC,CACrC;CACD,MAAM,eAAe,wBAAwB;EAC3C,WAAW,CAAC,EAAE,QAAQ,GAAG,SAAS,QAAQ,IAAI,MAAM,CAAC;EACrD,SAAS,YAAY,SAAS,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,GAAI,EAAE,cAAc,MAAM;EAC5E,EAAE;AAEH,QACE,oBAAC,iBAAiB;EAAS,OAAM;YAC/B,oBAAC,mBAAmB;GAAO,WAAU;aACnC,oBAAC,mBAAmB;IAAQ,GAAI;IAAO;cACrC,qBAAC;KACC,WAAW,GACT,yLACA,UACD;gBAEA,UACD,oBAAC,SAAS;MAAK,OAAO;gBACpB,oBAAC;OAAY,MAAM;OAAI,WAAW;QAA8B;OAClD;MACR;KACiB;IACH;GACF;;AAIhC,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SAGF;CACD,MAAM,EAAE,eAAe,mBAAmB,gBAAgB;AAC1D,QACE,oBAAC,iBAAiB;EAAS,OAAM;YAC/B,oBAAC,mBAAmB;GAClB,WAAW,GACT,8CACA,aAAa,+BAA+B,2BAC7C;GACD,GAAI;aAEJ,oBAAC;IAAa,WAAW,GAAG,QAAQ,UAAU;IAC3C;KACY;IACY;GACH;;AAIhC,SAAS,aAAa,EACpB,UACA,aAIC;AACD,KAAI,SAAS,OAAO,MAClB,QAAO,oBAAC;EAAK,WAAW,GAAG,QAAQ,UAAU;EAAG;GAAgB;AAElE,QACE,oBAAC,SAAS;EACR,UAAU;EACV,SAAS,UAAU,SAAS,IAAI;EAChC,WAAW,GAAG,QAAQ,UAAU;EAE/B;GACa"}

package/dist/ui/alert-dialog.d.ts

@@ -1,7 +1,7 @@
 import * as React$1 from "react";
-import * as react_native0 from "react-native";
+import * as react_native1 from "react-native";
 import { View, ViewProps } from "react-native";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import * as AlertDialogPrimitive from "@rn-primitives/alert-dialog";
 
 //#region ui/alert-dialog.d.ts
@@ -12,7 +12,7 @@ declare const AlertDialog: React$1.ForwardRefExoticComponent<{
 } & ViewProps & {
   asChild?: boolean;
 } & React$1.RefAttributes<View>>;
-declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<Omit<react_native0.PressableProps & React$1.RefAttributes<View>, "ref"> & {
+declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<Omit<react_native1.PressableProps & React$1.RefAttributes<View>, "ref"> & {
   asChild?: boolean;
 } & {
   onKeyDown?: (ev: React$1.KeyboardEvent) => void;
@@ -25,7 +25,7 @@ declare function AlertDialogOverlayNative({
   ...props
 }: AlertDialogPrimitive.OverlayProps & {
   ref?: React$1.RefObject<AlertDialogPrimitive.OverlayRef>;
-}): react_jsx_runtime3.JSX.Element;
+}): react_jsx_runtime9.JSX.Element;
 declare const AlertDialogOverlay: typeof AlertDialogOverlayNative;
 declare function AlertDialogContent({
   className,
@@ -34,39 +34,39 @@ declare function AlertDialogContent({
 }: AlertDialogPrimitive.ContentProps & {
   ref?: React$1.RefObject<AlertDialogPrimitive.ContentRef>;
   portalHost?: string;
-}): react_jsx_runtime3.JSX.Element;
+}): react_jsx_runtime9.JSX.Element;
 declare function AlertDialogHeader({
   className,
   ...props
-}: ViewProps): react_jsx_runtime3.JSX.Element;
+}: ViewProps): react_jsx_runtime9.JSX.Element;
 declare function AlertDialogFooter({
   className,
   ...props
-}: ViewProps): react_jsx_runtime3.JSX.Element;
+}: ViewProps): react_jsx_runtime9.JSX.Element;
 declare function AlertDialogTitle({
   className,
   ...props
 }: AlertDialogPrimitive.TitleProps & {
   ref?: React$1.RefObject<AlertDialogPrimitive.TitleRef>;
-}): react_jsx_runtime3.JSX.Element;
+}): react_jsx_runtime9.JSX.Element;
 declare function AlertDialogDescription({
   className,
   ...props
 }: AlertDialogPrimitive.DescriptionProps & {
   ref?: React$1.RefObject<AlertDialogPrimitive.DescriptionRef>;
-}): react_jsx_runtime3.JSX.Element;
+}): react_jsx_runtime9.JSX.Element;
 declare function AlertDialogAction({
   className,
   ...props
 }: AlertDialogPrimitive.ActionProps & {
   ref?: React$1.RefObject<AlertDialogPrimitive.ActionRef>;
-}): react_jsx_runtime3.JSX.Element;
+}): react_jsx_runtime9.JSX.Element;
 declare function AlertDialogCancel({
   className,
   ...props
 }: AlertDialogPrimitive.CancelProps & {
   ref?: React$1.RefObject<AlertDialogPrimitive.CancelRef>;
-}): react_jsx_runtime3.JSX.Element;
+}): react_jsx_runtime9.JSX.Element;
 //#endregion
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
 //# sourceMappingURL=alert-dialog.d.ts.map

package/dist/ui/alert-dialog.js

@@ -11,14 +11,14 @@ import * as AlertDialogPrimitive from "@rn-primitives/alert-dialog";
 const AlertDialog = AlertDialogPrimitive.Root;
 const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 const AlertDialogPortal = AlertDialogPrimitive.Portal;
-function AlertDialogOverlayWeb({ className,...props }) {
+function AlertDialogOverlayWeb({ className, ...props }) {
 	const { open } = AlertDialogPrimitive.useRootContext();
 	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Overlay, {
 		className: cn("absolute top-0 right-0 bottom-0 left-0 z-50 flex items-center justify-center bg-black/80 p-2", open ? "web:animate-in web:fade-in-0" : "web:animate-out web:fade-out-0", className),
 		...props
 	});
 }
-function AlertDialogOverlayNative({ className, children,...props }) {
+function AlertDialogOverlayNative({ className, children, ...props }) {
 	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Overlay, {
 		className: cn("absolute top-0 right-0 bottom-0 left-0 z-50 flex items-center justify-center bg-black/80 p-2", className),
 		...props,
@@ -34,7 +34,7 @@ const AlertDialogOverlay = Platform.select({
 	web: AlertDialogOverlayWeb,
 	default: AlertDialogOverlayNative
 });
-function AlertDialogContent({ className, portalHost,...props }) {
+function AlertDialogContent({ className, portalHost, ...props }) {
 	const { open } = AlertDialogPrimitive.useRootContext();
 	return /* @__PURE__ */ jsx(AlertDialogPortal, {
 		hostName: portalHost,
@@ -44,31 +44,31 @@ function AlertDialogContent({ className, portalHost,...props }) {
 		}) })
 	});
 }
-function AlertDialogHeader({ className,...props }) {
+function AlertDialogHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx(View, {
 		className: cn("flex flex-col gap-2", className),
 		...props
 	});
 }
-function AlertDialogFooter({ className,...props }) {
+function AlertDialogFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx(View, {
 		className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
 		...props
 	});
 }
-function AlertDialogTitle({ className,...props }) {
+function AlertDialogTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, {
 		className: cn("native:text-xl text-foreground text-lg font-semibold", className),
 		...props
 	});
 }
-function AlertDialogDescription({ className,...props }) {
+function AlertDialogDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, {
 		className: cn("native:text-base text-muted-foreground text-sm", className),
 		...props
 	});
 }
-function AlertDialogAction({ className,...props }) {
+function AlertDialogAction({ className, ...props }) {
 	return /* @__PURE__ */ jsx(TextClassContext.Provider, {
 		value: buttonTextVariants({ className }),
 		children: /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, {
@@ -77,7 +77,7 @@ function AlertDialogAction({ className,...props }) {
 		})
 	});
 }
-function AlertDialogCancel({ className,...props }) {
+function AlertDialogCancel({ className, ...props }) {
 	return /* @__PURE__ */ jsx(TextClassContext.Provider, {
 		value: buttonTextVariants({
 			className,

package/dist/ui/alert-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.js","names":[],"sources":["../../ui/alert-dialog.tsx"],"sourcesContent":["import * as AlertDialogPrimitive from '@rn-primitives/alert-dialog';\nimport * as React from 'react';\nimport { Platform, View, type ViewProps } from 'react-native';\nimport Animated, { FadeIn, FadeOut } from 'react-native-reanimated';\nimport { buttonTextVariants, buttonVariants } from './button';\nimport { cn } from './utils';\nimport { TextClassContext } from './text';\n\nconst AlertDialog = AlertDialogPrimitive.Root;\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\nfunction AlertDialogOverlayWeb({\n  className,\n  ...props\n}: AlertDialogPrimitive.OverlayProps & {\n  ref?: React.RefObject<AlertDialogPrimitive.OverlayRef>;\n}) {\n  const { open } = AlertDialogPrimitive.useRootContext();\n  return (\n    <AlertDialogPrimitive.Overlay\n      className={cn(\n        'absolute top-0 right-0 bottom-0 left-0 z-50 flex items-center justify-center bg-black/80 p-2',\n        open\n          ? 'web:animate-in web:fade-in-0'\n          : 'web:animate-out web:fade-out-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogOverlayNative({\n  className,\n  children,\n  ...props\n}: AlertDialogPrimitive.OverlayProps & {\n  ref?: React.RefObject<AlertDialogPrimitive.OverlayRef>;\n}) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      className={cn(\n        'absolute top-0 right-0 bottom-0 left-0 z-50 flex items-center justify-center bg-black/80 p-2',\n        className\n      )}\n      {...props}\n      asChild\n    >\n      <Animated.View\n        entering={FadeIn.duration(150)}\n        exiting={FadeOut.duration(150)}\n      >\n        {children}\n      </Animated.View>\n    </AlertDialogPrimitive.Overlay>\n  );\n}\n\nconst AlertDialogOverlay = Platform.select({\n  web: AlertDialogOverlayWeb,\n  default: AlertDialogOverlayNative,\n});\n\nfunction AlertDialogContent({\n  className,\n  portalHost,\n  ...props\n}: AlertDialogPrimitive.ContentProps & {\n  ref?: React.RefObject<AlertDialogPrimitive.ContentRef>;\n  portalHost?: string;\n}) {\n  const { open } = AlertDialogPrimitive.useRootContext();\n\n  return (\n    <AlertDialogPortal hostName={portalHost}>\n      <AlertDialogOverlay>\n        <AlertDialogPrimitive.Content\n          className={cn(\n            'border-border bg-background shadow-foreground/10 web:duration-200 z-50 max-w-lg gap-4 rounded-lg border p-6 shadow-lg',\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      </AlertDialogOverlay>\n    </AlertDialogPortal>\n  );\n}\n\nfunction AlertDialogHeader({ className, ...props }: ViewProps) {\n  return <View className={cn('flex flex-col gap-2', className)} {...props} />;\n}\n\nfunction AlertDialogFooter({ className, ...props }: ViewProps) {\n  return (\n    <View\n      className={cn(\n        'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: AlertDialogPrimitive.TitleProps & {\n  ref?: React.RefObject<AlertDialogPrimitive.TitleRef>;\n}) {\n  return (\n    <AlertDialogPrimitive.Title\n      className={cn(\n        'native:text-xl text-foreground text-lg font-semibold',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: AlertDialogPrimitive.DescriptionProps & {\n  ref?: React.RefObject<AlertDialogPrimitive.DescriptionRef>;\n}) {\n  return (\n    <AlertDialogPrimitive.Description\n      className={cn(\n        'native:text-base text-muted-foreground text-sm',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogAction({\n  className,\n  ...props\n}: AlertDialogPrimitive.ActionProps & {\n  ref?: React.RefObject<AlertDialogPrimitive.ActionRef>;\n}) {\n  return (\n    <TextClassContext.Provider value={buttonTextVariants({ className })}>\n      <AlertDialogPrimitive.Action\n        className={cn(buttonVariants(), className)}\n        {...props}\n      />\n    </TextClassContext.Provider>\n  );\n}\n\nfunction AlertDialogCancel({\n  className,\n  ...props\n}: AlertDialogPrimitive.CancelProps & {\n  ref?: React.RefObject<AlertDialogPrimitive.CancelRef>;\n}) {\n  return (\n    <TextClassContext.Provider\n      value={buttonTextVariants({ className, variant: 'outline' })}\n    >\n      <AlertDialogPrimitive.Cancel\n        className={cn(buttonVariants({ variant: 'outline', className }))}\n        {...props}\n      />\n    </TextClassContext.Provider>\n  );\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n};\n"],"mappings":";;;;;;;;;;AAQA,MAAM,cAAc,qBAAqB;AAEzC,MAAM,qBAAqB,qBAAqB;AAEhD,MAAM,oBAAoB,qBAAqB;AAE/C,SAAS,sBAAsB,EAC7B,UACA,GAAG,SAGF;CACD,MAAM,EAAE,SAAS,qBAAqB,gBAAgB;AACtD,QACE,oBAAC,qBAAqB;EACpB,WAAW,GACT,gGACA,OACI,iCACA,kCACJ,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,yBAAyB,EAChC,WACA,SACA,GAAG,SAGF;AACD,QACE,oBAAC,qBAAqB;EACpB,WAAW,GACT,gGACA,UACD;EACD,GAAI;EACJ;YAEA,oBAAC,SAAS;GACR,UAAU,OAAO,SAAS,IAAI;GAC9B,SAAS,QAAQ,SAAS,IAAI;GAE7B;IACa;GACa;;AAInC,MAAM,qBAAqB,SAAS,OAAO;CACzC,KAAK;CACL,SAAS;CACV,CAAC;AAEF,SAAS,mBAAmB,EAC1B,WACA,WACA,GAAG,SAIF;CACD,MAAM,EAAE,SAAS,qBAAqB,gBAAgB;AAEtD,QACE,oBAAC;EAAkB,UAAU;YAC3B,oBAAC,gCACC,oBAAC,qBAAqB;GACpB,WAAW,GACT,yHACA,OACI,gDACA,kDACJ,UACD;GACD,GAAI;IACJ,GACiB;GACH;;AAIxB,SAAS,kBAAkB,EAAE,UAAW,GAAG,SAAoB;AAC7D,QAAO,oBAAC;EAAK,WAAW,GAAG,uBAAuB,UAAU;EAAE,GAAI;GAAS;;AAG7E,SAAS,kBAAkB,EAAE,UAAW,GAAG,SAAoB;AAC7D,QACE,oBAAC;EACC,WAAW,GACT,0DACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EACxB,UACA,GAAG,SAGF;AACD,QACE,oBAAC,qBAAqB;EACpB,WAAW,GACT,wDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,uBAAuB,EAC9B,UACA,GAAG,SAGF;AACD,QACE,oBAAC,qBAAqB;EACpB,WAAW,GACT,kDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,UACA,GAAG,SAGF;AACD,QACE,oBAAC,iBAAiB;EAAS,OAAO,mBAAmB,EAAE,WAAW,CAAC;YACjE,oBAAC,qBAAqB;GACpB,WAAW,GAAG,gBAAgB,EAAE,UAAU;GAC1C,GAAI;IACJ;GACwB;;AAIhC,SAAS,kBAAkB,EACzB,UACA,GAAG,SAGF;AACD,QACE,oBAAC,iBAAiB;EAChB,OAAO,mBAAmB;GAAE;GAAW,SAAS;GAAW,CAAC;YAE5D,oBAAC,qBAAqB;GACpB,WAAW,GAAG,eAAe;IAAE,SAAS;IAAW;IAAW,CAAC,CAAC;GAChE,GAAI;IACJ;GACwB"}
+{"version":3,"file":"alert-dialog.js","names":[],"sources":["../../ui/alert-dialog.tsx"],"sourcesContent":["import * as AlertDialogPrimitive from '@rn-primitives/alert-dialog';\nimport * as React from 'react';\nimport { Platform, View, type ViewProps } from 'react-native';\nimport Animated, { FadeIn, FadeOut } from 'react-native-reanimated';\nimport { buttonTextVariants, buttonVariants } from './button';\nimport { cn } from './utils';\nimport { TextClassContext } from './text';\n\nconst AlertDialog = AlertDialogPrimitive.Root;\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\nfunction AlertDialogOverlayWeb({\n  className,\n  ...props\n}: AlertDialogPrimitive.OverlayProps & {\n  ref?: React.RefObject<AlertDialogPrimitive.OverlayRef>;\n}) {\n  const { open } = AlertDialogPrimitive.useRootContext();\n  return (\n    <AlertDialogPrimitive.Overlay\n      className={cn(\n        'absolute top-0 right-0 bottom-0 left-0 z-50 flex items-center justify-center bg-black/80 p-2',\n        open\n          ? 'web:animate-in web:fade-in-0'\n          : 'web:animate-out web:fade-out-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogOverlayNative({\n  className,\n  children,\n  ...props\n}: AlertDialogPrimitive.OverlayProps & {\n  ref?: React.RefObject<AlertDialogPrimitive.OverlayRef>;\n}) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      className={cn(\n        'absolute top-0 right-0 bottom-0 left-0 z-50 flex items-center justify-center bg-black/80 p-2',\n        className\n      )}\n      {...props}\n      asChild\n    >\n      <Animated.View\n        entering={FadeIn.duration(150)}\n        exiting={FadeOut.duration(150)}\n      >\n        {children}\n      </Animated.View>\n    </AlertDialogPrimitive.Overlay>\n  );\n}\n\nconst AlertDialogOverlay = Platform.select({\n  web: AlertDialogOverlayWeb,\n  default: AlertDialogOverlayNative,\n});\n\nfunction AlertDialogContent({\n  className,\n  portalHost,\n  ...props\n}: AlertDialogPrimitive.ContentProps & {\n  ref?: React.RefObject<AlertDialogPrimitive.ContentRef>;\n  portalHost?: string;\n}) {\n  const { open } = AlertDialogPrimitive.useRootContext();\n\n  return (\n    <AlertDialogPortal hostName={portalHost}>\n      <AlertDialogOverlay>\n        <AlertDialogPrimitive.Content\n          className={cn(\n            'border-border bg-background shadow-foreground/10 web:duration-200 z-50 max-w-lg gap-4 rounded-lg border p-6 shadow-lg',\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      </AlertDialogOverlay>\n    </AlertDialogPortal>\n  );\n}\n\nfunction AlertDialogHeader({ className, ...props }: ViewProps) {\n  return <View className={cn('flex flex-col gap-2', className)} {...props} />;\n}\n\nfunction AlertDialogFooter({ className, ...props }: ViewProps) {\n  return (\n    <View\n      className={cn(\n        'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: AlertDialogPrimitive.TitleProps & {\n  ref?: React.RefObject<AlertDialogPrimitive.TitleRef>;\n}) {\n  return (\n    <AlertDialogPrimitive.Title\n      className={cn(\n        'native:text-xl text-foreground text-lg font-semibold',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: AlertDialogPrimitive.DescriptionProps & {\n  ref?: React.RefObject<AlertDialogPrimitive.DescriptionRef>;\n}) {\n  return (\n    <AlertDialogPrimitive.Description\n      className={cn(\n        'native:text-base text-muted-foreground text-sm',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogAction({\n  className,\n  ...props\n}: AlertDialogPrimitive.ActionProps & {\n  ref?: React.RefObject<AlertDialogPrimitive.ActionRef>;\n}) {\n  return (\n    <TextClassContext.Provider value={buttonTextVariants({ className })}>\n      <AlertDialogPrimitive.Action\n        className={cn(buttonVariants(), className)}\n        {...props}\n      />\n    </TextClassContext.Provider>\n  );\n}\n\nfunction AlertDialogCancel({\n  className,\n  ...props\n}: AlertDialogPrimitive.CancelProps & {\n  ref?: React.RefObject<AlertDialogPrimitive.CancelRef>;\n}) {\n  return (\n    <TextClassContext.Provider\n      value={buttonTextVariants({ className, variant: 'outline' })}\n    >\n      <AlertDialogPrimitive.Cancel\n        className={cn(buttonVariants({ variant: 'outline', className }))}\n        {...props}\n      />\n    </TextClassContext.Provider>\n  );\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n};\n"],"mappings":";;;;;;;;;;AAQA,MAAM,cAAc,qBAAqB;AAEzC,MAAM,qBAAqB,qBAAqB;AAEhD,MAAM,oBAAoB,qBAAqB;AAE/C,SAAS,sBAAsB,EAC7B,WACA,GAAG,SAGF;CACD,MAAM,EAAE,SAAS,qBAAqB,gBAAgB;AACtD,QACE,oBAAC,qBAAqB;EACpB,WAAW,GACT,gGACA,OACI,iCACA,kCACJ,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,yBAAyB,EAChC,WACA,UACA,GAAG,SAGF;AACD,QACE,oBAAC,qBAAqB;EACpB,WAAW,GACT,gGACA,UACD;EACD,GAAI;EACJ;YAEA,oBAAC,SAAS;GACR,UAAU,OAAO,SAAS,IAAI;GAC9B,SAAS,QAAQ,SAAS,IAAI;GAE7B;IACa;GACa;;AAInC,MAAM,qBAAqB,SAAS,OAAO;CACzC,KAAK;CACL,SAAS;CACV,CAAC;AAEF,SAAS,mBAAmB,EAC1B,WACA,YACA,GAAG,SAIF;CACD,MAAM,EAAE,SAAS,qBAAqB,gBAAgB;AAEtD,QACE,oBAAC;EAAkB,UAAU;YAC3B,oBAAC,gCACC,oBAAC,qBAAqB;GACpB,WAAW,GACT,yHACA,OACI,gDACA,kDACJ,UACD;GACD,GAAI;IACJ,GACiB;GACH;;AAIxB,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAoB;AAC7D,QAAO,oBAAC;EAAK,WAAW,GAAG,uBAAuB,UAAU;EAAE,GAAI;GAAS;;AAG7E,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAoB;AAC7D,QACE,oBAAC;EACC,WAAW,GACT,0DACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EACxB,WACA,GAAG,SAGF;AACD,QACE,oBAAC,qBAAqB;EACpB,WAAW,GACT,wDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAGF;AACD,QACE,oBAAC,qBAAqB;EACpB,WAAW,GACT,kDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SAGF;AACD,QACE,oBAAC,iBAAiB;EAAS,OAAO,mBAAmB,EAAE,WAAW,CAAC;YACjE,oBAAC,qBAAqB;GACpB,WAAW,GAAG,gBAAgB,EAAE,UAAU;GAC1C,GAAI;IACJ;GACwB;;AAIhC,SAAS,kBAAkB,EACzB,WACA,GAAG,SAGF;AACD,QACE,oBAAC,iBAAiB;EAChB,OAAO,mBAAmB;GAAE;GAAW,SAAS;GAAW,CAAC;YAE5D,oBAAC,qBAAqB;GACpB,WAAW,GAAG,eAAe;IAAE,SAAS;IAAW;IAAW,CAAC,CAAC;GAChE,GAAI;IACJ;GACwB"}

package/dist/ui/alert.d.ts

@@ -2,7 +2,7 @@ import { Text as Text$1 } from "./text.js";
 import * as React$1 from "react";
 import { View, ViewProps } from "react-native";
 import { LucideIcon } from "lucide-react-native";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
@@ -23,15 +23,15 @@ declare function Alert({
   icon: LucideIcon;
   iconSize?: number;
   iconClassName?: string;
-}): react_jsx_runtime11.JSX.Element;
+}): react_jsx_runtime3.JSX.Element;
 declare function AlertTitle({
   className,
   ...props
-}: React$1.ComponentProps<typeof Text$1>): react_jsx_runtime11.JSX.Element;
+}: React$1.ComponentProps<typeof Text$1>): react_jsx_runtime3.JSX.Element;
 declare function AlertDescription({
   className,
   ...props
-}: React$1.ComponentProps<typeof Text$1>): react_jsx_runtime11.JSX.Element;
+}: React$1.ComponentProps<typeof Text$1>): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { Alert, AlertDescription, AlertTitle };
 //# sourceMappingURL=alert.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","names":[],"sources":["../../ui/alert.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;cAQM;;IAaL,+BAAA,CAAA;iBAEQ,KAAA;;;;QAID;;;;GAIL,YACD,oBAAoB;EAxBhB,GAAA,CAAA,EAyBI,OAAA,CAAM,SAZf,CAYyB,IAZzB,CAAA;EAEQ,IAAA,EAWC,UAXI;EACZ,QAAA,CAAA,EAAA,MAAA;EACA,aAAA,CAAA,EAAA,MAAA;CACA,CAAA,EAWC,mBAAA,CAAA,GAAA,CAAA,OAXD;iBA8BO,UAAA,CA7BD;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgCL,OAAA,CAAM,cAhCD,CAAA,OAgCuB,MAhCvB,CAAA,CAAA,EAgC4B,mBAAA,CAAA,GAAA,CAAA,OAhC5B;iBA4CC,gBAAA,CA3CP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA8CC,OAAA,CAAM,cA9CP,CAAA,OA8C6B,MA9C7B,CAAA,CAAA,EA8CkC,mBAAA,CAAA,GAAA,CAAA,OA9ClC"}
+{"version":3,"file":"alert.d.ts","names":[],"sources":["../../ui/alert.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;cAQM;;IAaL,+BAAA,CAAA;iBAEQ,KAAA;;;;QAID;;;;GAIL,YACD,oBAAoB;EAxBhB,GAAA,CAAA,EAyBI,OAAA,CAAM,SAZf,CAYyB,IAZzB,CAAA;EAEQ,IAAA,EAWC,UAXI;EACZ,QAAA,CAAA,EAAA,MAAA;EACA,aAAA,CAAA,EAAA,MAAA;CACA,CAAA,EAWC,kBAAA,CAAA,GAAA,CAAA,OAXD;iBA8BO,UAAA,CA7BD;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgCL,OAAA,CAAM,cAhCD,CAAA,OAgCuB,MAhCvB,CAAA,CAAA,EAgC4B,kBAAA,CAAA,GAAA,CAAA,OAhC5B;iBA4CC,gBAAA,CA3CP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA8CC,OAAA,CAAM,cA9CP,CAAA,OA8C6B,MA9C7B,CAAA,CAAA,EA8CkC,kBAAA,CAAA,GAAA,CAAA,OA9ClC"}

package/dist/ui/alert.js

@@ -14,7 +14,7 @@ const alertVariants = cva("relative bg-background w-full rounded-lg border borde
 	} },
 	defaultVariants: { variant: "default" }
 });
-function Alert({ className, variant, children, icon: Icon, iconSize = 16, iconClassName,...props }) {
+function Alert({ className, variant, children, icon: Icon, iconSize = 16, iconClassName, ...props }) {
 	const { colors } = useTheme();
 	return /* @__PURE__ */ jsxs(View, {
 		role: "alert",
@@ -32,13 +32,13 @@ function Alert({ className, variant, children, icon: Icon, iconSize = 16, iconCl
 		}), children]
 	});
 }
-function AlertTitle({ className,...props }) {
+function AlertTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Text$1, {
 		className: cn("text-foreground mb-1 pl-7 text-base leading-none font-medium tracking-tight", className),
 		...props
 	});
 }
-function AlertDescription({ className,...props }) {
+function AlertDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Text$1, {
 		className: cn("text-foreground pl-7 text-sm leading-relaxed", className),
 		...props

package/dist/ui/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","names":["Text"],"sources":["../../ui/alert.tsx"],"sourcesContent":["import { useTheme } from '@react-navigation/native';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react-native';\nimport * as React from 'react';\nimport { View, type ViewProps } from 'react-native';\nimport { cn } from './utils';\nimport { Text } from './text';\n\nconst alertVariants = cva(\n  'relative bg-background w-full rounded-lg border border-border p-4 shadow-2xs shadow-foreground/10',\n  {\n    variants: {\n      variant: {\n        default: '',\n        destructive: 'border-destructive',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nfunction Alert({\n  className,\n  variant,\n  children,\n  icon: Icon,\n  iconSize = 16,\n  iconClassName,\n  ...props\n}: ViewProps &\n  VariantProps<typeof alertVariants> & {\n    ref?: React.RefObject<View>;\n    icon: LucideIcon;\n    iconSize?: number;\n    iconClassName?: string;\n  }) {\n  const { colors } = useTheme();\n  return (\n    <View\n      role=\"alert\"\n      className={alertVariants({ variant, className })}\n      {...props}\n    >\n      <View className=\"absolute top-4 left-3.5 -translate-y-0.5\">\n        <Icon\n          size={iconSize}\n          color={variant === 'destructive' ? colors.notification : colors.text}\n        />\n      </View>\n      {children}\n    </View>\n  );\n}\n\nfunction AlertTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof Text>) {\n  return (\n    <Text\n      className={cn(\n        'text-foreground mb-1 pl-7 text-base leading-none font-medium tracking-tight',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof Text>) {\n  return (\n    <Text\n      className={cn('text-foreground pl-7 text-sm leading-relaxed', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertDescription, AlertTitle };\n"],"mappings":";;;;;;;;;AAQA,MAAM,gBAAgB,IACpB,qGACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACd,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,SAAS,MAAM,EACb,WACA,SACA,UACA,MAAM,MACN,WAAW,IACX,cACA,GAAG,SAOA;CACH,MAAM,EAAE,WAAW,UAAU;AAC7B,QACE,qBAAC;EACC,MAAK;EACL,WAAW,cAAc;GAAE;GAAS;GAAW,CAAC;EAChD,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAAC;IACC,MAAM;IACN,OAAO,YAAY,gBAAgB,OAAO,eAAe,OAAO;KAChE;IACG,EACN;GACI;;AAIX,SAAS,WAAW,EAClB,UACA,GAAG,SACiC;AACpC,QACE,oBAACA;EACC,WAAW,GACT,+EACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EACxB,UACA,GAAG,SACiC;AACpC,QACE,oBAACA;EACC,WAAW,GAAG,gDAAgD,UAAU;EACxE,GAAI;GACJ"}
+{"version":3,"file":"alert.js","names":["Text"],"sources":["../../ui/alert.tsx"],"sourcesContent":["import { useTheme } from '@react-navigation/native';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react-native';\nimport * as React from 'react';\nimport { View, type ViewProps } from 'react-native';\nimport { cn } from './utils';\nimport { Text } from './text';\n\nconst alertVariants = cva(\n  'relative bg-background w-full rounded-lg border border-border p-4 shadow-2xs shadow-foreground/10',\n  {\n    variants: {\n      variant: {\n        default: '',\n        destructive: 'border-destructive',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nfunction Alert({\n  className,\n  variant,\n  children,\n  icon: Icon,\n  iconSize = 16,\n  iconClassName,\n  ...props\n}: ViewProps &\n  VariantProps<typeof alertVariants> & {\n    ref?: React.RefObject<View>;\n    icon: LucideIcon;\n    iconSize?: number;\n    iconClassName?: string;\n  }) {\n  const { colors } = useTheme();\n  return (\n    <View\n      role=\"alert\"\n      className={alertVariants({ variant, className })}\n      {...props}\n    >\n      <View className=\"absolute top-4 left-3.5 -translate-y-0.5\">\n        <Icon\n          size={iconSize}\n          color={variant === 'destructive' ? colors.notification : colors.text}\n        />\n      </View>\n      {children}\n    </View>\n  );\n}\n\nfunction AlertTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof Text>) {\n  return (\n    <Text\n      className={cn(\n        'text-foreground mb-1 pl-7 text-base leading-none font-medium tracking-tight',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof Text>) {\n  return (\n    <Text\n      className={cn('text-foreground pl-7 text-sm leading-relaxed', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertDescription, AlertTitle };\n"],"mappings":";;;;;;;;;AAQA,MAAM,gBAAgB,IACpB,qGACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACd,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,SAAS,MAAM,EACb,WACA,SACA,UACA,MAAM,MACN,WAAW,IACX,eACA,GAAG,SAOA;CACH,MAAM,EAAE,WAAW,UAAU;AAC7B,QACE,qBAAC;EACC,MAAK;EACL,WAAW,cAAc;GAAE;GAAS;GAAW,CAAC;EAChD,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAAC;IACC,MAAM;IACN,OAAO,YAAY,gBAAgB,OAAO,eAAe,OAAO;KAChE;IACG,EACN;GACI;;AAIX,SAAS,WAAW,EAClB,WACA,GAAG,SACiC;AACpC,QACE,oBAACA;EACC,WAAW,GACT,+EACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EACxB,WACA,GAAG,SACiC;AACpC,QACE,oBAACA;EACC,WAAW,GAAG,gDAAgD,UAAU;EACxE,GAAI;GACJ"}

package/dist/ui/avatar.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 import * as AvatarPrimitive from "@rn-primitives/avatar";
 
 //#region ui/avatar.d.ts
@@ -8,7 +8,7 @@ declare function Avatar({
   ...props
 }: AvatarPrimitive.RootProps & {
   ref?: React$1.RefObject<AvatarPrimitive.RootRef>;
-}): react_jsx_runtime14.JSX.Element;
+}): react_jsx_runtime6.JSX.Element;
 declare function AvatarImage({
   className,
   alt,
@@ -16,13 +16,13 @@ declare function AvatarImage({
 }: AvatarPrimitive.ImageProps & {
   ref?: React$1.RefObject<AvatarPrimitive.ImageRef>;
   alt?: string;
-}): react_jsx_runtime14.JSX.Element;
+}): react_jsx_runtime6.JSX.Element;
 declare function AvatarFallback({
   className,
   ...props
 }: AvatarPrimitive.FallbackProps & {
   ref?: React$1.RefObject<AvatarPrimitive.FallbackRef>;
-}): react_jsx_runtime14.JSX.Element;
+}): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { Avatar, AvatarFallback, AvatarImage };
 //# sourceMappingURL=avatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../ui/avatar.tsx"],"sourcesContent":[],"mappings":";;;;;iBAIS,MAAA;;;GAGN,eAAA,CAAgB;QACX,OAAA,CAAM,UAAU,eAAA,CAAgB;IACvC,mBAAA,CAAA,GAAA,CAAA;AAR8B,iBAoBtB,WAAA,CAjBM;EAAA,SAAA;EAAA,GAAA;EAAA,GAAA;CAAA,EAqBZ,eAAA,CAAgB,UArBJ,GAAA;EACb,GAAA,CAAA,EAqBM,OAAA,CAAM,SArBZ,CAqBsB,eAAA,CAAgB,QArBtC,CAAA;EAEC,GAAA,CAAA,EAAA,MAAA;CACqB,CAAA,EAoBvB,mBAAA,CAAA,GAAA,CAAA,OApBuC;iBA6B/B,cAAA,CA7BK;EAAA,SAAA;EAAA,GAAA;CAAA,EAgCX,eAAA,CAAgB,aAhCL,GAAA;EACb,GAAA,CAAA,EAgCO,OAAA,CAAM,SAhCb,CAgCuB,eAAA,CAAgB,WAhCvC,CAAA;CAAA,CAAA,EAiCA,mBAAA,CAAA,GAAA,CAAA,OAjCA"}
+{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../ui/avatar.tsx"],"sourcesContent":[],"mappings":";;;;;iBAIS,MAAA;;;GAGN,eAAA,CAAgB;QACX,OAAA,CAAM,UAAU,eAAA,CAAgB;IACvC,kBAAA,CAAA,GAAA,CAAA;AAR8B,iBAoBtB,WAAA,CAjBM;EAAA,SAAA;EAAA,GAAA;EAAA,GAAA;CAAA,EAqBZ,eAAA,CAAgB,UArBJ,GAAA;EACb,GAAA,CAAA,EAqBM,OAAA,CAAM,SArBZ,CAqBsB,eAAA,CAAgB,QArBtC,CAAA;EAEC,GAAA,CAAA,EAAA,MAAA;CACqB,CAAA,EAoBvB,kBAAA,CAAA,GAAA,CAAA,OApBuC;iBA6B/B,cAAA,CA7BK;EAAA,SAAA;EAAA,GAAA;CAAA,EAgCX,eAAA,CAAgB,aAhCL,GAAA;EACb,GAAA,CAAA,EAgCO,OAAA,CAAM,SAhCb,CAgCuB,eAAA,CAAgB,WAhCvC,CAAA;CAAA,CAAA,EAiCA,kBAAA,CAAA,GAAA,CAAA,OAjCA"}

package/dist/ui/avatar.js

@@ -4,19 +4,19 @@ import { jsx } from "react/jsx-runtime";
 import * as AvatarPrimitive from "@rn-primitives/avatar";
 
 //#region ui/avatar.tsx
-function Avatar({ className,...props }) {
+function Avatar({ className, ...props }) {
 	return /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
 		className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
 		...props
 	});
 }
-function AvatarImage({ className, alt,...props }) {
+function AvatarImage({ className, alt, ...props }) {
 	return /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
 		className: cn("aspect-square h-full w-full", className),
 		...props
 	});
 }
-function AvatarFallback({ className,...props }) {
+function AvatarFallback({ className, ...props }) {
 	return /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
 		className: cn("bg-muted flex h-full w-full items-center justify-center rounded-full", className),
 		...props

package/dist/ui/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":[],"sources":["../../ui/avatar.tsx"],"sourcesContent":["import * as AvatarPrimitive from '@rn-primitives/avatar';\nimport * as React from 'react';\nimport { cn } from './utils';\n\nfunction Avatar({\n  className,\n  ...props\n}: AvatarPrimitive.RootProps & {\n  ref?: React.RefObject<AvatarPrimitive.RootRef>;\n}) {\n  return (\n    <AvatarPrimitive.Root\n      className={cn(\n        'relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({\n  className,\n  alt,\n  ...props\n}: AvatarPrimitive.ImageProps & {\n  ref?: React.RefObject<AvatarPrimitive.ImageRef>;\n  alt?: string;\n}) {\n  return (\n    <AvatarPrimitive.Image\n      className={cn('aspect-square h-full w-full', className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: AvatarPrimitive.FallbackProps & {\n  ref?: React.RefObject<AvatarPrimitive.FallbackRef>;\n}) {\n  return (\n    <AvatarPrimitive.Fallback\n      className={cn(\n        'bg-muted flex h-full w-full items-center justify-center rounded-full',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarFallback, AvatarImage };\n"],"mappings":";;;;;;AAIA,SAAS,OAAO,EACd,UACA,GAAG,SAGF;AACD,QACE,oBAAC,gBAAgB;EACf,WAAW,GACT,iEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,IACA,GAAG,SAIF;AACD,QACE,oBAAC,gBAAgB;EACf,WAAW,GAAG,+BAA+B,UAAU;EACvD,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,UACA,GAAG,SAGF;AACD,QACE,oBAAC,gBAAgB;EACf,WAAW,GACT,wEACA,UACD;EACD,GAAI;GACJ"}
+{"version":3,"file":"avatar.js","names":[],"sources":["../../ui/avatar.tsx"],"sourcesContent":["import * as AvatarPrimitive from '@rn-primitives/avatar';\nimport * as React from 'react';\nimport { cn } from './utils';\n\nfunction Avatar({\n  className,\n  ...props\n}: AvatarPrimitive.RootProps & {\n  ref?: React.RefObject<AvatarPrimitive.RootRef>;\n}) {\n  return (\n    <AvatarPrimitive.Root\n      className={cn(\n        'relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({\n  className,\n  alt,\n  ...props\n}: AvatarPrimitive.ImageProps & {\n  ref?: React.RefObject<AvatarPrimitive.ImageRef>;\n  alt?: string;\n}) {\n  return (\n    <AvatarPrimitive.Image\n      className={cn('aspect-square h-full w-full', className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: AvatarPrimitive.FallbackProps & {\n  ref?: React.RefObject<AvatarPrimitive.FallbackRef>;\n}) {\n  return (\n    <AvatarPrimitive.Fallback\n      className={cn(\n        'bg-muted flex h-full w-full items-center justify-center rounded-full',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarFallback, AvatarImage };\n"],"mappings":";;;;;;AAIA,SAAS,OAAO,EACd,WACA,GAAG,SAGF;AACD,QACE,oBAAC,gBAAgB;EACf,WAAW,GACT,iEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,KACA,GAAG,SAIF;AACD,QACE,oBAAC,gBAAgB;EACf,WAAW,GAAG,+BAA+B,UAAU;EACvD,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,WACA,GAAG,SAGF;AACD,QACE,oBAAC,gBAAgB;EACf,WAAW,GACT,wEACA,UACD;EACD,GAAI;GACJ"}

package/dist/ui/badge.d.ts

@@ -1,6 +1,6 @@
 import * as React$1 from "react";
 import { View } from "react-native";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
@@ -16,7 +16,7 @@ declare function Badge({
   variant,
   labelClassName,
   ...props
-}: BadgeProps): react_jsx_runtime17.JSX.Element;
+}: BadgeProps): react_jsx_runtime24.JSX.Element;
 //#endregion
 export { Badge, badgeVariants };
 //# sourceMappingURL=badge.d.ts.map

package/dist/ui/badge.js

@@ -14,7 +14,7 @@ const badgeVariants = cva("web:inline-flex items-center rounded-full border bord
 	} },
 	defaultVariants: { variant: "default" }
 });
-function Badge({ className, variant, labelClassName,...props }) {
+function Badge({ className, variant, labelClassName, ...props }) {
 	return /* @__PURE__ */ jsx(View, {
 		className: cn(badgeVariants({ variant }), className),
 		...props

package/dist/ui/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":[],"sources":["../../ui/badge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { View } from 'react-native';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from './utils';\n\nconst badgeVariants = cva(\n  'web:inline-flex items-center rounded-full border border-border px-2.5 py-0.5 text-xs font-semibold web:transition-colors web:focus:outline-hidden web:focus:ring-2 web:focus:ring-ring web:focus:ring-offset-2',\n  {\n    variants: {\n      variant: {\n        default:\n          'border-transparent bg-primary text-primary-foreground web:hover:opacity-80 active:opacity-80',\n        secondary:\n          'border-transparent bg-secondary text-secondary-foreground web:hover:opacity-80 active:opacity-80',\n        destructive:\n          'border-transparent bg-destructive text-destructive-foreground web:hover:opacity-80 active:opacity-80',\n        outline: 'text-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\ntype BadgeProps = React.ComponentProps<typeof View> &\n  VariantProps<typeof badgeVariants> & {\n    labelClassName?: string;\n  };\n\nfunction Badge({ className, variant, labelClassName, ...props }: BadgeProps) {\n  return (\n    <View className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n}\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;;AAKA,MAAM,gBAAgB,IACpB,kNACA;CACE,UAAU,EACR,SAAS;EACP,SACE;EACF,WACE;EACF,aACE;EACF,SAAS;EACV,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAOD,SAAS,MAAM,EAAE,WAAW,SAAS,eAAgB,GAAG,SAAqB;AAC3E,QACE,oBAAC;EAAK,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,UAAU;EAAE,GAAI;GAAS"}
+{"version":3,"file":"badge.js","names":[],"sources":["../../ui/badge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { View } from 'react-native';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from './utils';\n\nconst badgeVariants = cva(\n  'web:inline-flex items-center rounded-full border border-border px-2.5 py-0.5 text-xs font-semibold web:transition-colors web:focus:outline-hidden web:focus:ring-2 web:focus:ring-ring web:focus:ring-offset-2',\n  {\n    variants: {\n      variant: {\n        default:\n          'border-transparent bg-primary text-primary-foreground web:hover:opacity-80 active:opacity-80',\n        secondary:\n          'border-transparent bg-secondary text-secondary-foreground web:hover:opacity-80 active:opacity-80',\n        destructive:\n          'border-transparent bg-destructive text-destructive-foreground web:hover:opacity-80 active:opacity-80',\n        outline: 'text-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\ntype BadgeProps = React.ComponentProps<typeof View> &\n  VariantProps<typeof badgeVariants> & {\n    labelClassName?: string;\n  };\n\nfunction Badge({ className, variant, labelClassName, ...props }: BadgeProps) {\n  return (\n    <View className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n}\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;;AAKA,MAAM,gBAAgB,IACpB,kNACA;CACE,UAAU,EACR,SAAS;EACP,SACE;EACF,WACE;EACF,aACE;EACF,SAAS;EACV,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAOD,SAAS,MAAM,EAAE,WAAW,SAAS,gBAAgB,GAAG,SAAqB;AAC3E,QACE,oBAAC;EAAK,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,UAAU;EAAE,GAAI;GAAS"}

package/dist/ui/breadcrumb.d.ts

@@ -1,39 +1,39 @@
 import * as React$1 from "react";
 import { View } from "react-native";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region ui/breadcrumb.d.ts
 declare function Breadcrumb({
   ...props
-}: React$1.ComponentProps<'nav'>): react_jsx_runtime18.JSX.Element;
+}: React$1.ComponentProps<'nav'>): react_jsx_runtime17.JSX.Element;
 declare function BreadcrumbList({
   className,
   ...props
-}: React$1.ComponentProps<typeof View>): react_jsx_runtime18.JSX.Element;
+}: React$1.ComponentProps<typeof View>): react_jsx_runtime17.JSX.Element;
 declare function BreadcrumbItem({
   className,
   ...props
-}: React$1.ComponentProps<typeof View>): react_jsx_runtime18.JSX.Element;
+}: React$1.ComponentProps<typeof View>): react_jsx_runtime17.JSX.Element;
 declare function BreadcrumbLink({
   asChild,
   className,
   ...props
 }: React$1.ComponentProps<typeof View> & {
   asChild?: boolean;
-}): react_jsx_runtime18.JSX.Element;
+}): react_jsx_runtime17.JSX.Element;
 declare function BreadcrumbPage({
   className,
   ...props
-}: React$1.ComponentProps<typeof View>): react_jsx_runtime18.JSX.Element;
+}: React$1.ComponentProps<typeof View>): react_jsx_runtime17.JSX.Element;
 declare function BreadcrumbSeparator({
   children,
   className,
   ...props
-}: React$1.ComponentProps<typeof View>): react_jsx_runtime18.JSX.Element;
+}: React$1.ComponentProps<typeof View>): react_jsx_runtime17.JSX.Element;
 declare function BreadcrumbEllipsis({
   className,
   ...props
-}: React$1.ComponentProps<typeof View>): react_jsx_runtime18.JSX.Element;
+}: React$1.ComponentProps<typeof View>): react_jsx_runtime17.JSX.Element;
 //#endregion
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
 //# sourceMappingURL=breadcrumb.d.ts.map

package/dist/ui/breadcrumb.js

@@ -13,28 +13,28 @@ function Breadcrumb({ ...props }) {
 		...props
 	});
 }
-function BreadcrumbList({ className,...props }) {
+function BreadcrumbList({ className, ...props }) {
 	return /* @__PURE__ */ jsx(View, {
 		"data-slot": "breadcrumb-list",
 		className: cn("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", className),
 		...props
 	});
 }
-function BreadcrumbItem({ className,...props }) {
+function BreadcrumbItem({ className, ...props }) {
 	return /* @__PURE__ */ jsx(View, {
 		"data-slot": "breadcrumb-item",
 		className: cn("inline-flex items-center gap-1.5", className),
 		...props
 	});
 }
-function BreadcrumbLink({ asChild, className,...props }) {
+function BreadcrumbLink({ asChild, className, ...props }) {
 	return /* @__PURE__ */ jsx(View, {
 		"data-slot": "breadcrumb-link",
 		className: cn("hover:text-foreground transition-colors", className),
 		...props
 	});
 }
-function BreadcrumbPage({ className,...props }) {
+function BreadcrumbPage({ className, ...props }) {
 	return /* @__PURE__ */ jsx(View, {
 		"data-slot": "breadcrumb-page",
 		role: "link",
@@ -44,7 +44,7 @@ function BreadcrumbPage({ className,...props }) {
 		...props
 	});
 }
-function BreadcrumbSeparator({ children, className,...props }) {
+function BreadcrumbSeparator({ children, className, ...props }) {
 	return /* @__PURE__ */ jsx(View, {
 		role: "presentation",
 		"data-slot": "breadcrumb-separator",
@@ -54,7 +54,7 @@ function BreadcrumbSeparator({ children, className,...props }) {
 		children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
 	});
 }
-function BreadcrumbEllipsis({ className,...props }) {
+function BreadcrumbEllipsis({ className, ...props }) {
 	return /* @__PURE__ */ jsxs(View, {
 		"data-slot": "breadcrumb-ellipsis",
 		role: "presentation",

package/dist/ui/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../ui/breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as Slot from '@rn-primitives/slot';\nimport { ChevronRight, MoreHorizontal } from 'lucide-react';\nimport { Text, View, type ViewProps } from 'react-native';\n\nimport { cn } from './utils';\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<'nav'>) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\nfunction BreadcrumbList({\n  className,\n  ...props\n}: React.ComponentProps<typeof View>) {\n  return (\n    <View\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        'text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof View>) {\n  return (\n    <View\n      data-slot=\"breadcrumb-item\"\n      className={cn('inline-flex items-center gap-1.5', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<typeof View> & {\n  asChild?: boolean;\n}) {\n  // const Comp = asChild ? Slot : View;\n\n  return (\n    <View\n      data-slot=\"breadcrumb-link\"\n      className={cn('hover:text-foreground transition-colors', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbPage({\n  className,\n  ...props\n}: React.ComponentProps<typeof View>) {\n  return (\n    <View\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled\n      aria-current=\"page\"\n      className={cn('text-foreground font-normal', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<typeof View>) {\n  return (\n    <View\n      role=\"presentation\"\n      data-slot=\"breadcrumb-separator\"\n      aria-hidden\n      className={cn('[&>svg]:size-3.5', className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </View>\n  );\n}\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<typeof View>) {\n  return (\n    <View\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden\n      className={cn('flex size-9 items-center justify-center', className)}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <View className=\"sr-only\">\n        <Text>More</Text>\n      </View>\n    </View>\n  );\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n};\n"],"mappings":";;;;;;;;AAOA,SAAS,WAAW,EAAE,GAAG,SAAsC;AAC7D,QAAO,oBAAC;EAAI,cAAW;EAAa,aAAU;EAAa,GAAI;GAAS;;AAG1E,SAAS,eAAe,EACtB,UACA,GAAG,SACiC;AACpC,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,4FACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,UACA,GAAG,SACiC;AACpC,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,oCAAoC,UAAU;EAC5D,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,SACA,UACA,GAAG,SAGF;AAGD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,2CAA2C,UAAU;EACnE,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,UACA,GAAG,SACiC;AACpC,QACE,oBAAC;EACC,aAAU;EACV,MAAK;EACL;EACA,gBAAa;EACb,WAAW,GAAG,+BAA+B,UAAU;EACvD,GAAI;GACJ;;AAIN,SAAS,oBAAoB,EAC3B,UACA,UACA,GAAG,SACiC;AACpC,QACE,oBAAC;EACC,MAAK;EACL,aAAU;EACV;EACA,WAAW,GAAG,oBAAoB,UAAU;EAC5C,GAAI;YAEH,YAAY,oBAAC,iBAAe;GACxB;;AAIX,SAAS,mBAAmB,EAC1B,UACA,GAAG,SACiC;AACpC,QACE,qBAAC;EACC,aAAU;EACV,MAAK;EACL;EACA,WAAW,GAAG,2CAA2C,UAAU;EACnE,GAAI;aAEJ,oBAAC,kBAAe,WAAU,WAAW,EACrC,oBAAC;GAAK,WAAU;aACd,oBAAC,kBAAK,SAAW;IACZ;GACF"}
+{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../ui/breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as Slot from '@rn-primitives/slot';\nimport { ChevronRight, MoreHorizontal } from 'lucide-react';\nimport { Text, View, type ViewProps } from 'react-native';\n\nimport { cn } from './utils';\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<'nav'>) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\nfunction BreadcrumbList({\n  className,\n  ...props\n}: React.ComponentProps<typeof View>) {\n  return (\n    <View\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        'text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof View>) {\n  return (\n    <View\n      data-slot=\"breadcrumb-item\"\n      className={cn('inline-flex items-center gap-1.5', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<typeof View> & {\n  asChild?: boolean;\n}) {\n  // const Comp = asChild ? Slot : View;\n\n  return (\n    <View\n      data-slot=\"breadcrumb-link\"\n      className={cn('hover:text-foreground transition-colors', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbPage({\n  className,\n  ...props\n}: React.ComponentProps<typeof View>) {\n  return (\n    <View\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled\n      aria-current=\"page\"\n      className={cn('text-foreground font-normal', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<typeof View>) {\n  return (\n    <View\n      role=\"presentation\"\n      data-slot=\"breadcrumb-separator\"\n      aria-hidden\n      className={cn('[&>svg]:size-3.5', className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </View>\n  );\n}\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<typeof View>) {\n  return (\n    <View\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden\n      className={cn('flex size-9 items-center justify-center', className)}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <View className=\"sr-only\">\n        <Text>More</Text>\n      </View>\n    </View>\n  );\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n};\n"],"mappings":";;;;;;;;AAOA,SAAS,WAAW,EAAE,GAAG,SAAsC;AAC7D,QAAO,oBAAC;EAAI,cAAW;EAAa,aAAU;EAAa,GAAI;GAAS;;AAG1E,SAAS,eAAe,EACtB,WACA,GAAG,SACiC;AACpC,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,4FACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,WACA,GAAG,SACiC;AACpC,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,oCAAoC,UAAU;EAC5D,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,SACA,WACA,GAAG,SAGF;AAGD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,2CAA2C,UAAU;EACnE,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,WACA,GAAG,SACiC;AACpC,QACE,oBAAC;EACC,aAAU;EACV,MAAK;EACL;EACA,gBAAa;EACb,WAAW,GAAG,+BAA+B,UAAU;EACvD,GAAI;GACJ;;AAIN,SAAS,oBAAoB,EAC3B,UACA,WACA,GAAG,SACiC;AACpC,QACE,oBAAC;EACC,MAAK;EACL,aAAU;EACV;EACA,WAAW,GAAG,oBAAoB,UAAU;EAC5C,GAAI;YAEH,YAAY,oBAAC,iBAAe;GACxB;;AAIX,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACiC;AACpC,QACE,qBAAC;EACC,aAAU;EACV,MAAK;EACL;EACA,WAAW,GAAG,2CAA2C,UAAU;EACnE,GAAI;aAEJ,oBAAC,kBAAe,WAAU,WAAW,EACrC,oBAAC;GAAK,WAAU;aACd,oBAAC,kBAAK,SAAW;IACZ;GACF"}

package/dist/ui/button.js

@@ -50,7 +50,7 @@ const buttonTextVariants = cva("web:whitespace-nowrap text-sm native:text-base f
 		size: "default"
 	}
 });
-function Button({ ref, className, variant, size,...props }) {
+function Button({ ref, className, variant, size, ...props }) {
 	return /* @__PURE__ */ jsx(TextClassContext.Provider, {
 		value: buttonTextVariants({
 			variant,

package/dist/ui/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":[],"sources":["../../ui/button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { Pressable } from 'react-native';\nimport { TextClassContext } from './text';\nimport { cn } from './utils';\n\nconst buttonVariants = cva(\n  'group flex items-center justify-center rounded-md web:ring-offset-background web:transition-colors web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2',\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary web:hover:opacity-90 active:opacity-90',\n        destructive: 'bg-destructive web:hover:opacity-90 active:opacity-90',\n        outline:\n          'border border-input bg-background web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent',\n        secondary: 'bg-secondary web:hover:opacity-80 active:opacity-80',\n        ghost:\n          'web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent',\n        link: 'web:underline-offset-4 web:hover:underline web:focus:underline',\n      },\n      size: {\n        default: 'h-10 px-4 py-2 native:h-12 native:px-5 native:py-3',\n        sm: 'h-9 rounded-md px-3',\n        lg: 'h-11 rounded-md px-8 native:h-14',\n        icon: 'h-10 w-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\nconst buttonTextVariants = cva(\n  'web:whitespace-nowrap text-sm native:text-base font-medium text-foreground web:transition-colors',\n  {\n    variants: {\n      variant: {\n        default: 'text-primary-foreground',\n        destructive: 'text-destructive-foreground',\n        outline: 'group-active:text-accent-foreground',\n        secondary:\n          'text-secondary-foreground group-active:text-secondary-foreground',\n        ghost: 'group-active:text-accent-foreground',\n        link: 'text-primary group-active:underline',\n      },\n      size: {\n        default: '',\n        sm: '',\n        lg: 'native:text-lg',\n        icon: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\ntype ButtonProps = React.ComponentProps<typeof Pressable> &\n  VariantProps<typeof buttonVariants>;\n\nfunction Button({ ref, className, variant, size, ...props }: ButtonProps) {\n  return (\n    <TextClassContext.Provider\n      value={buttonTextVariants({\n        variant,\n        size,\n        className: 'web:pointer-events-none',\n      })}\n    >\n      <Pressable\n        className={cn(\n          props.disabled && 'web:pointer-events-none opacity-50',\n          buttonVariants({ variant, size, className })\n        )}\n        ref={ref}\n        role=\"button\"\n        {...props}\n      />\n    </TextClassContext.Provider>\n  );\n}\n\nexport { Button, buttonTextVariants, buttonVariants };\nexport type { ButtonProps };\n"],"mappings":";;;;;;;;AAMA,MAAM,iBAAiB,IACrB,4NACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,aAAa;GACb,SACE;GACF,WAAW;GACX,OACE;GACF,MAAM;GACP;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;GACP;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,MAAM,qBAAqB,IACzB,oGACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,aAAa;GACb,SAAS;GACT,WACE;GACF,OAAO;GACP,MAAM;GACP;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;GACP;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAKD,SAAS,OAAO,EAAE,KAAK,WAAW,SAAS,KAAM,GAAG,SAAsB;AACxE,QACE,oBAAC,iBAAiB;EAChB,OAAO,mBAAmB;GACxB;GACA;GACA,WAAW;GACZ,CAAC;YAEF,oBAAC;GACC,WAAW,GACT,MAAM,YAAY,sCAClB,eAAe;IAAE;IAAS;IAAM;IAAW,CAAC,CAC7C;GACI;GACL,MAAK;GACL,GAAI;IACJ;GACwB"}
+{"version":3,"file":"button.js","names":[],"sources":["../../ui/button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { Pressable } from 'react-native';\nimport { TextClassContext } from './text';\nimport { cn } from './utils';\n\nconst buttonVariants = cva(\n  'group flex items-center justify-center rounded-md web:ring-offset-background web:transition-colors web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2',\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary web:hover:opacity-90 active:opacity-90',\n        destructive: 'bg-destructive web:hover:opacity-90 active:opacity-90',\n        outline:\n          'border border-input bg-background web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent',\n        secondary: 'bg-secondary web:hover:opacity-80 active:opacity-80',\n        ghost:\n          'web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent',\n        link: 'web:underline-offset-4 web:hover:underline web:focus:underline',\n      },\n      size: {\n        default: 'h-10 px-4 py-2 native:h-12 native:px-5 native:py-3',\n        sm: 'h-9 rounded-md px-3',\n        lg: 'h-11 rounded-md px-8 native:h-14',\n        icon: 'h-10 w-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\nconst buttonTextVariants = cva(\n  'web:whitespace-nowrap text-sm native:text-base font-medium text-foreground web:transition-colors',\n  {\n    variants: {\n      variant: {\n        default: 'text-primary-foreground',\n        destructive: 'text-destructive-foreground',\n        outline: 'group-active:text-accent-foreground',\n        secondary:\n          'text-secondary-foreground group-active:text-secondary-foreground',\n        ghost: 'group-active:text-accent-foreground',\n        link: 'text-primary group-active:underline',\n      },\n      size: {\n        default: '',\n        sm: '',\n        lg: 'native:text-lg',\n        icon: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\ntype ButtonProps = React.ComponentProps<typeof Pressable> &\n  VariantProps<typeof buttonVariants>;\n\nfunction Button({ ref, className, variant, size, ...props }: ButtonProps) {\n  return (\n    <TextClassContext.Provider\n      value={buttonTextVariants({\n        variant,\n        size,\n        className: 'web:pointer-events-none',\n      })}\n    >\n      <Pressable\n        className={cn(\n          props.disabled && 'web:pointer-events-none opacity-50',\n          buttonVariants({ variant, size, className })\n        )}\n        ref={ref}\n        role=\"button\"\n        {...props}\n      />\n    </TextClassContext.Provider>\n  );\n}\n\nexport { Button, buttonTextVariants, buttonVariants };\nexport type { ButtonProps };\n"],"mappings":";;;;;;;;AAMA,MAAM,iBAAiB,IACrB,4NACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,aAAa;GACb,SACE;GACF,WAAW;GACX,OACE;GACF,MAAM;GACP;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;GACP;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,MAAM,qBAAqB,IACzB,oGACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,aAAa;GACb,SAAS;GACT,WACE;GACF,OAAO;GACP,MAAM;GACP;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;GACP;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAKD,SAAS,OAAO,EAAE,KAAK,WAAW,SAAS,MAAM,GAAG,SAAsB;AACxE,QACE,oBAAC,iBAAiB;EAChB,OAAO,mBAAmB;GACxB;GACA;GACA,WAAW;GACZ,CAAC;YAEF,oBAAC;GACC,WAAW,GACT,MAAM,YAAY,sCAClB,eAAe;IAAE;IAAS;IAAM;IAAW,CAAC,CAC7C;GACI;GACL,MAAK;GACL,GAAI;IACJ;GACwB"}