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

package/dist/ui/accordion.d.ts

@@ -0,0 +1,36 @@
+import * as AccordionPrimitive from "@rn-primitives/accordion";
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region ui/accordion.d.ts
+declare function Accordion({
+  children,
+  ...props
+}: Omit<AccordionPrimitive.RootProps, 'asChild'> & {
+  ref?: React$1.RefObject<AccordionPrimitive.RootRef>;
+}): react_jsx_runtime0.JSX.Element;
+declare function AccordionItem({
+  className,
+  value,
+  ...props
+}: AccordionPrimitive.ItemProps & {
+  ref?: React$1.RefObject<AccordionPrimitive.ItemRef>;
+}): react_jsx_runtime0.JSX.Element;
+declare function AccordionTrigger({
+  className,
+  children,
+  ...props
+}: AccordionPrimitive.TriggerProps & {
+  children?: React$1.ReactNode;
+  ref?: React$1.RefObject<AccordionPrimitive.TriggerRef>;
+}): react_jsx_runtime0.JSX.Element;
+declare function AccordionContent({
+  className,
+  children,
+  ...props
+}: AccordionPrimitive.ContentProps & {
+  ref?: React$1.RefObject<AccordionPrimitive.ContentRef>;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../ui/accordion.tsx"],"sourcesContent":[],"mappings":";;;;;iBAkBS,SAAA;;;GAGN,KAAK,kBAAA,CAAmB;QACnB,OAAA,CAAM,UAAU,kBAAA,CAAmB;IAC1C,kBAAA,CAAA,GAAA,CAAA;AAtB8B,iBAqCtB,aAAA,CApBS;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;CAAA,EAwBf,kBAAA,CAAmB,SAxBJ,GAAA;EAChB,GAAA,CAAA,EAwBM,OAAA,CAAM,SAxBZ,CAwBsB,kBAAA,CAAmB,OAxBzC,CAAA;CAEM,CAAA,EAuBP,kBAAA,CAAA,GAAA,CAAA,OAvB0B;iBAwClB,gBAAA,CAxCN;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EA4CA,kBAAA,CAAmB,YA5CnB,GAAA;EACqB,QAAA,CAAA,EA4CX,OAAA,CAAM,SA5CwB;EAAnC,GAAA,CAAA,EA6CA,OAAA,CAAM,SA7CA,CA6CU,kBAAA,CAAmB,UA7C7B,CAAA;CACb,CAAA,EA6CA,kBAAA,CAAA,GAAA,CAAA,OA7CA;iBA+EQ,gBAAA,CA/ER;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EAmFE,kBAAA,CAAmB,YAnFrB,GAAA;EAeQ,GAAA,CAAA,EAqED,OAAA,CAAM,SArEQ,CAqEE,kBAAA,CAAmB,UArErB,CAAA;CACpB,CAAA,EAqED,kBAAA,CAAA,GAAA,CAAA,OArEC"}

package/dist/ui/accordion.js

@@ -0,0 +1,93 @@
+import { ChevronDown } from "./icons/ChevronDown.js";
+import { cn } from "./utils.js";
+import { TextClassContext } from "./text.js";
+import * as AccordionPrimitive from "@rn-primitives/accordion";
+import "react";
+import { Platform, Pressable, View } from "react-native";
+import Animated, { Extrapolation, FadeIn, FadeOutUp, LayoutAnimationConfig, LinearTransition, interpolate, useAnimatedStyle, useDerivedValue, withTiming } from "react-native-reanimated";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ui/accordion.tsx
+function Accordion({ children,...props }) {
+	return /* @__PURE__ */ jsx(LayoutAnimationConfig, {
+		skipEntering: true,
+		children: /* @__PURE__ */ jsx(AccordionPrimitive.Root, {
+			...props,
+			asChild: Platform.OS !== "web",
+			children: /* @__PURE__ */ jsx(Animated.View, {
+				layout: LinearTransition.duration(200),
+				children
+			})
+		})
+	});
+}
+function AccordionItem({ className, value,...props }) {
+	return /* @__PURE__ */ jsx(Animated.View, {
+		className: "overflow-hidden",
+		layout: LinearTransition.duration(200),
+		children: /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
+			className: cn("border-border border-b", className),
+			value,
+			...props
+		})
+	});
+}
+const Trigger = Platform.OS === "web" ? View : Pressable;
+function AccordionTrigger({ className, children,...props }) {
+	const { isExpanded } = AccordionPrimitive.useItemContext();
+	const progress = useDerivedValue(() => isExpanded ? withTiming(1, { duration: 250 }) : withTiming(0, { duration: 200 }));
+	const chevronStyle = useAnimatedStyle(() => ({
+		transform: [{ rotate: `${progress.value * 180}deg` }],
+		opacity: interpolate(progress.value, [0, 1], [1, .8], Extrapolation.CLAMP)
+	}));
+	return /* @__PURE__ */ jsx(TextClassContext.Provider, {
+		value: "native:text-lg font-medium web:group-hover:underline",
+		children: /* @__PURE__ */ jsx(AccordionPrimitive.Header, {
+			className: "flex",
+			children: /* @__PURE__ */ jsx(AccordionPrimitive.Trigger, {
+				...props,
+				asChild: true,
+				children: /* @__PURE__ */ jsxs(Trigger, {
+					className: cn("group web:flex-1 web:transition-all web:focus-visible:outline-hidden web:focus-visible:ring-1 web:focus-visible:ring-muted-foreground flex flex-row items-center justify-between py-4", className),
+					children: [children, /* @__PURE__ */ jsx(Animated.View, {
+						style: chevronStyle,
+						children: /* @__PURE__ */ jsx(ChevronDown, {
+							size: 18,
+							className: "text-foreground shrink-0"
+						})
+					})]
+				})
+			})
+		})
+	});
+}
+function AccordionContent({ className, children,...props }) {
+	const { isExpanded } = AccordionPrimitive.useItemContext();
+	return /* @__PURE__ */ jsx(TextClassContext.Provider, {
+		value: "native:text-lg",
+		children: /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
+			className: cn("web:transition-all overflow-hidden text-sm", isExpanded ? "web:animate-accordion-down" : "web:animate-accordion-up"),
+			...props,
+			children: /* @__PURE__ */ jsx(InnerContent, {
+				className: cn("pb-4", className),
+				children
+			})
+		})
+	});
+}
+function InnerContent({ children, className }) {
+	if (Platform.OS === "web") return /* @__PURE__ */ jsx(View, {
+		className: cn("pb-4", className),
+		children
+	});
+	return /* @__PURE__ */ jsx(Animated.View, {
+		entering: FadeIn,
+		exiting: FadeOutUp.duration(200),
+		className: cn("pb-4", className),
+		children
+	});
+}
+
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=accordion.js.map

package/dist/ui/accordion.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","names":[],"sources":["../../ui/alert-dialog.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAQM,aAAW,OAAA,CAAA;;;;AAN6C,CAAA,YAMxD,GAAA;;;cAEA,oBAAkB,OAAA,CAAA,0BAAA,KAA+B,aAAA,CAA/B,cAAA,GAAA,OAAA,CAAA,cAAA;EAFP,OAAA,CAAA,EAAA,OAAA;CAAA,GAAA;EAEX,SAAA,CAAA,EAAA,CAAA,EAAA,uBAAiD,EAAA,GAAA,IAAA;EAAA,OAAA,CAAA,EAAA,CAA/B,EAAA,uBAAA,EAAA,GAAA,IAAA;CAAA,wBAAA,KAAA,CAAA,CAAA;cAElB,iBAFkB,EAAA,OAED,oBAAA,CAAA,MAFC;iBAyBf,wBAAA,CAzBe;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EA6BrB,oBAAA,CAAqB,YA7BA,GAAA;QA8BhB,OAAA,CAAM,UAAU,oBAAA,CAAqB;IAC5C,kBAAA,CAAA,GAAA,CAAA;cAoBK,2BAAkB;iBAKf,kBAAA;;;;AAxDe,GA4DrB,oBAAA,CAAqB;EA5DA,GAAA,CAAA,EA6DhB,OAAA,CAAM,SA7DU,CA6DA,oBAAA,CAAqB,UA7DrB,CAAA;EAAA,UAAA,CAAA,EAAA,MAAA;AAAA,CAAA,CAAA,EA+DvB,kBAAA,CAAA,GAAA,CAAA,OA7DsB;AAA8B,iBAkF5C,iBAAA,CA3DwB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2DmB,SA3DnB,CAAA,EA2D4B,kBAAA,CAAA,GAAA,CAAA,OA3D5B;iBA+DxB,iBAAA,CA9DP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA8DkD,SA9DlD,CAAA,EA8D2D,kBAAA,CAAA,GAAA,CAAA,OA9D3D;iBA0EO,gBAAA,CAzEP;EAAA,SAAA;EAAA,GAAA;CAAA,EA4EC,oBAAA,CAAqB,UA5EtB,GAAA;EAEC,GAAA,CAAA,EA2EK,OAAA,CAAM,SA3EU,CA2EA,oBAAA,CAAqB,QA3ErB,CAAA;CACA,CAAA,EA2EvB,kBAAA,CAAA,GAAA,CAAA,OA3E4C;iBAuFpC,sBAAA,CAvFK;EAAA,SAAA;EAAA,GAAA;CAAA,EA0FX,oBAAA,CAAqB,gBA1FV,GAAA;EACb,GAAA,CAAA,EA0FO,OAAA,CAAM,SA1Fb,CA0FuB,oBAAA,CAAqB,cA1F5C,CAAA;CAAA,CAAA,EA2FA,kBAAA,CAAA,GAAA,CAAA,OA3FA;AAAA,iBAuGQ,iBAAA,CAhFP;EAHsB,SAAA;EAAA,GAAA;CAAA,EAsFrB,oBAAA,CAAqB,WAnFtB,GAAA;EAEO,GAAA,CAAA,EAkFD,OAAA,CAAM,SAlFa,CAkFH,oBAAA,CAAqB,SAlFlB,CAAA;CACzB,CAAA,EAkFD,kBAAA,CAAA,GAAA,CAAA,OAlFC;iBA6FO,iBAAA,CA5FP;EAAA,SAAA;EAAA,GAAA;CAAA,EA+FC,oBAAA,CAAqB,WA/FtB,GAAA;EAEC,GAAA,CAAA,EA8FK,OAAA,CAAM,SA9FU,CA8FA,oBAAA,CAAqB,SA9FrB,CAAA;CACA,CAAA,EA8FvB,kBAAA,CAAA,GAAA,CAAA,OA9F4C"}

package/dist/ui/alert-dialog.js

@@ -0,0 +1,98 @@
+import { cn } from "./utils.js";
+import { TextClassContext } from "./text.js";
+import { buttonTextVariants, buttonVariants } from "./button.js";
+import "react";
+import { Platform, View } from "react-native";
+import Animated, { FadeIn, FadeOut } from "react-native-reanimated";
+import { jsx } from "react/jsx-runtime";
+import * as AlertDialogPrimitive from "@rn-primitives/alert-dialog";
+
+//#region ui/alert-dialog.tsx
+const AlertDialog = AlertDialogPrimitive.Root;
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+const AlertDialogPortal = AlertDialogPrimitive.Portal;
+function AlertDialogOverlayWeb({ className,...props }) {
+	const { open } = AlertDialogPrimitive.useRootContext();
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Overlay, {
+		className: cn("absolute top-0 right-0 bottom-0 left-0 z-50 flex items-center justify-center bg-black/80 p-2", open ? "web:animate-in web:fade-in-0" : "web:animate-out web:fade-out-0", className),
+		...props
+	});
+}
+function AlertDialogOverlayNative({ className, children,...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Overlay, {
+		className: cn("absolute top-0 right-0 bottom-0 left-0 z-50 flex items-center justify-center bg-black/80 p-2", className),
+		...props,
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Animated.View, {
+			entering: FadeIn.duration(150),
+			exiting: FadeOut.duration(150),
+			children
+		})
+	});
+}
+const AlertDialogOverlay = Platform.select({
+	web: AlertDialogOverlayWeb,
+	default: AlertDialogOverlayNative
+});
+function AlertDialogContent({ className, portalHost,...props }) {
+	const { open } = AlertDialogPrimitive.useRootContext();
+	return /* @__PURE__ */ jsx(AlertDialogPortal, {
+		hostName: portalHost,
+		children: /* @__PURE__ */ jsx(AlertDialogOverlay, { children: /* @__PURE__ */ jsx(AlertDialogPrimitive.Content, {
+			className: cn("border-border bg-background shadow-foreground/10 web:duration-200 z-50 max-w-lg gap-4 rounded-lg border p-6 shadow-lg", open ? "web:animate-in web:fade-in-0 web:zoom-in-95" : "web:animate-out web:fade-out-0 web:zoom-out-95", className),
+			...props
+		}) })
+	});
+}
+function AlertDialogHeader({ className,...props }) {
+	return /* @__PURE__ */ jsx(View, {
+		className: cn("flex flex-col gap-2", className),
+		...props
+	});
+}
+function AlertDialogFooter({ className,...props }) {
+	return /* @__PURE__ */ jsx(View, {
+		className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+		...props
+	});
+}
+function AlertDialogTitle({ className,...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, {
+		className: cn("native:text-xl text-foreground text-lg font-semibold", className),
+		...props
+	});
+}
+function AlertDialogDescription({ className,...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, {
+		className: cn("native:text-base text-muted-foreground text-sm", className),
+		...props
+	});
+}
+function AlertDialogAction({ className,...props }) {
+	return /* @__PURE__ */ jsx(TextClassContext.Provider, {
+		value: buttonTextVariants({ className }),
+		children: /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, {
+			className: cn(buttonVariants(), className),
+			...props
+		})
+	});
+}
+function AlertDialogCancel({ className,...props }) {
+	return /* @__PURE__ */ jsx(TextClassContext.Provider, {
+		value: buttonTextVariants({
+			className,
+			variant: "outline"
+		}),
+		children: /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, {
+			className: cn(buttonVariants({
+				variant: "outline",
+				className
+			})),
+			...props
+		})
+	});
+}
+
+//#endregion
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+//# sourceMappingURL=alert-dialog.js.map

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

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

package/dist/ui/alert.d.ts

@@ -0,0 +1,37 @@
+import { Text as Text$1 } from "./text.js";
+import * as React$1 from "react";
+import { View, ViewProps } from "react-native";
+import { LucideIcon } from "lucide-react-native";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region ui/alert.d.ts
+declare const alertVariants: (props?: ({
+  variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Alert({
+  className,
+  variant,
+  children,
+  icon: Icon,
+  iconSize,
+  iconClassName,
+  ...props
+}: ViewProps & VariantProps<typeof alertVariants> & {
+  ref?: React$1.RefObject<View>;
+  icon: LucideIcon;
+  iconSize?: number;
+  iconClassName?: string;
+}): react_jsx_runtime13.JSX.Element;
+declare function AlertTitle({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Text$1>): react_jsx_runtime13.JSX.Element;
+declare function AlertDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Text$1>): react_jsx_runtime13.JSX.Element;
+//#endregion
+export { Alert, AlertDescription, AlertTitle };
+//# sourceMappingURL=alert.d.ts.map

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

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

package/dist/ui/alert.js

@@ -0,0 +1,50 @@
+import { cn } from "./utils.js";
+import { Text as Text$1 } from "./text.js";
+import "react";
+import { View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { useTheme } from "@react-navigation/native";
+
+//#region ui/alert.tsx
+const alertVariants = cva("relative bg-background w-full rounded-lg border border-border p-4 shadow-2xs shadow-foreground/10", {
+	variants: { variant: {
+		default: "",
+		destructive: "border-destructive"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Alert({ className, variant, children, icon: Icon, iconSize = 16, iconClassName,...props }) {
+	const { colors } = useTheme();
+	return /* @__PURE__ */ jsxs(View, {
+		role: "alert",
+		className: alertVariants({
+			variant,
+			className
+		}),
+		...props,
+		children: [/* @__PURE__ */ jsx(View, {
+			className: "absolute top-4 left-3.5 -translate-y-0.5",
+			children: /* @__PURE__ */ jsx(Icon, {
+				size: iconSize,
+				color: variant === "destructive" ? colors.notification : colors.text
+			})
+		}), children]
+	});
+}
+function AlertTitle({ className,...props }) {
+	return /* @__PURE__ */ jsx(Text$1, {
+		className: cn("text-foreground mb-1 pl-7 text-base leading-none font-medium tracking-tight", className),
+		...props
+	});
+}
+function AlertDescription({ className,...props }) {
+	return /* @__PURE__ */ jsx(Text$1, {
+		className: cn("text-foreground pl-7 text-sm leading-relaxed", className),
+		...props
+	});
+}
+
+//#endregion
+export { Alert, AlertDescription, AlertTitle };
+//# sourceMappingURL=alert.js.map

package/dist/ui/alert.js.map

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

package/dist/ui/aspect-ratio.d.ts

@@ -0,0 +1,12 @@
+import * as react0 from "react";
+import * as react_native0 from "react-native";
+import * as _rn_primitives_types0 from "@rn-primitives/types";
+
+//#region ui/aspect-ratio.d.ts
+declare const AspectRatio: react0.ForwardRefExoticComponent<Omit<_rn_primitives_types0.SlottableViewProps, "style"> & {
+  ratio?: number;
+  style?: react_native0.ViewStyle;
+} & react0.RefAttributes<react_native0.View>>;
+//#endregion
+export { AspectRatio };
+//# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/ui/aspect-ratio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.d.ts","names":[],"sources":["../../ui/aspect-ratio.tsx"],"sourcesContent":[],"mappings":";;;;;cAEM,oBAAW,0BAAA,KAA4B,qBAAA,CAA5B,kBAAA;;UAAA,aAAA,CAAA"}

package/dist/ui/aspect-ratio.js

@@ -0,0 +1,8 @@
+import * as AspectRatioPrimitive from "@rn-primitives/aspect-ratio";
+
+//#region ui/aspect-ratio.tsx
+const AspectRatio = AspectRatioPrimitive.Root;
+
+//#endregion
+export { AspectRatio };
+//# sourceMappingURL=aspect-ratio.js.map

package/dist/ui/aspect-ratio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.js","names":[],"sources":["../../ui/aspect-ratio.tsx"],"sourcesContent":["import * as AspectRatioPrimitive from '@rn-primitives/aspect-ratio';\n\nconst AspectRatio = AspectRatioPrimitive.Root;\n\nexport { AspectRatio };\n"],"mappings":";;;AAEA,MAAM,cAAc,qBAAqB"}

package/dist/ui/atoms/FilterSelect/FilterSelect.d.ts

@@ -0,0 +1,8 @@
+import { FilterSelectProps } from "./types.js";
+import React from "react";
+
+//#region ui/atoms/FilterSelect/FilterSelect.d.ts
+declare const FilterSelect: React.FC<FilterSelectProps>;
+//#endregion
+export { FilterSelect };
+//# sourceMappingURL=FilterSelect.d.ts.map

package/dist/ui/atoms/FilterSelect/FilterSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSelect.d.ts","names":[],"sources":["../../../../ui/atoms/FilterSelect/FilterSelect.tsx"],"sourcesContent":[],"mappings":";;;;cAca,cAAc,KAAA,CAAM,GAAG"}

package/dist/ui/atoms/FilterSelect/FilterSelect.js

@@ -0,0 +1,58 @@
+import { Text as Text$1 } from "../../text.js";
+import { HStack } from "../../stack.js";
+import { Label } from "../../label.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../select.js";
+import React from "react";
+import { View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ui/atoms/FilterSelect/FilterSelect.tsx
+const FilterSelect = ({ value, options, onChange, placeholder = "Sélectionner...", label, disabled = false, className = "", showCounts = false }) => {
+	return /* @__PURE__ */ jsxs(HStack, {
+		className: `space-y-2 ${className}`,
+		children: [label && /* @__PURE__ */ jsx(Label, {
+			className: "text-foreground text-base font-medium",
+			children: label
+		}), /* @__PURE__ */ jsxs(Select, {
+			value,
+			onValueChange: onChange,
+			disabled,
+			children: [/* @__PURE__ */ jsx(SelectTrigger, {
+				className: "w-full",
+				children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
+			}), /* @__PURE__ */ jsxs(SelectContent, {
+				className: "bg-background",
+				children: [/* @__PURE__ */ jsxs(SelectItem, {
+					value: "all",
+					label: "Tous",
+					children: [/* @__PURE__ */ jsx(Text$1, { children: "Tous" }), showCounts && /* @__PURE__ */ jsxs(View, {
+						className: "text-muted-foreground ml-2 text-sm",
+						children: [
+							"(",
+							options.reduce((sum, option) => sum + (option.count || 0), 0),
+							")"
+						]
+					})]
+				}), options.map((option) => /* @__PURE__ */ jsx(SelectItem, {
+					value: option.value,
+					label: option.label,
+					children: /* @__PURE__ */ jsxs(HStack, {
+						className: "flex w-full items-center justify-between",
+						children: [/* @__PURE__ */ jsx(Text$1, { children: option.label }), showCounts && option.count !== void 0 && /* @__PURE__ */ jsxs(Text$1, {
+							className: "text-muted-foreground ml-2 text-sm",
+							children: [
+								"(",
+								option.count,
+								")"
+							]
+						})]
+					})
+				}, option.value))]
+			})]
+		})]
+	});
+};
+
+//#endregion
+export { FilterSelect };
+//# sourceMappingURL=FilterSelect.js.map

package/dist/ui/atoms/FilterSelect/FilterSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSelect.js","names":["FilterSelect: React.FC<FilterSelectProps>","Text"],"sources":["../../../../ui/atoms/FilterSelect/FilterSelect.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../../select';\nimport { Label } from '../../label';\nimport { HStack } from '../../stack';\nimport { View } from 'react-native';\nimport { Text } from '../../text';\nimport type { FilterSelectProps } from './types';\n\nexport const FilterSelect: React.FC<FilterSelectProps> = ({\n  value,\n  options,\n  onChange,\n  placeholder = 'Sélectionner...',\n  label,\n  disabled = false,\n  className = '',\n  showCounts = false,\n}) => {\n  return (\n    <HStack className={`space-y-2 ${className}`}>\n      {label && (\n        <Label className=\"text-foreground text-base font-medium\">{label}</Label>\n      )}\n      <Select value={value} onValueChange={onChange} disabled={disabled}>\n        <SelectTrigger className=\"w-full\">\n          <SelectValue placeholder={placeholder} />\n        </SelectTrigger>\n        <SelectContent className=\"bg-background\">\n          {/* All/Reset option */}\n          <SelectItem value=\"all\" label=\"Tous\">\n            <Text>Tous</Text>\n            {showCounts && (\n              <View className=\"text-muted-foreground ml-2 text-sm\">\n                ({options.reduce((sum, option) => sum + (option.count || 0), 0)}\n                )\n              </View>\n            )}\n          </SelectItem>\n\n          {/* Filter options */}\n          {options.map((option) => (\n            <SelectItem\n              key={option.value}\n              value={option.value}\n              label={option.label}\n            >\n              <HStack className=\"flex w-full items-center justify-between\">\n                <Text>{option.label}</Text>\n                {showCounts && option.count !== undefined && (\n                  <Text className=\"text-muted-foreground ml-2 text-sm\">\n                    ({option.count})\n                  </Text>\n                )}\n              </HStack>\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    </HStack>\n  );\n};\n"],"mappings":";;;;;;;;;AAcA,MAAaA,gBAA6C,EACxD,OACA,SACA,UACA,cAAc,mBACd,OACA,WAAW,OACX,YAAY,IACZ,aAAa,YACT;AACJ,QACE,qBAAC;EAAO,WAAW,aAAa;aAC7B,SACC,oBAAC;GAAM,WAAU;aAAyC;IAAc,EAE1E,qBAAC;GAAc;GAAO,eAAe;GAAoB;cACvD,oBAAC;IAAc,WAAU;cACvB,oBAAC,eAAyB,cAAe;KAC3B,EAChB,qBAAC;IAAc,WAAU;eAEvB,qBAAC;KAAW,OAAM;KAAM,OAAM;gBAC5B,oBAACC,oBAAK,SAAW,EAChB,cACC,qBAAC;MAAK,WAAU;;OAAqC;OACjD,QAAQ,QAAQ,KAAK,WAAW,OAAO,OAAO,SAAS,IAAI,EAAE;OAAC;;OAE3D;MAEE,EAGZ,QAAQ,KAAK,WACZ,oBAAC;KAEC,OAAO,OAAO;KACd,OAAO,OAAO;eAEd,qBAAC;MAAO,WAAU;iBAChB,oBAACA,oBAAM,OAAO,QAAa,EAC1B,cAAc,OAAO,UAAU,UAC9B,qBAACA;OAAK,WAAU;;QAAqC;QACjD,OAAO;QAAM;;QACV;OAEF;OAXJ,OAAO,MAYD,CACb;KACY;IACT;GACF"}

package/dist/ui/atoms/FilterSelect/index.d.ts

@@ -0,0 +1,3 @@
+import { FilterOption, FilterSelectProps } from "./types.js";
+import { FilterSelect } from "./FilterSelect.js";
+export { type FilterOption, FilterSelect, type FilterSelectProps };

package/dist/ui/atoms/FilterSelect/index.js

@@ -0,0 +1,3 @@
+import { FilterSelect } from "./FilterSelect.js";
+
+export { FilterSelect };

package/dist/ui/atoms/FilterSelect/types.d.ts

@@ -0,0 +1,19 @@
+//#region ui/atoms/FilterSelect/types.d.ts
+interface FilterOption {
+  value: string;
+  label: string;
+  count?: number;
+}
+interface FilterSelectProps {
+  value: FilterOption;
+  options: FilterOption[];
+  onChange: (value: FilterOption | undefined) => void;
+  placeholder?: string;
+  label?: string;
+  disabled?: boolean;
+  className?: string;
+  showCounts?: boolean;
+}
+//#endregion
+export { FilterOption, FilterSelectProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/atoms/FilterSelect/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../ui/atoms/FilterSelect/types.ts"],"sourcesContent":[],"mappings":";UAAiB,YAAA;EAAA,KAAA,EAAA,MAAA;EAMA,KAAA,EAAA,MAAA;EACR,KAAA,CAAA,EAAA,MAAA;;AAEW,UAHH,iBAAA,CAGG;EAAY,KAAA,EAFvB,YAEuB;WADrB;oBACS"}

package/dist/ui/atoms/LoadingSpinner/LoadingSpinner.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+
+//#region ui/atoms/LoadingSpinner/LoadingSpinner.d.ts
+interface LoadingSpinnerProps {
+  size?: 'sm' | 'md' | 'lg' | 'xl';
+  className?: string;
+  text?: string;
+  fullScreen?: boolean;
+}
+declare const LoadingSpinner: React.FC<LoadingSpinnerProps>;
+declare const SkeletonLine: React.FC<{
+  className?: string;
+}>;
+declare const SkeletonCard: React.FC<{
+  className?: string;
+}>;
+declare const SkeletonTable: React.FC<{
+  rows?: number;
+  cols?: number;
+}>;
+//#endregion
+export { LoadingSpinner, SkeletonCard, SkeletonLine, SkeletonTable };
+//# sourceMappingURL=LoadingSpinner.d.ts.map

package/dist/ui/atoms/LoadingSpinner/LoadingSpinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.d.ts","names":[],"sources":["../../../../ui/atoms/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":[],"mappings":";;;UAMU,mBAAA;;EAAA,SAAA,CAAA,EAAA,MAAA;EAcG,IAAA,CAAA,EAAA,MAAA;EAgCA,UAAA,CAAA,EAAA,OAIZ;AAED;AAea,cArDA,cAqDe,EArDC,KAAA,CAAM,EAqDC,CArDE,mBAqDF,CAAA;cArBvB,cAAc,KAAA,CAAM;;;cAMpB,cAAc,KAAA,CAAM;;;cAepB,eAAe,KAAA,CAAM"}