@lssm/lib.ui-kit 1.42.0 → 1.42.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Chaman Ventures, SASU
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,5 +1,8 @@
 # @lssm/lib.ui-kit
 
+Website: https://contractspec.lssm.tech/
+
+
 Universal UI components for React Native and Web, built on top of `nativewind` and `@rn-primitives`.
 
 ## Purpose
@@ -86,6 +89,16 @@ export function MyComponent() {
 
 
 
+
+
+
+
+
+
+
+
+
+
 
 
 

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+//#region index.d.ts
+declare const _default: {};
+//#endregion
+export { _default as default };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../index.ts"],"sourcesContent":[],"mappings":""}

package/dist/index.js

@@ -2,4 +2,5 @@
 var ui_kit_default = {};
 
 //#endregion
-export { ui_kit_default as default };
+export { ui_kit_default as default };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../index.ts"],"sourcesContent":["export default {};\n"],"mappings":";AAAA,qBAAe,EAAE"}

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

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

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

@@ -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_runtime3 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_runtime3.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_runtime3.JSX.Element;
+declare function AlertDialogHeader({
+  className,
+  ...props
+}: ViewProps): react_jsx_runtime3.JSX.Element;
+declare function AlertDialogFooter({
+  className,
+  ...props
+}: ViewProps): react_jsx_runtime3.JSX.Element;
+declare function AlertDialogTitle({
+  className,
+  ...props
+}: AlertDialogPrimitive.TitleProps & {
+  ref?: React$1.RefObject<AlertDialogPrimitive.TitleRef>;
+}): react_jsx_runtime3.JSX.Element;
+declare function AlertDialogDescription({
+  className,
+  ...props
+}: AlertDialogPrimitive.DescriptionProps & {
+  ref?: React$1.RefObject<AlertDialogPrimitive.DescriptionRef>;
+}): react_jsx_runtime3.JSX.Element;
+declare function AlertDialogAction({
+  className,
+  ...props
+}: AlertDialogPrimitive.ActionProps & {
+  ref?: React$1.RefObject<AlertDialogPrimitive.ActionRef>;
+}): react_jsx_runtime3.JSX.Element;
+declare function AlertDialogCancel({
+  className,
+  ...props
+}: AlertDialogPrimitive.CancelProps & {
+  ref?: React$1.RefObject<AlertDialogPrimitive.CancelRef>;
+}): react_jsx_runtime3.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

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

package/dist/ui/alert.d.ts

@@ -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_runtime11 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_runtime11.JSX.Element;
+declare function AlertTitle({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Text$1>): react_jsx_runtime11.JSX.Element;
+declare function AlertDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Text$1>): react_jsx_runtime11.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

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

package/dist/ui/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

@@ -4,4 +4,5 @@ import * as AspectRatioPrimitive from "@rn-primitives/aspect-ratio";
 const AspectRatio = AspectRatioPrimitive.Root;
 
 //#endregion
-export { AspectRatio };
+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

@@ -54,4 +54,5 @@ const FilterSelect = ({ value, options, onChange, placeholder = "Sélectionner..
 };
 
 //#endregion
-export { FilterSelect };
+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/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"}

package/dist/ui/atoms/LoadingSpinner/LoadingSpinner.js

@@ -1,9 +1,9 @@
-import { LoaderCircle } from "../../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
 import { P } from "../../typography.js";
 import { cn } from "../../utils.js";
 import React from "react";
 import { View } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
 
 //#region ui/atoms/LoadingSpinner/LoadingSpinner.tsx
 const sizeClasses = {
@@ -15,7 +15,7 @@ const sizeClasses = {
 const LoadingSpinner = ({ size = "md", className, text, fullScreen = false }) => {
 	const spinner = /* @__PURE__ */ jsxs(View, {
 		className: cn("flex flex-col items-center justify-center gap-2", className),
-		children: [/* @__PURE__ */ jsx(LoaderCircle, { className: cn("text-primary-600 animate-spin", sizeClasses[size]) }), text && /* @__PURE__ */ jsx(P, {
+		children: [/* @__PURE__ */ jsx(Loader2, { className: cn("text-primary-600 animate-spin", sizeClasses[size]) }), text && /* @__PURE__ */ jsx(P, {
 			className: "animate-pulse text-base text-gray-600",
 			children: text
 		})]
@@ -44,4 +44,5 @@ const SkeletonTable = ({ rows = 5, cols = 4 }) => /* @__PURE__ */ jsx(View, {
 });
 
 //#endregion
-export { LoadingSpinner, SkeletonCard, SkeletonLine, SkeletonTable };
+export { LoadingSpinner, SkeletonCard, SkeletonLine, SkeletonTable };
+//# sourceMappingURL=LoadingSpinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.js","names":["LoadingSpinner: React.FC<LoadingSpinnerProps>","SkeletonLine: React.FC<{ className?: string }>","SkeletonCard: React.FC<{ className?: string }>","SkeletonTable: React.FC<{ rows?: number; cols?: number }>"],"sources":["../../../../ui/atoms/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":["import React from 'react';\nimport { Loader2 } from 'lucide-react';\nimport { cn } from '../../utils';\nimport { P } from '../../typography';\nimport { View } from 'react-native';\n\ninterface LoadingSpinnerProps {\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n  className?: string;\n  text?: string;\n  fullScreen?: boolean;\n}\n\nconst sizeClasses = {\n  sm: 'h-4 w-4',\n  md: 'h-6 w-6',\n  lg: 'h-8 w-8',\n  xl: 'h-12 w-12',\n};\n\nexport const LoadingSpinner: React.FC<LoadingSpinnerProps> = ({\n  size = 'md',\n  className,\n  text,\n  fullScreen = false,\n}) => {\n  const spinner = (\n    <View\n      className={cn(\n        'flex flex-col items-center justify-center gap-2',\n        className\n      )}\n    >\n      <Loader2\n        className={cn('text-primary-600 animate-spin', sizeClasses[size])}\n      />\n      {text && <P className=\"animate-pulse text-base text-gray-600\">{text}</P>}\n    </View>\n  );\n\n  if (fullScreen) {\n    return (\n      <View className=\"fixed inset-0 z-50 flex items-center justify-center bg-white/80 backdrop-blur-xs\">\n        {spinner}\n      </View>\n    );\n  }\n\n  return spinner;\n};\n\n// Skeleton loading components for better UX\nexport const SkeletonLine: React.FC<{ className?: string }> = ({\n  className,\n}) => (\n  <View className={cn('h-4 animate-pulse rounded-xs bg-gray-200', className)} />\n);\n\nexport const SkeletonCard: React.FC<{ className?: string }> = ({\n  className,\n}) => (\n  <View\n    className={cn(\n      'animate-pulse space-y-3 rounded-lg bg-gray-200 p-4',\n      className\n    )}\n  >\n    <SkeletonLine className=\"h-6 w-3/4\" />\n    <SkeletonLine className=\"h-4 w-full\" />\n    <SkeletonLine className=\"h-4 w-2/3\" />\n  </View>\n);\n\nexport const SkeletonTable: React.FC<{ rows?: number; cols?: number }> = ({\n  rows = 5,\n  cols = 4,\n}) => (\n  <View className=\"space-y-3\">\n    {Array.from({ length: rows }).map((_, i) => (\n      <View key={i} className=\"flex space-x-4\">\n        {Array.from({ length: cols }).map((_, j) => (\n          <SkeletonLine key={j} className=\"flex-1\" />\n        ))}\n      </View>\n    ))}\n  </View>\n);\n"],"mappings":";;;;;;;;AAaA,MAAM,cAAc;CAClB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAaA,kBAAiD,EAC5D,OAAO,MACP,WACA,MACA,aAAa,YACT;CACJ,MAAM,UACJ,qBAAC;EACC,WAAW,GACT,mDACA,UACD;aAED,oBAAC,WACC,WAAW,GAAG,iCAAiC,YAAY,MAAM,GACjE,EACD,QAAQ,oBAAC;GAAE,WAAU;aAAyC;IAAS;GACnE;AAGT,KAAI,WACF,QACE,oBAAC;EAAK,WAAU;YACb;GACI;AAIX,QAAO;;AAIT,MAAaC,gBAAkD,EAC7D,gBAEA,oBAAC,QAAK,WAAW,GAAG,4CAA4C,UAAU,GAAI;AAGhF,MAAaC,gBAAkD,EAC7D,gBAEA,qBAAC;CACC,WAAW,GACT,sDACA,UACD;;EAED,oBAAC,gBAAa,WAAU,cAAc;EACtC,oBAAC,gBAAa,WAAU,eAAe;EACvC,oBAAC,gBAAa,WAAU,cAAc;;EACjC;AAGT,MAAaC,iBAA6D,EACxE,OAAO,GACP,OAAO,QAEP,oBAAC;CAAK,WAAU;WACb,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,CAAC,KAAK,GAAG,MACpC,oBAAC;EAAa,WAAU;YACrB,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,CAAC,KAAK,KAAG,MACpC,oBAAC,gBAAqB,WAAU,YAAb,EAAwB,CAC3C;IAHO,EAIJ,CACP;EACG"}

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

@@ -0,0 +1,2 @@
+import { LoadingSpinner, SkeletonCard, SkeletonLine, SkeletonTable } from "./LoadingSpinner.js";
+export { LoadingSpinner, SkeletonCard, SkeletonLine, SkeletonTable };

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

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

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

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

package/dist/ui/atoms/Pagination/Pagination.js

@@ -1,13 +1,10 @@
 import { Text as Text$1 } from "../../text.js";
 import { Button } from "../../button.js";
-import { ChevronLeft } from "../../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
-import { ChevronRight } from "../../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
-import { ChevronsLeft } from "../../../node_modules/lucide-react/dist/esm/icons/chevrons-left.js";
-import { ChevronsRight } from "../../../node_modules/lucide-react/dist/esm/icons/chevrons-right.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";
+import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
 
 //#region ui/atoms/Pagination/Pagination.tsx
 const Pagination = ({ currentPage, totalPages, totalItems, itemsPerPage, onPageChange, onItemsPerPageChange, disabled = false, className = "", showItemsPerPage = true, itemsPerPageOptions = [
@@ -162,4 +159,5 @@ const Pagination = ({ currentPage, totalPages, totalItems, itemsPerPage, onPageC
 };
 
 //#endregion
-export { Pagination };
+export { Pagination };
+//# sourceMappingURL=Pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","names":["Pagination: React.FC<PaginationProps>","Text"],"sources":["../../../../ui/atoms/Pagination/Pagination.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n} from 'lucide-react';\nimport { Button } from '../../button';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../../select';\nimport type { PaginationProps } from './types';\nimport { View } from 'react-native';\nimport { Text } from '../../text';\n\nexport const Pagination: React.FC<PaginationProps> = ({\n  currentPage,\n  totalPages,\n  totalItems,\n  itemsPerPage,\n  onPageChange,\n  onItemsPerPageChange,\n  disabled = false,\n  className = '',\n  showItemsPerPage = true,\n  itemsPerPageOptions = [10, 25, 50, 100],\n}) => {\n  const startItem = (currentPage - 1) * itemsPerPage + 1;\n  const endItem = Math.min(currentPage * itemsPerPage, totalItems);\n\n  const canGoPrevious = currentPage > 1 && !disabled;\n  const canGoNext = currentPage < totalPages && !disabled;\n\n  const getVisiblePageNumbers = () => {\n    if (totalPages <= 7) {\n      return Array.from({ length: totalPages }, (_, i) => i + 1);\n    }\n\n    if (currentPage <= 3) {\n      return [1, 2, 3, 4, 5, -1, totalPages]; // -1 represents ellipsis\n    }\n\n    if (currentPage >= totalPages - 2) {\n      return [\n        1,\n        -1,\n        totalPages - 4,\n        totalPages - 3,\n        totalPages - 2,\n        totalPages - 1,\n        totalPages,\n      ];\n    }\n\n    return [\n      1,\n      -1,\n      currentPage - 1,\n      currentPage,\n      currentPage + 1,\n      -1,\n      totalPages,\n    ];\n  };\n\n  if (totalPages === 0) return null;\n\n  return (\n    <View\n      className={`flex flex-col items-center justify-between gap-4 sm:flex-row ${className}`}\n    >\n      {/* Items info */}\n      <View className=\"text-muted-foreground order-2 text-base sm:order-1\">\n        Affichage de {startItem} à {endItem} sur {totalItems} résultats\n      </View>\n\n      {/* Pagination controls */}\n      <View className=\"order-1 flex items-center gap-2 sm:order-2\">\n        {/* First page */}\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onPress={() => onPageChange(1)}\n          disabled={!canGoPrevious}\n          className=\"hidden h-8 w-8 p-0 sm:flex\"\n        >\n          <ChevronsLeft className=\"h-4 w-4\" />\n          <Text className=\"sr-only\">Première page</Text>\n        </Button>\n\n        {/* Previous page */}\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onPress={() => onPageChange(currentPage - 1)}\n          disabled={!canGoPrevious}\n          className=\"h-8 w-8 p-0\"\n        >\n          <ChevronLeft className=\"h-4 w-4\" />\n          <Text className=\"sr-only\">Page précédente</Text>\n        </Button>\n\n        {/* Page numbers */}\n        <View className=\"flex items-center gap-1\">\n          {getVisiblePageNumbers().map((page, index) => {\n            if (page === -1) {\n              return (\n                <View\n                  key={`ellipsis-${index}`}\n                  className=\"text-muted-foreground px-2 py-1\"\n                >\n                  ...\n                </View>\n              );\n            }\n\n            return (\n              <Button\n                key={page}\n                variant={page === currentPage ? 'default' : 'outline'}\n                size=\"sm\"\n                onPress={() => onPageChange(page)}\n                disabled={disabled}\n                className=\"h-8 min-w-8 px-2\"\n              >\n                <Text>{page}</Text>\n              </Button>\n            );\n          })}\n        </View>\n\n        {/* Next page */}\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onPress={() => onPageChange(currentPage + 1)}\n          disabled={!canGoNext}\n          className=\"h-8 w-8 p-0\"\n        >\n          <ChevronRight className=\"h-4 w-4\" />\n          <Text className=\"sr-only\">Page suivante</Text>\n        </Button>\n\n        {/* Last page */}\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onPress={() => onPageChange(totalPages)}\n          disabled={!canGoNext}\n          className=\"hidden h-8 w-8 p-0 sm:flex\"\n        >\n          <ChevronsRight className=\"h-4 w-4\" />\n          <Text className=\"sr-only\">Dernière page</Text>\n        </Button>\n      </View>\n\n      {/* Items per page */}\n      {showItemsPerPage && onItemsPerPageChange && (\n        <View className=\"order-3 flex items-center gap-2 text-base\">\n          <Text className=\"text-muted-foreground\">Afficher:</Text>\n          <Select\n            value={{\n              value: itemsPerPage.toString(),\n              label: itemsPerPage.toString(),\n            }}\n            onValueChange={(value) =>\n              onItemsPerPageChange(parseInt(value?.value || ''))\n            }\n            disabled={disabled}\n          >\n            <SelectTrigger className=\"h-8 w-16\">\n              <SelectValue placeholder=\"Afficher:\" />\n            </SelectTrigger>\n            <SelectContent className=\"bg-background\">\n              {itemsPerPageOptions.map((option) => (\n                <SelectItem\n                  key={option}\n                  value={option.toString()}\n                  label={option.toString()}\n                >\n                  {option}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </View>\n      )}\n    </View>\n  );\n};\n"],"mappings":";;;;;;;;;AAmBA,MAAaA,cAAyC,EACpD,aACA,YACA,YACA,cACA,cACA,sBACA,WAAW,OACX,YAAY,IACZ,mBAAmB,MACnB,sBAAsB;CAAC;CAAI;CAAI;CAAI;CAAI,OACnC;CACJ,MAAM,aAAa,cAAc,KAAK,eAAe;CACrD,MAAM,UAAU,KAAK,IAAI,cAAc,cAAc,WAAW;CAEhE,MAAM,gBAAgB,cAAc,KAAK,CAAC;CAC1C,MAAM,YAAY,cAAc,cAAc,CAAC;CAE/C,MAAM,8BAA8B;AAClC,MAAI,cAAc,EAChB,QAAO,MAAM,KAAK,EAAE,QAAQ,YAAY,GAAG,GAAG,MAAM,IAAI,EAAE;AAG5D,MAAI,eAAe,EACjB,QAAO;GAAC;GAAG;GAAG;GAAG;GAAG;GAAG;GAAI;GAAW;AAGxC,MAAI,eAAe,aAAa,EAC9B,QAAO;GACL;GACA;GACA,aAAa;GACb,aAAa;GACb,aAAa;GACb,aAAa;GACb;GACD;AAGH,SAAO;GACL;GACA;GACA,cAAc;GACd;GACA,cAAc;GACd;GACA;GACD;;AAGH,KAAI,eAAe,EAAG,QAAO;AAE7B,QACE,qBAAC;EACC,WAAW,gEAAgE;;GAG3E,qBAAC;IAAK,WAAU;;KAAqD;KACrD;KAAU;KAAI;KAAQ;KAAM;KAAW;;KAChD;GAGP,qBAAC;IAAK,WAAU;;KAEd,qBAAC;MACC,SAAQ;MACR,MAAK;MACL,eAAe,aAAa,EAAE;MAC9B,UAAU,CAAC;MACX,WAAU;iBAEV,oBAAC,gBAAa,WAAU,YAAY,EACpC,oBAACC;OAAK,WAAU;iBAAU;QAAoB;OACvC;KAGT,qBAAC;MACC,SAAQ;MACR,MAAK;MACL,eAAe,aAAa,cAAc,EAAE;MAC5C,UAAU,CAAC;MACX,WAAU;iBAEV,oBAAC,eAAY,WAAU,YAAY,EACnC,oBAACA;OAAK,WAAU;iBAAU;QAAsB;OACzC;KAGT,oBAAC;MAAK,WAAU;gBACb,uBAAuB,CAAC,KAAK,MAAM,UAAU;AAC5C,WAAI,SAAS,GACX,QACE,oBAAC;QAEC,WAAU;kBACX;UAFM,YAAY,QAIZ;AAIX,cACE,oBAAC;QAEC,SAAS,SAAS,cAAc,YAAY;QAC5C,MAAK;QACL,eAAe,aAAa,KAAK;QACvB;QACV,WAAU;kBAEV,oBAACA,oBAAM,OAAY;UAPd,KAQE;QAEX;OACG;KAGP,qBAAC;MACC,SAAQ;MACR,MAAK;MACL,eAAe,aAAa,cAAc,EAAE;MAC5C,UAAU,CAAC;MACX,WAAU;iBAEV,oBAAC,gBAAa,WAAU,YAAY,EACpC,oBAACA;OAAK,WAAU;iBAAU;QAAoB;OACvC;KAGT,qBAAC;MACC,SAAQ;MACR,MAAK;MACL,eAAe,aAAa,WAAW;MACvC,UAAU,CAAC;MACX,WAAU;iBAEV,oBAAC,iBAAc,WAAU,YAAY,EACrC,oBAACA;OAAK,WAAU;iBAAU;QAAoB;OACvC;;KACJ;GAGN,oBAAoB,wBACnB,qBAAC;IAAK,WAAU;eACd,oBAACA;KAAK,WAAU;eAAwB;MAAgB,EACxD,qBAAC;KACC,OAAO;MACL,OAAO,aAAa,UAAU;MAC9B,OAAO,aAAa,UAAU;MAC/B;KACD,gBAAgB,UACd,qBAAqB,SAAS,OAAO,SAAS,GAAG,CAAC;KAE1C;gBAEV,oBAAC;MAAc,WAAU;gBACvB,oBAAC,eAAY,aAAY,cAAc;OACzB,EAChB,oBAAC;MAAc,WAAU;gBACtB,oBAAoB,KAAK,WACxB,oBAAC;OAEC,OAAO,OAAO,UAAU;OACxB,OAAO,OAAO,UAAU;iBAEvB;SAJI,OAKM,CACb;OACY;MACT;KACJ;;GAEJ"}

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

@@ -0,0 +1,3 @@
+import { PaginationProps } from "./types.js";
+import { Pagination } from "./Pagination.js";
+export { Pagination, type PaginationProps };

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

@@ -0,0 +1,16 @@
+//#region ui/atoms/Pagination/types.d.ts
+interface PaginationProps {
+  currentPage: number;
+  totalPages: number;
+  totalItems: number;
+  itemsPerPage: number;
+  onPageChange: (page: number) => void;
+  onItemsPerPageChange?: (itemsPerPage: number) => void;
+  disabled?: boolean;
+  className?: string;
+  showItemsPerPage?: boolean;
+  itemsPerPageOptions?: number[];
+}
+//#endregion
+export { PaginationProps };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../ui/atoms/Pagination/types.ts"],"sourcesContent":[],"mappings":";UAAiB,eAAA;EAAA,WAAA,EAAA,MAAe"}

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

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

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

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

package/dist/ui/atoms/SearchInput/SearchInput.js

@@ -1,14 +1,13 @@
 import { Text as Text$1 } from "../../text.js";
 import { Button } from "../../button.js";
-import { Search } from "../../../node_modules/lucide-react/dist/esm/icons/search.js";
-import { X } from "../../../node_modules/lucide-react/dist/esm/icons/x.js";
 import { Input } from "../../input.js";
 import React from "react";
 import { View } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Search, X } from "lucide-react";
 
 //#region ui/atoms/SearchInput/SearchInput.tsx
-const SearchInput = ({ value, onChange, placeholder = "Rechercher...", onClear, disabled = false, className = "", autoFocus = false }) => {
+const SearchInput = ({ value, onChange, placeholder = "Rechercher...", onClear, disabled = false, className = "" }) => {
 	const handleClear = () => {
 		onChange("");
 		onClear?.();
@@ -25,7 +24,6 @@ const SearchInput = ({ value, onChange, placeholder = "Rechercher...", onClear,
 				onChange: (e) => onChange(e.nativeEvent.text),
 				placeholder,
 				editable: !disabled,
-				autoFocus,
 				className: "pr-10 pl-10"
 			}),
 			value && /* @__PURE__ */ jsx(View, {
@@ -47,4 +45,5 @@ const SearchInput = ({ value, onChange, placeholder = "Rechercher...", onClear,
 };
 
 //#endregion
-export { SearchInput };
+export { SearchInput };
+//# sourceMappingURL=SearchInput.js.map