@lssm/lib.ui-kit 0.0.0-canary-20251120170226

package/dist/ui/select.js

@@ -0,0 +1,111 @@
+import { ChevronDown } from "./icons/ChevronDown.js";
+import { cn } from "./utils.js";
+import { Check } from "./icons/Check.js";
+import { ChevronUp } from "./icons/ChevronUp.js";
+import "react";
+import { Platform, StyleSheet, View } from "react-native";
+import Animated, { FadeIn, FadeOut } from "react-native-reanimated";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as SelectPrimitive from "@rn-primitives/select";
+
+//#region ui/select.tsx
+const Select = SelectPrimitive.Root;
+const SelectGroup = SelectPrimitive.Group;
+const SelectValue = SelectPrimitive.Value;
+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),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronDown, {
+			size: 16,
+			"aria-hidden": true,
+			className: "text-foreground opacity-50"
+		})]
+	});
+}
+/**
+* Platform: WEB ONLY
+*/
+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),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronUp, {
+			size: 14,
+			className: "text-foreground"
+		})
+	});
+}
+/**
+* Platform: WEB ONLY
+*/
+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),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronDown, {
+			size: 14,
+			className: "text-foreground"
+		})
+	});
+}
+function SelectContent({ className, children, position = "popper", portalHost,...props }) {
+	const { open } = SelectPrimitive.useRootContext();
+	return /* @__PURE__ */ jsx(SelectPrimitive.Portal, {
+		hostName: portalHost,
+		children: /* @__PURE__ */ jsx(SelectPrimitive.Overlay, {
+			style: Platform.OS !== "web" ? StyleSheet.absoluteFill : void 0,
+			children: /* @__PURE__ */ jsx(Animated.View, {
+				className: "z-50",
+				entering: FadeIn,
+				exiting: FadeOut,
+				children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
+					className: cn("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", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", open ? "web:animate-in web:fade-in-0 web:zoom-in-95" : "web:animate-out web:fade-out-0 web:zoom-out-95", className),
+					position,
+					...props,
+					children: [
+						/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+						/* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
+							className: cn("p-1", position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"),
+							children
+						}),
+						/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+					]
+				})
+			})
+		})
+	});
+}
+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 }) {
+	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,
+		children: [/* @__PURE__ */ jsx(View, {
+			className: "native:left-3.5 native:pt-px absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+			children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, {
+				size: 16,
+				strokeWidth: 3,
+				className: "text-popover-foreground"
+			}) })
+		}), /* @__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 }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
+		className: cn("bg-muted -mx-1 my-1 h-px", className),
+		...props
+	});
+}
+
+//#endregion
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
+//# sourceMappingURL=select.js.map

package/dist/ui/select.js.map

@@ -0,0 +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"}

package/dist/ui/separator.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","names":[],"sources":["../../ui/separator.tsx"],"sourcesContent":[],"mappings":";;;;;iBAIS,SAAA;;;;;GAKN,kBAAA,CAAmB;QACd,OAAA,CAAM,UAAU,kBAAA,CAAmB;IAC1C,oBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/separator.js

@@ -0,0 +1,18 @@
+import { cn } from "./utils.js";
+import "react";
+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 }) {
+	return /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
+		decorative,
+		orientation,
+		className: cn("bg-border shrink-0", orientation === "horizontal" ? "h-px w-full" : "h-full w-px", className),
+		...props
+	});
+}
+
+//#endregion
+export { Separator };
+//# sourceMappingURL=separator.js.map

package/dist/ui/separator.js.map

@@ -0,0 +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"}

package/dist/ui/sheet.d.ts

@@ -0,0 +1,5 @@
+//#region ui/sheet.d.ts
+declare const sheet = "null";
+//#endregion
+export { sheet };
+//# sourceMappingURL=sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.d.ts","names":[],"sources":["../../ui/sheet.tsx"],"sourcesContent":[],"mappings":";cAAa,KAAA"}

package/dist/ui/sheet.js

@@ -0,0 +1,6 @@
+//#region ui/sheet.tsx
+const sheet = "null";
+
+//#endregion
+export { sheet };
+//# sourceMappingURL=sheet.js.map

package/dist/ui/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.js","names":[],"sources":["../../ui/sheet.tsx"],"sourcesContent":["export const sheet = 'null';\n"],"mappings":";AAAA,MAAa,QAAQ"}

package/dist/ui/sidebar.d.ts

@@ -0,0 +1,5 @@
+//#region ui/sidebar.d.ts
+declare const sidebar = "null";
+//#endregion
+export { sidebar };
+//# sourceMappingURL=sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","names":[],"sources":["../../ui/sidebar.tsx"],"sourcesContent":[],"mappings":";cAAa,OAAA"}

package/dist/ui/sidebar.js

@@ -0,0 +1,6 @@
+//#region ui/sidebar.tsx
+const sidebar = "null";
+
+//#endregion
+export { sidebar };
+//# sourceMappingURL=sidebar.js.map

package/dist/ui/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","names":[],"sources":["../../ui/sidebar.tsx"],"sourcesContent":["export const sidebar = 'null';\n"],"mappings":";AAAA,MAAa,UAAU"}

package/dist/ui/skeleton.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","names":[],"sources":["../../ui/skeleton.tsx"],"sourcesContent":[],"mappings":";;;;;iBAaS,QAAA;;;GAIN,KAAK,OAAA,CAAM,gCAAgC,kBAAe,oBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/skeleton.js

@@ -0,0 +1,24 @@
+import { cn } from "./utils.js";
+import * as React$1 from "react";
+import { View } from "react-native";
+import Animated, { useAnimatedStyle, useSharedValue, withRepeat, withSequence, withTiming } from "react-native-reanimated";
+import { jsx } from "react/jsx-runtime";
+
+//#region ui/skeleton.tsx
+const duration = 1e3;
+function Skeleton({ className,...props }) {
+	const sv = useSharedValue(1);
+	React$1.useEffect(() => {
+		sv.value = withRepeat(withSequence(withTiming(.5, { duration }), withTiming(1, { duration })), -1);
+	}, []);
+	const style = useAnimatedStyle(() => ({ opacity: sv.value }));
+	return /* @__PURE__ */ jsx(Animated.View, {
+		style,
+		className: cn("bg-secondary dark:bg-muted rounded-md", className),
+		...props
+	});
+}
+
+//#endregion
+export { Skeleton };
+//# sourceMappingURL=skeleton.js.map

package/dist/ui/skeleton.js.map

@@ -0,0 +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"}

package/dist/ui/stack.d.ts

@@ -0,0 +1,77 @@
+import * as React$1 from "react";
+import { View, ViewProps } from "react-native";
+import * as react_jsx_runtime123 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types8 from "class-variance-authority/types";
+
+//#region ui/stack.d.ts
+declare const vStackVariants: (props?: ({
+  spacing?: "sm" | "lg" | "md" | "none" | "xs" | "xl" | "2xl" | null | undefined;
+  align?: "stretch" | "start" | "center" | "end" | null | undefined;
+  justify?: "start" | "center" | "end" | "between" | "around" | "evenly" | null | undefined;
+  width?: "auto" | "full" | "screen" | "fit" | null | undefined;
+  padding?: "sm" | "lg" | "md" | "none" | "xs" | "xl" | null | undefined;
+  gap?: "sm" | "lg" | "md" | "none" | "xs" | "xl" | null | undefined;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
+declare const hStackVariants: (props?: ({
+  spacing?: "sm" | "lg" | "md" | "none" | "xs" | "xl" | "2xl" | null | undefined;
+  align?: "stretch" | "start" | "center" | "end" | "baseline" | null | undefined;
+  justify?: "start" | "center" | "end" | "between" | "around" | "evenly" | null | undefined;
+  width?: "auto" | "full" | "screen" | "fit" | null | undefined;
+  padding?: "sm" | "lg" | "md" | "none" | "xs" | "xl" | null | undefined;
+  gap?: "sm" | "lg" | "md" | "none" | "xs" | "xl" | null | undefined;
+  wrap?: "reverse" | "wrap" | "nowrap" | null | undefined;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
+declare const boxVariants: (props?: ({
+  spacing?: "sm" | "lg" | "md" | "none" | "xs" | "xl" | "2xl" | null | undefined;
+  align?: "stretch" | "start" | "center" | "end" | "baseline" | null | undefined;
+  justify?: "start" | "center" | "end" | "between" | "around" | "evenly" | null | undefined;
+  width?: "auto" | "full" | "screen" | "fit" | null | undefined;
+  padding?: "sm" | "lg" | "md" | "none" | "xs" | "xl" | null | undefined;
+  gap?: "sm" | "lg" | "md" | "none" | "xs" | "xl" | null | undefined;
+  wrap?: "reverse" | "wrap" | "nowrap" | null | undefined;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
+type BoxProps = ViewProps & VariantProps<typeof boxVariants> & {
+  ref?: React$1.RefObject<React$1.ComponentRef<typeof View>>;
+};
+type VStackProps = ViewProps & VariantProps<typeof vStackVariants> & {
+  ref?: React$1.RefObject<React$1.ComponentRef<typeof View>>;
+};
+type HStackProps = ViewProps & VariantProps<typeof hStackVariants> & {
+  ref?: React$1.RefObject<React$1.ComponentRef<typeof View>>;
+};
+declare function Box({
+  className,
+  spacing,
+  align,
+  justify,
+  width,
+  padding,
+  gap,
+  wrap,
+  ...props
+}: BoxProps): react_jsx_runtime123.JSX.Element;
+declare function HStack({
+  className,
+  spacing,
+  align,
+  justify,
+  width,
+  padding,
+  gap,
+  wrap,
+  ...props
+}: HStackProps): react_jsx_runtime123.JSX.Element;
+declare function VStack({
+  className,
+  spacing,
+  align,
+  justify,
+  width,
+  padding,
+  gap,
+  ...props
+}: VStackProps): react_jsx_runtime123.JSX.Element;
+//#endregion
+export { Box, type BoxProps, HStack, type HStackProps, VStack, type VStackProps };
+//# sourceMappingURL=stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","names":[],"sources":["../../ui/stack.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/ui/stack.js

@@ -0,0 +1,238 @@
+import { cn } from "./utils.js";
+import "react";
+import { View } from "react-native";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ui/stack.tsx
+const baseStyle = "flex";
+const vStackVariants = cva([baseStyle, "flex-col"], {
+	variants: {
+		spacing: {
+			none: "",
+			xs: "gap-y-1",
+			sm: "gap-y-2",
+			md: "gap-y-4",
+			lg: "gap-y-6",
+			xl: "gap-y-8",
+			"2xl": "gap-y-12"
+		},
+		align: {
+			stretch: "items-stretch",
+			start: "items-start",
+			center: "items-center",
+			end: "items-end"
+		},
+		justify: {
+			start: "justify-start",
+			center: "justify-center",
+			end: "justify-end",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly"
+		},
+		width: {
+			auto: "w-auto",
+			full: "w-full",
+			screen: "w-screen",
+			fit: "w-fit"
+		},
+		padding: {
+			none: "",
+			xs: "p-1",
+			sm: "p-2",
+			md: "p-4",
+			lg: "p-6",
+			xl: "p-8"
+		},
+		gap: {
+			none: "",
+			xs: "gap-1",
+			sm: "gap-2",
+			md: "gap-4",
+			lg: "gap-6",
+			xl: "gap-8"
+		}
+	},
+	defaultVariants: {
+		spacing: "md",
+		align: "stretch",
+		justify: "start",
+		width: "auto",
+		padding: "none",
+		gap: "none"
+	}
+});
+const hStackVariants = cva([baseStyle, "flex-row"], {
+	variants: {
+		spacing: {
+			none: "",
+			xs: "gap-x-1",
+			sm: "gap-x-2",
+			md: "gap-x-4",
+			lg: "gap-x-6",
+			xl: "gap-x-8",
+			"2xl": "gap-x-12"
+		},
+		align: {
+			stretch: "items-stretch",
+			start: "items-start",
+			center: "items-center",
+			end: "items-end",
+			baseline: "items-baseline"
+		},
+		justify: {
+			start: "justify-start",
+			center: "justify-center",
+			end: "justify-end",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly"
+		},
+		width: {
+			auto: "w-auto",
+			full: "w-full",
+			screen: "w-screen",
+			fit: "w-fit"
+		},
+		padding: {
+			none: "",
+			xs: "p-1",
+			sm: "p-2",
+			md: "p-4",
+			lg: "p-6",
+			xl: "p-8"
+		},
+		gap: {
+			none: "",
+			xs: "gap-1",
+			sm: "gap-2",
+			md: "gap-4",
+			lg: "gap-6",
+			xl: "gap-8"
+		},
+		wrap: {
+			nowrap: "flex-nowrap",
+			wrap: "flex-wrap",
+			reverse: "flex-wrap-reverse"
+		}
+	},
+	defaultVariants: {
+		spacing: "md",
+		align: "center",
+		justify: "start",
+		width: "auto",
+		padding: "none",
+		gap: "none",
+		wrap: "wrap"
+	}
+});
+const boxVariants = cva([baseStyle, "flex-row"], {
+	variants: {
+		spacing: {
+			none: "",
+			xs: "gap-x-1",
+			sm: "gap-x-2",
+			md: "gap-x-4",
+			lg: "gap-x-6",
+			xl: "gap-x-8",
+			"2xl": "gap-x-12"
+		},
+		align: {
+			stretch: "items-stretch",
+			start: "items-start",
+			center: "items-center",
+			end: "items-end",
+			baseline: "items-baseline"
+		},
+		justify: {
+			start: "justify-start",
+			center: "justify-center",
+			end: "justify-end",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly"
+		},
+		width: {
+			auto: "w-auto",
+			full: "w-full",
+			screen: "w-screen",
+			fit: "w-fit"
+		},
+		padding: {
+			none: "",
+			xs: "p-1",
+			sm: "p-2",
+			md: "p-4",
+			lg: "p-6",
+			xl: "p-8"
+		},
+		gap: {
+			none: "",
+			xs: "gap-1",
+			sm: "gap-2",
+			md: "gap-4",
+			lg: "gap-6",
+			xl: "gap-8"
+		},
+		wrap: {
+			nowrap: "flex-nowrap",
+			wrap: "flex-wrap",
+			reverse: "flex-wrap-reverse"
+		}
+	},
+	defaultVariants: {
+		spacing: "md",
+		align: "center",
+		justify: "center",
+		width: "auto",
+		padding: "none",
+		gap: "none",
+		wrap: "wrap"
+	}
+});
+function Box({ className, spacing, align, justify, width, padding, gap, wrap,...props }) {
+	return /* @__PURE__ */ jsx(View, {
+		className: cn(boxVariants({
+			spacing,
+			align,
+			justify,
+			width,
+			padding,
+			gap,
+			wrap
+		}), className),
+		...props
+	});
+}
+function HStack({ className, spacing, align, justify, width, padding, gap, wrap,...props }) {
+	return /* @__PURE__ */ jsx(View, {
+		className: cn(hStackVariants({
+			spacing,
+			align,
+			justify,
+			width,
+			padding,
+			gap,
+			wrap
+		}), className),
+		...props
+	});
+}
+function VStack({ className, spacing, align, justify, width, padding, gap,...props }) {
+	return /* @__PURE__ */ jsx(View, {
+		className: cn(vStackVariants({
+			spacing,
+			align,
+			justify,
+			width,
+			padding,
+			gap
+		}), className),
+		...props
+	});
+}
+
+//#endregion
+export { Box, HStack, VStack };
+//# sourceMappingURL=stack.js.map

package/dist/ui/stack.js.map

@@ -0,0 +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":"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"}

package/dist/ui/stepper.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime126 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types11 from "class-variance-authority/types";
+
+//#region ui/stepper.d.ts
+declare const dotVariants: (props?: ({
+  state?: "active" | "inactive" | null | undefined;
+  size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
+interface StepperProps extends VariantProps<typeof dotVariants> {
+  current: number;
+  total: number;
+  className?: string;
+}
+declare function Stepper({
+  current,
+  total,
+  size,
+  className
+}: StepperProps): react_jsx_runtime126.JSX.Element;
+//#endregion
+export { Stepper, StepperProps };
+//# sourceMappingURL=stepper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.d.ts","names":[],"sources":["../../ui/stepper.tsx"],"sourcesContent":[],"mappings":";;;;;cAMM;;;IAeJ,gCAAA,CAAA;AAfI,UAiBW,YAAA,SAAqB,YAFpC,CAAA,OAEwD,WAFxD,CAAA,CAAA;EAEe,OAAA,EAAA,MAAa;EAMd,KAAA,EAAA,MAAO;EAAG,SAAA,CAAA,EAAA,MAAA;;AAAgB,iBAA1B,OAAA,CAA0B;EAAA,OAAA;EAAA,KAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAAmB,YAAnB,CAAA,EAA+B,oBAAA,CAAA,GAAA,CAAA,OAA/B"}