@lssm/lib.ui-kit 1.42.0 → 1.42.1

package/dist/ui/molecules/SkeletonList.js

@@ -11,4 +11,5 @@ function SkeletonList({ count = 6, className = "", itemClassName = "" }) {
 }
 
 //#endregion
-export { SkeletonList };
+export { SkeletonList };
+//# sourceMappingURL=SkeletonList.js.map

package/dist/ui/molecules/SkeletonList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonList.js","names":[],"sources":["../../../ui/molecules/SkeletonList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Skeleton } from '../skeleton';\n\ninterface Props {\n  count?: number;\n  className?: string;\n  itemClassName?: string;\n}\n\nexport function SkeletonList({\n  count = 6,\n  className = '',\n  itemClassName = '',\n}: Props) {\n  return (\n    <div className={`space-y-3 ${className}`}>\n      {Array.from({ length: count }).map((_, i) => (\n        <Skeleton key={i} className={`h-20 rounded-md ${itemClassName}`} />\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;AASA,SAAgB,aAAa,EAC3B,QAAQ,GACR,YAAY,IACZ,gBAAgB,MACR;AACR,QACE,oBAAC;EAAI,WAAW,aAAa;YAC1B,MAAM,KAAK,EAAE,QAAQ,OAAO,CAAC,CAAC,KAAK,GAAG,MACrC,oBAAC,YAAiB,WAAW,mBAAmB,mBAAjC,EAAoD,CACnE;GACE"}

package/dist/ui/nativewind-env.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/ui/navigation-menu.d.ts

@@ -0,0 +1,68 @@
+import * as React$1 from "react";
+import * as react_native33 from "react-native";
+import { View } from "react-native";
+import * as react_jsx_runtime102 from "react/jsx-runtime";
+import * as NavigationMenuPrimitive from "@rn-primitives/navigation-menu";
+import * as class_variance_authority_types6 from "class-variance-authority/types";
+
+//#region ui/navigation-menu.d.ts
+declare function NavigationMenu({
+  className,
+  children,
+  ...props
+}: NavigationMenuPrimitive.RootProps & {
+  ref?: React$1.RefObject<NavigationMenuPrimitive.RootRef>;
+}): react_jsx_runtime102.JSX.Element;
+declare function NavigationMenuList({
+  className,
+  ...props
+}: NavigationMenuPrimitive.ListProps & {
+  ref?: React$1.RefObject<NavigationMenuPrimitive.ListRef>;
+}): react_jsx_runtime102.JSX.Element;
+declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<react_native33.ViewProps & {
+  asChild?: boolean;
+} & {
+  value: string | undefined;
+} & React$1.RefAttributes<View>>;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types6.ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}: Omit<NavigationMenuPrimitive.TriggerProps, 'children'> & {
+  children?: React$1.ReactNode;
+  ref?: React$1.RefObject<NavigationMenuPrimitive.TriggerRef>;
+}): react_jsx_runtime102.JSX.Element;
+declare function NavigationMenuContent({
+  className,
+  children,
+  portalHost,
+  ...props
+}: NavigationMenuPrimitive.ContentProps & {
+  portalHost?: string;
+  ref?: React$1.RefObject<NavigationMenuPrimitive.ContentRef>;
+}): react_jsx_runtime102.JSX.Element;
+declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<Omit<react_native33.PressableProps & React$1.RefAttributes<View>, "ref"> & {
+  asChild?: boolean;
+} & {
+  onKeyDown?: (ev: React$1.KeyboardEvent) => void;
+  onKeyUp?: (ev: React$1.KeyboardEvent) => void;
+} & {
+  active?: boolean;
+} & React$1.RefAttributes<View>>;
+declare function NavigationMenuViewport({
+  className,
+  ...props
+}: NavigationMenuPrimitive.ViewportProps & {
+  ref?: React$1.RefObject<NavigationMenuPrimitive.ViewportRef>;
+}): react_jsx_runtime102.JSX.Element;
+declare function NavigationMenuIndicator({
+  ref,
+  className,
+  ...props
+}: NavigationMenuPrimitive.IndicatorProps & {
+  ref?: React$1.RefObject<NavigationMenuPrimitive.IndicatorRef>;
+}): react_jsx_runtime102.JSX.Element;
+//#endregion
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
+//# sourceMappingURL=navigation-menu.d.ts.map

package/dist/ui/navigation-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../../ui/navigation-menu.tsx"],"sourcesContent":[],"mappings":";;;;;;;;iBAgBS,cAAA;;;;GAIN,uBAAA,CAAwB;QACnB,OAAA,CAAM,UAAU,uBAAA,CAAwB;IAC/C,oBAAA,CAAA,GAAA,CAAA;iBAeQ,kBAAA;;;AAlCqC,GAqC3C,uBAAA,CAAwB;QACnB,OAAA,CAAM,UAAU,uBAAA,CAAwB;AAtCF,CAAA,CAAA,EAuC7C,oBAAA,CAAA,GAAA,CAAA,OA1BsB;cAsCjB,kBArCJ,EAqCsB,OAAA,CAAA,yBArCtB,CAqCqD,cAAA,CAA/B,SAAA,GArCtB;EACA,OAAA,CAAA,EAAA,OAAA;CAEC,GAAA;EACqB,KAAA,EAAA,MAAA,GAAA,SAAwB;CAAxC,wBAAM,KAAA,CAAA,CAAA;cAmCR,0BAlCL,EAAA,CAAA,KAAA,CAAA,EAoCA,+BAAA,CAF+B,SAAA,GAlC/B,SAAA,EAAA,GAAA,MAAA;iBAsCQ,qBAAA,CAtCR;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EA0CE,IA1CF,CA0CO,uBAAA,CAAwB,YA1C/B,EAAA,UAAA,CAAA,GAAA;EAeQ,QAAA,CAAA,EA4BI,OAAA,CAAM,SA5BQ;EACzB,GAAA,CAAA,EA4BM,OAAA,CAAM,SA5BZ,CA4BsB,uBAAA,CAAwB,UA5B9C,CAAA;CAEC,CAAA,EA2BF,oBAAA,CAAA,GAAA,CAAA,OA3B0B;iBAiElB,qBAAA,CAhEuC;EAAA,SAAA;EAAA,QAAA;EAAA,UAAA;EAAA,GAAA;CAAA,EAqE7C,uBAAA,CAAwB,YArEqB,GAAA;EAAxC,UAAM,CAAA,EAAA,MAAA;EACb,GAAA,CAAA,EAsEO,OAAA,CAAM,SAtEb,CAsEuB,uBAAA,CAAwB,UAtE/C,CAAA;CAAA,CAAA,EAuEA,oBAAA,CAAA,GAAA,CAAA,OAvEA;AAAA,cAiGK,kBArFiD,EAqF/B,OAAA,CAAA,yBArF+B,CAqF/B,IArF+B,CAqFA,cAAA,CAA/B,cAAA,GAAA,OAAA,CAAA,aArF+B,CAqF/B,IArF+B,CAAA,EAAA,KAAA,CAAA,GAAA;EAAA,OAAA,CAAA,EAAA,OAA/B;;;EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,uBAAA,EAAA,GAAA,IAAA;CAAA,GAAA;EAElB,MAAA,CAAA,EAAA,OAAA;AAA0B,CAAA,wBAIvB,KAAqB,CAAA,CAAA;iBAiFrB,sBAAA,CAhFP;EAAA,SAAA;EAAA,GAAA;CAAA,EAmFC,uBAAA,CAAwB,aAnFzB,GAAA;EACA,GAAA,CAAA,EAmFM,OAAA,CAAM,SAnFZ,CAmFsB,uBAAA,CAAwB,WAnF9C,CAAA;CAEM,CAAA,EAkFP,oBAAA,CAAA,GAAA,CAAA,OAlF+B;iBAkGvB,uBAAA,CAlGN;EAAA,GAAA;EAAA,SAAA;EAAA,GAAA;CAAA,EAsGA,uBAAA,CAAwB,cAtGxB,GAAA;EACU,GAAA,CAAA,EAsGL,OAAA,CAAM,SAtGK,CAsGK,uBAAA,CAAwB,YAtG7B,CAAA;CACK,CAAA,EAsGvB,oBAAA,CAAA,GAAA,CAAA,OAtG+C"}

package/dist/ui/navigation-menu.js

@@ -1,8 +1,8 @@
 import { ChevronDown } from "./icons/ChevronDown.js";
-import { cn } from "../-core/src/utils.js";
 import "react";
 import { Platform, View } from "react-native";
 import Animated, { Extrapolation, FadeInLeft, FadeOutLeft, interpolate, useAnimatedStyle, useDerivedValue, withTiming } from "react-native-reanimated";
+import { cn } from "@lssm/lib.ui-kit-core/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import * as NavigationMenuPrimitive from "@rn-primitives/navigation-menu";
@@ -83,4 +83,5 @@ function NavigationMenuIndicator({ ref, className, ...props }) {
 }
 
 //#endregion
-export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
+//# sourceMappingURL=navigation-menu.js.map

package/dist/ui/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","names":[],"sources":["../../ui/navigation-menu.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@rn-primitives/navigation-menu';\nimport { cva } from 'class-variance-authority';\nimport * as React from 'react';\nimport { Platform, View } from 'react-native';\nimport Animated, {\n  Extrapolation,\n  FadeInLeft,\n  FadeOutLeft,\n  interpolate,\n  useAnimatedStyle,\n  useDerivedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport { ChevronDown } from './icons/ChevronDown';\nimport { cn } from '@lssm/lib.ui-kit-core/utils';\n\nfunction NavigationMenu({\n  className,\n  children,\n  ...props\n}: NavigationMenuPrimitive.RootProps & {\n  ref?: React.RefObject<NavigationMenuPrimitive.RootRef>;\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      className={cn(\n        'relative z-10 flex max-w-max flex-row items-center justify-center',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {Platform.OS === 'web' && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\nfunction NavigationMenuList({\n  className,\n  ...props\n}: NavigationMenuPrimitive.ListProps & {\n  ref?: React.RefObject<NavigationMenuPrimitive.ListRef>;\n}) {\n  return (\n    <NavigationMenuPrimitive.List\n      className={cn(\n        'web:group web:list-none flex flex-1 flex-row items-center justify-center gap-1',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\nconst navigationMenuTriggerStyle = cva(\n  'web:group web:inline-flex flex-row h-10 native:h-12 native:px-3 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium web:transition-colors web:hover:bg-accent active:bg-accent web:hover:text-accent-foreground web:focus:bg-accent web:focus:text-accent-foreground web:focus:outline-hidden web:disabled:pointer-events-none disabled:opacity-50 web:data-active:bg-accent/50 web:data-[state=open]:bg-accent/50'\n);\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: Omit<NavigationMenuPrimitive.TriggerProps, 'children'> & {\n  children?: React.ReactNode;\n  ref?: React.RefObject<NavigationMenuPrimitive.TriggerRef>;\n}) {\n  const { value } = NavigationMenuPrimitive.useRootContext();\n  const { value: itemValue } = NavigationMenuPrimitive.useItemContext();\n\n  const progress = useDerivedValue(() =>\n    value === itemValue\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    <NavigationMenuPrimitive.Trigger\n      className={cn(\n        navigationMenuTriggerStyle(),\n        'web:group gap-1.5',\n        value === itemValue && 'bg-accent',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <Animated.View style={chevronStyle}>\n        <ChevronDown\n          size={12}\n          className={cn(\n            'text-foreground web:transition web:duration-200 relative h-3 w-3'\n          )}\n          aria-hidden={true}\n        />\n      </Animated.View>\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\nfunction NavigationMenuContent({\n  className,\n  children,\n  portalHost,\n  ...props\n}: NavigationMenuPrimitive.ContentProps & {\n  portalHost?: string;\n  ref?: React.RefObject<NavigationMenuPrimitive.ContentRef>;\n}) {\n  const { value } = NavigationMenuPrimitive.useRootContext();\n  const { value: itemValue } = NavigationMenuPrimitive.useItemContext();\n  return (\n    <NavigationMenuPrimitive.Portal hostName={portalHost}>\n      <NavigationMenuPrimitive.Content\n        className={cn(\n          'native:border native:border-border native:rounded-lg native:shadow-lg native:bg-popover native:text-popover-foreground native:overflow-hidden w-full',\n          value === itemValue\n            ? 'web:animate-in web:fade-in web:slide-in-from-right-20'\n            : 'web:animate-out web:fade-out web:slide-out-to-left-20',\n          className\n        )}\n        {...props}\n      >\n        <Animated.View\n          entering={Platform.OS !== 'web' ? FadeInLeft : undefined}\n          exiting={Platform.OS !== 'web' ? FadeOutLeft : undefined}\n        >\n          {children}\n        </Animated.View>\n      </NavigationMenuPrimitive.Content>\n    </NavigationMenuPrimitive.Portal>\n  );\n}\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\nfunction NavigationMenuViewport({\n  className,\n  ...props\n}: NavigationMenuPrimitive.ViewportProps & {\n  ref?: React.RefObject<NavigationMenuPrimitive.ViewportRef>;\n}) {\n  return (\n    <View className={cn('absolute top-full left-0 flex justify-center')}>\n      <View\n        className={cn(\n          'web:origin-top-center border-border bg-popover text-popover-foreground web:h-(--radix-navigation-menu-viewport-height) web:animate-in web:zoom-in-90 relative mt-1.5 w-full overflow-hidden rounded-md border shadow-lg',\n          className\n        )}\n        {...props}\n      >\n        <NavigationMenuPrimitive.Viewport />\n      </View>\n    </View>\n  );\n}\n\nfunction NavigationMenuIndicator({\n  ref,\n  className,\n  ...props\n}: NavigationMenuPrimitive.IndicatorProps & {\n  ref?: React.RefObject<NavigationMenuPrimitive.IndicatorRef>;\n}) {\n  const { value } = NavigationMenuPrimitive.useRootContext();\n  const { value: itemValue } = NavigationMenuPrimitive.useItemContext();\n\n  return (\n    <NavigationMenuPrimitive.Indicator\n      ref={ref}\n      className={cn(\n        'top-full z-1 flex h-1.5 items-end justify-center overflow-hidden',\n        value === itemValue\n          ? 'web:animate-in web:fade-in'\n          : 'web:animate-out web:fade-out',\n        className\n      )}\n      {...props}\n    >\n      <View className=\"bg-border shadow-foreground/5 relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  navigationMenuTriggerStyle,\n  NavigationMenuViewport,\n};\n"],"mappings":";;;;;;;;;;AAgBA,SAAS,eAAe,EACtB,WACA,UACA,GAAG,SAGF;AACD,QACE,qBAAC,wBAAwB;EACvB,WAAW,GACT,qEACA,UACD;EACD,GAAI;aAEH,UACA,SAAS,OAAO,SAAS,oBAAC,2BAAyB;GACvB;;AAInC,SAAS,mBAAmB,EAC1B,WACA,GAAG,SAGF;AACD,QACE,oBAAC,wBAAwB;EACvB,WAAW,GACT,kFACA,UACD;EACD,GAAI;GACJ;;AAIN,MAAM,qBAAqB,wBAAwB;AAEnD,MAAM,6BAA6B,IACjC,0bACD;AAED,SAAS,sBAAsB,EAC7B,WACA,UACA,GAAG,SAIF;CACD,MAAM,EAAE,UAAU,wBAAwB,gBAAgB;CAC1D,MAAM,EAAE,OAAO,cAAc,wBAAwB,gBAAgB;CAErE,MAAM,WAAW,sBACf,UAAU,YACN,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,qBAAC,wBAAwB;EACvB,WAAW,GACT,4BAA4B,EAC5B,qBACA,UAAU,aAAa,aACvB,UACD;EACD,GAAI;aAEH,UACD,oBAAC,SAAS;GAAK,OAAO;aACpB,oBAAC;IACC,MAAM;IACN,WAAW,GACT,mEACD;IACD,eAAa;KACb;IACY;GACgB;;AAItC,SAAS,sBAAsB,EAC7B,WACA,UACA,YACA,GAAG,SAIF;CACD,MAAM,EAAE,UAAU,wBAAwB,gBAAgB;CAC1D,MAAM,EAAE,OAAO,cAAc,wBAAwB,gBAAgB;AACrE,QACE,oBAAC,wBAAwB;EAAO,UAAU;YACxC,oBAAC,wBAAwB;GACvB,WAAW,GACT,wJACA,UAAU,YACN,0DACA,yDACJ,UACD;GACD,GAAI;aAEJ,oBAAC,SAAS;IACR,UAAU,SAAS,OAAO,QAAQ,aAAa;IAC/C,SAAS,SAAS,OAAO,QAAQ,cAAc;IAE9C;KACa;IACgB;GACH;;AAIrC,MAAM,qBAAqB,wBAAwB;AAEnD,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAGF;AACD,QACE,oBAAC;EAAK,WAAW,GAAG,+CAA+C;YACjE,oBAAC;GACC,WAAW,GACT,2NACA,UACD;GACD,GAAI;aAEJ,oBAAC,wBAAwB,aAAW;IAC/B;GACF;;AAIX,SAAS,wBAAwB,EAC/B,KACA,WACA,GAAG,SAGF;CACD,MAAM,EAAE,UAAU,wBAAwB,gBAAgB;CAC1D,MAAM,EAAE,OAAO,cAAc,wBAAwB,gBAAgB;AAErE,QACE,oBAAC,wBAAwB;EAClB;EACL,WAAW,GACT,oEACA,UAAU,YACN,+BACA,gCACJ,UACD;EACD,GAAI;YAEJ,oBAAC,QAAK,WAAU,+FAA+F;GAC7E"}

package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import * as react_jsx_runtime156 from "react/jsx-runtime";
+
+//#region ui/organisms/ErrorBoundary/ErrorBoundary.d.ts
+interface ErrorBoundaryState {
+  hasError: boolean;
+  error: Error | null;
+  errorId: string | null;
+}
+interface ErrorBoundaryProps {
+  children: React.ReactNode;
+  fallback?: React.ComponentType<ErrorFallbackProps>;
+  onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
+}
+interface ErrorFallbackProps {
+  error: Error;
+  errorId: string | null;
+  resetError: () => void;
+}
+declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+  constructor(props: ErrorBoundaryProps);
+  static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState>;
+  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+  resetError: () => void;
+  render(): string | number | bigint | boolean | react_jsx_runtime156.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+}
+declare const useErrorHandler: () => (error: Error) => never;
+//#endregion
+export { ErrorBoundary, type ErrorBoundaryProps, type ErrorFallbackProps, useErrorHandler };
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","names":[],"sources":["../../../../ui/organisms/ErrorBoundary/ErrorBoundary.tsx"],"sourcesContent":[],"mappings":";;;;UAOU,kBAAA;;SAED;EAFC,OAAA,EAAA,MAAA,GAAA,IAAkB;AAEd;UAIJ,kBAAA,CACQ;EACe,QAAA,EADrB,KAAA,CAAM,SACe;EAApB,QAAM,CAAA,EAAN,KAAA,CAAM,aAAA,CAAc,kBAAd,CAAA;EACC,OAAA,CAAA,EAAA,CAAA,KAAA,EAAA,KAAA,EAAA,SAAA,EAAkB,KAAA,CAAM,SAAxB,EAAA,GAAA,IAAA;;UAGV,kBAAA,CAH2C;EAG3C,KAAA,EACD,KADC;EAmEG,OAAA,EAAA,MAAA,GAAc,IAAA;EACzB,UAAA,EAAA,GAAA,GAAA,IAAA;;AAGmB,cAJR,aAAA,SAAsB,KAAA,CAAM,SAIpB,CAHnB,kBAGmB,EAFnB,kBAEmB,CAAA,CAAA;EASoB,WAAA,CAAA,KAAA,EATpB,kBASoB;EAAgB,OAAA,wBAAA,CAAA,KAAA,EAAhB,KAAgB,CAAA,EAAR,OAAQ,CAAA,kBAAA,CAAA;EAAR,iBAAA,CAAA,KAAA,EAOtB,KAPsB,EAAA,SAAA,EAOJ,KAAA,CAAM,SAPF,CAAA,EAAA,IAAA;EAOtB,UAAA,EAAA,GAAA,GAAA,IAAA;EAAkB,MAAM,CAAA,CAAA,EAAA,MAAA,GAAA,MAAA,GAAA,MAAA,GAAA,OAAA,GAgC3C,oBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAhC2C,CAgC3C,KAAA,CAAA,SAhC2C,CAAA,GAgC3C,OAhC2C,CAAA,MAAA,GAAA,MAAA,GAAA,MAAA,GAAA,OAAA,GAgC3C,KAAA,CAAA,WAhC2C,GAgC3C,KAAA,CAAA,YAhC2C,CAAA,OAAA,EAAA,MAAA,GAgC3C,KAAA,CAAA,qBAhC2C,CAAA,GAAA,CAAA,CAAA,GAgC3C,QAhC2C,CAgC3C,KAAA,CAAA,SAhC2C,CAAA,GAAA,IAAA,GAAA,SAAA,CAAA,GAAA,IAAA,GAAA,SAAA;;AAgC3C,cAkBK,eAlBL,EAAA,GAAA,GAAA,CAAA,KAAA,EAmB2B,KAnB3B,EAAA,GAAA,KAAA"}

package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.js

@@ -1,11 +1,9 @@
 'use client';
 
 import { Button } from "../../button.js";
-import { House } from "../../../node_modules/lucide-react/dist/esm/icons/house.js";
-import { RefreshCw } from "../../../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
-import { TriangleAlert } from "../../../node_modules/lucide-react/dist/esm/icons/triangle-alert.js";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertTriangle, Home, RefreshCw } from "lucide-react";
 
 //#region ui/organisms/ErrorBoundary/ErrorBoundary.tsx
 const DefaultErrorFallback = ({ error, errorId, resetError }) => {
@@ -16,7 +14,7 @@ const DefaultErrorFallback = ({ error, errorId, resetError }) => {
 			children: [
 				/* @__PURE__ */ jsx("div", {
 					className: "mb-4 flex justify-center",
-					children: /* @__PURE__ */ jsx(TriangleAlert, { className: "h-12 w-12 text-red-500" })
+					children: /* @__PURE__ */ jsx(AlertTriangle, { className: "h-12 w-12 text-red-500" })
 				}),
 				/* @__PURE__ */ jsx("h1", {
 					className: "mb-2 text-2xl font-semibold text-gray-900",
@@ -53,7 +51,7 @@ const DefaultErrorFallback = ({ error, errorId, resetError }) => {
 						onPress: () => window.location.href = "/",
 						variant: "secondary",
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ jsx(House, { className: "h-4 w-4" }), "Accueil"]
+						children: [/* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), "Accueil"]
 					})]
 				}),
 				false
@@ -105,4 +103,5 @@ const useErrorHandler = () => {
 };
 
 //#endregion
-export { ErrorBoundary, useErrorHandler };
+export { ErrorBoundary, useErrorHandler };
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","names":["DefaultErrorFallback: React.FC<ErrorFallbackProps>"],"sources":["../../../../ui/organisms/ErrorBoundary/ErrorBoundary.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n// import * as Sentry from '@sentry/nextjs';\nimport { AlertTriangle, RefreshCw, Home } from 'lucide-react';\nimport { Button } from '../../button';\n\ninterface ErrorBoundaryState {\n  hasError: boolean;\n  error: Error | null;\n  errorId: string | null;\n}\n\ninterface ErrorBoundaryProps {\n  children: React.ReactNode;\n  fallback?: React.ComponentType<ErrorFallbackProps>;\n  onError?: (error: Error, errorInfo: React.ErrorInfo) => void;\n}\n\ninterface ErrorFallbackProps {\n  error: Error;\n  errorId: string | null;\n  resetError: () => void;\n}\n\nconst DefaultErrorFallback: React.FC<ErrorFallbackProps> = ({\n  error,\n  errorId,\n  resetError,\n}) => {\n  const isDevelopment = process.env.NODE_ENV === 'development';\n\n  return (\n    <div className=\"flex min-h-screen items-center justify-center bg-gray-50 px-4\">\n      <div className=\"w-full max-w-md rounded-lg bg-white p-6 text-center shadow-lg\">\n        <div className=\"mb-4 flex justify-center\">\n          <AlertTriangle className=\"h-12 w-12 text-red-500\" />\n        </div>\n\n        <h1 className=\"mb-2 text-2xl font-semibold text-gray-900\">\n          Une erreur s'est produite\n        </h1>\n\n        <p className=\"mb-6 text-gray-600\">\n          Nous nous excusons pour ce désagrément. Notre équipe a été notifiée et\n          travaille à résoudre le problème.\n        </p>\n\n        {isDevelopment && (\n          <div className=\"mb-6 rounded-md bg-red-50 p-4 text-left\">\n            <p className=\"mb-2 text-base font-medium text-red-800\">\n              Erreur de développement:\n            </p>\n            <p className=\"font-mono text-sm break-all text-red-700\">\n              {error.message}\n            </p>\n            {errorId && (\n              <p className=\"mt-2 text-sm text-red-600\">ID: {errorId}</p>\n            )}\n          </div>\n        )}\n\n        <div className=\"flex flex-col justify-center gap-3 sm:flex-row\">\n          <Button onPress={resetError} className=\"flex items-center gap-2\">\n            <RefreshCw className=\"h-4 w-4\" />\n            Réessayer\n          </Button>\n\n          <Button\n            onPress={() => (window.location.href = '/')}\n            variant=\"secondary\"\n            className=\"flex items-center gap-2\"\n          >\n            <Home className=\"h-4 w-4\" />\n            Accueil\n          </Button>\n        </div>\n\n        {!isDevelopment && errorId && (\n          <p className=\"mt-4 text-sm text-gray-500\">Code d'erreur: {errorId}</p>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport class ErrorBoundary extends React.Component<\n  ErrorBoundaryProps,\n  ErrorBoundaryState\n> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n    this.state = {\n      hasError: false,\n      error: null,\n      errorId: null,\n    };\n  }\n\n  static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n    return {\n      hasError: true,\n      error,\n    };\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    // Generate unique error ID\n    const errorId = `err_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;\n\n    // Log to Sentry with additional context\n    // Sentry.withScope((scope) => {\n    //   scope.setTag('errorBoundary', true);\n    //   scope.setContext('errorInfo', { ...errorInfo });\n    //   scope.setContext('errorId', { errorId });\n    //   Sentry.captureException(error);\n    // });\n\n    // Update state with error ID\n    this.setState({ errorId });\n\n    // Call custom error handler if provided\n    this.props.onError?.(error, errorInfo);\n\n    // Log to console in development\n    if (process.env.NODE_ENV === 'development') {\n      console.error('ErrorBoundary caught an error:', error, errorInfo);\n    }\n  }\n\n  resetError = () => {\n    this.setState({\n      hasError: false,\n      error: null,\n      errorId: null,\n    });\n  };\n\n  render() {\n    if (this.state.hasError && this.state.error) {\n      const FallbackComponent = this.props.fallback || DefaultErrorFallback;\n\n      return (\n        <FallbackComponent\n          error={this.state.error}\n          errorId={this.state.errorId}\n          resetError={this.resetError}\n        />\n      );\n    }\n\n    return this.props.children;\n  }\n}\n\n// Hook for functional components to trigger error boundary\nexport const useErrorHandler = () => {\n  return React.useCallback((error: Error) => {\n    // This will be caught by the nearest error boundary\n    throw error;\n  }, []);\n};\n\nexport type { ErrorBoundaryProps, ErrorFallbackProps };\n"],"mappings":";;;;;;;;AAyBA,MAAMA,wBAAsD,EAC1D,OACA,SACA,iBACI;AAGJ,QACE,oBAAC;EAAI,WAAU;YACb,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAI,WAAU;eACb,oBAAC,iBAAc,WAAU,2BAA2B;MAChD;IAEN,oBAAC;KAAG,WAAU;eAA4C;MAErD;IAEL,oBAAC;KAAE,WAAU;eAAqB;MAG9B;IAGF,qBAAC;KAAI,WAAU;;MACb,oBAAC;OAAE,WAAU;iBAA0C;QAEnD;MACJ,oBAAC;OAAE,WAAU;iBACV,MAAM;QACL;MACH,WACC,qBAAC;OAAE,WAAU;kBAA4B,QAAK;QAAY;;MAExD;IAGR,qBAAC;KAAI,WAAU;gBACb,qBAAC;MAAO,SAAS;MAAY,WAAU;iBACrC,oBAAC,aAAU,WAAU,YAAY;OAE1B,EAET,qBAAC;MACC,eAAgB,OAAO,SAAS,OAAO;MACvC,SAAQ;MACR,WAAU;iBAEV,oBAAC,QAAK,WAAU,YAAY;OAErB;MACL;IAEL;;IAGG;GACF;;AAIV,IAAa,gBAAb,cAAmC,MAAM,UAGvC;CACA,YAAY,OAA2B;AACrC,QAAM,MAAM;AACZ,OAAK,QAAQ;GACX,UAAU;GACV,OAAO;GACP,SAAS;GACV;;CAGH,OAAO,yBAAyB,OAA2C;AACzE,SAAO;GACL,UAAU;GACV;GACD;;CAGH,kBAAkB,OAAc,WAA4B;EAE1D,MAAM,UAAU,OAAO,KAAK,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,OAAO,GAAG,EAAE;AAW5E,OAAK,SAAS,EAAE,SAAS,CAAC;AAG1B,OAAK,MAAM,UAAU,OAAO,UAAU;AAIpC,UAAQ,MAAM,kCAAkC,OAAO,UAAU;;CAIrE,mBAAmB;AACjB,OAAK,SAAS;GACZ,UAAU;GACV,OAAO;GACP,SAAS;GACV,CAAC;;CAGJ,SAAS;AACP,MAAI,KAAK,MAAM,YAAY,KAAK,MAAM,MAGpC,QACE,oBAHwB,KAAK,MAAM,YAAY;GAI7C,OAAO,KAAK,MAAM;GAClB,SAAS,KAAK,MAAM;GACpB,YAAY,KAAK;IACjB;AAIN,SAAO,KAAK,MAAM;;;AAKtB,MAAa,wBAAwB;AACnC,QAAO,MAAM,aAAa,UAAiB;AAEzC,QAAM;IACL,EAAE,CAAC"}

package/dist/ui/organisms/ErrorBoundary/index.d.ts

@@ -0,0 +1,2 @@
+import { ErrorBoundary, ErrorBoundaryProps, ErrorFallbackProps, useErrorHandler } from "./ErrorBoundary.js";
+export { ErrorBoundary, type ErrorBoundaryProps, type ErrorFallbackProps, useErrorHandler };

package/dist/ui/organisms/ListPage/ListPage.d.ts

@@ -0,0 +1,29 @@
+import { ListPageProps } from "./types.js";
+import * as react_jsx_runtime157 from "react/jsx-runtime";
+
+//#region ui/organisms/ListPage/ListPage.d.ts
+declare function ListPage<T>({
+  title,
+  description,
+  header,
+  items,
+  totalItems,
+  totalPages,
+  isLoading,
+  isFetching,
+  error,
+  listState,
+  searchPlaceholder,
+  filters,
+  onRefresh,
+  primaryAction,
+  toolbar,
+  renderItem,
+  renderEmpty,
+  renderStats,
+  className,
+  itemClassName
+}: ListPageProps<T>): react_jsx_runtime157.JSX.Element;
+//#endregion
+export { ListPage };
+//# sourceMappingURL=ListPage.d.ts.map

package/dist/ui/organisms/ListPage/ListPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPage.d.ts","names":[],"sources":["../../../../ui/organisms/ListPage/ListPage.tsx"],"sourcesContent":[],"mappings":";;;;iBAYgB;;;;;;;;;;;;;;;;;;;;;GAqBb,cAAc,KAAE,oBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/organisms/ListPage/ListPage.js

@@ -1,20 +1,17 @@
-import { __toESM } from "../../../_virtual/rolldown_runtime.js";
 import { Button } from "../../button.js";
-import { LoaderCircle } from "../../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
-import { Plus } from "../../../node_modules/lucide-react/dist/esm/icons/plus.js";
-import { RefreshCcw } from "../../../node_modules/lucide-react/dist/esm/icons/refresh-ccw.js";
-import { TriangleAlert } from "../../../node_modules/lucide-react/dist/esm/icons/triangle-alert.js";
 import { Card, CardContent } from "../../card.js";
 import { HStack, VStack } from "../../stack.js";
 import { Separator } from "../../separator.js";
-import { require_link } from "../../../node_modules/next/link.js";
-import { SearchAndFilter } from "../../molecules/SearchAndFilter/SearchAndFilter.js";
 import { Pagination } from "../../atoms/Pagination/Pagination.js";
+import "../../atoms/Pagination/index.js";
+import { SearchAndFilter } from "../../molecules/SearchAndFilter/SearchAndFilter.js";
+import "../../molecules/SearchAndFilter/index.js";
 import React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { AlertTriangle, Loader2, Plus, RefreshCcw } from "lucide-react";
+import Link from "next/link";
 
 //#region ui/organisms/ListPage/ListPage.tsx
-var import_link = /* @__PURE__ */ __toESM(require_link());
 function ListPage({ title, description, header, items, totalItems, totalPages, isLoading, isFetching, error, listState, searchPlaceholder, filters = [], onRefresh, primaryAction, toolbar, renderItem, renderEmpty, renderStats, className = "", itemClassName = "" }) {
 	const { searchQuery, setSearchQuery, filters: filterValues, setFilter, currentPage, itemsPerPage, setCurrentPage, setItemsPerPage } = listState;
 	if (isLoading && !items.length) return /* @__PURE__ */ jsxs(VStack, {
@@ -32,7 +29,7 @@ function ListPage({ title, description, header, items, totalItems, totalPages, i
 			className: "flex min-h-[400px] items-center justify-center",
 			children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, {
 				className: "flex items-center gap-4 p-6",
-				children: [/* @__PURE__ */ jsx(LoaderCircle, { className: "text-primary h-8 w-8 animate-spin" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+				children: [/* @__PURE__ */ jsx(Loader2, { className: "text-primary h-8 w-8 animate-spin" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
 					className: "font-medium",
 					children: "Chargement..."
 				}), /* @__PURE__ */ jsx("p", {
@@ -58,7 +55,7 @@ function ListPage({ title, description, header, items, totalItems, totalPages, i
 			children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, {
 				className: "flex flex-col items-center gap-4 p-6 text-center",
 				children: [
-					/* @__PURE__ */ jsx(TriangleAlert, { className: "text-destructive h-12 w-12" }),
+					/* @__PURE__ */ jsx(AlertTriangle, { className: "text-destructive h-12 w-12" }),
 					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
 						className: "font-medium",
 						children: "Erreur de chargement"
@@ -106,7 +103,7 @@ function ListPage({ title, description, header, items, totalItems, totalPages, i
 						toolbar,
 						(isLoading || isFetching) && /* @__PURE__ */ jsxs("div", {
 							className: "text-muted-foreground flex items-center gap-2 text-base",
-							children: [/* @__PURE__ */ jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ jsx("span", {
+							children: [/* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ jsx("span", {
 								className: "hidden sm:inline",
 								children: "Mise à jour..."
 							})]
@@ -122,7 +119,7 @@ function ListPage({ title, description, header, items, totalItems, totalPages, i
 								children: "Rafraîchir"
 							})]
 						}),
-						primaryAction && /* @__PURE__ */ jsx(Fragment, { children: primaryAction.href ? /* @__PURE__ */ jsx(import_link.default, {
+						primaryAction && /* @__PURE__ */ jsx(Fragment, { children: primaryAction.href ? /* @__PURE__ */ jsx(Link, {
 							href: primaryAction.href,
 							children: /* @__PURE__ */ jsxs(Button, { children: [
 								primaryAction.icon || /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
@@ -174,7 +171,7 @@ function ListPage({ title, description, header, items, totalItems, totalPages, i
 						className: "text-muted-foreground text-base",
 						children: searchQuery || Object.values(filterValues).some((v) => v) ? "Essayez de modifier vos critères de recherche" : "Commencez par créer votre premier élément"
 					})] }),
-					primaryAction && !searchQuery && !Object.values(filterValues).some((v) => v) && /* @__PURE__ */ jsx(Fragment, { children: primaryAction.href ? /* @__PURE__ */ jsx(import_link.default, {
+					primaryAction && !searchQuery && !Object.values(filterValues).some((v) => v) && /* @__PURE__ */ jsx(Fragment, { children: primaryAction.href ? /* @__PURE__ */ jsx(Link, {
 						href: primaryAction.href,
 						children: /* @__PURE__ */ jsxs(Button, { children: [primaryAction.icon || /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }), primaryAction.label] })
 					}) : /* @__PURE__ */ jsxs(Button, {
@@ -199,4 +196,5 @@ function ListPage({ title, description, header, items, totalItems, totalPages, i
 }
 
 //#endregion
-export { ListPage };
+export { ListPage };
+//# sourceMappingURL=ListPage.js.map

package/dist/ui/organisms/ListPage/ListPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPage.js","names":[],"sources":["../../../../ui/organisms/ListPage/ListPage.tsx"],"sourcesContent":["import React from 'react';\nimport Link from 'next/link';\nimport { AlertTriangle, Loader2, Plus, RefreshCcw } from 'lucide-react';\nimport { Button } from '../../button';\nimport { Card, CardContent } from '../../card';\nimport { VStack, HStack } from '../../stack';\nimport { Separator } from '../../separator';\nimport { SearchAndFilter } from '../../molecules/SearchAndFilter';\nimport { Pagination } from '../../atoms/Pagination';\nimport type { ListPageProps } from './types';\nimport type { FilterOption } from '../../atoms/FilterSelect/types';\n\nexport function ListPage<T>({\n  title,\n  description,\n  header,\n  items,\n  totalItems,\n  totalPages,\n  isLoading,\n  isFetching,\n  error,\n  listState,\n  searchPlaceholder,\n  filters = [],\n  onRefresh,\n  primaryAction,\n  toolbar,\n  renderItem,\n  renderEmpty,\n  renderStats,\n  className = '',\n  itemClassName = '',\n}: ListPageProps<T>) {\n  const {\n    searchQuery,\n    setSearchQuery,\n    filters: filterValues,\n    setFilter,\n    currentPage,\n    itemsPerPage,\n    setCurrentPage,\n    setItemsPerPage,\n  } = listState;\n\n  // Loading state with no items\n  if (isLoading && !items.length) {\n    return (\n      <VStack className={`space-y-4 md:space-y-6 ${className}`}>\n        {header ? (\n          header\n        ) : (\n          <VStack className=\"gap-1\">\n            <h1 className=\"text-2xl font-bold md:text-3xl\">{title}</h1>\n            {description && (\n              <p className=\"text-muted-foreground text-base\">{description}</p>\n            )}\n          </VStack>\n        )}\n\n        <div className=\"flex min-h-[400px] items-center justify-center\">\n          <Card>\n            <CardContent className=\"flex items-center gap-4 p-6\">\n              <Loader2 className=\"text-primary h-8 w-8 animate-spin\" />\n              <div>\n                <h3 className=\"font-medium\">Chargement...</h3>\n                <p className=\"text-muted-foreground text-base\">\n                  Récupération des données en cours\n                </p>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </VStack>\n    );\n  }\n\n  // Error state with no items\n  if (error && !items.length) {\n    return (\n      <VStack className={`space-y-4 md:space-y-6 ${className}`}>\n        {header ? (\n          header\n        ) : (\n          <VStack className=\"gap-1\">\n            <h1 className=\"text-2xl font-bold md:text-3xl\">{title}</h1>\n            {description && (\n              <p className=\"text-muted-foreground text-base\">{description}</p>\n            )}\n          </VStack>\n        )}\n\n        <div className=\"flex min-h-[400px] items-center justify-center\">\n          <Card>\n            <CardContent className=\"flex flex-col items-center gap-4 p-6 text-center\">\n              <AlertTriangle className=\"text-destructive h-12 w-12\" />\n              <div>\n                <h3 className=\"font-medium\">Erreur de chargement</h3>\n                <p className=\"text-muted-foreground text-base\">\n                  {error.message || 'Une erreur est survenue'}\n                </p>\n              </div>\n              {onRefresh && (\n                <Button onPress={onRefresh} variant=\"outline\" size=\"sm\">\n                  <RefreshCcw className=\"mr-2 h-4 w-4\" />\n                  Réessayer\n                </Button>\n              )}\n            </CardContent>\n          </Card>\n        </div>\n      </VStack>\n    );\n  }\n\n  // Prepare filter configurations\n  const filterConfigs = filters.map((filter) => ({\n    key: filter.key,\n    label: filter.label,\n    value: filterValues[filter.key] || '',\n    options: filter.options,\n    onChange: (value: FilterOption | undefined) => {\n      setFilter(filter.key, value?.value || '');\n    },\n    showCounts: filter.showCounts,\n  }));\n\n  return (\n    <VStack className={`space-y-4 md:space-y-6 ${className}`}>\n      {/* Header */}\n      {header ? (\n        header\n      ) : (\n        <HStack className=\"items-center justify-between\">\n          <VStack className=\"gap-1\">\n            <h1 className=\"text-2xl font-bold md:text-3xl\">{title}</h1>\n            {description && (\n              <p className=\"text-muted-foreground text-base\">{description}</p>\n            )}\n          </VStack>\n\n          <HStack className=\"items-center gap-4\">\n            {toolbar}\n            {(isLoading || isFetching) && (\n              <div className=\"text-muted-foreground flex items-center gap-2 text-base\">\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n                <span className=\"hidden sm:inline\">Mise à jour...</span>\n              </div>\n            )}\n\n            {onRefresh && (\n              <Button\n                variant=\"outline\"\n                size=\"sm\"\n                onPress={onRefresh}\n                disabled={Boolean(isLoading)}\n                aria-label=\"Rafraîchir\"\n              >\n                <RefreshCcw\n                  className={`mr-2 h-4 w-4 ${isLoading || isFetching ? 'animate-spin' : ''}`}\n                />\n                <span className=\"hidden sm:inline\">Rafraîchir</span>\n              </Button>\n            )}\n\n            {primaryAction && (\n              <>\n                {primaryAction.href ? (\n                  <Link href={primaryAction.href}>\n                    <Button>\n                      {primaryAction.icon || <Plus className=\"mr-2 h-4 w-4\" />}\n                      <span className=\"hidden sm:inline\">\n                        {primaryAction.label}\n                      </span>\n                      <span className=\"sm:hidden\">Nouveau</span>\n                    </Button>\n                  </Link>\n                ) : (\n                  <Button onPress={primaryAction.onClick}>\n                    {primaryAction.icon || <Plus className=\"mr-2 h-4 w-4\" />}\n                    <span className=\"hidden sm:inline\">\n                      {primaryAction.label}\n                    </span>\n                    <span className=\"sm:hidden\">Nouveau</span>\n                  </Button>\n                )}\n              </>\n            )}\n          </HStack>\n        </HStack>\n      )}\n\n      {/* Stats (optional) */}\n      {renderStats && (\n        <>\n          {renderStats(items)}\n          <Separator />\n        </>\n      )}\n\n      {/* Search and Filters */}\n      <SearchAndFilter\n        searchValue={searchQuery}\n        onSearchChange={setSearchQuery}\n        searchPlaceholder={searchPlaceholder}\n        filters={filterConfigs}\n        isLoading={isLoading}\n      />\n\n      {/* Content */}\n      {items.length === 0 && !isLoading ? (\n        renderEmpty ? (\n          renderEmpty()\n        ) : (\n          <Card>\n            <CardContent className=\"flex flex-col items-center gap-4 p-8 text-center\">\n              <div className=\"bg-muted flex h-12 w-12 items-center justify-center rounded-full\">\n                <div className=\"bg-muted-foreground/20 h-6 w-6 rounded-full\" />\n              </div>\n              <div>\n                <h3 className=\"font-medium\">Aucun élément trouvé</h3>\n                <p className=\"text-muted-foreground text-base\">\n                  {searchQuery || Object.values(filterValues).some((v) => v)\n                    ? 'Essayez de modifier vos critères de recherche'\n                    : 'Commencez par créer votre premier élément'}\n                </p>\n              </div>\n              {primaryAction &&\n                !searchQuery &&\n                !Object.values(filterValues).some((v) => v) && (\n                  <>\n                    {primaryAction.href ? (\n                      <Link href={primaryAction.href}>\n                        <Button>\n                          {primaryAction.icon || (\n                            <Plus className=\"mr-2 h-4 w-4\" />\n                          )}\n                          {primaryAction.label}\n                        </Button>\n                      </Link>\n                    ) : (\n                      <Button onPress={primaryAction.onClick}>\n                        {primaryAction.icon || (\n                          <Plus className=\"mr-2 h-4 w-4\" />\n                        )}\n                        {primaryAction.label}\n                      </Button>\n                    )}\n                  </>\n                )}\n            </CardContent>\n          </Card>\n        )\n      ) : (\n        <>\n          {/* Items List */}\n          <div className={`space-y-4 ${itemClassName}`}>\n            {items.map((item, index) => renderItem(item, index))}\n          </div>\n\n          {/* Pagination */}\n          {totalPages > 1 && (\n            <Pagination\n              currentPage={currentPage}\n              totalPages={totalPages}\n              totalItems={totalItems}\n              itemsPerPage={itemsPerPage}\n              onPageChange={setCurrentPage}\n              onItemsPerPageChange={setItemsPerPage}\n              disabled={isLoading}\n            />\n          )}\n        </>\n      )}\n    </VStack>\n  );\n}\n"],"mappings":"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"}

package/dist/ui/organisms/ListPage/index.d.ts

@@ -0,0 +1,3 @@
+import { ListPageFilter, ListPageProps } from "./types.js";
+import { ListPage } from "./ListPage.js";
+export { ListPage, type ListPageFilter, type ListPageProps };

package/dist/ui/organisms/ListPage/types.d.ts

@@ -0,0 +1,42 @@
+import { FilterOption } from "../../atoms/FilterSelect/types.js";
+import "../../atoms/FilterSelect/index.js";
+import { UseListStateReturn } from "../../useListState.js";
+import { ReactNode } from "react";
+
+//#region ui/organisms/ListPage/types.d.ts
+interface ListPageFilter {
+  key: string;
+  label: string;
+  options: FilterOption[];
+  showCounts?: boolean;
+}
+interface ListPageProps<T = unknown> {
+  title: string;
+  description?: string;
+  header?: ReactNode;
+  items: T[];
+  totalItems: number;
+  totalPages: number;
+  isLoading: boolean;
+  isFetching?: boolean;
+  error?: Error | null;
+  listState: UseListStateReturn;
+  searchPlaceholder?: string;
+  filters?: ListPageFilter[];
+  onRefresh?: () => void;
+  primaryAction?: {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+    icon?: ReactNode;
+  };
+  toolbar?: ReactNode;
+  renderItem: (item: T, index: number) => ReactNode;
+  renderEmpty?: () => ReactNode;
+  renderStats?: (items: T[]) => ReactNode;
+  className?: string;
+  itemClassName?: string;
+}
+//#endregion
+export { ListPageFilter, ListPageProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/organisms/ListPage/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../ui/organisms/ListPage/types.ts"],"sourcesContent":[],"mappings":";;;;;;UAGiB,cAAA;;;EAAA,OAAA,EAGN,YAHoB,EAAA;EAOd,UAAA,CAAA,EAAA,OAAa;;AAOrB,UAPQ,aAOR,CAAA,IAAA,OAAA,CAAA,CAAA;EAKC,KAAA,EAAA,MAAA;EAGG,WAAA,CAAA,EAAA,MAAA;EAID,MAAA,CAAA,EAfD,SAeC;EAQD,KAAA,EApBF,CAoBE,EAAA;EAEC,UAAA,EAAA,MAAA;EAGS,UAAA,EAAA,MAAA;EAAqB,SAAA,EAAA,OAAA;EACpB,UAAA,CAAA,EAAA,OAAA;EACE,KAAA,CAAA,EAtBd,KAsBc,GAAA,IAAA;EAAQ,SAAA,EAnBnB,kBAmBmB;EAAS,iBAAA,CAAA,EAAA,MAAA;YAf7B;;;;;;WAQD;;YAEC;qBAGS,qBAAqB;sBACpB;wBACE,QAAQ"}

package/dist/ui/page-header.d.ts

@@ -0,0 +1,27 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime108 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types7 from "class-variance-authority/types";
+
+//#region ui/page-header.d.ts
+declare const headerVariants: (props?: ({
+  spacing?: "sm" | "lg" | "md" | null | undefined;
+} & class_variance_authority_types7.ClassProp) | undefined) => string;
+interface PageHeaderProps extends VariantProps<typeof headerVariants> {
+  breadcrumb?: React$1.ReactNode;
+  title: React$1.ReactNode;
+  subtitle?: React$1.ReactNode;
+  actions?: React$1.ReactNode;
+  className?: string;
+}
+declare function PageHeader({
+  breadcrumb,
+  title,
+  subtitle,
+  actions,
+  spacing,
+  className
+}: PageHeaderProps): react_jsx_runtime108.JSX.Element;
+//#endregion
+export { PageHeader, PageHeaderProps };
+//# sourceMappingURL=page-header.d.ts.map

package/dist/ui/page-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.d.ts","names":[],"sources":["../../ui/page-header.tsx"],"sourcesContent":[],"mappings":";;;;;;cAMM;;IAWJ,+BAAA,CAAA;UAEe,eAAA,SAAwB,oBAAoB;EAbvD,UAAA,CAAA,EAcS,OAAA,CAAM,SAHnB;EAEe,KAAA,EAER,OAAA,CAAM,SAFkB;EAA4B,QAAA,CAAA,EAGhD,OAAA,CAAM,SAH0C;EAC9C,OAAM,CAAA,EAGT,OAAA,CAAM,SAHG;EACZ,SAAM,CAAA,EAAA,MAAA;;AAEH,iBAII,UAAA,CAJE;EAAA,UAAA;EAAA,KAAA;EAAA,QAAA;EAAA,OAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAWf,eAXe,CAAA,EAWA,oBAAA,CAAA,GAAA,CAAA,OAXA"}

package/dist/ui/page-header.js

@@ -1,7 +1,7 @@
-import { cn } from "../-core/src/utils.js";
 import { HStack, VStack } from "./stack.js";
 import { H1, P } from "./typography.js";
 import "react";
+import { cn } from "@lssm/lib.ui-kit-core/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 
@@ -37,4 +37,5 @@ function PageHeader({ breadcrumb, title, subtitle, actions, spacing, className }
 }
 
 //#endregion
-export { PageHeader };
+export { PageHeader };
+//# sourceMappingURL=page-header.js.map

package/dist/ui/page-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.js","names":[],"sources":["../../ui/page-header.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@lssm/lib.ui-kit-core/utils';\nimport { HStack, VStack } from './stack';\nimport { H1, P } from './typography';\n\nconst headerVariants = cva('', {\n  variants: {\n    spacing: {\n      sm: 'gap-1',\n      md: 'gap-2',\n      lg: 'gap-3',\n    },\n  },\n  defaultVariants: {\n    spacing: 'md',\n  },\n});\n\nexport interface PageHeaderProps extends VariantProps<typeof headerVariants> {\n  breadcrumb?: React.ReactNode;\n  title: React.ReactNode;\n  subtitle?: React.ReactNode;\n  actions?: React.ReactNode;\n  className?: string;\n}\n\nexport function PageHeader({\n  breadcrumb,\n  title,\n  subtitle,\n  actions,\n  spacing,\n  className,\n}: PageHeaderProps) {\n  return (\n    <VStack className={cn(headerVariants({ spacing }), className)}>\n      {breadcrumb}\n      <HStack className=\"items-start justify-between\">\n        <VStack className=\"gap-1\">\n          <H1 className=\"text-2xl font-semibold md:text-3xl\">{title}</H1>\n          {subtitle ? (\n            <P className=\"text-muted-foreground text-base\">{subtitle}</P>\n          ) : null}\n        </VStack>\n        {actions ? (\n          <HStack className=\"flex items-center gap-2\">{actions}</HStack>\n        ) : null}\n      </HStack>\n    </VStack>\n  );\n}\n"],"mappings":";;;;;;;;AAMA,MAAM,iBAAiB,IAAI,IAAI;CAC7B,UAAU,EACR,SAAS;EACP,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,SAAS,MACV;CACF,CAAC;AAUF,SAAgB,WAAW,EACzB,YACA,OACA,UACA,SACA,SACA,aACkB;AAClB,QACE,qBAAC;EAAO,WAAW,GAAG,eAAe,EAAE,SAAS,CAAC,EAAE,UAAU;aAC1D,YACD,qBAAC;GAAO,WAAU;cAChB,qBAAC;IAAO,WAAU;eAChB,oBAAC;KAAG,WAAU;eAAsC;MAAW,EAC9D,WACC,oBAAC;KAAE,WAAU;eAAmC;MAAa,GAC3D;KACG,EACR,UACC,oBAAC;IAAO,WAAU;cAA2B;KAAiB,GAC5D;IACG;GACF"}

package/dist/ui/password-strength.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime109 from "react/jsx-runtime";
+import * as z from "zod";
+
+//#region ui/password-strength.d.ts
+declare const passwordSchema: z.ZodString;
+declare function getPasswordStrength(password: string): {
+  score: number;
+  feedback: string[];
+  isValid: boolean;
+};
+interface PasswordStrengthProps {
+  password: string;
+  showFeedback?: boolean;
+}
+declare function PasswordStrength({
+  password,
+  showFeedback
+}: PasswordStrengthProps): react_jsx_runtime109.JSX.Element | null;
+//#endregion
+export { PasswordStrength, getPasswordStrength, passwordSchema };
+//# sourceMappingURL=password-strength.d.ts.map

package/dist/ui/password-strength.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-strength.d.ts","names":[],"sources":["../../ui/password-strength.tsx"],"sourcesContent":[],"mappings":";;;;cAMa,gBAAc,CAAA,CAAA;iBASX,mBAAA;;EATH,QAAA,EAAA,MAAA,EAMoD;EAGjD,OAAA,EAAA,OAAA;AA+Cf,CAAA;AAOD,UALU,qBAAA,CAKsB;EAC9B,QAAA,EAAA,MAAA;EACA,YAAA,CAAA,EAAA,OAAA;;AACsB,iBAHR,gBAAA,CAGQ;EAAA,QAAA;EAAA;AAAA,CAAA,EAArB,qBAAqB,CAAA,EAAA,oBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,IAAA"}

package/dist/ui/password-strength.js

@@ -1,12 +1,12 @@
 import { Text as Text$1 } from "./text.js";
 import { HStack, VStack } from "./stack.js";
-import { string } from "../node_modules/zod/v4/classic/schemas.js";
 import React from "react";
 import { View } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as z from "zod";
 
 //#region ui/password-strength.tsx
-const passwordSchema = string().min(8, "Password must be at least 8 characters").max(128, "Password is too long").regex(/(?=.*[a-z])/, "Password must contain at least one lowercase letter").regex(/(?=.*[A-Z])/, "Password must contain at least one uppercase letter").regex(/(?=.*\d)/, "Password must contain at least one number");
+const passwordSchema = z.string().min(8, "Password must be at least 8 characters").max(128, "Password is too long").regex(/(?=.*[a-z])/, "Password must contain at least one lowercase letter").regex(/(?=.*[A-Z])/, "Password must contain at least one uppercase letter").regex(/(?=.*\d)/, "Password must contain at least one number");
 function getPasswordStrength(password) {
 	const feedback = [];
 	let score = 0;
@@ -95,4 +95,5 @@ function PasswordStrength({ password, showFeedback = true }) {
 }
 
 //#endregion
-export { PasswordStrength, getPasswordStrength, passwordSchema };
+export { PasswordStrength, getPasswordStrength, passwordSchema };
+//# sourceMappingURL=password-strength.js.map

package/dist/ui/password-strength.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-strength.js","names":["feedback: string[]","score","Text"],"sources":["../../ui/password-strength.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { HStack, VStack } from './stack';\nimport { Text } from './text';\nimport * as z from 'zod';\n\nexport const passwordSchema = z\n  .string()\n  .min(8, 'Password must be at least 8 characters')\n  .max(128, 'Password is too long')\n  .regex(/(?=.*[a-z])/, 'Password must contain at least one lowercase letter')\n  .regex(/(?=.*[A-Z])/, 'Password must contain at least one uppercase letter')\n  .regex(/(?=.*\\d)/, 'Password must contain at least one number');\n\n// Password strength indicator\nexport function getPasswordStrength(password: string): {\n  score: number;\n  feedback: string[];\n  isValid: boolean;\n} {\n  const feedback: string[] = [];\n  let score = 0;\n\n  if (password.length >= 8) {\n    score += 1;\n  } else {\n    feedback.push('At least 8 characters');\n  }\n\n  if (/[a-z]/.test(password)) {\n    score += 1;\n  } else {\n    feedback.push('One lowercase letter');\n  }\n\n  if (/[A-Z]/.test(password)) {\n    score += 1;\n  } else {\n    feedback.push('One uppercase letter');\n  }\n\n  if (/\\d/.test(password)) {\n    score += 1;\n  } else {\n    feedback.push('One number');\n  }\n\n  if (/[!@#$%^&*()_+\\-=[\\]{};':\"\\\\|,.<>/?]/.test(password)) {\n    score += 1;\n  }\n\n  if (password.length >= 12) {\n    score += 1;\n  }\n\n  const isValid = passwordSchema.safeParse(password).success;\n\n  return {\n    score: Math.min(score, 5),\n    feedback,\n    isValid,\n  };\n}\n\ninterface PasswordStrengthProps {\n  password: string;\n  showFeedback?: boolean;\n}\n\nexport function PasswordStrength({\n  password,\n  showFeedback = true,\n}: PasswordStrengthProps) {\n  const { score, feedback, isValid } = getPasswordStrength(password);\n\n  if (!password) return null;\n\n  const getStrengthColor = (score: number) => {\n    if (score <= 1) return '#ef4444'; // red-500\n    if (score <= 2) return '#f97316'; // orange-500\n    if (score <= 3) return '#eab308'; // yellow-500\n    if (score <= 4) return '#22c55e'; // green-500\n    return '#16a34a'; // green-600\n  };\n\n  const getStrengthText = (score: number) => {\n    if (score <= 1) return 'Very Weak';\n    if (score <= 2) return 'Weak';\n    if (score <= 3) return 'Fair';\n    if (score <= 4) return 'Good';\n    return 'Strong';\n  };\n\n  return (\n    <VStack className=\"gap-y-2\">\n      {/* Strength Bar */}\n      <VStack className=\"gap-y-1\">\n        <HStack className=\"items-center justify-between\">\n          <Text className=\"text-muted-foreground text-xs\">\n            Password Strength\n          </Text>\n          <Text\n            className=\"text-xs font-medium\"\n            style={{ color: getStrengthColor(score) }}\n          >\n            {getStrengthText(score)}\n          </Text>\n        </HStack>\n\n        <View className=\"h-2 overflow-hidden rounded-full bg-gray-200\">\n          <View\n            className=\"h-full rounded-full transition-all duration-300\"\n            style={{\n              width: `${(score / 5) * 100}%`,\n              backgroundColor: getStrengthColor(score),\n            }}\n          />\n        </View>\n      </VStack>\n\n      {/* Feedback */}\n      {showFeedback && feedback.length > 0 && (\n        <VStack className=\"gap-y-1\">\n          <Text className=\"text-muted-foreground text-xs\">Required:</Text>\n          {feedback.map((item, index) => (\n            <HStack key={index} className=\"items-center gap-x-2\">\n              <View className=\"bg-muted-foreground h-1 w-1 rounded-full\" />\n              <Text className=\"text-muted-foreground text-xs\">{item}</Text>\n            </HStack>\n          ))}\n        </VStack>\n      )}\n\n      {/* Valid indicator */}\n      {isValid && (\n        <HStack className=\"items-center gap-x-2\">\n          <View className=\"h-2 w-2 rounded-full bg-green-500\" />\n          <Text className=\"text-xs text-green-600\">Meets requirements</Text>\n        </HStack>\n      )}\n    </VStack>\n  );\n}\n"],"mappings":";;;;;;;;AAMA,MAAa,iBAAiB,EAC3B,QAAQ,CACR,IAAI,GAAG,yCAAyC,CAChD,IAAI,KAAK,uBAAuB,CAChC,MAAM,eAAe,sDAAsD,CAC3E,MAAM,eAAe,sDAAsD,CAC3E,MAAM,YAAY,4CAA4C;AAGjE,SAAgB,oBAAoB,UAIlC;CACA,MAAMA,WAAqB,EAAE;CAC7B,IAAI,QAAQ;AAEZ,KAAI,SAAS,UAAU,EACrB,UAAS;KAET,UAAS,KAAK,wBAAwB;AAGxC,KAAI,QAAQ,KAAK,SAAS,CACxB,UAAS;KAET,UAAS,KAAK,uBAAuB;AAGvC,KAAI,QAAQ,KAAK,SAAS,CACxB,UAAS;KAET,UAAS,KAAK,uBAAuB;AAGvC,KAAI,KAAK,KAAK,SAAS,CACrB,UAAS;KAET,UAAS,KAAK,aAAa;AAG7B,KAAI,sCAAsC,KAAK,SAAS,CACtD,UAAS;AAGX,KAAI,SAAS,UAAU,GACrB,UAAS;CAGX,MAAM,UAAU,eAAe,UAAU,SAAS,CAAC;AAEnD,QAAO;EACL,OAAO,KAAK,IAAI,OAAO,EAAE;EACzB;EACA;EACD;;AAQH,SAAgB,iBAAiB,EAC/B,UACA,eAAe,QACS;CACxB,MAAM,EAAE,OAAO,UAAU,YAAY,oBAAoB,SAAS;AAElE,KAAI,CAAC,SAAU,QAAO;CAEtB,MAAM,oBAAoB,YAAkB;AAC1C,MAAIC,WAAS,EAAG,QAAO;AACvB,MAAIA,WAAS,EAAG,QAAO;AACvB,MAAIA,WAAS,EAAG,QAAO;AACvB,MAAIA,WAAS,EAAG,QAAO;AACvB,SAAO;;CAGT,MAAM,mBAAmB,YAAkB;AACzC,MAAIA,WAAS,EAAG,QAAO;AACvB,MAAIA,WAAS,EAAG,QAAO;AACvB,MAAIA,WAAS,EAAG,QAAO;AACvB,MAAIA,WAAS,EAAG,QAAO;AACvB,SAAO;;AAGT,QACE,qBAAC;EAAO,WAAU;;GAEhB,qBAAC;IAAO,WAAU;eAChB,qBAAC;KAAO,WAAU;gBAChB,oBAACC;MAAK,WAAU;gBAAgC;OAEzC,EACP,oBAACA;MACC,WAAU;MACV,OAAO,EAAE,OAAO,iBAAiB,MAAM,EAAE;gBAExC,gBAAgB,MAAM;OAClB;MACA,EAET,oBAAC;KAAK,WAAU;eACd,oBAAC;MACC,WAAU;MACV,OAAO;OACL,OAAO,GAAI,QAAQ,IAAK,IAAI;OAC5B,iBAAiB,iBAAiB,MAAM;OACzC;OACD;MACG;KACA;GAGR,gBAAgB,SAAS,SAAS,KACjC,qBAAC;IAAO,WAAU;eAChB,oBAACA;KAAK,WAAU;eAAgC;MAAgB,EAC/D,SAAS,KAAK,MAAM,UACnB,qBAAC;KAAmB,WAAU;gBAC5B,oBAAC,QAAK,WAAU,6CAA6C,EAC7D,oBAACA;MAAK,WAAU;gBAAiC;OAAY;OAFlD,MAGJ,CACT;KACK;GAIV,WACC,qBAAC;IAAO,WAAU;eAChB,oBAAC,QAAK,WAAU,sCAAsC,EACtD,oBAACA;KAAK,WAAU;eAAyB;MAAyB;KAC3D;;GAEJ"}

package/dist/ui/popover.d.ts

@@ -0,0 +1,30 @@
+import * as react8 from "react";
+import * as react_native35 from "react-native";
+import * as react_jsx_runtime110 from "react/jsx-runtime";
+import * as _rn_primitives_popover0 from "@rn-primitives/popover";
+
+//#region ui/popover.d.ts
+declare const Popover: react8.ForwardRefExoticComponent<react_native35.ViewProps & {
+  asChild?: boolean;
+} & {
+  onOpenChange?: (open: boolean) => void;
+} & react8.RefAttributes<react_native35.View>>;
+declare const PopoverTrigger: react8.ForwardRefExoticComponent<Omit<react_native35.PressableProps & react8.RefAttributes<react_native35.View>, "ref"> & {
+  asChild?: boolean;
+} & {
+  onKeyDown?: (ev: React.KeyboardEvent) => void;
+  onKeyUp?: (ev: React.KeyboardEvent) => void;
+} & react8.RefAttributes<_rn_primitives_popover0.TriggerRef>>;
+declare function PopoverContent({
+  className,
+  align,
+  sideOffset,
+  portalHost,
+  ...props
+}: _rn_primitives_popover0.ContentProps & {
+  ref?: React.RefObject<_rn_primitives_popover0.ContentRef>;
+  portalHost?: string;
+}): react_jsx_runtime110.JSX.Element;
+//#endregion
+export { Popover, PopoverContent, PopoverTrigger };
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","names":[],"sources":["../../ui/popover.tsx"],"sourcesContent":[],"mappings":";;;;;;cAMM,gBAAO,0BAAwB,cAAA,CAAxB,SAAA;;;;yBAAA,cAAA,CAAA,IAAA;AAN8C,cAQrD,cAF+B,SAEjB,yBAFiB,CAEjB,IAFiB,CAEU,cAAA,CAA3B,cAAA,GAAA,MAAA,CAAA,aAFiB,CAEjB,cAAA,CAAA,IAAA,CAFiB,EAAA,KAAA,CAAA,GAAA;EAAA,OAAA,CAAA,EAAA,OAAxB;CAAA,GAAA;;SAAA,CAAA,EAAA,CAAA,EAAA,qBAAA,EAAA,GAAA,IAAA;CAAA,uBAAA,oCAAA,CAAA;AAAA,iBAIJ,cAAA,CAFsC;EAAA,SAAA;EAAA,KAAA;EAAA,UAAA;EAAA,UAAA;EAAA,GAAA;CAAA,EAQ5C,uBAAA,CAAiB,YAR2B,GAAA;EAAA,GAAA,CAAA,EASvC,KAAA,CAAM,SATM,CASI,uBAAA,CAAiB,UATrB,CAAA;EAAA,UAAA,CAAA,EAAA,MAAA;CAAA,CAAA,EAWnB,oBAAA,CAAA,GAAA,CAAA,OAXmB"}

package/dist/ui/popover.js

@@ -1,7 +1,7 @@
-import { cn } from "../-core/src/utils.js";
 import { TextClassContext } from "./text.js";
 import { Platform, StyleSheet } 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 PopoverPrimitive from "@rn-primitives/popover";
 
@@ -31,4 +31,5 @@ function PopoverContent({ className, align = "center", sideOffset = 4, portalHos
 }
 
 //#endregion
-export { Popover, PopoverContent, PopoverTrigger };
+export { Popover, PopoverContent, PopoverTrigger };
+//# sourceMappingURL=popover.js.map

package/dist/ui/popover.js.map

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