@lssm/lib.ui-kit 1.7.4 → 1.9.0

package/dist/ui/popover.js

@@ -8,7 +8,7 @@ import * as PopoverPrimitive from "@rn-primitives/popover";
 //#region ui/popover.tsx
 const Popover = PopoverPrimitive.Root;
 const PopoverTrigger = PopoverPrimitive.Trigger;
-function PopoverContent({ className, align = "center", sideOffset = 4, portalHost,...props }) {
+function PopoverContent({ className, align = "center", sideOffset = 4, portalHost, ...props }) {
 	return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, {
 		hostName: portalHost,
 		children: /* @__PURE__ */ jsx(PopoverPrimitive.Overlay, {

package/dist/ui/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":[],"sources":["../../ui/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@rn-primitives/popover';\nimport { Platform, StyleSheet } from 'react-native';\nimport Animated, { FadeIn, FadeOut } from 'react-native-reanimated';\nimport { cn } from './utils';\nimport { TextClassContext } from './text';\n\nconst Popover = PopoverPrimitive.Root;\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  portalHost,\n  ...props\n}: PopoverPrimitive.ContentProps & {\n  ref?: React.RefObject<PopoverPrimitive.ContentRef>;\n  portalHost?: string;\n}) {\n  return (\n    <PopoverPrimitive.Portal hostName={portalHost}>\n      <PopoverPrimitive.Overlay\n        style={Platform.OS !== 'web' ? StyleSheet.absoluteFill : undefined}\n      >\n        <Animated.View entering={FadeIn.duration(200)} exiting={FadeOut}>\n          <TextClassContext.Provider value=\"text-popover-foreground\">\n            <PopoverPrimitive.Content\n              align={align}\n              sideOffset={sideOffset}\n              className={cn(\n                'border-border bg-popover shadow-foreground/5 web:cursor-auto web:outline-hidden web:animate-in web:fade-in-0 web:zoom-in-95 web:data-[side=bottom]:slide-in-from-top-2 web:data-[side=left]:slide-in-from-right-2 web:data-[side=right]:slide-in-from-left-2 web:data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md',\n                className\n              )}\n              {...props}\n            />\n          </TextClassContext.Provider>\n        </Animated.View>\n      </PopoverPrimitive.Overlay>\n    </PopoverPrimitive.Portal>\n  );\n}\n\nexport { Popover, PopoverContent, PopoverTrigger };\n"],"mappings":";;;;;;;;AAMA,MAAM,UAAU,iBAAiB;AAEjC,MAAM,iBAAiB,iBAAiB;AAExC,SAAS,eAAe,EACtB,WACA,QAAQ,UACR,aAAa,GACb,WACA,GAAG,SAIF;AACD,QACE,oBAAC,iBAAiB;EAAO,UAAU;YACjC,oBAAC,iBAAiB;GAChB,OAAO,SAAS,OAAO,QAAQ,WAAW,eAAe;aAEzD,oBAAC,SAAS;IAAK,UAAU,OAAO,SAAS,IAAI;IAAE,SAAS;cACtD,oBAAC,iBAAiB;KAAS,OAAM;eAC/B,oBAAC,iBAAiB;MACT;MACK;MACZ,WAAW,GACT,qVACA,UACD;MACD,GAAI;OACJ;MACwB;KACd;IACS;GACH"}
+{"version":3,"file":"popover.js","names":[],"sources":["../../ui/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@rn-primitives/popover';\nimport { Platform, StyleSheet } from 'react-native';\nimport Animated, { FadeIn, FadeOut } from 'react-native-reanimated';\nimport { cn } from './utils';\nimport { TextClassContext } from './text';\n\nconst Popover = PopoverPrimitive.Root;\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  portalHost,\n  ...props\n}: PopoverPrimitive.ContentProps & {\n  ref?: React.RefObject<PopoverPrimitive.ContentRef>;\n  portalHost?: string;\n}) {\n  return (\n    <PopoverPrimitive.Portal hostName={portalHost}>\n      <PopoverPrimitive.Overlay\n        style={Platform.OS !== 'web' ? StyleSheet.absoluteFill : undefined}\n      >\n        <Animated.View entering={FadeIn.duration(200)} exiting={FadeOut}>\n          <TextClassContext.Provider value=\"text-popover-foreground\">\n            <PopoverPrimitive.Content\n              align={align}\n              sideOffset={sideOffset}\n              className={cn(\n                'border-border bg-popover shadow-foreground/5 web:cursor-auto web:outline-hidden web:animate-in web:fade-in-0 web:zoom-in-95 web:data-[side=bottom]:slide-in-from-top-2 web:data-[side=left]:slide-in-from-right-2 web:data-[side=right]:slide-in-from-left-2 web:data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md',\n                className\n              )}\n              {...props}\n            />\n          </TextClassContext.Provider>\n        </Animated.View>\n      </PopoverPrimitive.Overlay>\n    </PopoverPrimitive.Portal>\n  );\n}\n\nexport { Popover, PopoverContent, PopoverTrigger };\n"],"mappings":";;;;;;;;AAMA,MAAM,UAAU,iBAAiB;AAEjC,MAAM,iBAAiB,iBAAiB;AAExC,SAAS,eAAe,EACtB,WACA,QAAQ,UACR,aAAa,GACb,YACA,GAAG,SAIF;AACD,QACE,oBAAC,iBAAiB;EAAO,UAAU;YACjC,oBAAC,iBAAiB;GAChB,OAAO,SAAS,OAAO,QAAQ,WAAW,eAAe;aAEzD,oBAAC,SAAS;IAAK,UAAU,OAAO,SAAS,IAAI;IAAE,SAAS;cACtD,oBAAC,iBAAiB;KAAS,OAAM;eAC/B,oBAAC,iBAAiB;MACT;MACK;MACZ,WAAW,GACT,qVACA,UACD;MACD,GAAI;OACJ;MACwB;KACd;IACS;GACH"}

package/dist/ui/progress.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime131 from "react/jsx-runtime";
+import * as react_jsx_runtime144 from "react/jsx-runtime";
 import * as ProgressPrimitive from "@rn-primitives/progress";
 
 //#region ui/progress.d.ts
@@ -11,7 +11,7 @@ declare function Progress({
 }: ProgressPrimitive.RootProps & {
   ref?: React$1.RefObject<ProgressPrimitive.RootRef>;
   indicatorClassName?: string;
-}): react_jsx_runtime131.JSX.Element;
+}): react_jsx_runtime144.JSX.Element;
 //#endregion
 export { Progress };
 //# sourceMappingURL=progress.d.ts.map

package/dist/ui/progress.js

@@ -6,7 +6,7 @@ import { jsx } from "react/jsx-runtime";
 import * as ProgressPrimitive from "@rn-primitives/progress";
 
 //#region ui/progress.tsx
-function Progress({ className, value, indicatorClassName,...props }) {
+function Progress({ className, value, indicatorClassName, ...props }) {
 	return /* @__PURE__ */ jsx(ProgressPrimitive.Root, {
 		className: cn("bg-secondary relative h-4 w-full overflow-hidden rounded-full", className),
 		...props,

package/dist/ui/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","names":[],"sources":["../../ui/progress.tsx"],"sourcesContent":["import * as ProgressPrimitive from '@rn-primitives/progress';\nimport * as React from 'react';\nimport { Platform, View } from 'react-native';\nimport Animated, {\n  Extrapolation,\n  interpolate,\n  useAnimatedStyle,\n  useDerivedValue,\n  withSpring,\n} from 'react-native-reanimated';\nimport { cn } from './utils';\n\nfunction Progress({\n  className,\n  value,\n  indicatorClassName,\n  ...props\n}: ProgressPrimitive.RootProps & {\n  ref?: React.RefObject<ProgressPrimitive.RootRef>;\n  indicatorClassName?: string;\n}) {\n  return (\n    <ProgressPrimitive.Root\n      className={cn(\n        'bg-secondary relative h-4 w-full overflow-hidden rounded-full',\n        className\n      )}\n      {...props}\n    >\n      <Indicator value={value} className={indicatorClassName} />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n\nfunction Indicator({\n  value,\n  className,\n}: {\n  value: number | undefined | null;\n  className?: string;\n}) {\n  const progress = useDerivedValue(() => value ?? 0);\n\n  const indicator = useAnimatedStyle(() => {\n    return {\n      width: withSpring(\n        `${interpolate(progress.value, [0, 100], [1, 100], Extrapolation.CLAMP)}%`,\n        { overshootClamping: true }\n      ),\n    };\n  });\n\n  if (Platform.OS === 'web') {\n    return (\n      <View\n        className={cn(\n          'bg-primary web:transition-all h-full w-full flex-1',\n          className\n        )}\n        style={{ transform: `translateX(-${100 - (value ?? 0)}%)` }}\n      >\n        <ProgressPrimitive.Indicator\n          className={cn('h-full w-full', className)}\n        />\n      </View>\n    );\n  }\n\n  return (\n    <ProgressPrimitive.Indicator asChild>\n      <Animated.View\n        style={indicator}\n        className={cn('bg-foreground h-full', className)}\n      />\n    </ProgressPrimitive.Indicator>\n  );\n}\n"],"mappings":";;;;;;;;AAYA,SAAS,SAAS,EAChB,WACA,OACA,mBACA,GAAG,SAIF;AACD,QACE,oBAAC,kBAAkB;EACjB,WAAW,GACT,iEACA,UACD;EACD,GAAI;YAEJ,oBAAC;GAAiB;GAAO,WAAW;IAAsB;GACnC;;AAM7B,SAAS,UAAU,EACjB,OACA,aAIC;CACD,MAAM,WAAW,sBAAsB,SAAS,EAAE;CAElD,MAAM,YAAY,uBAAuB;AACvC,SAAO,EACL,OAAO,WACL,GAAG,YAAY,SAAS,OAAO,CAAC,GAAG,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,cAAc,MAAM,CAAC,IACxE,EAAE,mBAAmB,MAAM,CAC5B,EACF;GACD;AAEF,KAAI,SAAS,OAAO,MAClB,QACE,oBAAC;EACC,WAAW,GACT,sDACA,UACD;EACD,OAAO,EAAE,WAAW,eAAe,OAAO,SAAS,GAAG,KAAK;YAE3D,oBAAC,kBAAkB,aACjB,WAAW,GAAG,iBAAiB,UAAU,GACzC;GACG;AAIX,QACE,oBAAC,kBAAkB;EAAU;YAC3B,oBAAC,SAAS;GACR,OAAO;GACP,WAAW,GAAG,wBAAwB,UAAU;IAChD;GAC0B"}
+{"version":3,"file":"progress.js","names":[],"sources":["../../ui/progress.tsx"],"sourcesContent":["import * as ProgressPrimitive from '@rn-primitives/progress';\nimport * as React from 'react';\nimport { Platform, View } from 'react-native';\nimport Animated, {\n  Extrapolation,\n  interpolate,\n  useAnimatedStyle,\n  useDerivedValue,\n  withSpring,\n} from 'react-native-reanimated';\nimport { cn } from './utils';\n\nfunction Progress({\n  className,\n  value,\n  indicatorClassName,\n  ...props\n}: ProgressPrimitive.RootProps & {\n  ref?: React.RefObject<ProgressPrimitive.RootRef>;\n  indicatorClassName?: string;\n}) {\n  return (\n    <ProgressPrimitive.Root\n      className={cn(\n        'bg-secondary relative h-4 w-full overflow-hidden rounded-full',\n        className\n      )}\n      {...props}\n    >\n      <Indicator value={value} className={indicatorClassName} />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n\nfunction Indicator({\n  value,\n  className,\n}: {\n  value: number | undefined | null;\n  className?: string;\n}) {\n  const progress = useDerivedValue(() => value ?? 0);\n\n  const indicator = useAnimatedStyle(() => {\n    return {\n      width: withSpring(\n        `${interpolate(progress.value, [0, 100], [1, 100], Extrapolation.CLAMP)}%`,\n        { overshootClamping: true }\n      ),\n    };\n  });\n\n  if (Platform.OS === 'web') {\n    return (\n      <View\n        className={cn(\n          'bg-primary web:transition-all h-full w-full flex-1',\n          className\n        )}\n        style={{ transform: `translateX(-${100 - (value ?? 0)}%)` }}\n      >\n        <ProgressPrimitive.Indicator\n          className={cn('h-full w-full', className)}\n        />\n      </View>\n    );\n  }\n\n  return (\n    <ProgressPrimitive.Indicator asChild>\n      <Animated.View\n        style={indicator}\n        className={cn('bg-foreground h-full', className)}\n      />\n    </ProgressPrimitive.Indicator>\n  );\n}\n"],"mappings":";;;;;;;;AAYA,SAAS,SAAS,EAChB,WACA,OACA,oBACA,GAAG,SAIF;AACD,QACE,oBAAC,kBAAkB;EACjB,WAAW,GACT,iEACA,UACD;EACD,GAAI;YAEJ,oBAAC;GAAiB;GAAO,WAAW;IAAsB;GACnC;;AAM7B,SAAS,UAAU,EACjB,OACA,aAIC;CACD,MAAM,WAAW,sBAAsB,SAAS,EAAE;CAElD,MAAM,YAAY,uBAAuB;AACvC,SAAO,EACL,OAAO,WACL,GAAG,YAAY,SAAS,OAAO,CAAC,GAAG,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,cAAc,MAAM,CAAC,IACxE,EAAE,mBAAmB,MAAM,CAC5B,EACF;GACD;AAEF,KAAI,SAAS,OAAO,MAClB,QACE,oBAAC;EACC,WAAW,GACT,sDACA,UACD;EACD,OAAO,EAAE,WAAW,eAAe,OAAO,SAAS,GAAG,KAAK;YAE3D,oBAAC,kBAAkB,aACjB,WAAW,GAAG,iBAAiB,UAAU,GACzC;GACG;AAIX,QACE,oBAAC,kBAAkB;EAAU;YAC3B,oBAAC,SAAS;GACR,OAAO;GACP,WAAW,GAAG,wBAAwB,UAAU;IAChD;GAC0B"}

package/dist/ui/radio-group.d.ts

@@ -1,15 +1,15 @@
-import * as react_jsx_runtime150 from "react/jsx-runtime";
+import * as react_jsx_runtime145 from "react/jsx-runtime";
 import * as RadioGroupPrimitive from "@rn-primitives/radio-group";
 
 //#region ui/radio-group.d.ts
 declare function RadioGroup({
   className,
   ...props
-}: RadioGroupPrimitive.RootProps & React.RefAttributes<RadioGroupPrimitive.RootRef>): react_jsx_runtime150.JSX.Element;
+}: RadioGroupPrimitive.RootProps & React.RefAttributes<RadioGroupPrimitive.RootRef>): react_jsx_runtime145.JSX.Element;
 declare function RadioGroupItem({
   className,
   ...props
-}: RadioGroupPrimitive.ItemProps & React.RefAttributes<RadioGroupPrimitive.ItemRef>): react_jsx_runtime150.JSX.Element;
+}: RadioGroupPrimitive.ItemProps & React.RefAttributes<RadioGroupPrimitive.ItemRef>): react_jsx_runtime145.JSX.Element;
 //#endregion
 export { RadioGroup, RadioGroupItem };
 //# sourceMappingURL=radio-group.d.ts.map

package/dist/ui/radio-group.js

@@ -4,13 +4,13 @@ import { jsx } from "react/jsx-runtime";
 import * as RadioGroupPrimitive from "@rn-primitives/radio-group";
 
 //#region ui/radio-group.tsx
-function RadioGroup({ className,...props }) {
+function RadioGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, {
 		className: cn("gap-3", className),
 		...props
 	});
 }
-function RadioGroupItem({ className,...props }) {
+function RadioGroupItem({ className, ...props }) {
 	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Item, {
 		className: cn("border-input dark:bg-input/30 aspect-square size-4 shrink-0 items-center justify-center rounded-full border shadow-2xs shadow-black/5", Platform.select({ web: "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive focus-visible:border-ring focus-visible:ring-ring/50 outline-hidden transition-all focus-visible:ring-[3px] disabled:cursor-not-allowed" }), props.disabled && "opacity-50", className),
 		...props,

package/dist/ui/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","names":[],"sources":["../../ui/radio-group.tsx"],"sourcesContent":["import { cn } from './utils';\nimport * as RadioGroupPrimitive from '@rn-primitives/radio-group';\nimport { Platform } from 'react-native';\n\nfunction RadioGroup({\n  className,\n  ...props\n}: RadioGroupPrimitive.RootProps &\n  React.RefAttributes<RadioGroupPrimitive.RootRef>) {\n  return (\n    <RadioGroupPrimitive.Root className={cn('gap-3', className)} {...props} />\n  );\n}\n\nfunction RadioGroupItem({\n  className,\n  ...props\n}: RadioGroupPrimitive.ItemProps &\n  React.RefAttributes<RadioGroupPrimitive.ItemRef>) {\n  return (\n    <RadioGroupPrimitive.Item\n      className={cn(\n        'border-input dark:bg-input/30 aspect-square size-4 shrink-0 items-center justify-center rounded-full border shadow-2xs shadow-black/5',\n        Platform.select({\n          web: 'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive focus-visible:border-ring focus-visible:ring-ring/50 outline-hidden transition-all focus-visible:ring-[3px] disabled:cursor-not-allowed',\n        }),\n        props.disabled && 'opacity-50',\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"bg-primary size-2 rounded-full\" />\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;;AAIA,SAAS,WAAW,EAClB,UACA,GAAG,SAE+C;AAClD,QACE,oBAAC,oBAAoB;EAAK,WAAW,GAAG,SAAS,UAAU;EAAE,GAAI;GAAS;;AAI9E,SAAS,eAAe,EACtB,UACA,GAAG,SAE+C;AAClD,QACE,oBAAC,oBAAoB;EACnB,WAAW,GACT,yIACA,SAAS,OAAO,EACd,KAAK,kPACN,CAAC,EACF,MAAM,YAAY,cAClB,UACD;EACD,GAAI;YAEJ,oBAAC,oBAAoB,aAAU,WAAU,mCAAmC;GACnD"}
+{"version":3,"file":"radio-group.js","names":[],"sources":["../../ui/radio-group.tsx"],"sourcesContent":["import { cn } from './utils';\nimport * as RadioGroupPrimitive from '@rn-primitives/radio-group';\nimport { Platform } from 'react-native';\n\nfunction RadioGroup({\n  className,\n  ...props\n}: RadioGroupPrimitive.RootProps &\n  React.RefAttributes<RadioGroupPrimitive.RootRef>) {\n  return (\n    <RadioGroupPrimitive.Root className={cn('gap-3', className)} {...props} />\n  );\n}\n\nfunction RadioGroupItem({\n  className,\n  ...props\n}: RadioGroupPrimitive.ItemProps &\n  React.RefAttributes<RadioGroupPrimitive.ItemRef>) {\n  return (\n    <RadioGroupPrimitive.Item\n      className={cn(\n        'border-input dark:bg-input/30 aspect-square size-4 shrink-0 items-center justify-center rounded-full border shadow-2xs shadow-black/5',\n        Platform.select({\n          web: 'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive focus-visible:border-ring focus-visible:ring-ring/50 outline-hidden transition-all focus-visible:ring-[3px] disabled:cursor-not-allowed',\n        }),\n        props.disabled && 'opacity-50',\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"bg-primary size-2 rounded-full\" />\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;;AAIA,SAAS,WAAW,EAClB,WACA,GAAG,SAE+C;AAClD,QACE,oBAAC,oBAAoB;EAAK,WAAW,GAAG,SAAS,UAAU;EAAE,GAAI;GAAS;;AAI9E,SAAS,eAAe,EACtB,WACA,GAAG,SAE+C;AAClD,QACE,oBAAC,oBAAoB;EACnB,WAAW,GACT,yIACA,SAAS,OAAO,EACd,KAAK,kPACN,CAAC,EACF,MAAM,YAAY,cAClB,UACD;EACD,GAAI;YAEJ,oBAAC,oBAAoB,aAAU,WAAU,mCAAmC;GACnD"}

package/dist/ui/select.d.ts

@@ -1,12 +1,12 @@
 import * as React$1 from "react";
-import * as react_native35 from "react-native";
+import * as react_native56 from "react-native";
 import { View } from "react-native";
-import * as react_jsx_runtime117 from "react/jsx-runtime";
+import * as react_jsx_runtime147 from "react/jsx-runtime";
 import * as _rn_primitives_select0 from "@rn-primitives/select";
 
 //#region ui/select.d.ts
 type Option = _rn_primitives_select0.Option;
-declare const Select: React$1.ForwardRefExoticComponent<react_native35.ViewProps & {
+declare const Select: React$1.ForwardRefExoticComponent<react_native56.ViewProps & {
   asChild?: boolean;
 } & {
   value?: _rn_primitives_select0.Option;
@@ -18,14 +18,14 @@ declare const Select: React$1.ForwardRefExoticComponent<react_native35.ViewProps
   name?: string;
   required?: boolean;
 } & React$1.RefAttributes<View>>;
-declare const SelectGroup: React$1.ForwardRefExoticComponent<react_native35.ViewProps & {
+declare const SelectGroup: React$1.ForwardRefExoticComponent<react_native56.ViewProps & {
   asChild?: boolean;
 } & React$1.RefAttributes<View>>;
-declare const SelectValue: React$1.ForwardRefExoticComponent<react_native35.TextProps & {
+declare const SelectValue: React$1.ForwardRefExoticComponent<react_native56.TextProps & {
   asChild?: boolean;
 } & {
   placeholder: string;
-} & React$1.RefAttributes<react_native35.Text>>;
+} & React$1.RefAttributes<react_native56.Text>>;
 declare function SelectTrigger({
   ref,
   className,
@@ -34,21 +34,21 @@ declare function SelectTrigger({
 }: _rn_primitives_select0.TriggerProps & {
   ref?: React$1.RefObject<_rn_primitives_select0.TriggerRef>;
   children?: React$1.ReactNode;
-}): react_jsx_runtime117.JSX.Element;
+}): react_jsx_runtime147.JSX.Element;
 /**
  * Platform: WEB ONLY
  */
 declare function SelectScrollUpButton({
   className,
   ...props
-}: _rn_primitives_select0.ScrollUpButtonProps): react_jsx_runtime117.JSX.Element | null;
+}: _rn_primitives_select0.ScrollUpButtonProps): react_jsx_runtime147.JSX.Element | null;
 /**
  * Platform: WEB ONLY
  */
 declare function SelectScrollDownButton({
   className,
   ...props
-}: _rn_primitives_select0.ScrollDownButtonProps): react_jsx_runtime117.JSX.Element | null;
+}: _rn_primitives_select0.ScrollDownButtonProps): react_jsx_runtime147.JSX.Element | null;
 declare function SelectContent({
   className,
   children,
@@ -59,26 +59,26 @@ declare function SelectContent({
   ref?: React$1.RefObject<_rn_primitives_select0.ContentRef>;
   className?: string;
   portalHost?: string;
-}): react_jsx_runtime117.JSX.Element;
+}): react_jsx_runtime147.JSX.Element;
 declare function SelectLabel({
   className,
   ...props
 }: _rn_primitives_select0.LabelProps & {
   ref?: React$1.RefObject<_rn_primitives_select0.LabelRef>;
-}): react_jsx_runtime117.JSX.Element;
+}): react_jsx_runtime147.JSX.Element;
 declare function SelectItem({
   className,
   children,
   ...props
 }: _rn_primitives_select0.ItemProps & {
   ref?: React$1.RefObject<_rn_primitives_select0.ItemRef>;
-}): react_jsx_runtime117.JSX.Element;
+}): react_jsx_runtime147.JSX.Element;
 declare function SelectSeparator({
   className,
   ...props
 }: _rn_primitives_select0.SeparatorProps & {
   ref?: React$1.RefObject<_rn_primitives_select0.SeparatorRef>;
-}): react_jsx_runtime117.JSX.Element;
+}): react_jsx_runtime147.JSX.Element;
 //#endregion
 export { type Option, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
 //# sourceMappingURL=select.d.ts.map

package/dist/ui/select.js

@@ -12,7 +12,7 @@ import * as SelectPrimitive from "@rn-primitives/select";
 const Select = SelectPrimitive.Root;
 const SelectGroup = SelectPrimitive.Group;
 const SelectValue = SelectPrimitive.Value;
-function SelectTrigger({ ref, className, children,...props }) {
+function SelectTrigger({ ref, className, children, ...props }) {
 	return /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
 		ref,
 		className: cn("native:h-12 border-input bg-background text-muted-foreground web:ring-offset-background web:focus:outline-hidden web:focus:ring-2 web:focus:ring-ring web:focus:ring-offset-2 flex h-10 flex-row items-center justify-between rounded-md border px-3 py-2 text-sm [&>span]:line-clamp-1", props.disabled && "web:cursor-not-allowed opacity-50", className),
@@ -27,7 +27,7 @@ function SelectTrigger({ ref, className, children,...props }) {
 /**
 * Platform: WEB ONLY
 */
-function SelectScrollUpButton({ className,...props }) {
+function SelectScrollUpButton({ className, ...props }) {
 	if (Platform.OS !== "web") return null;
 	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
 		className: cn("web:cursor-default flex items-center justify-center py-1", className),
@@ -41,7 +41,7 @@ function SelectScrollUpButton({ className,...props }) {
 /**
 * Platform: WEB ONLY
 */
-function SelectScrollDownButton({ className,...props }) {
+function SelectScrollDownButton({ className, ...props }) {
 	if (Platform.OS !== "web") return null;
 	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
 		className: cn("web:cursor-default flex items-center justify-center py-1", className),
@@ -52,7 +52,7 @@ function SelectScrollDownButton({ className,...props }) {
 		})
 	});
 }
-function SelectContent({ className, children, position = "popper", portalHost,...props }) {
+function SelectContent({ className, children, position = "popper", portalHost, ...props }) {
 	const { open } = SelectPrimitive.useRootContext();
 	return /* @__PURE__ */ jsx(SelectPrimitive.Portal, {
 		hostName: portalHost,
@@ -79,13 +79,13 @@ function SelectContent({ className, children, position = "popper", portalHost,..
 		})
 	});
 }
-function SelectLabel({ className,...props }) {
+function SelectLabel({ className, ...props }) {
 	return /* @__PURE__ */ jsx(SelectPrimitive.Label, {
 		className: cn("native:pb-2 native:pl-10 native:text-base text-popover-foreground py-1.5 pr-2 pl-8 text-sm font-semibold", className),
 		...props
 	});
 }
-function SelectItem({ className, children,...props }) {
+function SelectItem({ className, children, ...props }) {
 	return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
 		className: cn("web:group native:py-2 native:pl-10 active:bg-accent web:cursor-default web:select-none web:outline-hidden web:hover:bg-accent/50 web:focus:bg-accent relative flex w-full flex-row items-center rounded-xs py-1.5 pr-2 pl-8", props.disabled && "web:pointer-events-none opacity-50", className),
 		...props,
@@ -99,7 +99,7 @@ function SelectItem({ className, children,...props }) {
 		}), /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { className: "native:text-lg native:text-base text-popover-foreground web:group-focus:text-accent-foreground text-sm" })]
 	});
 }
-function SelectSeparator({ className,...props }) {
+function SelectSeparator({ className, ...props }) {
 	return /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
 		className: cn("bg-muted -mx-1 my-1 h-px", className),
 		...props

package/dist/ui/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":[],"sources":["../../ui/select.tsx"],"sourcesContent":["import * as SelectPrimitive from '@rn-primitives/select';\nimport * as React from 'react';\nimport { Platform, StyleSheet, View } from 'react-native';\nimport Animated, { FadeIn, FadeOut } from 'react-native-reanimated';\nimport { Check } from './icons/Check';\nimport { ChevronDown } from './icons/ChevronDown';\nimport { ChevronUp } from './icons/ChevronUp';\nimport { cn } from './utils';\n\ntype Option = SelectPrimitive.Option;\n\nconst Select = SelectPrimitive.Root;\n\nconst SelectGroup = SelectPrimitive.Group;\n\nconst SelectValue = SelectPrimitive.Value;\n\nfunction SelectTrigger({\n  ref,\n  className,\n  children,\n  ...props\n}: SelectPrimitive.TriggerProps & {\n  ref?: React.RefObject<SelectPrimitive.TriggerRef>;\n  children?: React.ReactNode;\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'native:h-12 border-input bg-background text-muted-foreground web:ring-offset-background web:focus:outline-hidden web:focus:ring-2 web:focus:ring-ring web:focus:ring-offset-2 flex h-10 flex-row items-center justify-between rounded-md border px-3 py-2 text-sm [&>span]:line-clamp-1',\n        props.disabled && 'web:cursor-not-allowed opacity-50',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDown\n        size={16}\n        aria-hidden={true}\n        className=\"text-foreground opacity-50\"\n      />\n    </SelectPrimitive.Trigger>\n  );\n}\n\n/**\n * Platform: WEB ONLY\n */\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: SelectPrimitive.ScrollUpButtonProps) {\n  if (Platform.OS !== 'web') {\n    return null;\n  }\n  return (\n    <SelectPrimitive.ScrollUpButton\n      className={cn(\n        'web:cursor-default flex items-center justify-center py-1',\n        className\n      )}\n      {...props}\n    >\n      <ChevronUp size={14} className=\"text-foreground\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\n/**\n * Platform: WEB ONLY\n */\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: SelectPrimitive.ScrollDownButtonProps) {\n  if (Platform.OS !== 'web') {\n    return null;\n  }\n  return (\n    <SelectPrimitive.ScrollDownButton\n      className={cn(\n        'web:cursor-default flex items-center justify-center py-1',\n        className\n      )}\n      {...props}\n    >\n      <ChevronDown size={14} className=\"text-foreground\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'popper',\n  portalHost,\n  ...props\n}: SelectPrimitive.ContentProps & {\n  ref?: React.RefObject<SelectPrimitive.ContentRef>;\n  className?: string;\n  portalHost?: string;\n}) {\n  const { open } = SelectPrimitive.useRootContext();\n\n  return (\n    <SelectPrimitive.Portal hostName={portalHost}>\n      <SelectPrimitive.Overlay\n        style={Platform.OS !== 'web' ? StyleSheet.absoluteFill : undefined}\n      >\n        <Animated.View className=\"z-50\" entering={FadeIn} exiting={FadeOut}>\n          <SelectPrimitive.Content\n            className={cn(\n              'border-border bg-popover shadow-foreground/10 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 relative z-50 max-h-96 min-w-32 rounded-md border px-1 py-2 shadow-md',\n              position === 'popper' &&\n                'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\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            position={position}\n            {...props}\n          >\n            <SelectScrollUpButton />\n            <SelectPrimitive.Viewport\n              className={cn(\n                'p-1',\n                position === 'popper' &&\n                  'h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)'\n              )}\n            >\n              {children}\n            </SelectPrimitive.Viewport>\n            <SelectScrollDownButton />\n          </SelectPrimitive.Content>\n        </Animated.View>\n      </SelectPrimitive.Overlay>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: SelectPrimitive.LabelProps & {\n  ref?: React.RefObject<SelectPrimitive.LabelRef>;\n}) {\n  return (\n    <SelectPrimitive.Label\n      className={cn(\n        'native:pb-2 native:pl-10 native:text-base text-popover-foreground py-1.5 pr-2 pl-8 text-sm font-semibold',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: SelectPrimitive.ItemProps & {\n  ref?: React.RefObject<SelectPrimitive.ItemRef>;\n}) {\n  return (\n    <SelectPrimitive.Item\n      className={cn(\n        'web:group native:py-2 native:pl-10 active:bg-accent web:cursor-default web:select-none web:outline-hidden web:hover:bg-accent/50 web:focus:bg-accent relative flex w-full flex-row items-center rounded-xs py-1.5 pr-2 pl-8',\n        props.disabled && 'web:pointer-events-none opacity-50',\n        className\n      )}\n      {...props}\n    >\n      <View className=\"native:left-3.5 native:pt-px absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <Check\n            size={16}\n            strokeWidth={3}\n            className=\"text-popover-foreground\"\n          />\n        </SelectPrimitive.ItemIndicator>\n      </View>\n      <SelectPrimitive.ItemText className=\"native:text-lg native:text-base text-popover-foreground web:group-focus:text-accent-foreground text-sm\" />\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: SelectPrimitive.SeparatorProps & {\n  ref?: React.RefObject<SelectPrimitive.SeparatorRef>;\n}) {\n  return (\n    <SelectPrimitive.Separator\n      className={cn('bg-muted -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n  type Option,\n};\n"],"mappings":";;;;;;;;;;;AAWA,MAAM,SAAS,gBAAgB;AAE/B,MAAM,cAAc,gBAAgB;AAEpC,MAAM,cAAc,gBAAgB;AAEpC,SAAS,cAAc,EACrB,KACA,WACA,SACA,GAAG,SAIF;AACD,QACE,qBAAC,gBAAgB;EACV;EACL,WAAW,GACT,2RACA,MAAM,YAAY,qCAClB,UACD;EACD,GAAI;aAEH,UACD,oBAAC;GACC,MAAM;GACN,eAAa;GACb,WAAU;IACV;GACsB;;;;;AAO9B,SAAS,qBAAqB,EAC5B,UACA,GAAG,SACmC;AACtC,KAAI,SAAS,OAAO,MAClB,QAAO;AAET,QACE,oBAAC,gBAAgB;EACf,WAAW,GACT,4DACA,UACD;EACD,GAAI;YAEJ,oBAAC;GAAU,MAAM;GAAI,WAAU;IAAoB;GACpB;;;;;AAOrC,SAAS,uBAAuB,EAC9B,UACA,GAAG,SACqC;AACxC,KAAI,SAAS,OAAO,MAClB,QAAO;AAET,QACE,oBAAC,gBAAgB;EACf,WAAW,GACT,4DACA,UACD;EACD,GAAI;YAEJ,oBAAC;GAAY,MAAM;GAAI,WAAU;IAAoB;GACpB;;AAIvC,SAAS,cAAc,EACrB,WACA,UACA,WAAW,UACX,WACA,GAAG,SAKF;CACD,MAAM,EAAE,SAAS,gBAAgB,gBAAgB;AAEjD,QACE,oBAAC,gBAAgB;EAAO,UAAU;YAChC,oBAAC,gBAAgB;GACf,OAAO,SAAS,OAAO,QAAQ,WAAW,eAAe;aAEzD,oBAAC,SAAS;IAAK,WAAU;IAAO,UAAU;IAAQ,SAAS;cACzD,qBAAC,gBAAgB;KACf,WAAW,GACT,mRACA,aAAa,YACX,mIACF,OACI,gDACA,kDACJ,UACD;KACS;KACV,GAAI;;MAEJ,oBAAC,yBAAuB;MACxB,oBAAC,gBAAgB;OACf,WAAW,GACT,OACA,aAAa,YACX,gFACH;OAEA;QACwB;MAC3B,oBAAC,2BAAyB;;MACF;KACZ;IACQ;GACH;;AAI7B,SAAS,YAAY,EACnB,UACA,GAAG,SAGF;AACD,QACE,oBAAC,gBAAgB;EACf,WAAW,GACT,4GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAClB,WACA,SACA,GAAG,SAGF;AACD,QACE,qBAAC,gBAAgB;EACf,WAAW,GACT,+NACA,MAAM,YAAY,sCAClB,UACD;EACD,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAAC,gBAAgB,2BACf,oBAAC;IACC,MAAM;IACN,aAAa;IACb,WAAU;KACV,GAC4B;IAC3B,EACP,oBAAC,gBAAgB,YAAS,WAAU,2GAA2G;GAC1H;;AAI3B,SAAS,gBAAgB,EACvB,UACA,GAAG,SAGF;AACD,QACE,oBAAC,gBAAgB;EACf,WAAW,GAAG,4BAA4B,UAAU;EACpD,GAAI;GACJ"}
+{"version":3,"file":"select.js","names":[],"sources":["../../ui/select.tsx"],"sourcesContent":["import * as SelectPrimitive from '@rn-primitives/select';\nimport * as React from 'react';\nimport { Platform, StyleSheet, View } from 'react-native';\nimport Animated, { FadeIn, FadeOut } from 'react-native-reanimated';\nimport { Check } from './icons/Check';\nimport { ChevronDown } from './icons/ChevronDown';\nimport { ChevronUp } from './icons/ChevronUp';\nimport { cn } from './utils';\n\ntype Option = SelectPrimitive.Option;\n\nconst Select = SelectPrimitive.Root;\n\nconst SelectGroup = SelectPrimitive.Group;\n\nconst SelectValue = SelectPrimitive.Value;\n\nfunction SelectTrigger({\n  ref,\n  className,\n  children,\n  ...props\n}: SelectPrimitive.TriggerProps & {\n  ref?: React.RefObject<SelectPrimitive.TriggerRef>;\n  children?: React.ReactNode;\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'native:h-12 border-input bg-background text-muted-foreground web:ring-offset-background web:focus:outline-hidden web:focus:ring-2 web:focus:ring-ring web:focus:ring-offset-2 flex h-10 flex-row items-center justify-between rounded-md border px-3 py-2 text-sm [&>span]:line-clamp-1',\n        props.disabled && 'web:cursor-not-allowed opacity-50',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDown\n        size={16}\n        aria-hidden={true}\n        className=\"text-foreground opacity-50\"\n      />\n    </SelectPrimitive.Trigger>\n  );\n}\n\n/**\n * Platform: WEB ONLY\n */\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: SelectPrimitive.ScrollUpButtonProps) {\n  if (Platform.OS !== 'web') {\n    return null;\n  }\n  return (\n    <SelectPrimitive.ScrollUpButton\n      className={cn(\n        'web:cursor-default flex items-center justify-center py-1',\n        className\n      )}\n      {...props}\n    >\n      <ChevronUp size={14} className=\"text-foreground\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\n/**\n * Platform: WEB ONLY\n */\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: SelectPrimitive.ScrollDownButtonProps) {\n  if (Platform.OS !== 'web') {\n    return null;\n  }\n  return (\n    <SelectPrimitive.ScrollDownButton\n      className={cn(\n        'web:cursor-default flex items-center justify-center py-1',\n        className\n      )}\n      {...props}\n    >\n      <ChevronDown size={14} className=\"text-foreground\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'popper',\n  portalHost,\n  ...props\n}: SelectPrimitive.ContentProps & {\n  ref?: React.RefObject<SelectPrimitive.ContentRef>;\n  className?: string;\n  portalHost?: string;\n}) {\n  const { open } = SelectPrimitive.useRootContext();\n\n  return (\n    <SelectPrimitive.Portal hostName={portalHost}>\n      <SelectPrimitive.Overlay\n        style={Platform.OS !== 'web' ? StyleSheet.absoluteFill : undefined}\n      >\n        <Animated.View className=\"z-50\" entering={FadeIn} exiting={FadeOut}>\n          <SelectPrimitive.Content\n            className={cn(\n              'border-border bg-popover shadow-foreground/10 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 relative z-50 max-h-96 min-w-32 rounded-md border px-1 py-2 shadow-md',\n              position === 'popper' &&\n                'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\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            position={position}\n            {...props}\n          >\n            <SelectScrollUpButton />\n            <SelectPrimitive.Viewport\n              className={cn(\n                'p-1',\n                position === 'popper' &&\n                  'h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)'\n              )}\n            >\n              {children}\n            </SelectPrimitive.Viewport>\n            <SelectScrollDownButton />\n          </SelectPrimitive.Content>\n        </Animated.View>\n      </SelectPrimitive.Overlay>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: SelectPrimitive.LabelProps & {\n  ref?: React.RefObject<SelectPrimitive.LabelRef>;\n}) {\n  return (\n    <SelectPrimitive.Label\n      className={cn(\n        'native:pb-2 native:pl-10 native:text-base text-popover-foreground py-1.5 pr-2 pl-8 text-sm font-semibold',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: SelectPrimitive.ItemProps & {\n  ref?: React.RefObject<SelectPrimitive.ItemRef>;\n}) {\n  return (\n    <SelectPrimitive.Item\n      className={cn(\n        'web:group native:py-2 native:pl-10 active:bg-accent web:cursor-default web:select-none web:outline-hidden web:hover:bg-accent/50 web:focus:bg-accent relative flex w-full flex-row items-center rounded-xs py-1.5 pr-2 pl-8',\n        props.disabled && 'web:pointer-events-none opacity-50',\n        className\n      )}\n      {...props}\n    >\n      <View className=\"native:left-3.5 native:pt-px absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <Check\n            size={16}\n            strokeWidth={3}\n            className=\"text-popover-foreground\"\n          />\n        </SelectPrimitive.ItemIndicator>\n      </View>\n      <SelectPrimitive.ItemText className=\"native:text-lg native:text-base text-popover-foreground web:group-focus:text-accent-foreground text-sm\" />\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: SelectPrimitive.SeparatorProps & {\n  ref?: React.RefObject<SelectPrimitive.SeparatorRef>;\n}) {\n  return (\n    <SelectPrimitive.Separator\n      className={cn('bg-muted -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n  type Option,\n};\n"],"mappings":";;;;;;;;;;;AAWA,MAAM,SAAS,gBAAgB;AAE/B,MAAM,cAAc,gBAAgB;AAEpC,MAAM,cAAc,gBAAgB;AAEpC,SAAS,cAAc,EACrB,KACA,WACA,UACA,GAAG,SAIF;AACD,QACE,qBAAC,gBAAgB;EACV;EACL,WAAW,GACT,2RACA,MAAM,YAAY,qCAClB,UACD;EACD,GAAI;aAEH,UACD,oBAAC;GACC,MAAM;GACN,eAAa;GACb,WAAU;IACV;GACsB;;;;;AAO9B,SAAS,qBAAqB,EAC5B,WACA,GAAG,SACmC;AACtC,KAAI,SAAS,OAAO,MAClB,QAAO;AAET,QACE,oBAAC,gBAAgB;EACf,WAAW,GACT,4DACA,UACD;EACD,GAAI;YAEJ,oBAAC;GAAU,MAAM;GAAI,WAAU;IAAoB;GACpB;;;;;AAOrC,SAAS,uBAAuB,EAC9B,WACA,GAAG,SACqC;AACxC,KAAI,SAAS,OAAO,MAClB,QAAO;AAET,QACE,oBAAC,gBAAgB;EACf,WAAW,GACT,4DACA,UACD;EACD,GAAI;YAEJ,oBAAC;GAAY,MAAM;GAAI,WAAU;IAAoB;GACpB;;AAIvC,SAAS,cAAc,EACrB,WACA,UACA,WAAW,UACX,YACA,GAAG,SAKF;CACD,MAAM,EAAE,SAAS,gBAAgB,gBAAgB;AAEjD,QACE,oBAAC,gBAAgB;EAAO,UAAU;YAChC,oBAAC,gBAAgB;GACf,OAAO,SAAS,OAAO,QAAQ,WAAW,eAAe;aAEzD,oBAAC,SAAS;IAAK,WAAU;IAAO,UAAU;IAAQ,SAAS;cACzD,qBAAC,gBAAgB;KACf,WAAW,GACT,mRACA,aAAa,YACX,mIACF,OACI,gDACA,kDACJ,UACD;KACS;KACV,GAAI;;MAEJ,oBAAC,yBAAuB;MACxB,oBAAC,gBAAgB;OACf,WAAW,GACT,OACA,aAAa,YACX,gFACH;OAEA;QACwB;MAC3B,oBAAC,2BAAyB;;MACF;KACZ;IACQ;GACH;;AAI7B,SAAS,YAAY,EACnB,WACA,GAAG,SAGF;AACD,QACE,oBAAC,gBAAgB;EACf,WAAW,GACT,4GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAClB,WACA,UACA,GAAG,SAGF;AACD,QACE,qBAAC,gBAAgB;EACf,WAAW,GACT,+NACA,MAAM,YAAY,sCAClB,UACD;EACD,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAAC,gBAAgB,2BACf,oBAAC;IACC,MAAM;IACN,aAAa;IACb,WAAU;KACV,GAC4B;IAC3B,EACP,oBAAC,gBAAgB,YAAS,WAAU,2GAA2G;GAC1H;;AAI3B,SAAS,gBAAgB,EACvB,WACA,GAAG,SAGF;AACD,QACE,oBAAC,gBAAgB;EACf,WAAW,GAAG,4BAA4B,UAAU;EACpD,GAAI;GACJ"}

package/dist/ui/separator.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime73 from "react/jsx-runtime";
+import * as react_jsx_runtime67 from "react/jsx-runtime";
 import * as SeparatorPrimitive from "@rn-primitives/separator";
 
 //#region ui/separator.d.ts
@@ -10,7 +10,7 @@ declare function Separator({
   ...props
 }: SeparatorPrimitive.RootProps & {
   ref?: React$1.RefObject<SeparatorPrimitive.RootRef>;
-}): react_jsx_runtime73.JSX.Element;
+}): react_jsx_runtime67.JSX.Element;
 //#endregion
 export { Separator };
 //# sourceMappingURL=separator.d.ts.map

package/dist/ui/separator.js

@@ -4,7 +4,7 @@ import { jsx } from "react/jsx-runtime";
 import * as SeparatorPrimitive from "@rn-primitives/separator";
 
 //#region ui/separator.tsx
-function Separator({ className, orientation = "horizontal", decorative = true,...props }) {
+function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
 	return /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
 		decorative,
 		orientation,

package/dist/ui/separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"separator.js","names":[],"sources":["../../ui/separator.tsx"],"sourcesContent":["import * as SeparatorPrimitive from '@rn-primitives/separator';\nimport * as React from 'react';\nimport { cn } from './utils';\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: SeparatorPrimitive.RootProps & {\n  ref?: React.RefObject<SeparatorPrimitive.RootRef>;\n}) {\n  return (\n    <SeparatorPrimitive.Root\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        'bg-border shrink-0',\n        orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":";;;;;;AAIA,SAAS,UAAU,EACjB,WACA,cAAc,cACd,aAAa,KACb,GAAG,SAGF;AACD,QACE,oBAAC,mBAAmB;EACN;EACC;EACb,WAAW,GACT,sBACA,gBAAgB,eAAe,gBAAgB,eAC/C,UACD;EACD,GAAI;GACJ"}
+{"version":3,"file":"separator.js","names":[],"sources":["../../ui/separator.tsx"],"sourcesContent":["import * as SeparatorPrimitive from '@rn-primitives/separator';\nimport * as React from 'react';\nimport { cn } from './utils';\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: SeparatorPrimitive.RootProps & {\n  ref?: React.RefObject<SeparatorPrimitive.RootRef>;\n}) {\n  return (\n    <SeparatorPrimitive.Root\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        'bg-border shrink-0',\n        orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":";;;;;;AAIA,SAAS,UAAU,EACjB,WACA,cAAc,cACd,aAAa,MACb,GAAG,SAGF;AACD,QACE,oBAAC,mBAAmB;EACN;EACC;EACb,WAAW,GACT,sBACA,gBAAgB,eAAe,gBAAgB,eAC/C,UACD;EACD,GAAI;GACJ"}

package/dist/ui/skeleton.d.ts

@@ -1,12 +1,12 @@
 import * as React$1 from "react";
 import { View } from "react-native";
-import * as react_jsx_runtime155 from "react/jsx-runtime";
+import * as react_jsx_runtime139 from "react/jsx-runtime";
 
 //#region ui/skeleton.d.ts
 declare function Skeleton({
   className,
   ...props
-}: Omit<React$1.ComponentPropsWithoutRef<typeof View>, 'style'>): react_jsx_runtime155.JSX.Element;
+}: Omit<React$1.ComponentPropsWithoutRef<typeof View>, 'style'>): react_jsx_runtime139.JSX.Element;
 //#endregion
 export { Skeleton };
 //# sourceMappingURL=skeleton.d.ts.map

package/dist/ui/skeleton.js

@@ -6,7 +6,7 @@ import { jsx } from "react/jsx-runtime";
 
 //#region ui/skeleton.tsx
 const duration = 1e3;
-function Skeleton({ className,...props }) {
+function Skeleton({ className, ...props }) {
 	const sv = useSharedValue(1);
 	React$1.useEffect(() => {
 		sv.value = withRepeat(withSequence(withTiming(.5, { duration }), withTiming(1, { duration })), -1);

package/dist/ui/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","names":[],"sources":["../../ui/skeleton.tsx"],"sourcesContent":["import * as React from 'react';\nimport Animated, {\n  useAnimatedStyle,\n  useSharedValue,\n  withRepeat,\n  withSequence,\n  withTiming,\n} from 'react-native-reanimated';\nimport { cn } from './utils';\nimport { View } from 'react-native';\n\nconst duration = 1000;\n\nfunction Skeleton({\n  className,\n  ...props\n  // }: Omit<React.ComponentPropsWithoutRef<typeof Animated.View>, 'style'>) {\n}: Omit<React.ComponentPropsWithoutRef<typeof View>, 'style'>) {\n  const sv = useSharedValue(1);\n\n  React.useEffect(() => {\n    sv.value = withRepeat(\n      withSequence(withTiming(0.5, { duration }), withTiming(1, { duration })),\n      -1\n    );\n  }, []);\n\n  const style = useAnimatedStyle(() => ({\n    opacity: sv.value,\n  }));\n\n  return (\n    <Animated.View\n      style={style}\n      className={cn('bg-secondary dark:bg-muted rounded-md', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n"],"mappings":";;;;;;;AAWA,MAAM,WAAW;AAEjB,SAAS,SAAS,EAChB,UACA,GAAG,SAE0D;CAC7D,MAAM,KAAK,eAAe,EAAE;AAE5B,SAAM,gBAAgB;AACpB,KAAG,QAAQ,WACT,aAAa,WAAW,IAAK,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,EAAE,UAAU,CAAC,CAAC,EACxE,GACD;IACA,EAAE,CAAC;CAEN,MAAM,QAAQ,wBAAwB,EACpC,SAAS,GAAG,OACb,EAAE;AAEH,QACE,oBAAC,SAAS;EACD;EACP,WAAW,GAAG,yCAAyC,UAAU;EACjE,GAAI;GACJ"}
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../ui/skeleton.tsx"],"sourcesContent":["import * as React from 'react';\nimport Animated, {\n  useAnimatedStyle,\n  useSharedValue,\n  withRepeat,\n  withSequence,\n  withTiming,\n} from 'react-native-reanimated';\nimport { cn } from './utils';\nimport { View } from 'react-native';\n\nconst duration = 1000;\n\nfunction Skeleton({\n  className,\n  ...props\n  // }: Omit<React.ComponentPropsWithoutRef<typeof Animated.View>, 'style'>) {\n}: Omit<React.ComponentPropsWithoutRef<typeof View>, 'style'>) {\n  const sv = useSharedValue(1);\n\n  React.useEffect(() => {\n    sv.value = withRepeat(\n      withSequence(withTiming(0.5, { duration }), withTiming(1, { duration })),\n      -1\n    );\n  }, []);\n\n  const style = useAnimatedStyle(() => ({\n    opacity: sv.value,\n  }));\n\n  return (\n    <Animated.View\n      style={style}\n      className={cn('bg-secondary dark:bg-muted rounded-md', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n"],"mappings":";;;;;;;AAWA,MAAM,WAAW;AAEjB,SAAS,SAAS,EAChB,WACA,GAAG,SAE0D;CAC7D,MAAM,KAAK,eAAe,EAAE;AAE5B,SAAM,gBAAgB;AACpB,KAAG,QAAQ,WACT,aAAa,WAAW,IAAK,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,EAAE,UAAU,CAAC,CAAC,EACxE,GACD;IACA,EAAE,CAAC;CAEN,MAAM,QAAQ,wBAAwB,EACpC,SAAS,GAAG,OACb,EAAE;AAEH,QACE,oBAAC,SAAS;EACD;EACP,WAAW,GAAG,yCAAyC,UAAU;EACjE,GAAI;GACJ"}

package/dist/ui/stack.d.ts

@@ -1,6 +1,6 @@
 import * as React$1 from "react";
 import { View, ViewProps } from "react-native";
-import * as react_jsx_runtime158 from "react/jsx-runtime";
+import * as react_jsx_runtime140 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types10 from "class-variance-authority/types";
 
@@ -50,7 +50,7 @@ declare function Box({
   gap,
   wrap,
   ...props
-}: BoxProps): react_jsx_runtime158.JSX.Element;
+}: BoxProps): react_jsx_runtime140.JSX.Element;
 declare function HStack({
   className,
   spacing,
@@ -61,7 +61,7 @@ declare function HStack({
   gap,
   wrap,
   ...props
-}: HStackProps): react_jsx_runtime158.JSX.Element;
+}: HStackProps): react_jsx_runtime140.JSX.Element;
 declare function VStack({
   className,
   spacing,
@@ -71,7 +71,7 @@ declare function VStack({
   padding,
   gap,
   ...props
-}: VStackProps): react_jsx_runtime158.JSX.Element;
+}: VStackProps): react_jsx_runtime140.JSX.Element;
 //#endregion
 export { Box, type BoxProps, HStack, type HStackProps, VStack, type VStackProps };
 //# sourceMappingURL=stack.d.ts.map

package/dist/ui/stack.js

@@ -191,7 +191,7 @@ const boxVariants = cva([baseStyle, "flex-row"], {
 		wrap: "wrap"
 	}
 });
-function Box({ className, spacing, align, justify, width, padding, gap, wrap,...props }) {
+function Box({ className, spacing, align, justify, width, padding, gap, wrap, ...props }) {
 	return /* @__PURE__ */ jsx(View, {
 		className: cn(boxVariants({
 			spacing,
@@ -205,7 +205,7 @@ function Box({ className, spacing, align, justify, width, padding, gap, wrap,...
 		...props
 	});
 }
-function HStack({ className, spacing, align, justify, width, padding, gap, wrap,...props }) {
+function HStack({ className, spacing, align, justify, width, padding, gap, wrap, ...props }) {
 	return /* @__PURE__ */ jsx(View, {
 		className: cn(hStackVariants({
 			spacing,
@@ -219,7 +219,7 @@ function HStack({ className, spacing, align, justify, width, padding, gap, wrap,
 		...props
 	});
 }
-function VStack({ className, spacing, align, justify, width, padding, gap,...props }) {
+function VStack({ className, spacing, align, justify, width, padding, gap, ...props }) {
 	return /* @__PURE__ */ jsx(View, {
 		className: cn(vStackVariants({
 			spacing,

package/dist/ui/stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"stack.js","names":[],"sources":["../../ui/stack.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ViewProps } from 'react-native';\nimport { View } from 'react-native';\nimport { cn } from './utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst baseStyle = 'flex';\n\n// VStack variants using cva\nconst vStackVariants = cva(\n  [baseStyle, 'flex-col'], // base classes\n  {\n    variants: {\n      spacing: {\n        none: '',\n        xs: 'gap-y-1',\n        sm: 'gap-y-2',\n        md: 'gap-y-4',\n        lg: 'gap-y-6',\n        xl: 'gap-y-8',\n        '2xl': 'gap-y-12',\n      },\n      align: {\n        stretch: 'items-stretch',\n        start: 'items-start',\n        center: 'items-center',\n        end: 'items-end',\n      },\n      justify: {\n        start: 'justify-start',\n        center: 'justify-center',\n        end: 'justify-end',\n        between: 'justify-between',\n        around: 'justify-around',\n        evenly: 'justify-evenly',\n      },\n      width: {\n        auto: 'w-auto',\n        full: 'w-full',\n        screen: 'w-screen',\n        fit: 'w-fit',\n      },\n      padding: {\n        none: '',\n        xs: 'p-1',\n        sm: 'p-2',\n        md: 'p-4',\n        lg: 'p-6',\n        xl: 'p-8',\n      },\n      gap: {\n        none: '',\n        xs: 'gap-1',\n        sm: 'gap-2',\n        md: 'gap-4',\n        lg: 'gap-6',\n        xl: 'gap-8',\n      },\n    },\n    defaultVariants: {\n      spacing: 'md',\n      align: 'stretch',\n      justify: 'start',\n      width: 'auto',\n      padding: 'none',\n      gap: 'none',\n    },\n  }\n);\n\n// HStack variants using cva\nconst hStackVariants = cva(\n  [baseStyle, 'flex-row'], // base classes\n  {\n    variants: {\n      spacing: {\n        none: '',\n        xs: 'gap-x-1',\n        sm: 'gap-x-2',\n        md: 'gap-x-4',\n        lg: 'gap-x-6',\n        xl: 'gap-x-8',\n        '2xl': 'gap-x-12',\n      },\n      align: {\n        stretch: 'items-stretch',\n        start: 'items-start',\n        center: 'items-center',\n        end: 'items-end',\n        baseline: 'items-baseline',\n      },\n      justify: {\n        start: 'justify-start',\n        center: 'justify-center',\n        end: 'justify-end',\n        between: 'justify-between',\n        around: 'justify-around',\n        evenly: 'justify-evenly',\n      },\n      width: {\n        auto: 'w-auto',\n        full: 'w-full',\n        screen: 'w-screen',\n        fit: 'w-fit',\n      },\n      padding: {\n        none: '',\n        xs: 'p-1',\n        sm: 'p-2',\n        md: 'p-4',\n        lg: 'p-6',\n        xl: 'p-8',\n      },\n      gap: {\n        none: '',\n        xs: 'gap-1',\n        sm: 'gap-2',\n        md: 'gap-4',\n        lg: 'gap-6',\n        xl: 'gap-8',\n      },\n      wrap: {\n        nowrap: 'flex-nowrap',\n        wrap: 'flex-wrap',\n        reverse: 'flex-wrap-reverse',\n      },\n    },\n    defaultVariants: {\n      spacing: 'md',\n      align: 'center',\n      justify: 'start',\n      width: 'auto',\n      padding: 'none',\n      gap: 'none',\n      wrap: 'wrap',\n    },\n  }\n);\n\nconst boxVariants = cva(\n  [baseStyle, 'flex-row'], // base classes\n  {\n    variants: {\n      spacing: {\n        none: '',\n        xs: 'gap-x-1',\n        sm: 'gap-x-2',\n        md: 'gap-x-4',\n        lg: 'gap-x-6',\n        xl: 'gap-x-8',\n        '2xl': 'gap-x-12',\n      },\n      align: {\n        stretch: 'items-stretch',\n        start: 'items-start',\n        center: 'items-center',\n        end: 'items-end',\n        baseline: 'items-baseline',\n      },\n      justify: {\n        start: 'justify-start',\n        center: 'justify-center',\n        end: 'justify-end',\n        between: 'justify-between',\n        around: 'justify-around',\n        evenly: 'justify-evenly',\n      },\n      width: {\n        auto: 'w-auto',\n        full: 'w-full',\n        screen: 'w-screen',\n        fit: 'w-fit',\n      },\n      padding: {\n        none: '',\n        xs: 'p-1',\n        sm: 'p-2',\n        md: 'p-4',\n        lg: 'p-6',\n        xl: 'p-8',\n      },\n      gap: {\n        none: '',\n        xs: 'gap-1',\n        sm: 'gap-2',\n        md: 'gap-4',\n        lg: 'gap-6',\n        xl: 'gap-8',\n      },\n      wrap: {\n        nowrap: 'flex-nowrap',\n        wrap: 'flex-wrap',\n        reverse: 'flex-wrap-reverse',\n      },\n    },\n    defaultVariants: {\n      spacing: 'md',\n      align: 'center',\n      justify: 'center',\n      width: 'auto',\n      padding: 'none',\n      gap: 'none',\n      wrap: 'wrap',\n    },\n  }\n);\n\ntype BoxProps = ViewProps &\n  VariantProps<typeof boxVariants> & {\n    ref?: React.RefObject<React.ComponentRef<typeof View>>;\n  };\n\ntype VStackProps = ViewProps &\n  VariantProps<typeof vStackVariants> & {\n    ref?: React.RefObject<React.ComponentRef<typeof View>>;\n  };\n\ntype HStackProps = ViewProps &\n  VariantProps<typeof hStackVariants> & {\n    ref?: React.RefObject<React.ComponentRef<typeof View>>;\n  };\n\nfunction Box({\n  className,\n  spacing,\n  align,\n  justify,\n  width,\n  padding,\n  gap,\n  wrap,\n  ...props\n}: BoxProps) {\n  return (\n    <View\n      className={cn(\n        boxVariants({ spacing, align, justify, width, padding, gap, wrap }),\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction HStack({\n  className,\n  spacing,\n  align,\n  justify,\n  width,\n  padding,\n  gap,\n  wrap,\n  ...props\n}: HStackProps) {\n  return (\n    <View\n      className={cn(\n        hStackVariants({ spacing, align, justify, width, padding, gap, wrap }),\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction VStack({\n  className,\n  spacing,\n  align,\n  justify,\n  width,\n  padding,\n  gap,\n  ...props\n}: VStackProps) {\n  return (\n    <View\n      className={cn(\n        vStackVariants({ spacing, align, justify, width, padding, gap }),\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  HStack,\n  VStack,\n  type HStackProps,\n  type VStackProps,\n  Box,\n  type BoxProps,\n};\n"],"mappings":";;;;;;;AAMA,MAAM,YAAY;AAGlB,MAAM,iBAAiB,IACrB,CAAC,WAAW,WAAW,EACvB;CACE,UAAU;EACR,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACD,OAAO;GACL,SAAS;GACT,OAAO;GACP,QAAQ;GACR,KAAK;GACN;EACD,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACD,OAAO;GACL,MAAM;GACN,MAAM;GACN,QAAQ;GACR,KAAK;GACN;EACD,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,OAAO;EACP,SAAS;EACT,OAAO;EACP,SAAS;EACT,KAAK;EACN;CACF,CACF;AAGD,MAAM,iBAAiB,IACrB,CAAC,WAAW,WAAW,EACvB;CACE,UAAU;EACR,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACD,OAAO;GACL,SAAS;GACT,OAAO;GACP,QAAQ;GACR,KAAK;GACL,UAAU;GACX;EACD,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACD,OAAO;GACL,MAAM;GACN,MAAM;GACN,QAAQ;GACR,KAAK;GACN;EACD,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,MAAM;GACJ,QAAQ;GACR,MAAM;GACN,SAAS;GACV;EACF;CACD,iBAAiB;EACf,SAAS;EACT,OAAO;EACP,SAAS;EACT,OAAO;EACP,SAAS;EACT,KAAK;EACL,MAAM;EACP;CACF,CACF;AAED,MAAM,cAAc,IAClB,CAAC,WAAW,WAAW,EACvB;CACE,UAAU;EACR,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACD,OAAO;GACL,SAAS;GACT,OAAO;GACP,QAAQ;GACR,KAAK;GACL,UAAU;GACX;EACD,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACD,OAAO;GACL,MAAM;GACN,MAAM;GACN,QAAQ;GACR,KAAK;GACN;EACD,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,MAAM;GACJ,QAAQ;GACR,MAAM;GACN,SAAS;GACV;EACF;CACD,iBAAiB;EACf,SAAS;EACT,OAAO;EACP,SAAS;EACT,OAAO;EACP,SAAS;EACT,KAAK;EACL,MAAM;EACP;CACF,CACF;AAiBD,SAAS,IAAI,EACX,WACA,SACA,OACA,SACA,OACA,SACA,KACA,KACA,GAAG,SACQ;AACX,QACE,oBAAC;EACC,WAAW,GACT,YAAY;GAAE;GAAS;GAAO;GAAS;GAAO;GAAS;GAAK;GAAM,CAAC,EACnE,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,OAAO,EACd,WACA,SACA,OACA,SACA,OACA,SACA,KACA,KACA,GAAG,SACW;AACd,QACE,oBAAC;EACC,WAAW,GACT,eAAe;GAAE;GAAS;GAAO;GAAS;GAAO;GAAS;GAAK;GAAM,CAAC,EACtE,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,OAAO,EACd,WACA,SACA,OACA,SACA,OACA,SACA,IACA,GAAG,SACW;AACd,QACE,oBAAC;EACC,WAAW,GACT,eAAe;GAAE;GAAS;GAAO;GAAS;GAAO;GAAS;GAAK,CAAC,EAChE,UACD;EACD,GAAI;GACJ"}
+{"version":3,"file":"stack.js","names":[],"sources":["../../ui/stack.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ViewProps } from 'react-native';\nimport { View } from 'react-native';\nimport { cn } from './utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst baseStyle = 'flex';\n\n// VStack variants using cva\nconst vStackVariants = cva(\n  [baseStyle, 'flex-col'], // base classes\n  {\n    variants: {\n      spacing: {\n        none: '',\n        xs: 'gap-y-1',\n        sm: 'gap-y-2',\n        md: 'gap-y-4',\n        lg: 'gap-y-6',\n        xl: 'gap-y-8',\n        '2xl': 'gap-y-12',\n      },\n      align: {\n        stretch: 'items-stretch',\n        start: 'items-start',\n        center: 'items-center',\n        end: 'items-end',\n      },\n      justify: {\n        start: 'justify-start',\n        center: 'justify-center',\n        end: 'justify-end',\n        between: 'justify-between',\n        around: 'justify-around',\n        evenly: 'justify-evenly',\n      },\n      width: {\n        auto: 'w-auto',\n        full: 'w-full',\n        screen: 'w-screen',\n        fit: 'w-fit',\n      },\n      padding: {\n        none: '',\n        xs: 'p-1',\n        sm: 'p-2',\n        md: 'p-4',\n        lg: 'p-6',\n        xl: 'p-8',\n      },\n      gap: {\n        none: '',\n        xs: 'gap-1',\n        sm: 'gap-2',\n        md: 'gap-4',\n        lg: 'gap-6',\n        xl: 'gap-8',\n      },\n    },\n    defaultVariants: {\n      spacing: 'md',\n      align: 'stretch',\n      justify: 'start',\n      width: 'auto',\n      padding: 'none',\n      gap: 'none',\n    },\n  }\n);\n\n// HStack variants using cva\nconst hStackVariants = cva(\n  [baseStyle, 'flex-row'], // base classes\n  {\n    variants: {\n      spacing: {\n        none: '',\n        xs: 'gap-x-1',\n        sm: 'gap-x-2',\n        md: 'gap-x-4',\n        lg: 'gap-x-6',\n        xl: 'gap-x-8',\n        '2xl': 'gap-x-12',\n      },\n      align: {\n        stretch: 'items-stretch',\n        start: 'items-start',\n        center: 'items-center',\n        end: 'items-end',\n        baseline: 'items-baseline',\n      },\n      justify: {\n        start: 'justify-start',\n        center: 'justify-center',\n        end: 'justify-end',\n        between: 'justify-between',\n        around: 'justify-around',\n        evenly: 'justify-evenly',\n      },\n      width: {\n        auto: 'w-auto',\n        full: 'w-full',\n        screen: 'w-screen',\n        fit: 'w-fit',\n      },\n      padding: {\n        none: '',\n        xs: 'p-1',\n        sm: 'p-2',\n        md: 'p-4',\n        lg: 'p-6',\n        xl: 'p-8',\n      },\n      gap: {\n        none: '',\n        xs: 'gap-1',\n        sm: 'gap-2',\n        md: 'gap-4',\n        lg: 'gap-6',\n        xl: 'gap-8',\n      },\n      wrap: {\n        nowrap: 'flex-nowrap',\n        wrap: 'flex-wrap',\n        reverse: 'flex-wrap-reverse',\n      },\n    },\n    defaultVariants: {\n      spacing: 'md',\n      align: 'center',\n      justify: 'start',\n      width: 'auto',\n      padding: 'none',\n      gap: 'none',\n      wrap: 'wrap',\n    },\n  }\n);\n\nconst boxVariants = cva(\n  [baseStyle, 'flex-row'], // base classes\n  {\n    variants: {\n      spacing: {\n        none: '',\n        xs: 'gap-x-1',\n        sm: 'gap-x-2',\n        md: 'gap-x-4',\n        lg: 'gap-x-6',\n        xl: 'gap-x-8',\n        '2xl': 'gap-x-12',\n      },\n      align: {\n        stretch: 'items-stretch',\n        start: 'items-start',\n        center: 'items-center',\n        end: 'items-end',\n        baseline: 'items-baseline',\n      },\n      justify: {\n        start: 'justify-start',\n        center: 'justify-center',\n        end: 'justify-end',\n        between: 'justify-between',\n        around: 'justify-around',\n        evenly: 'justify-evenly',\n      },\n      width: {\n        auto: 'w-auto',\n        full: 'w-full',\n        screen: 'w-screen',\n        fit: 'w-fit',\n      },\n      padding: {\n        none: '',\n        xs: 'p-1',\n        sm: 'p-2',\n        md: 'p-4',\n        lg: 'p-6',\n        xl: 'p-8',\n      },\n      gap: {\n        none: '',\n        xs: 'gap-1',\n        sm: 'gap-2',\n        md: 'gap-4',\n        lg: 'gap-6',\n        xl: 'gap-8',\n      },\n      wrap: {\n        nowrap: 'flex-nowrap',\n        wrap: 'flex-wrap',\n        reverse: 'flex-wrap-reverse',\n      },\n    },\n    defaultVariants: {\n      spacing: 'md',\n      align: 'center',\n      justify: 'center',\n      width: 'auto',\n      padding: 'none',\n      gap: 'none',\n      wrap: 'wrap',\n    },\n  }\n);\n\ntype BoxProps = ViewProps &\n  VariantProps<typeof boxVariants> & {\n    ref?: React.RefObject<React.ComponentRef<typeof View>>;\n  };\n\ntype VStackProps = ViewProps &\n  VariantProps<typeof vStackVariants> & {\n    ref?: React.RefObject<React.ComponentRef<typeof View>>;\n  };\n\ntype HStackProps = ViewProps &\n  VariantProps<typeof hStackVariants> & {\n    ref?: React.RefObject<React.ComponentRef<typeof View>>;\n  };\n\nfunction Box({\n  className,\n  spacing,\n  align,\n  justify,\n  width,\n  padding,\n  gap,\n  wrap,\n  ...props\n}: BoxProps) {\n  return (\n    <View\n      className={cn(\n        boxVariants({ spacing, align, justify, width, padding, gap, wrap }),\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction HStack({\n  className,\n  spacing,\n  align,\n  justify,\n  width,\n  padding,\n  gap,\n  wrap,\n  ...props\n}: HStackProps) {\n  return (\n    <View\n      className={cn(\n        hStackVariants({ spacing, align, justify, width, padding, gap, wrap }),\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction VStack({\n  className,\n  spacing,\n  align,\n  justify,\n  width,\n  padding,\n  gap,\n  ...props\n}: VStackProps) {\n  return (\n    <View\n      className={cn(\n        vStackVariants({ spacing, align, justify, width, padding, gap }),\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  HStack,\n  VStack,\n  type HStackProps,\n  type VStackProps,\n  Box,\n  type BoxProps,\n};\n"],"mappings":"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"}

package/dist/ui/stepper.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime161 from "react/jsx-runtime";
+import * as react_jsx_runtime143 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types13 from "class-variance-authority/types";
 
@@ -17,7 +17,7 @@ declare function Stepper({
   total,
   size,
   className
-}: StepperProps): react_jsx_runtime161.JSX.Element;
+}: StepperProps): react_jsx_runtime143.JSX.Element;
 //#endregion
 export { Stepper, StepperProps };
 //# sourceMappingURL=stepper.d.ts.map

package/dist/ui/switch.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime156 from "react/jsx-runtime";
+import * as react_jsx_runtime128 from "react/jsx-runtime";
 import * as SwitchPrimitives from "@rn-primitives/switch";
 
 //#region ui/switch.d.ts
@@ -8,7 +8,7 @@ declare function SwitchNative({
   ...props
 }: SwitchPrimitives.RootProps & {
   ref?: React$1.RefObject<SwitchPrimitives.RootRef>;
-}): react_jsx_runtime156.JSX.Element;
+}): react_jsx_runtime128.JSX.Element;
 declare const Switch: typeof SwitchNative;
 //#endregion
 export { Switch };

package/dist/ui/switch.js

@@ -7,7 +7,7 @@ import { jsx } from "react/jsx-runtime";
 import * as SwitchPrimitives from "@rn-primitives/switch";
 
 //#region ui/switch.tsx
-function SwitchWeb({ className,...props }) {
+function SwitchWeb({ className, ...props }) {
 	return /* @__PURE__ */ jsx(SwitchPrimitives.Root, {
 		className: cn("peer focus-visible:ring-ring focus-visible:ring-offset-background h-6 w-11 shrink-0 cursor-pointer flex-row items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed", props.checked ? "bg-primary" : "bg-input", props.disabled && "opacity-50", className),
 		...props,
@@ -24,7 +24,7 @@ const RGB_COLORS = {
 		input: "rgb(39, 39, 42)"
 	}
 };
-function SwitchNative({ className,...props }) {
+function SwitchNative({ className, ...props }) {
 	const { colorScheme } = useColorScheme();
 	const translateX = useDerivedValue(() => props.checked ? 18 : 0);
 	const animatedRootStyle = useAnimatedStyle(() => {

package/dist/ui/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","names":[],"sources":["../../ui/switch.tsx"],"sourcesContent":["import * as SwitchPrimitives from '@rn-primitives/switch';\nimport * as React from 'react';\nimport { Platform } from 'react-native';\nimport Animated, {\n  interpolateColor,\n  useAnimatedStyle,\n  useDerivedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport { useColorScheme } from './useColorScheme';\nimport { cn } from './utils';\n\nfunction SwitchWeb({\n  className,\n  ...props\n}: SwitchPrimitives.RootProps & {\n  ref?: React.RefObject<SwitchPrimitives.RootRef>;\n}) {\n  return (\n    <SwitchPrimitives.Root\n      className={cn(\n        'peer focus-visible:ring-ring focus-visible:ring-offset-background h-6 w-11 shrink-0 cursor-pointer flex-row items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed',\n        props.checked ? 'bg-primary' : 'bg-input',\n        props.disabled && 'opacity-50',\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitives.Thumb\n        className={cn(\n          'bg-background shadow-foreground/5 pointer-events-none block h-5 w-5 rounded-full shadow-md ring-0 transition-transform',\n          props.checked ? 'translate-x-5' : 'translate-x-0'\n        )}\n      />\n    </SwitchPrimitives.Root>\n  );\n}\n\nconst RGB_COLORS = {\n  light: {\n    primary: 'rgb(24, 24, 27)',\n    input: 'rgb(228, 228, 231)',\n  },\n  dark: {\n    primary: 'rgb(250, 250, 250)',\n    input: 'rgb(39, 39, 42)',\n  },\n} as const;\n\nfunction SwitchNative({\n  className,\n  ...props\n}: SwitchPrimitives.RootProps & {\n  ref?: React.RefObject<SwitchPrimitives.RootRef>;\n}) {\n  const { colorScheme } = useColorScheme();\n  const translateX = useDerivedValue(() => (props.checked ? 18 : 0));\n  const animatedRootStyle = useAnimatedStyle(() => {\n    return {\n      backgroundColor: interpolateColor(\n        translateX.value,\n        [0, 18],\n        [RGB_COLORS[colorScheme].input, RGB_COLORS[colorScheme].primary]\n      ),\n    };\n  });\n  const animatedThumbStyle = useAnimatedStyle(() => ({\n    transform: [\n      { translateX: withTiming(translateX.value, { duration: 200 }) },\n    ],\n  }));\n  return (\n    <Animated.View\n      style={animatedRootStyle}\n      className={cn(\n        'h-8 w-[46px] rounded-full',\n        props.disabled && 'opacity-50'\n      )}\n    >\n      <SwitchPrimitives.Root\n        className={cn(\n          'h-8 w-[46px] shrink-0 flex-row items-center rounded-full border-2 border-transparent',\n          props.checked ? 'bg-primary' : 'bg-input',\n          className\n        )}\n        {...props}\n      >\n        <Animated.View style={animatedThumbStyle}>\n          <SwitchPrimitives.Thumb\n            className={\n              'bg-background shadow-foreground/25 h-7 w-7 rounded-full shadow-md ring-0'\n            }\n          />\n        </Animated.View>\n      </SwitchPrimitives.Root>\n    </Animated.View>\n  );\n}\n\nconst Switch = Platform.select({\n  web: SwitchWeb,\n  default: SwitchNative,\n});\n\nexport { Switch };\n"],"mappings":";;;;;;;;;AAYA,SAAS,UAAU,EACjB,UACA,GAAG,SAGF;AACD,QACE,oBAAC,iBAAiB;EAChB,WAAW,GACT,iSACA,MAAM,UAAU,eAAe,YAC/B,MAAM,YAAY,cAClB,UACD;EACD,GAAI;YAEJ,oBAAC,iBAAiB,SAChB,WAAW,GACT,0HACA,MAAM,UAAU,kBAAkB,gBACnC,GACD;GACoB;;AAI5B,MAAM,aAAa;CACjB,OAAO;EACL,SAAS;EACT,OAAO;EACR;CACD,MAAM;EACJ,SAAS;EACT,OAAO;EACR;CACF;AAED,SAAS,aAAa,EACpB,UACA,GAAG,SAGF;CACD,MAAM,EAAE,gBAAgB,gBAAgB;CACxC,MAAM,aAAa,sBAAuB,MAAM,UAAU,KAAK,EAAG;CAClE,MAAM,oBAAoB,uBAAuB;AAC/C,SAAO,EACL,iBAAiB,iBACf,WAAW,OACX,CAAC,GAAG,GAAG,EACP,CAAC,WAAW,aAAa,OAAO,WAAW,aAAa,QAAQ,CACjE,EACF;GACD;CACF,MAAM,qBAAqB,wBAAwB,EACjD,WAAW,CACT,EAAE,YAAY,WAAW,WAAW,OAAO,EAAE,UAAU,KAAK,CAAC,EAAE,CAChE,EACF,EAAE;AACH,QACE,oBAAC,SAAS;EACR,OAAO;EACP,WAAW,GACT,6BACA,MAAM,YAAY,aACnB;YAED,oBAAC,iBAAiB;GAChB,WAAW,GACT,wFACA,MAAM,UAAU,eAAe,YAC/B,UACD;GACD,GAAI;aAEJ,oBAAC,SAAS;IAAK,OAAO;cACpB,oBAAC,iBAAiB,SAChB,WACE,6EAEF;KACY;IACM;GACV;;AAIpB,MAAM,SAAS,SAAS,OAAO;CAC7B,KAAK;CACL,SAAS;CACV,CAAC"}
+{"version":3,"file":"switch.js","names":[],"sources":["../../ui/switch.tsx"],"sourcesContent":["import * as SwitchPrimitives from '@rn-primitives/switch';\nimport * as React from 'react';\nimport { Platform } from 'react-native';\nimport Animated, {\n  interpolateColor,\n  useAnimatedStyle,\n  useDerivedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport { useColorScheme } from './useColorScheme';\nimport { cn } from './utils';\n\nfunction SwitchWeb({\n  className,\n  ...props\n}: SwitchPrimitives.RootProps & {\n  ref?: React.RefObject<SwitchPrimitives.RootRef>;\n}) {\n  return (\n    <SwitchPrimitives.Root\n      className={cn(\n        'peer focus-visible:ring-ring focus-visible:ring-offset-background h-6 w-11 shrink-0 cursor-pointer flex-row items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed',\n        props.checked ? 'bg-primary' : 'bg-input',\n        props.disabled && 'opacity-50',\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitives.Thumb\n        className={cn(\n          'bg-background shadow-foreground/5 pointer-events-none block h-5 w-5 rounded-full shadow-md ring-0 transition-transform',\n          props.checked ? 'translate-x-5' : 'translate-x-0'\n        )}\n      />\n    </SwitchPrimitives.Root>\n  );\n}\n\nconst RGB_COLORS = {\n  light: {\n    primary: 'rgb(24, 24, 27)',\n    input: 'rgb(228, 228, 231)',\n  },\n  dark: {\n    primary: 'rgb(250, 250, 250)',\n    input: 'rgb(39, 39, 42)',\n  },\n} as const;\n\nfunction SwitchNative({\n  className,\n  ...props\n}: SwitchPrimitives.RootProps & {\n  ref?: React.RefObject<SwitchPrimitives.RootRef>;\n}) {\n  const { colorScheme } = useColorScheme();\n  const translateX = useDerivedValue(() => (props.checked ? 18 : 0));\n  const animatedRootStyle = useAnimatedStyle(() => {\n    return {\n      backgroundColor: interpolateColor(\n        translateX.value,\n        [0, 18],\n        [RGB_COLORS[colorScheme].input, RGB_COLORS[colorScheme].primary]\n      ),\n    };\n  });\n  const animatedThumbStyle = useAnimatedStyle(() => ({\n    transform: [\n      { translateX: withTiming(translateX.value, { duration: 200 }) },\n    ],\n  }));\n  return (\n    <Animated.View\n      style={animatedRootStyle}\n      className={cn(\n        'h-8 w-[46px] rounded-full',\n        props.disabled && 'opacity-50'\n      )}\n    >\n      <SwitchPrimitives.Root\n        className={cn(\n          'h-8 w-[46px] shrink-0 flex-row items-center rounded-full border-2 border-transparent',\n          props.checked ? 'bg-primary' : 'bg-input',\n          className\n        )}\n        {...props}\n      >\n        <Animated.View style={animatedThumbStyle}>\n          <SwitchPrimitives.Thumb\n            className={\n              'bg-background shadow-foreground/25 h-7 w-7 rounded-full shadow-md ring-0'\n            }\n          />\n        </Animated.View>\n      </SwitchPrimitives.Root>\n    </Animated.View>\n  );\n}\n\nconst Switch = Platform.select({\n  web: SwitchWeb,\n  default: SwitchNative,\n});\n\nexport { Switch };\n"],"mappings":";;;;;;;;;AAYA,SAAS,UAAU,EACjB,WACA,GAAG,SAGF;AACD,QACE,oBAAC,iBAAiB;EAChB,WAAW,GACT,iSACA,MAAM,UAAU,eAAe,YAC/B,MAAM,YAAY,cAClB,UACD;EACD,GAAI;YAEJ,oBAAC,iBAAiB,SAChB,WAAW,GACT,0HACA,MAAM,UAAU,kBAAkB,gBACnC,GACD;GACoB;;AAI5B,MAAM,aAAa;CACjB,OAAO;EACL,SAAS;EACT,OAAO;EACR;CACD,MAAM;EACJ,SAAS;EACT,OAAO;EACR;CACF;AAED,SAAS,aAAa,EACpB,WACA,GAAG,SAGF;CACD,MAAM,EAAE,gBAAgB,gBAAgB;CACxC,MAAM,aAAa,sBAAuB,MAAM,UAAU,KAAK,EAAG;CAClE,MAAM,oBAAoB,uBAAuB;AAC/C,SAAO,EACL,iBAAiB,iBACf,WAAW,OACX,CAAC,GAAG,GAAG,EACP,CAAC,WAAW,aAAa,OAAO,WAAW,aAAa,QAAQ,CACjE,EACF;GACD;CACF,MAAM,qBAAqB,wBAAwB,EACjD,WAAW,CACT,EAAE,YAAY,WAAW,WAAW,OAAO,EAAE,UAAU,KAAK,CAAC,EAAE,CAChE,EACF,EAAE;AACH,QACE,oBAAC,SAAS;EACR,OAAO;EACP,WAAW,GACT,6BACA,MAAM,YAAY,aACnB;YAED,oBAAC,iBAAiB;GAChB,WAAW,GACT,wFACA,MAAM,UAAU,eAAe,YAC/B,UACD;GACD,GAAI;aAEJ,oBAAC,SAAS;IAAK,OAAO;cACpB,oBAAC,iBAAiB,SAChB,WACE,6EAEF;KACY;IACM;GACV;;AAIpB,MAAM,SAAS,SAAS,OAAO;CAC7B,KAAK;CACL,SAAS;CACV,CAAC"}