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

package/dist/ui/stepper.js

@@ -0,0 +1,38 @@
+import { cn } from "./utils.js";
+import { HStack } from "./stack.js";
+import "react";
+import { View } from "react-native";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ui/stepper.tsx
+const dotVariants = cva("h-2 w-2 rounded-full", {
+	variants: {
+		state: {
+			active: "bg-primary",
+			inactive: "bg-muted-foreground/20"
+		},
+		size: {
+			sm: "",
+			md: "h-2.5 w-2.5"
+		}
+	},
+	defaultVariants: {
+		state: "inactive",
+		size: "md"
+	}
+});
+function Stepper({ current, total, size, className }) {
+	const items = Array.from({ length: Math.max(0, total) });
+	return /* @__PURE__ */ jsx(HStack, {
+		className: cn("items-center gap-2", className),
+		children: items.map((_, idx) => /* @__PURE__ */ jsx(View, { className: cn(dotVariants({
+			state: idx + 1 === current ? "active" : "inactive",
+			size
+		})) }, idx))
+	});
+}
+
+//#endregion
+export { Stepper };
+//# sourceMappingURL=stepper.js.map

package/dist/ui/stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.js","names":[],"sources":["../../ui/stepper.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from './utils';\nimport { HStack } from './stack';\nimport { View } from 'react-native';\n\nconst dotVariants = cva('h-2 w-2 rounded-full', {\n  variants: {\n    state: {\n      active: 'bg-primary',\n      inactive: 'bg-muted-foreground/20',\n    },\n    size: {\n      sm: '',\n      md: 'h-2.5 w-2.5',\n    },\n  },\n  defaultVariants: {\n    state: 'inactive',\n    size: 'md',\n  },\n});\n\nexport interface StepperProps extends VariantProps<typeof dotVariants> {\n  current: number;\n  total: number;\n  className?: string;\n}\n\nexport function Stepper({ current, total, size, className }: StepperProps) {\n  const items = Array.from({ length: Math.max(0, total) });\n  return (\n    <HStack className={cn('items-center gap-2', className)}>\n      {items.map((_, idx) => (\n        <View\n          key={idx}\n          className={cn(\n            dotVariants({\n              state: idx + 1 === current ? 'active' : 'inactive',\n              size,\n            })\n          )}\n        />\n      ))}\n    </HStack>\n  );\n}\n"],"mappings":";;;;;;;;AAMA,MAAM,cAAc,IAAI,wBAAwB;CAC9C,UAAU;EACR,OAAO;GACL,QAAQ;GACR,UAAU;GACX;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,OAAO;EACP,MAAM;EACP;CACF,CAAC;AAQF,SAAgB,QAAQ,EAAE,SAAS,OAAO,MAAM,aAA2B;CACzE,MAAM,QAAQ,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAI,GAAG,MAAM,EAAE,CAAC;AACxD,QACE,oBAAC;EAAO,WAAW,GAAG,sBAAsB,UAAU;YACnD,MAAM,KAAK,GAAG,QACb,oBAAC,QAEC,WAAW,GACT,YAAY;GACV,OAAO,MAAM,MAAM,UAAU,WAAW;GACxC;GACD,CAAC,CACH,IANI,IAOL,CACF;GACK"}

package/dist/ui/switch.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","names":[],"sources":["../../ui/switch.tsx"],"sourcesContent":[],"mappings":";;;;;iBAiDS,YAAA;;;GAGN,gBAAA,CAAiB;QACZ,OAAA,CAAM,UAAU,gBAAA,CAAiB;IACxC,oBAAA,CAAA,GAAA,CAAA;AArD8B,cAkGzB,MAlDe,EAAA,OAkDT,YAlDS"}

package/dist/ui/switch.js

@@ -0,0 +1,54 @@
+import { cn } from "./utils.js";
+import { useColorScheme } from "./useColorScheme.js";
+import "react";
+import { Platform } from "react-native";
+import Animated, { interpolateColor, useAnimatedStyle, useDerivedValue, withTiming } from "react-native-reanimated";
+import { jsx } from "react/jsx-runtime";
+import * as SwitchPrimitives from "@rn-primitives/switch";
+
+//#region ui/switch.tsx
+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,
+		children: /* @__PURE__ */ jsx(SwitchPrimitives.Thumb, { className: cn("bg-background shadow-foreground/5 pointer-events-none block h-5 w-5 rounded-full shadow-md ring-0 transition-transform", props.checked ? "translate-x-5" : "translate-x-0") })
+	});
+}
+const RGB_COLORS = {
+	light: {
+		primary: "rgb(24, 24, 27)",
+		input: "rgb(228, 228, 231)"
+	},
+	dark: {
+		primary: "rgb(250, 250, 250)",
+		input: "rgb(39, 39, 42)"
+	}
+};
+function SwitchNative({ className,...props }) {
+	const { colorScheme } = useColorScheme();
+	const translateX = useDerivedValue(() => props.checked ? 18 : 0);
+	const animatedRootStyle = useAnimatedStyle(() => {
+		return { backgroundColor: interpolateColor(translateX.value, [0, 18], [RGB_COLORS[colorScheme].input, RGB_COLORS[colorScheme].primary]) };
+	});
+	const animatedThumbStyle = useAnimatedStyle(() => ({ transform: [{ translateX: withTiming(translateX.value, { duration: 200 }) }] }));
+	return /* @__PURE__ */ jsx(Animated.View, {
+		style: animatedRootStyle,
+		className: cn("h-8 w-[46px] rounded-full", props.disabled && "opacity-50"),
+		children: /* @__PURE__ */ jsx(SwitchPrimitives.Root, {
+			className: cn("h-8 w-[46px] shrink-0 flex-row items-center rounded-full border-2 border-transparent", props.checked ? "bg-primary" : "bg-input", className),
+			...props,
+			children: /* @__PURE__ */ jsx(Animated.View, {
+				style: animatedThumbStyle,
+				children: /* @__PURE__ */ jsx(SwitchPrimitives.Thumb, { className: "bg-background shadow-foreground/25 h-7 w-7 rounded-full shadow-md ring-0" })
+			})
+		})
+	});
+}
+const Switch = Platform.select({
+	web: SwitchWeb,
+	default: SwitchNative
+});
+
+//#endregion
+export { Switch };
+//# sourceMappingURL=switch.js.map

package/dist/ui/switch.js.map

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

package/dist/ui/table.d.ts

@@ -0,0 +1,51 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime128 from "react/jsx-runtime";
+import * as TablePrimitive from "@rn-primitives/table";
+
+//#region ui/table.d.ts
+declare function Table({
+  className,
+  ...props
+}: TablePrimitive.RootProps & {
+  ref?: React$1.RefObject<TablePrimitive.RootRef>;
+}): react_jsx_runtime128.JSX.Element;
+declare function TableHeader({
+  className,
+  ...props
+}: TablePrimitive.HeaderProps & {
+  ref?: React$1.RefObject<TablePrimitive.HeaderRef>;
+}): react_jsx_runtime128.JSX.Element;
+declare function TableBody({
+  className,
+  style,
+  ...props
+}: TablePrimitive.BodyProps & {
+  ref?: React$1.RefObject<TablePrimitive.BodyRef>;
+}): react_jsx_runtime128.JSX.Element;
+declare function TableFooter({
+  className,
+  ...props
+}: TablePrimitive.FooterProps & {
+  ref?: React$1.RefObject<TablePrimitive.FooterRef>;
+}): react_jsx_runtime128.JSX.Element;
+declare function TableRow({
+  className,
+  ...props
+}: TablePrimitive.RowProps & {
+  ref?: React$1.RefObject<TablePrimitive.RowRef>;
+}): react_jsx_runtime128.JSX.Element;
+declare function TableHead({
+  className,
+  ...props
+}: TablePrimitive.HeadProps & {
+  ref?: React$1.RefObject<TablePrimitive.HeadRef>;
+}): react_jsx_runtime128.JSX.Element;
+declare function TableCell({
+  className,
+  ...props
+}: TablePrimitive.CellProps & {
+  ref?: React$1.RefObject<TablePrimitive.CellRef>;
+}): react_jsx_runtime128.JSX.Element;
+//#endregion
+export { Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","names":[],"sources":["../../ui/table.tsx"],"sourcesContent":[],"mappings":";;;;;iBAKS,KAAA;;;GAGN,cAAA,CAAe;QACV,OAAA,CAAM,UAAU,cAAA,CAAe;IACtC,oBAAA,CAAA,GAAA,CAAA;AAT8B,iBAkBtB,WAAA,CAdK;EAAA,SAAA;EAAA,GAAA;CAAA,EAiBX,cAAA,CAAe,WAjBJ,GAAA;EACZ,GAAA,CAAA,EAiBM,OAAA,CAAM,SAjBZ,CAiBsB,cAAA,CAAe,SAjBrC,CAAA;CAEC,CAAA,EAgBF,oBAAA,CAAA,GAAA,CAAA,OAhBiB;iBAyBT,SAAA,CAxB8B;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;CAAA,EA4BpC,cAAA,CAAe,SA5BqB,GAAA;EAA/B,GAAA,CAAA,EA6BA,OAAA,CAAM,SA7BA,CA6BU,cAAA,CAAe,OA7BzB,CAAA;CACb,CAAA,EA6BA,oBAAA,CAAA,GAAA,CAAA,OA7BA;iBA0CQ,WAAA,CA1CR;EAAA,SAAA;EAAA,GAAA;CAAA,EA6CE,cAAA,CAAe,WA7CjB,GAAA;EASQ,GAAA,CAAA,EAqCD,OAAA,CAAM,SArCM,CAqCI,cAAA,CAAe,SArCnB,CAAA;CAClB,CAAA,EAqCD,oBAAA,CAAA,GAAA,CAAA,OArCC;iBAiDO,QAAA,CA/CS;EAAA,SAAA;EAAA,GAAA;CAAA,EAkDf,cAAA,CAAe,QAlDA,GAAA;EACM,GAAA,CAAA,EAkDhB,OAAA,CAAM,SAlDyB,CAkDf,cAAA,CAAe,MAlDA,CAAA;CAA/B,CAAA,EAmDP,oBAAA,CAAA,GAAA,CAAA,OAnDa;iBA+DL,SAAA,CA9DR;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiEE,cAAA,CAAe,SAjEjB,GAAA;EAAA,GAAA,CAAA,EAkEO,OAAA,CAAM,SAlEb,CAkEuB,cAAA,CAAe,OAlEtC,CAAA;AAAA,CAAA,CAAA,EAmEA,oBAAA,CAAA,GAAA,CAAA,OA1DiB;iBAwET,SAAA,CAvEP;EAAA,SAAA;EAAA,GAAA;CAAA,EA0EC,cAAA,CAAe,SA1EhB,GAAA;EACA,GAAA,CAAA,EA0EM,OAAA,CAAM,SA1EZ,CA0EsB,cAAA,CAAe,OA1ErC,CAAA;CAEC,CAAA,EAyEF,oBAAA,CAAA,GAAA,CAAA,OAzEiB"}

package/dist/ui/table.js

@@ -0,0 +1,57 @@
+import { cn } from "./utils.js";
+import { TextClassContext } from "./text.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as TablePrimitive from "@rn-primitives/table";
+
+//#region ui/table.tsx
+function Table({ className,...props }) {
+	return /* @__PURE__ */ jsx(TablePrimitive.Root, {
+		className: cn("w-full caption-bottom text-sm", className),
+		...props
+	});
+}
+function TableHeader({ className,...props }) {
+	return /* @__PURE__ */ jsx(TablePrimitive.Header, {
+		className: cn("border-border [&_tr]:border-b", className),
+		...props
+	});
+}
+function TableBody({ className, style,...props }) {
+	return /* @__PURE__ */ jsx(TablePrimitive.Body, {
+		className: cn("border-border flex-1 [&_tr:last-child]:border-0", className),
+		style: [{ minHeight: 2 }, style],
+		...props
+	});
+}
+function TableFooter({ className,...props }) {
+	return /* @__PURE__ */ jsx(TablePrimitive.Footer, {
+		className: cn("bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
+		...props
+	});
+}
+function TableRow({ className,...props }) {
+	return /* @__PURE__ */ jsx(TablePrimitive.Row, {
+		className: cn("border-border web:transition-colors web:hover:bg-muted/50 web:data-[state=selected]:bg-muted flex-row border-b", className),
+		...props
+	});
+}
+function TableHead({ className,...props }) {
+	return /* @__PURE__ */ jsx(TextClassContext.Provider, {
+		value: "text-muted-foreground",
+		children: /* @__PURE__ */ jsx(TablePrimitive.Head, {
+			className: cn("h-12 justify-center px-4 text-left font-medium [&:has([role=checkbox])]:pr-0", className),
+			...props
+		})
+	});
+}
+function TableCell({ className,...props }) {
+	return /* @__PURE__ */ jsx(TablePrimitive.Cell, {
+		className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+		...props
+	});
+}
+
+//#endregion
+export { Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+//# sourceMappingURL=table.js.map

package/dist/ui/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","names":[],"sources":["../../ui/table.tsx"],"sourcesContent":["import * as TablePrimitive from '@rn-primitives/table';\nimport * as React from 'react';\nimport { cn } from './utils';\nimport { TextClassContext } from './text';\n\nfunction Table({\n  className,\n  ...props\n}: TablePrimitive.RootProps & {\n  ref?: React.RefObject<TablePrimitive.RootRef>;\n}) {\n  return (\n    <TablePrimitive.Root\n      className={cn('w-full caption-bottom text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableHeader({\n  className,\n  ...props\n}: TablePrimitive.HeaderProps & {\n  ref?: React.RefObject<TablePrimitive.HeaderRef>;\n}) {\n  return (\n    <TablePrimitive.Header\n      className={cn('border-border [&_tr]:border-b', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableBody({\n  className,\n  style,\n  ...props\n}: TablePrimitive.BodyProps & {\n  ref?: React.RefObject<TablePrimitive.BodyRef>;\n}) {\n  return (\n    <TablePrimitive.Body\n      className={cn(\n        'border-border flex-1 [&_tr:last-child]:border-0',\n        className\n      )}\n      style={[{ minHeight: 2 }, style]}\n      {...props}\n    />\n  );\n}\n\nfunction TableFooter({\n  className,\n  ...props\n}: TablePrimitive.FooterProps & {\n  ref?: React.RefObject<TablePrimitive.FooterRef>;\n}) {\n  return (\n    <TablePrimitive.Footer\n      className={cn(\n        'bg-muted/50 font-medium [&>tr]:last:border-b-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableRow({\n  className,\n  ...props\n}: TablePrimitive.RowProps & {\n  ref?: React.RefObject<TablePrimitive.RowRef>;\n}) {\n  return (\n    <TablePrimitive.Row\n      className={cn(\n        'border-border web:transition-colors web:hover:bg-muted/50 web:data-[state=selected]:bg-muted flex-row border-b',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableHead({\n  className,\n  ...props\n}: TablePrimitive.HeadProps & {\n  ref?: React.RefObject<TablePrimitive.HeadRef>;\n}) {\n  return (\n    <TextClassContext.Provider value=\"text-muted-foreground\">\n      <TablePrimitive.Head\n        className={cn(\n          'h-12 justify-center px-4 text-left font-medium [&:has([role=checkbox])]:pr-0',\n          className\n        )}\n        {...props}\n      />\n    </TextClassContext.Provider>\n  );\n}\n\nfunction TableCell({\n  className,\n  ...props\n}: TablePrimitive.CellProps & {\n  ref?: React.RefObject<TablePrimitive.CellRef>;\n}) {\n  return (\n    <TablePrimitive.Cell\n      className={cn(\n        'p-4 align-middle [&:has([role=checkbox])]:pr-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Table,\n  TableBody,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n};\n"],"mappings":";;;;;;;AAKA,SAAS,MAAM,EACb,UACA,GAAG,SAGF;AACD,QACE,oBAAC,eAAe;EACd,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,UACA,GAAG,SAGF;AACD,QACE,oBAAC,eAAe;EACd,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ;;AAIN,SAAS,UAAU,EACjB,WACA,MACA,GAAG,SAGF;AACD,QACE,oBAAC,eAAe;EACd,WAAW,GACT,mDACA,UACD;EACD,OAAO,CAAC,EAAE,WAAW,GAAG,EAAE,MAAM;EAChC,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,UACA,GAAG,SAGF;AACD,QACE,oBAAC,eAAe;EACd,WAAW,GACT,kDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,SAAS,EAChB,UACA,GAAG,SAGF;AACD,QACE,oBAAC,eAAe;EACd,WAAW,GACT,kHACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,UAAU,EACjB,UACA,GAAG,SAGF;AACD,QACE,oBAAC,iBAAiB;EAAS,OAAM;YAC/B,oBAAC,eAAe;GACd,WAAW,GACT,gFACA,UACD;GACD,GAAI;IACJ;GACwB;;AAIhC,SAAS,UAAU,EACjB,UACA,GAAG,SAGF;AACD,QACE,oBAAC,eAAe;EACd,WAAW,GACT,kDACA,UACD;EACD,GAAI;GACJ"}

package/dist/ui/tabs.d.ts

@@ -0,0 +1,33 @@
+import * as React$1 from "react";
+import * as react_native43 from "react-native";
+import * as _rn_primitives_types1 from "@rn-primitives/types";
+
+//#region ui/tabs.d.ts
+declare const Tabs: React$1.ForwardRefExoticComponent<react_native43.ViewProps & {
+  asChild?: boolean;
+} & {
+  value: string;
+  onValueChange: (value: string) => void;
+  orientation?: "horizontal" | "vertical";
+  dir?: "ltr" | "rtl";
+  activationMode?: "automatic" | "manual";
+} & React$1.RefAttributes<react_native43.View>>;
+declare const TabsList: React$1.ForwardRefExoticComponent<Omit<react_native43.ViewProps & {
+  asChild?: boolean;
+} & React$1.RefAttributes<react_native43.View>, "ref"> & React$1.RefAttributes<react_native43.View>>;
+declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<Omit<react_native43.PressableProps & React$1.RefAttributes<react_native43.View>, "ref"> & {
+  asChild?: boolean;
+} & {
+  onKeyDown?: (ev: React$1.KeyboardEvent) => void;
+  onKeyUp?: (ev: React$1.KeyboardEvent) => void;
+} & {
+  value: string;
+} & React$1.RefAttributes<react_native43.View>, "ref"> & React$1.RefAttributes<react_native43.View>>;
+declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<react_native43.ViewProps & {
+  asChild?: boolean;
+} & _rn_primitives_types1.ForceMountable & {
+  value: string;
+} & React$1.RefAttributes<react_native43.View>, "ref"> & React$1.RefAttributes<react_native43.View>>;
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger };
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../ui/tabs.tsx"],"sourcesContent":[],"mappings":";;;;;cAIM,MAAI,OAAA,CAAA,0BAAqB,cAAA,CAArB,SAAA;;;;EAAJ,aAAyB,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAA,WAAA,CAArB,EAAA,YAAA,GAAA,UAAA;EAAA,GAAA,CAAA,EAAA,KAAA,GAAA,KAAA;;CAAA,wBAAA,CAAA,cAAA,CAAA,IAAA,CAAA,CAAA;cAEJ,QAFI,EAEI,OAAA,CAAA,yBAFJ,CAEI,IAFJ,CAcR,cAAA,CAZY,SAAA,GAFJ;EAEJ,OAAA,CAAA,EAAA,OAYJ;CAAA,wBAZY,CAAA,cAAA,CAAA,IAAA,CAAA,EAAA,KAAA,CAAA,wBAAA,CAAA,cAAA,CAAA,IAAA,CAAA,CAAA;cAeR,WAfQ,EAeG,OAAA,CAAA,yBAfH,CAeG,IAfH,CAeG,IAfH,CA4BZ,cAAA,CAbe,cAAA,GAAA,OAAA,CAAA,aAfH,CAeG,cAAA,CAAA,IAAA,CAfH,EAAA,KAAA,CAAA,GAAA;;CAAA,GAAA;EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,uBAAA,EAAA,GAAA,IAAA;;CAAA,GAAA;EAAA,KAAA,EAAA,MAAA;AAAA,CAAA,wBA4BZ,qBAAA,EAAA,KAAA,CAAA,wBAAA,CAbe,cAAA,CAAA,IAAA,CAaf,CAAA;cAGI,WAhBW,EAgBA,OAAA,CAAA,yBAhBA,CAgBA,IAhBA,CA4Bf,cAAA,CAZe,SAAA,GAhBA;EAAA,OAAA,CAAA,EAAA,OAAA;CAAA,GAgBA,qBAAA,CAAA,cAAA,GAhBA;EAAA,KAAA,EAAA,MAAA;+EAgBA,cAAA,CAAA,IAAA"}

package/dist/ui/tabs.js

@@ -0,0 +1,29 @@
+import { cn } from "./utils.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import * as TabsPrimitive from "@rn-primitives/tabs";
+
+//#region ui/tabs.tsx
+const Tabs = TabsPrimitive.Root;
+const TabsList = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.List, {
+	ref,
+	className: cn("bg-muted text-muted-foreground web:inline-flex h-10 items-center justify-center rounded-md p-1", className),
+	...props
+}));
+TabsList.displayName = TabsPrimitive.List.displayName;
+const TabsTrigger = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
+	ref,
+	className: cn("web:inline-flex web:whitespace-nowrap web:ring-offset-background web:transition-all web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 items-center justify-center rounded-xs px-3 py-1.5 text-sm font-medium disabled:pointer-events-none disabled:opacity-50", "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-2xs", className),
+	...props
+}));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+const TabsContent = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.Content, {
+	ref,
+	className: cn("web:ring-offset-background web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2", className),
+	...props
+}));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger };
+//# sourceMappingURL=tabs.js.map

package/dist/ui/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":["React"],"sources":["../../ui/tabs.tsx"],"sourcesContent":["import * as TabsPrimitive from '@rn-primitives/tabs';\nimport * as React from 'react';\nimport { cn } from './utils';\n\nconst Tabs = TabsPrimitive.Root;\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    className={cn(\n      'bg-muted text-muted-foreground web:inline-flex h-10 items-center justify-center rounded-md p-1',\n      className\n    )}\n    {...props}\n  />\n));\nTabsList.displayName = TabsPrimitive.List.displayName;\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      'web:inline-flex web:whitespace-nowrap web:ring-offset-background web:transition-all web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 items-center justify-center rounded-xs px-3 py-1.5 text-sm font-medium disabled:pointer-events-none disabled:opacity-50',\n      'data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-2xs',\n      className\n    )}\n    {...props}\n  />\n));\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn(\n      'web:ring-offset-background web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2',\n      className\n    )}\n    {...props}\n  />\n));\nTabsContent.displayName = TabsPrimitive.Content.displayName;\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger };\n"],"mappings":";;;;;;AAIA,MAAM,OAAO,cAAc;AAE3B,MAAM,WAAWA,QAAM,YAGpB,EAAE,UAAW,GAAG,SAAS,QAC1B,oBAAC,cAAc;CACR;CACL,WAAW,GACT,kGACA,UACD;CACD,GAAI;EACJ,CACF;AACF,SAAS,cAAc,cAAc,KAAK;AAE1C,MAAM,cAAcA,QAAM,YAGvB,EAAE,UAAW,GAAG,SAAS,QAC1B,oBAAC,cAAc;CACR;CACL,WAAW,GACT,qUACA,wGACA,UACD;CACD,GAAI;EACJ,CACF;AACF,YAAY,cAAc,cAAc,QAAQ;AAEhD,MAAM,cAAcA,QAAM,YAGvB,EAAE,UAAW,GAAG,SAAS,QAC1B,oBAAC,cAAc;CACR;CACL,WAAW,GACT,oJACA,UACD;CACD,GAAI;EACJ,CACF;AACF,YAAY,cAAc,cAAc,QAAQ"}

package/dist/ui/text.d.ts

@@ -0,0 +1,21 @@
+import * as React$1 from "react";
+import { Text as Text$1 } from "react-native";
+import * as react_jsx_runtime135 from "react/jsx-runtime";
+
+//#region ui/text.d.ts
+declare const TextClassContext: React$1.Context<string | undefined>;
+type TextProps = React$1.ComponentProps<typeof Text$1> & {
+  ref?: React$1.RefObject<React$1.ComponentRef<typeof Text$1>>;
+  asChild?: boolean;
+};
+declare function Text({
+  className,
+  asChild,
+  ...props
+}: React$1.ComponentProps<typeof Text$1> & {
+  ref?: React$1.RefObject<React$1.ComponentRef<typeof Text$1>>;
+  asChild?: boolean;
+}): react_jsx_runtime135.JSX.Element;
+//#endregion
+export { Text, TextClassContext, TextProps };
+//# sourceMappingURL=text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","names":[],"sources":["../../ui/text.tsx"],"sourcesContent":[],"mappings":";;;;;cAKM,kBAAgB,OAAA,CAAA;KAEV,SAAA,GAAY,OAAA,CAAM,sBAAsB;QAC5C,OAAA,CAAM,UAAU,OAAA,CAAM,oBAAoB;EAH5C,OAAA,CAAA,EAAA,OAAA;AAEN,CAAA;iBAKS,IAAA,CAL2C;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;CAAA,EASjD,OAAA,CAAM,cAT2C,CAAA,OASrB,MATqB,CAAA,GAAA;EAA5B,GAAA,CAAA,EAUhB,OAAA,CAAM,SAVgB,CAUN,OAAA,CAAM,YAVA,CAAA,OAUoB,MAVpB,CAAA,CAAA;EACoB,OAAA,CAAA,EAAA,OAAA;CAA1B,CAAA,EAWvB,oBAAA,CAAA,GAAA,CAAA,OAX6B"}

package/dist/ui/text.js

@@ -0,0 +1,19 @@
+import { cn } from "./utils.js";
+import * as React$1 from "react";
+import { Text as Text$1 } from "react-native";
+import * as Slot from "@rn-primitives/slot";
+import { jsx } from "react/jsx-runtime";
+
+//#region ui/text.tsx
+const TextClassContext = React$1.createContext(void 0);
+function Text({ className, asChild = false,...props }) {
+	const textClass = React$1.useContext(TextClassContext);
+	return /* @__PURE__ */ jsx(asChild ? Slot.Text : Text$1, {
+		className: cn("text-foreground web:select-text text-base", textClass, className),
+		...props
+	});
+}
+
+//#endregion
+export { Text, TextClassContext };
+//# sourceMappingURL=text.js.map

package/dist/ui/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","names":["React","RNText"],"sources":["../../ui/text.tsx"],"sourcesContent":["import * as Slot from '@rn-primitives/slot';\nimport * as React from 'react';\nimport { Text as RNText } from 'react-native';\nimport { cn } from './utils';\n\nconst TextClassContext = React.createContext<string | undefined>(undefined);\n\nexport type TextProps = React.ComponentProps<typeof RNText> & {\n  ref?: React.RefObject<React.ComponentRef<typeof RNText>>;\n  asChild?: boolean;\n};\n\nfunction Text({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<typeof RNText> & {\n  ref?: React.RefObject<React.ComponentRef<typeof RNText>>;\n  asChild?: boolean;\n}) {\n  const textClass = React.useContext(TextClassContext);\n  const Component = asChild ? Slot.Text : RNText;\n  return (\n    <Component\n      className={cn(\n        'text-foreground web:select-text text-base',\n        textClass,\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Text, TextClassContext };\n"],"mappings":";;;;;;;AAKA,MAAM,mBAAmBA,QAAM,cAAkC,OAAU;AAO3E,SAAS,KAAK,EACZ,WACA,UAAU,MACV,GAAG,SAIF;CACD,MAAM,YAAYA,QAAM,WAAW,iBAAiB;AAEpD,QACE,oBAFgB,UAAU,KAAK,OAAOC;EAGpC,WAAW,GACT,6CACA,WACA,UACD;EACD,GAAI;GACJ"}

package/dist/ui/textarea.d.ts

@@ -0,0 +1,10 @@
+import * as React$1 from "react";
+import { TextInput, TextInputProps } from "react-native";
+
+//#region ui/textarea.d.ts
+declare const Textarea: React$1.ForwardRefExoticComponent<Omit<TextInputProps & {
+  ref?: React$1.RefObject<TextInput>;
+}, "ref"> & React$1.RefAttributes<TextInput>>;
+//#endregion
+export { Textarea };
+//# sourceMappingURL=textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","names":[],"sources":["../../ui/textarea.tsx"],"sourcesContent":[],"mappings":";;;;cAIM,UAAQ,OAAA,CAAA,0BAAA,KAAA;QAGJ,OAAA,CAAM,UAAU;AANoC,CAAA,EAAA,KAGxD,CAAA,wBAmBJ,UAAA,CAAA,CAAA"}

package/dist/ui/textarea.js

@@ -0,0 +1,20 @@
+import { cn } from "./utils.js";
+import * as React$1 from "react";
+import { TextInput } from "react-native";
+import { jsx } from "react/jsx-runtime";
+
+//#region ui/textarea.tsx
+const Textarea = React$1.forwardRef(({ className, placeholderClassName,...props }, ref) => {
+	return /* @__PURE__ */ jsx(TextInput, {
+		ref,
+		className: cn("native:text-lg native:leading-tight border-input bg-background text-foreground placeholder:text-muted-foreground web:flex web:ring-offset-background web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 min-h-[80px] w-full rounded-md border px-3 py-2 text-base file:border-0 file:bg-transparent file:font-medium lg:text-sm", props.editable === false && "web:cursor-not-allowed opacity-50", className),
+		placeholderClassName: cn("text-muted-foreground", placeholderClassName),
+		multiline: true,
+		...props
+	});
+});
+Textarea.displayName = "Textarea";
+
+//#endregion
+export { Textarea };
+//# sourceMappingURL=textarea.js.map

package/dist/ui/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","names":["React"],"sources":["../../ui/textarea.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TextInput, type TextInputProps } from 'react-native';\nimport { cn } from './utils';\n\nconst Textarea = React.forwardRef<\n  TextInput,\n  TextInputProps & {\n    ref?: React.RefObject<TextInput>;\n  }\n>(({ className, placeholderClassName, ...props }, ref) => {\n  return (\n    <TextInput\n      ref={ref}\n      className={cn(\n        'native:text-lg native:leading-tight border-input bg-background text-foreground placeholder:text-muted-foreground web:flex web:ring-offset-background web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 min-h-[80px] w-full rounded-md border px-3 py-2 text-base file:border-0 file:bg-transparent file:font-medium lg:text-sm',\n        props.editable === false && 'web:cursor-not-allowed opacity-50',\n        className\n      )}\n      placeholderClassName={cn('text-muted-foreground', placeholderClassName)}\n      multiline\n      {...props}\n    />\n  );\n});\n\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"mappings":";;;;;;AAIA,MAAM,WAAWA,QAAM,YAKpB,EAAE,WAAW,qBAAsB,GAAG,SAAS,QAAQ;AACxD,QACE,oBAAC;EACM;EACL,WAAW,GACT,sYACA,MAAM,aAAa,SAAS,qCAC5B,UACD;EACD,sBAAsB,GAAG,yBAAyB,qBAAqB;EACvE;EACA,GAAI;GACJ;EAEJ;AAEF,SAAS,cAAc"}

package/dist/ui/time-picker.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime28 from "react/jsx-runtime";
+
+//#region ui/time-picker.d.ts
+interface TimePickerProps {
+  value: Date | null;
+  onChange: (date: Date | null) => void;
+  disabled?: boolean;
+  placeholder?: string;
+  is24Hour?: boolean;
+  className?: string;
+}
+declare function TimePicker({
+  value,
+  onChange,
+  disabled,
+  placeholder,
+  is24Hour,
+  className
+}: TimePickerProps): react_jsx_runtime28.JSX.Element;
+//#endregion
+export { TimePicker, TimePickerProps };
+//# sourceMappingURL=time-picker.d.ts.map

package/dist/ui/time-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.d.ts","names":[],"sources":["../../ui/time-picker.tsx"],"sourcesContent":[],"mappings":";;;UAUiB,eAAA;SACR;mBACU;EAFF,QAAA,CAAA,EAAA,OAAe;EAsBhB,WAAA,CAAA,EAAU,MAAA;EACxB,QAAA,CAAA,EAAA,OAAA;EACA,SAAA,CAAA,EAAA,MAAA;;AAEA,iBAJc,UAAA,CAId;EAAA,KAAA;EAAA,QAAA;EAAA,QAAA;EAAA,WAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAGC,eAHD,CAAA,EAGgB,mBAAA,CAAA,GAAA,CAAA,OAHhB"}

package/dist/ui/time-picker.js

@@ -0,0 +1,53 @@
+import { cn } from "./utils.js";
+import { Text as Text$1 } from "./text.js";
+import React, { useMemo, useState } from "react";
+import { Platform, Pressable, View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+import DateTimePicker from "@react-native-community/datetimepicker";
+
+//#region ui/time-picker.tsx
+function formatTimeDisplay(date, is24Hour) {
+	if (!date) return "";
+	try {
+		return date.toLocaleTimeString([], {
+			hour: "2-digit",
+			minute: "2-digit",
+			hour12: !is24Hour
+		});
+	} catch {
+		return "";
+	}
+}
+function TimePicker({ value, onChange, disabled, placeholder = "Select time", is24Hour = true, className }) {
+	const [show, setShow] = useState(false);
+	const pickerProps = useMemo(() => ({
+		is24Hour,
+		timeZoneName: void 0
+	}), [is24Hour]);
+	const handleChange = (_event, selectedDate) => {
+		if (Platform.OS !== "ios") setShow(false);
+		if (selectedDate) onChange(selectedDate);
+	};
+	return /* @__PURE__ */ jsxs(View, {
+		className: cn("w-full", className),
+		children: [/* @__PURE__ */ jsx(Pressable, {
+			disabled,
+			onPress: () => setShow(true),
+			className: cn("border-input bg-background h-12 flex-row items-center rounded-md border px-3", disabled && "opacity-50"),
+			children: /* @__PURE__ */ jsx(Text$1, {
+				className: cn("text-foreground text-base", !value && "opacity-50"),
+				children: value ? formatTimeDisplay(value, is24Hour) : placeholder
+			})
+		}), show && /* @__PURE__ */ jsx(DateTimePicker, {
+			value: value ?? /* @__PURE__ */ new Date(),
+			mode: "time",
+			display: Platform.OS === "ios" ? "spinner" : "default",
+			onChange: handleChange,
+			...pickerProps
+		})]
+	});
+}
+
+//#endregion
+export { TimePicker };
+//# sourceMappingURL=time-picker.js.map

package/dist/ui/time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.js","names":["Text"],"sources":["../../ui/time-picker.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { Platform, Pressable, View } from 'react-native';\nimport type {\n  AndroidNativeProps,\n  IOSNativeProps,\n} from '@react-native-community/datetimepicker';\nimport DateTimePicker from '@react-native-community/datetimepicker';\nimport { cn } from './utils';\nimport { Text } from './text';\n\nexport interface TimePickerProps {\n  value: Date | null;\n  onChange: (date: Date | null) => void;\n  disabled?: boolean;\n  placeholder?: string;\n  is24Hour?: boolean;\n  className?: string;\n}\n\nfunction formatTimeDisplay(date: Date | null, is24Hour?: boolean) {\n  if (!date) return '';\n  try {\n    return date.toLocaleTimeString([], {\n      hour: '2-digit',\n      minute: '2-digit',\n      hour12: !is24Hour,\n    });\n  } catch {\n    return '';\n  }\n}\n\nexport function TimePicker({\n  value,\n  onChange,\n  disabled,\n  placeholder = 'Select time',\n  is24Hour = true,\n  className,\n}: TimePickerProps) {\n  const [show, setShow] = useState(false);\n\n  const pickerProps = useMemo<Partial<AndroidNativeProps & IOSNativeProps>>(\n    () => ({\n      is24Hour,\n      timeZoneName: undefined,\n    }),\n    [is24Hour]\n  );\n\n  const handleChange = (_event: any, selectedDate?: Date | undefined) => {\n    if (Platform.OS !== 'ios') setShow(false);\n    if (selectedDate) {\n      onChange(selectedDate);\n    }\n  };\n\n  return (\n    <View className={cn('w-full', className)}>\n      <Pressable\n        disabled={disabled}\n        onPress={() => setShow(true)}\n        className={cn(\n          'border-input bg-background h-12 flex-row items-center rounded-md border px-3',\n          disabled && 'opacity-50'\n        )}\n      >\n        <Text\n          className={cn('text-foreground text-base', !value && 'opacity-50')}\n        >\n          {value ? formatTimeDisplay(value, is24Hour) : placeholder}\n        </Text>\n      </Pressable>\n      {show && (\n        <DateTimePicker\n          value={value ?? new Date()}\n          mode=\"time\"\n          display={Platform.OS === 'ios' ? 'spinner' : 'default'}\n          onChange={handleChange}\n          {...(pickerProps as any)}\n        />\n      )}\n    </View>\n  );\n}\n"],"mappings":";;;;;;;;AAmBA,SAAS,kBAAkB,MAAmB,UAAoB;AAChE,KAAI,CAAC,KAAM,QAAO;AAClB,KAAI;AACF,SAAO,KAAK,mBAAmB,EAAE,EAAE;GACjC,MAAM;GACN,QAAQ;GACR,QAAQ,CAAC;GACV,CAAC;SACI;AACN,SAAO;;;AAIX,SAAgB,WAAW,EACzB,OACA,UACA,UACA,cAAc,eACd,WAAW,MACX,aACkB;CAClB,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CAEvC,MAAM,cAAc,eACX;EACL;EACA,cAAc;EACf,GACD,CAAC,SAAS,CACX;CAED,MAAM,gBAAgB,QAAa,iBAAoC;AACrE,MAAI,SAAS,OAAO,MAAO,SAAQ,MAAM;AACzC,MAAI,aACF,UAAS,aAAa;;AAI1B,QACE,qBAAC;EAAK,WAAW,GAAG,UAAU,UAAU;aACtC,oBAAC;GACW;GACV,eAAe,QAAQ,KAAK;GAC5B,WAAW,GACT,gFACA,YAAY,aACb;aAED,oBAACA;IACC,WAAW,GAAG,6BAA6B,CAAC,SAAS,aAAa;cAEjE,QAAQ,kBAAkB,OAAO,SAAS,GAAG;KACzC;IACG,EACX,QACC,oBAAC;GACC,OAAO,yBAAS,IAAI,MAAM;GAC1B,MAAK;GACL,SAAS,SAAS,OAAO,QAAQ,YAAY;GAC7C,UAAU;GACV,GAAK;IACL;GAEC"}

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

@@ -0,0 +1,36 @@
+import { toggleVariants } from "./toggle.js";
+import * as React$1 from "react";
+import { LucideIcon } from "lucide-react-native";
+import * as react_jsx_runtime159 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as ToggleGroupPrimitive from "@rn-primitives/toggle-group";
+
+//#region ui/toggle-group.d.ts
+declare function ToggleGroup({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}: ToggleGroupPrimitive.RootProps & VariantProps<typeof toggleVariants> & {
+  ref?: React$1.RefObject<ToggleGroupPrimitive.RootRef>;
+}): react_jsx_runtime159.JSX.Element;
+declare function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}: ToggleGroupPrimitive.ItemProps & VariantProps<typeof toggleVariants> & {
+  ref?: React$1.RefObject<ToggleGroupPrimitive.ItemRef>;
+}): react_jsx_runtime159.JSX.Element;
+declare function ToggleGroupIcon({
+  className,
+  icon: Icon,
+  ...props
+}: React$1.ComponentPropsWithoutRef<LucideIcon> & {
+  icon: LucideIcon;
+}): react_jsx_runtime159.JSX.Element;
+//#endregion
+export { ToggleGroup, ToggleGroupIcon, ToggleGroupItem };
+//# sourceMappingURL=toggle-group.d.ts.map

package/dist/ui/toggle-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.ts","names":[],"sources":["../../ui/toggle-group.tsx"],"sourcesContent":[],"mappings":";;;;;;;;iBAYS,WAAA;;;;;;GAMN,oBAAA,CAAqB,YACtB,oBAAoB;QACZ,OAAA,CAAM,UAAU,oBAAA,CAAqB;IAC5C,oBAAA,CAAA,GAAA,CAAA;AAhBiE,iBA0C3D,eAAA,CAnCW;EAAA,SAAA;EAAA,QAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;CAAA,EAyCjB,oBAAA,CAAqB,SAzCJ,GA0ClB,YA1CkB,CAAA,OA0CE,cA1CF,CAAA,GAAA;EAClB,GAAA,CAAA,EA0CQ,OAAA,CAAM,SA1Cd,CA0CwB,oBAAA,CAAqB,OA1C7C,CAAA;CACA,CAAA,EA0CC,oBAAA,CAAA,GAAA,CAAA,OA1CD;iBA0EO,eAAA,CAzEP;EAAA,SAAA;EAAA,IAAA,EA2EM,IA3EN;EAAA,GAAA;CAAA,EA6EC,OAAA,CAAM,wBA7EP,CA6EgC,UA7EhC,CAAA,GAAA;EACA,IAAA,EA6EM,UA7EN;CAEC,CAAA,EA4EF,oBAAA,CAAA,GAAA,CAAA,OA5EuB"}

package/dist/ui/toggle-group.js

@@ -0,0 +1,55 @@
+import { cn } from "./utils.js";
+import { TextClassContext } from "./text.js";
+import { toggleTextVariants, toggleVariants } from "./toggle.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import * as ToggleGroupPrimitive from "@rn-primitives/toggle-group";
+
+//#region ui/toggle-group.tsx
+const ToggleGroupContext = React$1.createContext(null);
+function ToggleGroup({ className, variant, size, children,...props }) {
+	return /* @__PURE__ */ jsx(ToggleGroupPrimitive.Root, {
+		className: cn("flex flex-row items-center justify-center gap-1", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
+			value: {
+				variant,
+				size
+			},
+			children
+		})
+	});
+}
+function useToggleGroupContext() {
+	const context = React$1.useContext(ToggleGroupContext);
+	if (context === null) throw new Error("ToggleGroup compound components cannot be rendered outside the ToggleGroup component");
+	return context;
+}
+function ToggleGroupItem({ className, children, variant, size,...props }) {
+	const context = useToggleGroupContext();
+	const { value } = ToggleGroupPrimitive.useRootContext();
+	return /* @__PURE__ */ jsx(TextClassContext.Provider, {
+		value: cn(toggleTextVariants({
+			variant,
+			size
+		}), ToggleGroupPrimitive.utils.getIsSelected(value, props.value) ? "text-accent-foreground" : "web:group-hover:text-muted-foreground"),
+		children: /* @__PURE__ */ jsx(ToggleGroupPrimitive.Item, {
+			className: cn(toggleVariants({
+				variant: context.variant || variant,
+				size: context.size || size
+			}), props.disabled && "web:pointer-events-none opacity-50", ToggleGroupPrimitive.utils.getIsSelected(value, props.value) && "bg-accent", className),
+			...props,
+			children
+		})
+	});
+}
+function ToggleGroupIcon({ className, icon: Icon,...props }) {
+	return /* @__PURE__ */ jsx(Icon, {
+		className: cn(React$1.useContext(TextClassContext), className),
+		...props
+	});
+}
+
+//#endregion
+export { ToggleGroup, ToggleGroupIcon, ToggleGroupItem };
+//# sourceMappingURL=toggle-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.js","names":["React"],"sources":["../../ui/toggle-group.tsx"],"sourcesContent":["import type { VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react-native';\nimport * as React from 'react';\nimport { toggleTextVariants, toggleVariants } from './toggle';\nimport { TextClassContext } from './text';\nimport * as ToggleGroupPrimitive from '@rn-primitives/toggle-group';\nimport { cn } from './utils';\n\nconst ToggleGroupContext = React.createContext<VariantProps<\n  typeof toggleVariants\n> | null>(null);\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  children,\n  ...props\n}: ToggleGroupPrimitive.RootProps &\n  VariantProps<typeof toggleVariants> & {\n    ref?: React.RefObject<ToggleGroupPrimitive.RootRef>;\n  }) {\n  return (\n    <ToggleGroupPrimitive.Root\n      className={cn(\n        'flex flex-row items-center justify-center gap-1',\n        className\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  );\n}\n\nfunction useToggleGroupContext() {\n  const context = React.useContext(ToggleGroupContext);\n  if (context === null) {\n    throw new Error(\n      'ToggleGroup compound components cannot be rendered outside the ToggleGroup component'\n    );\n  }\n  return context;\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\n  ...props\n}: ToggleGroupPrimitive.ItemProps &\n  VariantProps<typeof toggleVariants> & {\n    ref?: React.RefObject<ToggleGroupPrimitive.ItemRef>;\n  }) {\n  const context = useToggleGroupContext();\n  const { value } = ToggleGroupPrimitive.useRootContext();\n\n  return (\n    <TextClassContext.Provider\n      value={cn(\n        toggleTextVariants({ variant, size }),\n        ToggleGroupPrimitive.utils.getIsSelected(value, props.value)\n          ? 'text-accent-foreground'\n          : 'web:group-hover:text-muted-foreground'\n      )}\n    >\n      <ToggleGroupPrimitive.Item\n        className={cn(\n          toggleVariants({\n            variant: context.variant || variant,\n            size: context.size || size,\n          }),\n          props.disabled && 'web:pointer-events-none opacity-50',\n          ToggleGroupPrimitive.utils.getIsSelected(value, props.value) &&\n            'bg-accent',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </ToggleGroupPrimitive.Item>\n    </TextClassContext.Provider>\n  );\n}\n\nfunction ToggleGroupIcon({\n  className,\n  icon: Icon,\n  ...props\n}: React.ComponentPropsWithoutRef<LucideIcon> & {\n  icon: LucideIcon;\n}) {\n  const textClass = React.useContext(TextClassContext);\n  return <Icon className={cn(textClass, className)} {...props} />;\n}\n\nexport { ToggleGroup, ToggleGroupIcon, ToggleGroupItem };\n"],"mappings":";;;;;;;;AAQA,MAAM,qBAAqBA,QAAM,cAEvB,KAAK;AAEf,SAAS,YAAY,EACnB,WACA,SACA,MACA,SACA,GAAG,SAIA;AACH,QACE,oBAAC,qBAAqB;EACpB,WAAW,GACT,mDACA,UACD;EACD,GAAI;YAEJ,oBAAC,mBAAmB;GAAS,OAAO;IAAE;IAAS;IAAM;GAClD;IAC2B;GACJ;;AAIhC,SAAS,wBAAwB;CAC/B,MAAM,UAAUA,QAAM,WAAW,mBAAmB;AACpD,KAAI,YAAY,KACd,OAAM,IAAI,MACR,uFACD;AAEH,QAAO;;AAGT,SAAS,gBAAgB,EACvB,WACA,UACA,SACA,KACA,GAAG,SAIA;CACH,MAAM,UAAU,uBAAuB;CACvC,MAAM,EAAE,UAAU,qBAAqB,gBAAgB;AAEvD,QACE,oBAAC,iBAAiB;EAChB,OAAO,GACL,mBAAmB;GAAE;GAAS;GAAM,CAAC,EACrC,qBAAqB,MAAM,cAAc,OAAO,MAAM,MAAM,GACxD,2BACA,wCACL;YAED,oBAAC,qBAAqB;GACpB,WAAW,GACT,eAAe;IACb,SAAS,QAAQ,WAAW;IAC5B,MAAM,QAAQ,QAAQ;IACvB,CAAC,EACF,MAAM,YAAY,sCAClB,qBAAqB,MAAM,cAAc,OAAO,MAAM,MAAM,IAC1D,aACF,UACD;GACD,GAAI;GAEH;IACyB;GACF;;AAIhC,SAAS,gBAAgB,EACvB,WACA,MAAM,KACN,GAAG,SAGF;AAED,QAAO,oBAAC;EAAK,WAAW,GADNA,QAAM,WAAW,iBAAiB,EACd,UAAU;EAAE,GAAI;GAAS"}