@contractspec/lib.ui-kit-web 1.46.2 → 1.47.0

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime218 from "react/jsx-runtime";
+import * as react_jsx_runtime253 from "react/jsx-runtime";
 
 //#region ui/map/MapGeoJsonOverlay.d.ts
 interface GeoJsonOverlayProps {
@@ -10,7 +10,7 @@ interface GeoJsonOverlayProps {
   lineWidth?: number;
   lineOpacity?: number;
 }
-declare function MapGeoJsonOverlay(props: GeoJsonOverlayProps): react_jsx_runtime218.JSX.Element;
+declare function MapGeoJsonOverlay(props: GeoJsonOverlayProps): react_jsx_runtime253.JSX.Element;
 //#endregion
 export { GeoJsonOverlayProps, MapGeoJsonOverlay };
 //# sourceMappingURL=MapGeoJsonOverlay.d.ts.map

package/dist/ui/map/MapGeoJsonOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapGeoJsonOverlay.js","names":["fillLayer: any","outlineLayer: any"],"sources":["../../../ui/map/MapGeoJsonOverlay.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Layer, Source } from 'react-map-gl/maplibre';\n\nexport interface GeoJsonOverlayProps {\n  id?: string;\n  data: GeoJSON.FeatureCollection;\n  fillColor?: string;\n  fillOpacity?: number;\n  lineColor?: string;\n  lineWidth?: number;\n  lineOpacity?: number;\n}\n\nexport function MapGeoJsonOverlay(props: GeoJsonOverlayProps) {\n  const {\n    id = 'geojson-overlay',\n    data,\n    fillColor = '#2563eb',\n    fillOpacity = 0.25,\n    lineColor = '#1e40af',\n    lineWidth = 1.5,\n    lineOpacity = 0.8,\n  } = props;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const fillLayer: any = {\n    id: `${id}-fill`,\n    type: 'fill',\n    paint: {\n      'fill-color': fillColor,\n      'fill-opacity': fillOpacity,\n    },\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const outlineLayer: any = {\n    id: `${id}-outline`,\n    type: 'line',\n    paint: {\n      'line-color': lineColor,\n      'line-width': lineWidth,\n      'line-opacity': lineOpacity,\n    },\n  };\n\n  return (\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    <Source id={id} type=\"geojson\" data={data as any}>\n      <Layer {...fillLayer} />\n      <Layer {...outlineLayer} />\n    </Source>\n  );\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,kBAAkB,OAA4B;CAC5D,MAAM,EACJ,KAAK,mBACL,MACA,YAAY,WACZ,cAAc,KACd,YAAY,WACZ,YAAY,KACZ,cAAc,OACZ;CAGJ,MAAMA,YAAiB;EACrB,IAAI,GAAG,GAAG;EACV,MAAM;EACN,OAAO;GACL,cAAc;GACd,gBAAgB;GACjB;EACF;CAGD,MAAMC,eAAoB;EACxB,IAAI,GAAG,GAAG;EACV,MAAM;EACN,OAAO;GACL,cAAc;GACd,cAAc;GACd,gBAAgB;GACjB;EACF;AAED,QAEE,qBAAC;EAAW;EAAI,MAAK;EAAgB;aACnC,oBAAC,SAAM,GAAI,YAAa,EACxB,oBAAC,SAAM,GAAI,eAAgB;GACpB"}
+{"version":3,"file":"MapGeoJsonOverlay.js","names":[],"sources":["../../../ui/map/MapGeoJsonOverlay.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Layer, Source } from 'react-map-gl/maplibre';\n\nexport interface GeoJsonOverlayProps {\n  id?: string;\n  data: GeoJSON.FeatureCollection;\n  fillColor?: string;\n  fillOpacity?: number;\n  lineColor?: string;\n  lineWidth?: number;\n  lineOpacity?: number;\n}\n\nexport function MapGeoJsonOverlay(props: GeoJsonOverlayProps) {\n  const {\n    id = 'geojson-overlay',\n    data,\n    fillColor = '#2563eb',\n    fillOpacity = 0.25,\n    lineColor = '#1e40af',\n    lineWidth = 1.5,\n    lineOpacity = 0.8,\n  } = props;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const fillLayer: any = {\n    id: `${id}-fill`,\n    type: 'fill',\n    paint: {\n      'fill-color': fillColor,\n      'fill-opacity': fillOpacity,\n    },\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const outlineLayer: any = {\n    id: `${id}-outline`,\n    type: 'line',\n    paint: {\n      'line-color': lineColor,\n      'line-width': lineWidth,\n      'line-opacity': lineOpacity,\n    },\n  };\n\n  return (\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    <Source id={id} type=\"geojson\" data={data as any}>\n      <Layer {...fillLayer} />\n      <Layer {...outlineLayer} />\n    </Source>\n  );\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,kBAAkB,OAA4B;CAC5D,MAAM,EACJ,KAAK,mBACL,MACA,YAAY,WACZ,cAAc,KACd,YAAY,WACZ,YAAY,KACZ,cAAc,OACZ;CAGJ,MAAM,YAAiB;EACrB,IAAI,GAAG,GAAG;EACV,MAAM;EACN,OAAO;GACL,cAAc;GACd,gBAAgB;GACjB;EACF;CAGD,MAAM,eAAoB;EACxB,IAAI,GAAG,GAAG;EACV,MAAM;EACN,OAAO;GACL,cAAc;GACd,cAAc;GACd,gBAAgB;GACjB;EACF;AAED,QAEE,qBAAC;EAAW;EAAI,MAAK;EAAgB;aACnC,oBAAC,SAAM,GAAI,YAAa,EACxB,oBAAC,SAAM,GAAI,eAAgB;GACpB"}

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime212 from "react/jsx-runtime";
+import * as react_jsx_runtime246 from "react/jsx-runtime";
 
 //#region ui/map/MapHeatmapH3.d.ts
 interface H3FeatureProperties {
@@ -12,7 +12,7 @@ interface H3HeatmapProps {
   colorStops?: [number, string][];
   maxCount?: number;
 }
-declare function MapHeatmapH3(props: H3HeatmapProps): react_jsx_runtime212.JSX.Element;
+declare function MapHeatmapH3(props: H3HeatmapProps): react_jsx_runtime246.JSX.Element;
 //#endregion
 export { H3FeatureProperties, H3HeatmapProps, MapHeatmapH3 };
 //# sourceMappingURL=MapHeatmapH3.d.ts.map

package/dist/ui/map/MapHeatmapH3.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapHeatmapH3.js","names":["fillLayer: any","lineLayer: any"],"sources":["../../../ui/map/MapHeatmapH3.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Layer, Source } from 'react-map-gl/maplibre';\n\nexport interface H3FeatureProperties {\n  id: string;\n  h3Index?: string;\n  count: number;\n}\n\nexport interface H3HeatmapProps {\n  id?: string;\n  data: GeoJSON.FeatureCollection<\n    GeoJSON.Polygon | GeoJSON.MultiPolygon,\n    H3FeatureProperties\n  >;\n  colorStops?: [number, string][]; // [count, color]\n  maxCount?: number; // for normalization\n}\n\nfunction buildChoroplethPaint(\n  stops: [number, string][],\n  _maxCount: number | undefined\n) {\n  const scaleStops = (stops || []).map(([c, col]) => [c, col]);\n  return {\n    'fill-color': [\n      'interpolate',\n      ['linear'],\n      ['get', 'count'],\n      ...scaleStops.flat(),\n    ],\n    'fill-opacity': 0.6,\n  } as const;\n}\n\nexport function MapHeatmapH3(props: H3HeatmapProps) {\n  const {\n    id = 'h3-heatmap',\n    data,\n    colorStops = [\n      [0, '#22c55e'],\n      [5, '#eab308'],\n      [10, '#ef4444'],\n    ],\n    maxCount,\n  } = props;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const fillLayer: any = {\n    id: `${id}-fill`,\n    type: 'fill',\n    paint: buildChoroplethPaint(colorStops, maxCount),\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const lineLayer: any = {\n    id: `${id}-outline`,\n    type: 'line',\n    paint: {\n      'line-color': '#ffffff',\n      'line-width': 0.25,\n      'line-opacity': 0.25,\n    },\n  };\n\n  return (\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    <Source id={id} type=\"geojson\" data={data as any}>\n      <Layer {...fillLayer} />\n      <Layer {...lineLayer} />\n    </Source>\n  );\n}\n"],"mappings":";;;;;;;AAqBA,SAAS,qBACP,OACA,WACA;CACA,MAAM,cAAc,SAAS,EAAE,EAAE,KAAK,CAAC,GAAG,SAAS,CAAC,GAAG,IAAI,CAAC;AAC5D,QAAO;EACL,cAAc;GACZ;GACA,CAAC,SAAS;GACV,CAAC,OAAO,QAAQ;GAChB,GAAG,WAAW,MAAM;GACrB;EACD,gBAAgB;EACjB;;AAGH,SAAgB,aAAa,OAAuB;CAClD,MAAM,EACJ,KAAK,cACL,MACA,aAAa;EACX,CAAC,GAAG,UAAU;EACd,CAAC,GAAG,UAAU;EACd,CAAC,IAAI,UAAU;EAChB,EACD,aACE;CAGJ,MAAMA,YAAiB;EACrB,IAAI,GAAG,GAAG;EACV,MAAM;EACN,OAAO,qBAAqB,YAAY,SAAS;EAClD;CAGD,MAAMC,YAAiB;EACrB,IAAI,GAAG,GAAG;EACV,MAAM;EACN,OAAO;GACL,cAAc;GACd,cAAc;GACd,gBAAgB;GACjB;EACF;AAED,QAEE,qBAAC;EAAW;EAAI,MAAK;EAAgB;aACnC,oBAAC,SAAM,GAAI,YAAa,EACxB,oBAAC,SAAM,GAAI,YAAa;GACjB"}
+{"version":3,"file":"MapHeatmapH3.js","names":[],"sources":["../../../ui/map/MapHeatmapH3.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Layer, Source } from 'react-map-gl/maplibre';\n\nexport interface H3FeatureProperties {\n  id: string;\n  h3Index?: string;\n  count: number;\n}\n\nexport interface H3HeatmapProps {\n  id?: string;\n  data: GeoJSON.FeatureCollection<\n    GeoJSON.Polygon | GeoJSON.MultiPolygon,\n    H3FeatureProperties\n  >;\n  colorStops?: [number, string][]; // [count, color]\n  maxCount?: number; // for normalization\n}\n\nfunction buildChoroplethPaint(\n  stops: [number, string][],\n  _maxCount: number | undefined\n) {\n  const scaleStops = (stops || []).map(([c, col]) => [c, col]);\n  return {\n    'fill-color': [\n      'interpolate',\n      ['linear'],\n      ['get', 'count'],\n      ...scaleStops.flat(),\n    ],\n    'fill-opacity': 0.6,\n  } as const;\n}\n\nexport function MapHeatmapH3(props: H3HeatmapProps) {\n  const {\n    id = 'h3-heatmap',\n    data,\n    colorStops = [\n      [0, '#22c55e'],\n      [5, '#eab308'],\n      [10, '#ef4444'],\n    ],\n    maxCount,\n  } = props;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const fillLayer: any = {\n    id: `${id}-fill`,\n    type: 'fill',\n    paint: buildChoroplethPaint(colorStops, maxCount),\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const lineLayer: any = {\n    id: `${id}-outline`,\n    type: 'line',\n    paint: {\n      'line-color': '#ffffff',\n      'line-width': 0.25,\n      'line-opacity': 0.25,\n    },\n  };\n\n  return (\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    <Source id={id} type=\"geojson\" data={data as any}>\n      <Layer {...fillLayer} />\n      <Layer {...lineLayer} />\n    </Source>\n  );\n}\n"],"mappings":";;;;;;;AAqBA,SAAS,qBACP,OACA,WACA;CACA,MAAM,cAAc,SAAS,EAAE,EAAE,KAAK,CAAC,GAAG,SAAS,CAAC,GAAG,IAAI,CAAC;AAC5D,QAAO;EACL,cAAc;GACZ;GACA,CAAC,SAAS;GACV,CAAC,OAAO,QAAQ;GAChB,GAAG,WAAW,MAAM;GACrB;EACD,gBAAgB;EACjB;;AAGH,SAAgB,aAAa,OAAuB;CAClD,MAAM,EACJ,KAAK,cACL,MACA,aAAa;EACX,CAAC,GAAG,UAAU;EACd,CAAC,GAAG,UAAU;EACd,CAAC,IAAI,UAAU;EAChB,EACD,aACE;CAGJ,MAAM,YAAiB;EACrB,IAAI,GAAG,GAAG;EACV,MAAM;EACN,OAAO,qBAAqB,YAAY,SAAS;EAClD;CAGD,MAAM,YAAiB;EACrB,IAAI,GAAG,GAAG;EACV,MAAM;EACN,OAAO;GACL,cAAc;GACd,cAAc;GACd,gBAAgB;GACjB;EACF;AAED,QAEE,qBAAC;EAAW;EAAI,MAAK;EAAgB;aACnC,oBAAC,SAAM,GAAI,YAAa,EACxB,oBAAC,SAAM,GAAI,YAAa;GACjB"}

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime242 from "react/jsx-runtime";
+import * as react_jsx_runtime265 from "react/jsx-runtime";
 
 //#region ui/map/MapMarkers.d.ts
 interface MapPoint {
@@ -14,7 +14,7 @@ declare function MapMarkers({
   points
 }: {
   points: MapPoint[];
-}): react_jsx_runtime242.JSX.Element;
+}): react_jsx_runtime265.JSX.Element;
 //#endregion
 export { MapMarkers, MapPoint };
 //# sourceMappingURL=MapMarkers.d.ts.map

package/dist/ui/marketing/FeatureGrid.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime245 from "react/jsx-runtime";
+import * as react_jsx_runtime266 from "react/jsx-runtime";
 
 //#region ui/marketing/FeatureGrid.d.ts
 interface FeatureItem {
@@ -15,7 +15,7 @@ declare function FeatureGrid({
   items: FeatureItem[];
   columns?: 2 | 3 | 4;
   className?: string;
-}): react_jsx_runtime245.JSX.Element;
+}): react_jsx_runtime266.JSX.Element;
 //#endregion
 export { FeatureGrid, FeatureItem };
 //# sourceMappingURL=FeatureGrid.d.ts.map

package/dist/ui/marketing/Hero.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime244 from "react/jsx-runtime";
+import * as react_jsx_runtime271 from "react/jsx-runtime";
 
 //#region ui/marketing/Hero.d.ts
 declare function Hero({
@@ -22,7 +22,7 @@ declare function Hero({
     onClick?: () => void;
   };
   className?: string;
-}): react_jsx_runtime244.JSX.Element;
+}): react_jsx_runtime271.JSX.Element;
 //#endregion
 export { Hero };
 //# sourceMappingURL=Hero.d.ts.map

package/dist/ui/marketing/PricingTable.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime243 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region ui/marketing/PricingTable.d.ts
 interface PricingTier {
@@ -19,7 +19,7 @@ declare function PricingTable({
 }: {
   tiers: PricingTier[];
   className?: string;
-}): react_jsx_runtime243.JSX.Element;
+}): react_jsx_runtime20.JSX.Element;
 //#endregion
 export { PricingTable, PricingTier };
 //# sourceMappingURL=PricingTable.d.ts.map

package/dist/ui/marketing/PricingTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PricingTable.d.ts","names":[],"sources":["../../../ui/marketing/PricingTable.tsx"],"sourcesContent":[],"mappings":";;;UAIiB,WAAA;;;EAAA,OAAA,CAAA,EAAA,MAAW;EASZ,QAAA,EAAA,MAAY,EAAA;EAC1B,GAAA,CAAA,EAAA;IACA,KAAA,EAAA,MAAA;IAEO,IAAA,CAAA,EAAA,MAAA;IAER,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,CAAA;;;iBANe,YAAA;;;;SAIP;;IAER,oBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"PricingTable.d.ts","names":[],"sources":["../../../ui/marketing/PricingTable.tsx"],"sourcesContent":[],"mappings":";;;UAIiB,WAAA;;;EAAA,OAAA,CAAA,EAAA,MAAW;EASZ,QAAA,EAAA,MAAY,EAAA;EAC1B,GAAA,CAAA,EAAA;IACA,KAAA,EAAA,MAAA;IAEO,IAAA,CAAA,EAAA,MAAA;IAER,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,CAAA;;;iBANe,YAAA;;;;SAIP;;IAER,mBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/menubar.d.ts

@@ -1,35 +1,35 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime143 from "react/jsx-runtime";
+import * as react_jsx_runtime122 from "react/jsx-runtime";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 
 //#region ui/menubar.d.ts
 declare function Menubar({
   className,
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Root>): react_jsx_runtime143.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.Root>): react_jsx_runtime122.JSX.Element;
 declare function MenubarMenu({
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Menu>): react_jsx_runtime143.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.Menu>): react_jsx_runtime122.JSX.Element;
 declare function MenubarGroup({
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Group>): react_jsx_runtime143.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.Group>): react_jsx_runtime122.JSX.Element;
 declare function MenubarPortal({
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Portal>): react_jsx_runtime143.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.Portal>): react_jsx_runtime122.JSX.Element;
 declare function MenubarRadioGroup({
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.RadioGroup>): react_jsx_runtime143.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.RadioGroup>): react_jsx_runtime122.JSX.Element;
 declare function MenubarTrigger({
   className,
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Trigger>): react_jsx_runtime143.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.Trigger>): react_jsx_runtime122.JSX.Element;
 declare function MenubarContent({
   className,
   align,
   alignOffset,
   sideOffset,
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Content>): react_jsx_runtime143.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.Content>): react_jsx_runtime122.JSX.Element;
 declare function MenubarItem({
   className,
   inset,
@@ -38,36 +38,36 @@ declare function MenubarItem({
 }: React$1.ComponentProps<typeof MenubarPrimitive.Item> & {
   inset?: boolean;
   variant?: 'default' | 'destructive';
-}): react_jsx_runtime143.JSX.Element;
+}): react_jsx_runtime122.JSX.Element;
 declare function MenubarCheckboxItem({
   className,
   children,
   checked,
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): react_jsx_runtime143.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): react_jsx_runtime122.JSX.Element;
 declare function MenubarRadioItem({
   className,
   children,
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.RadioItem>): react_jsx_runtime143.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.RadioItem>): react_jsx_runtime122.JSX.Element;
 declare function MenubarLabel({
   className,
   inset,
   ...props
 }: React$1.ComponentProps<typeof MenubarPrimitive.Label> & {
   inset?: boolean;
-}): react_jsx_runtime143.JSX.Element;
+}): react_jsx_runtime122.JSX.Element;
 declare function MenubarSeparator({
   className,
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Separator>): react_jsx_runtime143.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.Separator>): react_jsx_runtime122.JSX.Element;
 declare function MenubarShortcut({
   className,
   ...props
-}: React$1.ComponentPropsWithoutRef<'span'>): react_jsx_runtime143.JSX.Element;
+}: React$1.ComponentPropsWithoutRef<'span'>): react_jsx_runtime122.JSX.Element;
 declare function MenubarSub({
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Sub>): react_jsx_runtime143.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.Sub>): react_jsx_runtime122.JSX.Element;
 declare function MenubarSubTrigger({
   className,
   inset,
@@ -75,11 +75,11 @@ declare function MenubarSubTrigger({
   ...props
 }: React$1.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
   inset?: boolean;
-}): react_jsx_runtime143.JSX.Element;
+}): react_jsx_runtime122.JSX.Element;
 declare function MenubarSubContent({
   className,
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.SubContent>): react_jsx_runtime143.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.SubContent>): react_jsx_runtime122.JSX.Element;
 //#endregion
 export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
 //# sourceMappingURL=menubar.d.ts.map

package/dist/ui/molecules/Autocomplete/index.d.ts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime63 from "react/jsx-runtime";
+import * as react_jsx_runtime268 from "react/jsx-runtime";
 
 //#region ui/molecules/Autocomplete/index.d.ts
-declare function ComboBoxResponsive(): react_jsx_runtime63.JSX.Element;
+declare function ComboBoxResponsive(): react_jsx_runtime268.JSX.Element;
 //#endregion
 export { ComboBoxResponsive };
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/molecules/Autocomplete/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../ui/molecules/Autocomplete/index.tsx"],"sourcesContent":[],"mappings":";;;iBAyCgB,kBAAA,CAAA,GAAkB,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../ui/molecules/Autocomplete/index.tsx"],"sourcesContent":[],"mappings":";;;iBAyCgB,kBAAA,CAAA,GAAkB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/molecules/Autocomplete/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["statuses: Status[]","React"],"sources":["../../../../ui/molecules/Autocomplete/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { Button } from '../../button';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../../command';\nimport { Drawer, DrawerContent, DrawerTrigger } from '../../drawer';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../popover';\nimport { useMediaQuery } from '../../use-media-query';\n\ninterface Status {\n  value: string;\n  label: string;\n}\n\nconst statuses: Status[] = [\n  {\n    value: 'backlog',\n    label: 'Backlog',\n  },\n  {\n    value: 'in progress',\n    label: 'In Progress',\n  },\n  {\n    value: 'done',\n    label: 'Done',\n  },\n  {\n    value: 'canceled',\n    label: 'Canceled',\n  },\n];\n\nexport function ComboBoxResponsive() {\n  const [open, setOpen] = React.useState(false);\n  const isDesktop = useMediaQuery('(min-width: 768px)');\n  const [selectedStatus, setSelectedStatus] = React.useState<Status | null>(\n    null\n  );\n\n  if (isDesktop) {\n    return (\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button variant=\"outline\" className=\"w-[150px] justify-start\">\n            {selectedStatus ? <>{selectedStatus.label}</> : <>+ Set status</>}\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-[200px] p-0\" align=\"start\">\n          <StatusList setOpen={setOpen} setSelectedStatus={setSelectedStatus} />\n        </PopoverContent>\n      </Popover>\n    );\n  }\n\n  return (\n    <Drawer open={open} onOpenChange={setOpen}>\n      <DrawerTrigger asChild>\n        <Button variant=\"outline\" className=\"w-[150px] justify-start\">\n          {selectedStatus ? <>{selectedStatus.label}</> : <>+ Set status</>}\n        </Button>\n      </DrawerTrigger>\n      <DrawerContent>\n        <div className=\"mt-4 border-t\">\n          <StatusList setOpen={setOpen} setSelectedStatus={setSelectedStatus} />\n        </div>\n      </DrawerContent>\n    </Drawer>\n  );\n}\n\nfunction StatusList({\n  setOpen,\n  setSelectedStatus,\n}: {\n  setOpen: (open: boolean) => void;\n  setSelectedStatus: (status: Status | null) => void;\n}) {\n  return (\n    <Command>\n      <CommandInput placeholder=\"Filter status...\" />\n      <CommandList>\n        <CommandEmpty>No results found.</CommandEmpty>\n        <CommandGroup>\n          {statuses.map((status) => (\n            <CommandItem\n              key={status.value}\n              value={status.value}\n              onSelect={(value) => {\n                setSelectedStatus(\n                  statuses.find((priority) => priority.value === value) || null\n                );\n                setOpen(false);\n              }}\n            >\n              {status.label}\n            </CommandItem>\n          ))}\n        </CommandGroup>\n      </CommandList>\n    </Command>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAsBA,MAAMA,WAAqB;CACzB;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACF;AAED,SAAgB,qBAAqB;CACnC,MAAM,CAAC,MAAM,WAAWC,QAAM,SAAS,MAAM;CAC7C,MAAM,YAAY,cAAc,qBAAqB;CACrD,MAAM,CAAC,gBAAgB,qBAAqBA,QAAM,SAChD,KACD;AAED,KAAI,UACF,QACE,qBAAC;EAAc;EAAM,cAAc;aACjC,oBAAC;GAAe;aACd,oBAAC;IAAO,SAAQ;IAAU,WAAU;cACjC,iBAAiB,0CAAG,eAAe,QAAS,GAAG,0CAAE,iBAAe;KAC1D;IACM,EACjB,oBAAC;GAAe,WAAU;GAAgB,OAAM;aAC9C,oBAAC;IAAoB;IAA4B;KAAqB;IACvD;GACT;AAId,QACE,qBAAC;EAAa;EAAM,cAAc;aAChC,oBAAC;GAAc;aACb,oBAAC;IAAO,SAAQ;IAAU,WAAU;cACjC,iBAAiB,0CAAG,eAAe,QAAS,GAAG,0CAAE,iBAAe;KAC1D;IACK,EAChB,oBAAC,2BACC,oBAAC;GAAI,WAAU;aACb,oBAAC;IAAoB;IAA4B;KAAqB;IAClE,GACQ;GACT;;AAIb,SAAS,WAAW,EAClB,SACA,qBAIC;AACD,QACE,qBAAC,sBACC,oBAAC,gBAAa,aAAY,qBAAqB,EAC/C,qBAAC,0BACC,oBAAC,0BAAa,sBAAgC,EAC9C,oBAAC,0BACE,SAAS,KAAK,WACb,oBAAC;EAEC,OAAO,OAAO;EACd,WAAW,UAAU;AACnB,qBACE,SAAS,MAAM,aAAa,SAAS,UAAU,MAAM,IAAI,KAC1D;AACD,WAAQ,MAAM;;YAGf,OAAO;IATH,OAAO,MAUA,CACd,GACW,IACH,IACN"}
+{"version":3,"file":"index.js","names":["React"],"sources":["../../../../ui/molecules/Autocomplete/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { Button } from '../../button';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../../command';\nimport { Drawer, DrawerContent, DrawerTrigger } from '../../drawer';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../popover';\nimport { useMediaQuery } from '../../use-media-query';\n\ninterface Status {\n  value: string;\n  label: string;\n}\n\nconst statuses: Status[] = [\n  {\n    value: 'backlog',\n    label: 'Backlog',\n  },\n  {\n    value: 'in progress',\n    label: 'In Progress',\n  },\n  {\n    value: 'done',\n    label: 'Done',\n  },\n  {\n    value: 'canceled',\n    label: 'Canceled',\n  },\n];\n\nexport function ComboBoxResponsive() {\n  const [open, setOpen] = React.useState(false);\n  const isDesktop = useMediaQuery('(min-width: 768px)');\n  const [selectedStatus, setSelectedStatus] = React.useState<Status | null>(\n    null\n  );\n\n  if (isDesktop) {\n    return (\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button variant=\"outline\" className=\"w-[150px] justify-start\">\n            {selectedStatus ? <>{selectedStatus.label}</> : <>+ Set status</>}\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-[200px] p-0\" align=\"start\">\n          <StatusList setOpen={setOpen} setSelectedStatus={setSelectedStatus} />\n        </PopoverContent>\n      </Popover>\n    );\n  }\n\n  return (\n    <Drawer open={open} onOpenChange={setOpen}>\n      <DrawerTrigger asChild>\n        <Button variant=\"outline\" className=\"w-[150px] justify-start\">\n          {selectedStatus ? <>{selectedStatus.label}</> : <>+ Set status</>}\n        </Button>\n      </DrawerTrigger>\n      <DrawerContent>\n        <div className=\"mt-4 border-t\">\n          <StatusList setOpen={setOpen} setSelectedStatus={setSelectedStatus} />\n        </div>\n      </DrawerContent>\n    </Drawer>\n  );\n}\n\nfunction StatusList({\n  setOpen,\n  setSelectedStatus,\n}: {\n  setOpen: (open: boolean) => void;\n  setSelectedStatus: (status: Status | null) => void;\n}) {\n  return (\n    <Command>\n      <CommandInput placeholder=\"Filter status...\" />\n      <CommandList>\n        <CommandEmpty>No results found.</CommandEmpty>\n        <CommandGroup>\n          {statuses.map((status) => (\n            <CommandItem\n              key={status.value}\n              value={status.value}\n              onSelect={(value) => {\n                setSelectedStatus(\n                  statuses.find((priority) => priority.value === value) || null\n                );\n                setOpen(false);\n              }}\n            >\n              {status.label}\n            </CommandItem>\n          ))}\n        </CommandGroup>\n      </CommandList>\n    </Command>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAsBA,MAAM,WAAqB;CACzB;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACF;AAED,SAAgB,qBAAqB;CACnC,MAAM,CAAC,MAAM,WAAWA,QAAM,SAAS,MAAM;CAC7C,MAAM,YAAY,cAAc,qBAAqB;CACrD,MAAM,CAAC,gBAAgB,qBAAqBA,QAAM,SAChD,KACD;AAED,KAAI,UACF,QACE,qBAAC;EAAc;EAAM,cAAc;aACjC,oBAAC;GAAe;aACd,oBAAC;IAAO,SAAQ;IAAU,WAAU;cACjC,iBAAiB,0CAAG,eAAe,QAAS,GAAG,0CAAE,iBAAe;KAC1D;IACM,EACjB,oBAAC;GAAe,WAAU;GAAgB,OAAM;aAC9C,oBAAC;IAAoB;IAA4B;KAAqB;IACvD;GACT;AAId,QACE,qBAAC;EAAa;EAAM,cAAc;aAChC,oBAAC;GAAc;aACb,oBAAC;IAAO,SAAQ;IAAU,WAAU;cACjC,iBAAiB,0CAAG,eAAe,QAAS,GAAG,0CAAE,iBAAe;KAC1D;IACK,EAChB,oBAAC,2BACC,oBAAC;GAAI,WAAU;aACb,oBAAC;IAAoB;IAA4B;KAAqB;IAClE,GACQ;GACT;;AAIb,SAAS,WAAW,EAClB,SACA,qBAIC;AACD,QACE,qBAAC,sBACC,oBAAC,gBAAa,aAAY,qBAAqB,EAC/C,qBAAC,0BACC,oBAAC,0BAAa,sBAAgC,EAC9C,oBAAC,0BACE,SAAS,KAAK,WACb,oBAAC;EAEC,OAAO,OAAO;EACd,WAAW,UAAU;AACnB,qBACE,SAAS,MAAM,aAAa,SAAS,UAAU,MAAM,IAAI,KAC1D;AACD,WAAQ,MAAM;;YAGf,OAAO;IATH,OAAO,MAUA,CACd,GACW,IACH,IACN"}

package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.js

@@ -1,9 +1,7 @@
 import { Button } from "../../button.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../collapsible.js";
 import { FilterSelect } from "../../atoms/FilterSelect/FilterSelect.js";
-import "../../atoms/FilterSelect/index.js";
 import { SearchInput } from "../../atoms/SearchInput/SearchInput.js";
-import "../../atoms/SearchInput/index.js";
 import React, { useState } from "react";
 import { ChevronDown, ChevronUp, Filter } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1 +1 @@
-{"version":3,"file":"SearchAndFilter.js","names":["SearchAndFilter: React.FC<SearchAndFilterProps>"],"sources":["../../../../ui/molecules/SearchAndFilter/SearchAndFilter.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ChevronDown, ChevronUp, Filter } from 'lucide-react';\nimport { Button } from '../../button';\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from '../../collapsible';\nimport { SearchInput } from '../../atoms/SearchInput';\nimport { FilterSelect } from '../../atoms/FilterSelect';\nimport type { SearchAndFilterProps } from './types';\n\nexport const SearchAndFilter: React.FC<SearchAndFilterProps> = ({\n  searchValue,\n  onSearchChange,\n  searchPlaceholder,\n  filters = [],\n  isLoading = false,\n  disabled = false,\n  className = '',\n  collapsible = true,\n  defaultCollapsed = false,\n}) => {\n  const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);\n\n  const hasFilters = filters.length > 0;\n  const activeFiltersCount = filters.filter((f) => f.value).length;\n\n  // On mobile, show collapsible by default; on desktop, always show filters\n  const shouldUseCollapsible = collapsible && hasFilters;\n\n  console.log('SearchAndFilter', { filters });\n\n  const FilterComponents = () => (\n    <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\">\n      {filters.map((filter) => (\n        <FilterSelect\n          key={filter.key}\n          value={filter.value}\n          options={filter.options}\n          onChange={filter.onChange}\n          label={filter.label}\n          disabled={disabled || isLoading}\n          showCounts={filter.showCounts}\n          className=\"min-w-0\"\n        />\n      ))}\n    </div>\n  );\n\n  return (\n    <div className={`space-y-4 ${className}`}>\n      {/* Search - Always visible */}\n      <div className=\"flex flex-col gap-4 sm:flex-row\">\n        <div className=\"flex-1\">\n          <SearchInput\n            value={searchValue}\n            onChange={onSearchChange}\n            placeholder={searchPlaceholder}\n            disabled={disabled || isLoading}\n            className=\"w-full\"\n          />\n        </div>\n\n        {/* Filter toggle for mobile */}\n        {shouldUseCollapsible && (\n          <Collapsible\n            open={!isCollapsed}\n            onOpenChange={setIsCollapsed}\n            className=\"sm:hidden\"\n          >\n            <CollapsibleTrigger asChild>\n              <Button\n                variant=\"outline\"\n                className=\"sm:hidden\"\n                disabled={disabled || isLoading}\n              >\n                <Filter className=\"mr-2 h-4 w-4\" />\n                Filtres\n                {activeFiltersCount > 0 && (\n                  <span className=\"bg-primary text-primary-foreground ml-2 flex h-5 w-5 items-center justify-center rounded-full text-sm\">\n                    {activeFiltersCount}\n                  </span>\n                )}\n                {isCollapsed ? (\n                  <ChevronDown className=\"ml-2 h-4 w-4\" />\n                ) : (\n                  <ChevronUp className=\"ml-2 h-4 w-4\" />\n                )}\n              </Button>\n            </CollapsibleTrigger>\n            <CollapsibleContent className=\"mt-4 space-y-4\">\n              <FilterComponents />\n            </CollapsibleContent>\n          </Collapsible>\n        )}\n      </div>\n\n      {/* Filters - Always visible on desktop, collapsible on mobile */}\n      {hasFilters && (\n        <div className=\"hidden sm:block\">\n          <FilterComponents />\n        </div>\n      )}\n\n      {/* Active filters summary */}\n      {activeFiltersCount > 0 && (\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <span className=\"text-muted-foreground text-base\">\n            Filtres actifs:\n          </span>\n          {filters\n            .filter((f) => f.value)\n            .map((filter) => {\n              const selectedOption = filter.options.find(\n                (opt) => opt.value === filter.value\n              );\n              return (\n                <Button\n                  key={filter.key}\n                  variant=\"secondary\"\n                  size=\"sm\"\n                  onClick={() => filter.onChange('')}\n                  disabled={disabled || isLoading}\n                  className=\"h-7 px-2 text-sm\"\n                >\n                  {filter.label}: {selectedOption?.label}\n                  <span className=\"ml-1\">×</span>\n                </Button>\n              );\n            })}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAYA,MAAaA,mBAAmD,EAC9D,aACA,gBACA,mBACA,UAAU,EAAE,EACZ,YAAY,OACZ,WAAW,OACX,YAAY,IACZ,cAAc,MACd,mBAAmB,YACf;CACJ,MAAM,CAAC,aAAa,kBAAkB,SAAS,iBAAiB;CAEhE,MAAM,aAAa,QAAQ,SAAS;CACpC,MAAM,qBAAqB,QAAQ,QAAQ,MAAM,EAAE,MAAM,CAAC;CAG1D,MAAM,uBAAuB,eAAe;AAE5C,SAAQ,IAAI,mBAAmB,EAAE,SAAS,CAAC;CAE3C,MAAM,yBACJ,oBAAC;EAAI,WAAU;YACZ,QAAQ,KAAK,WACZ,oBAAC;GAEC,OAAO,OAAO;GACd,SAAS,OAAO;GAChB,UAAU,OAAO;GACjB,OAAO,OAAO;GACd,UAAU,YAAY;GACtB,YAAY,OAAO;GACnB,WAAU;KAPL,OAAO,IAQZ,CACF;GACE;AAGR,QACE,qBAAC;EAAI,WAAW,aAAa;;GAE3B,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAI,WAAU;eACb,oBAAC;MACC,OAAO;MACP,UAAU;MACV,aAAa;MACb,UAAU,YAAY;MACtB,WAAU;OACV;MACE,EAGL,wBACC,qBAAC;KACC,MAAM,CAAC;KACP,cAAc;KACd,WAAU;gBAEV,oBAAC;MAAmB;gBAClB,qBAAC;OACC,SAAQ;OACR,WAAU;OACV,UAAU,YAAY;;QAEtB,oBAAC,UAAO,WAAU,iBAAiB;;QAElC,qBAAqB,KACpB,oBAAC;SAAK,WAAU;mBACb;UACI;QAER,cACC,oBAAC,eAAY,WAAU,iBAAiB,GAExC,oBAAC,aAAU,WAAU,iBAAiB;;QAEjC;OACU,EACrB,oBAAC;MAAmB,WAAU;gBAC5B,oBAAC,qBAAmB;OACD;MACT;KAEZ;GAGL,cACC,oBAAC;IAAI,WAAU;cACb,oBAAC,qBAAmB;KAChB;GAIP,qBAAqB,KACpB,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,WAAU;eAAkC;MAE3C,EACN,QACE,QAAQ,MAAM,EAAE,MAAM,CACtB,KAAK,WAAW;KACf,MAAM,iBAAiB,OAAO,QAAQ,MACnC,QAAQ,IAAI,UAAU,OAAO,MAC/B;AACD,YACE,qBAAC;MAEC,SAAQ;MACR,MAAK;MACL,eAAe,OAAO,SAAS,GAAG;MAClC,UAAU,YAAY;MACtB,WAAU;;OAET,OAAO;OAAM;OAAG,gBAAgB;OACjC,oBAAC;QAAK,WAAU;kBAAO;SAAQ;;QAR1B,OAAO,IASL;MAEX;KACA;;GAEJ"}
+{"version":3,"file":"SearchAndFilter.js","names":[],"sources":["../../../../ui/molecules/SearchAndFilter/SearchAndFilter.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ChevronDown, ChevronUp, Filter } from 'lucide-react';\nimport { Button } from '../../button';\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from '../../collapsible';\nimport { SearchInput } from '../../atoms/SearchInput';\nimport { FilterSelect } from '../../atoms/FilterSelect';\nimport type { SearchAndFilterProps } from './types';\n\nexport const SearchAndFilter: React.FC<SearchAndFilterProps> = ({\n  searchValue,\n  onSearchChange,\n  searchPlaceholder,\n  filters = [],\n  isLoading = false,\n  disabled = false,\n  className = '',\n  collapsible = true,\n  defaultCollapsed = false,\n}) => {\n  const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);\n\n  const hasFilters = filters.length > 0;\n  const activeFiltersCount = filters.filter((f) => f.value).length;\n\n  // On mobile, show collapsible by default; on desktop, always show filters\n  const shouldUseCollapsible = collapsible && hasFilters;\n\n  console.log('SearchAndFilter', { filters });\n\n  const FilterComponents = () => (\n    <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\">\n      {filters.map((filter) => (\n        <FilterSelect\n          key={filter.key}\n          value={filter.value}\n          options={filter.options}\n          onChange={filter.onChange}\n          label={filter.label}\n          disabled={disabled || isLoading}\n          showCounts={filter.showCounts}\n          className=\"min-w-0\"\n        />\n      ))}\n    </div>\n  );\n\n  return (\n    <div className={`space-y-4 ${className}`}>\n      {/* Search - Always visible */}\n      <div className=\"flex flex-col gap-4 sm:flex-row\">\n        <div className=\"flex-1\">\n          <SearchInput\n            value={searchValue}\n            onChange={onSearchChange}\n            placeholder={searchPlaceholder}\n            disabled={disabled || isLoading}\n            className=\"w-full\"\n          />\n        </div>\n\n        {/* Filter toggle for mobile */}\n        {shouldUseCollapsible && (\n          <Collapsible\n            open={!isCollapsed}\n            onOpenChange={setIsCollapsed}\n            className=\"sm:hidden\"\n          >\n            <CollapsibleTrigger asChild>\n              <Button\n                variant=\"outline\"\n                className=\"sm:hidden\"\n                disabled={disabled || isLoading}\n              >\n                <Filter className=\"mr-2 h-4 w-4\" />\n                Filtres\n                {activeFiltersCount > 0 && (\n                  <span className=\"bg-primary text-primary-foreground ml-2 flex h-5 w-5 items-center justify-center rounded-full text-sm\">\n                    {activeFiltersCount}\n                  </span>\n                )}\n                {isCollapsed ? (\n                  <ChevronDown className=\"ml-2 h-4 w-4\" />\n                ) : (\n                  <ChevronUp className=\"ml-2 h-4 w-4\" />\n                )}\n              </Button>\n            </CollapsibleTrigger>\n            <CollapsibleContent className=\"mt-4 space-y-4\">\n              <FilterComponents />\n            </CollapsibleContent>\n          </Collapsible>\n        )}\n      </div>\n\n      {/* Filters - Always visible on desktop, collapsible on mobile */}\n      {hasFilters && (\n        <div className=\"hidden sm:block\">\n          <FilterComponents />\n        </div>\n      )}\n\n      {/* Active filters summary */}\n      {activeFiltersCount > 0 && (\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <span className=\"text-muted-foreground text-base\">\n            Filtres actifs:\n          </span>\n          {filters\n            .filter((f) => f.value)\n            .map((filter) => {\n              const selectedOption = filter.options.find(\n                (opt) => opt.value === filter.value\n              );\n              return (\n                <Button\n                  key={filter.key}\n                  variant=\"secondary\"\n                  size=\"sm\"\n                  onClick={() => filter.onChange('')}\n                  disabled={disabled || isLoading}\n                  className=\"h-7 px-2 text-sm\"\n                >\n                  {filter.label}: {selectedOption?.label}\n                  <span className=\"ml-1\">×</span>\n                </Button>\n              );\n            })}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAYA,MAAa,mBAAmD,EAC9D,aACA,gBACA,mBACA,UAAU,EAAE,EACZ,YAAY,OACZ,WAAW,OACX,YAAY,IACZ,cAAc,MACd,mBAAmB,YACf;CACJ,MAAM,CAAC,aAAa,kBAAkB,SAAS,iBAAiB;CAEhE,MAAM,aAAa,QAAQ,SAAS;CACpC,MAAM,qBAAqB,QAAQ,QAAQ,MAAM,EAAE,MAAM,CAAC;CAG1D,MAAM,uBAAuB,eAAe;AAE5C,SAAQ,IAAI,mBAAmB,EAAE,SAAS,CAAC;CAE3C,MAAM,yBACJ,oBAAC;EAAI,WAAU;YACZ,QAAQ,KAAK,WACZ,oBAAC;GAEC,OAAO,OAAO;GACd,SAAS,OAAO;GAChB,UAAU,OAAO;GACjB,OAAO,OAAO;GACd,UAAU,YAAY;GACtB,YAAY,OAAO;GACnB,WAAU;KAPL,OAAO,IAQZ,CACF;GACE;AAGR,QACE,qBAAC;EAAI,WAAW,aAAa;;GAE3B,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAI,WAAU;eACb,oBAAC;MACC,OAAO;MACP,UAAU;MACV,aAAa;MACb,UAAU,YAAY;MACtB,WAAU;OACV;MACE,EAGL,wBACC,qBAAC;KACC,MAAM,CAAC;KACP,cAAc;KACd,WAAU;gBAEV,oBAAC;MAAmB;gBAClB,qBAAC;OACC,SAAQ;OACR,WAAU;OACV,UAAU,YAAY;;QAEtB,oBAAC,UAAO,WAAU,iBAAiB;;QAElC,qBAAqB,KACpB,oBAAC;SAAK,WAAU;mBACb;UACI;QAER,cACC,oBAAC,eAAY,WAAU,iBAAiB,GAExC,oBAAC,aAAU,WAAU,iBAAiB;;QAEjC;OACU,EACrB,oBAAC;MAAmB,WAAU;gBAC5B,oBAAC,qBAAmB;OACD;MACT;KAEZ;GAGL,cACC,oBAAC;IAAI,WAAU;cACb,oBAAC,qBAAmB;KAChB;GAIP,qBAAqB,KACpB,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,WAAU;eAAkC;MAE3C,EACN,QACE,QAAQ,MAAM,EAAE,MAAM,CACtB,KAAK,WAAW;KACf,MAAM,iBAAiB,OAAO,QAAQ,MACnC,QAAQ,IAAI,UAAU,OAAO,MAC/B;AACD,YACE,qBAAC;MAEC,SAAQ;MACR,MAAK;MACL,eAAe,OAAO,SAAS,GAAG;MAClC,UAAU,YAAY;MACtB,WAAU;;OAET,OAAO;OAAM;OAAG,gBAAgB;OACjC,oBAAC;QAAK,WAAU;kBAAO;SAAQ;;QAR1B,OAAO,IASL;MAEX;KACA;;GAEJ"}

package/dist/ui/molecules/SkeletonList.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime246 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
 
 //#region ui/molecules/SkeletonList.d.ts
 interface Props {
@@ -10,7 +10,7 @@ declare function SkeletonList({
   count,
   className,
   itemClassName
-}: Props): react_jsx_runtime246.JSX.Element;
+}: Props): react_jsx_runtime38.JSX.Element;
 //#endregion
 export { SkeletonList };
 //# sourceMappingURL=SkeletonList.d.ts.map

package/dist/ui/molecules/SkeletonList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonList.d.ts","names":[],"sources":["../../../ui/molecules/SkeletonList.tsx"],"sourcesContent":[],"mappings":";;;UAGU,KAAA;;;EAAA,aAAK,CAAA,EAAA,MAAA;AAMf;AACE,iBADc,YAAA,CACd;EAAA,KAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAGC,KAHD,CAAA,EAGM,oBAAA,CAAA,GAAA,CAAA,OAHN"}
+{"version":3,"file":"SkeletonList.d.ts","names":[],"sources":["../../../ui/molecules/SkeletonList.tsx"],"sourcesContent":[],"mappings":";;;UAGU,KAAA;;;EAAA,aAAK,CAAA,EAAA,MAAA;AAMf;AACE,iBADc,YAAA,CACd;EAAA,KAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAGC,KAHD,CAAA,EAGM,mBAAA,CAAA,GAAA,CAAA,OAHN"}

package/dist/ui/nav-layout.d.ts

@@ -1,13 +1,13 @@
 import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "./navigation-menu.js";
 import * as React$1 from "react";
-import * as react_jsx_runtime159 from "react/jsx-runtime";
-import * as class_variance_authority_types8 from "class-variance-authority/types";
+import * as react_jsx_runtime141 from "react/jsx-runtime";
+import * as class_variance_authority_types6 from "class-variance-authority/types";
 
 //#region ui/nav-layout.d.ts
 declare const navPanelVariants: (props?: ({
   width?: "sm" | "lg" | "md" | "full" | null | undefined;
-  padding?: "sm" | "none" | "md" | null | undefined;
-} & class_variance_authority_types8.ClassProp) | undefined) => string;
+  padding?: "none" | "sm" | "md" | null | undefined;
+} & class_variance_authority_types6.ClassProp) | undefined) => string;
 interface NavPanelProps extends React$1.ComponentPropsWithoutRef<'div'> {
   width?: 'sm' | 'md' | 'lg' | 'full';
   padding?: 'none' | 'sm' | 'md';
@@ -17,7 +17,7 @@ declare function NavPanel({
   padding,
   className,
   ...props
-}: NavPanelProps): react_jsx_runtime159.JSX.Element;
+}: NavPanelProps): react_jsx_runtime141.JSX.Element;
 declare function NavSimpleList({
   title,
   items
@@ -28,7 +28,7 @@ declare function NavSimpleList({
     label: string;
     description?: string;
   }[];
-}): react_jsx_runtime159.JSX.Element;
+}): react_jsx_runtime141.JSX.Element;
 declare function NavColumns({
   columns
 }: {
@@ -40,7 +40,7 @@ declare function NavColumns({
       description?: string;
     }[];
   }[];
-}): react_jsx_runtime159.JSX.Element;
+}): react_jsx_runtime141.JSX.Element;
 declare function NavCategorizedWithPreview({
   categories,
   modules,
@@ -65,7 +65,7 @@ declare function NavCategorizedWithPreview({
   activeKey: string | null;
   setActiveKey: (k: string | null) => void;
   preview: React$1.ReactNode;
-}): react_jsx_runtime159.JSX.Element;
+}): react_jsx_runtime141.JSX.Element;
 //#endregion
 export { NavCategorizedWithPreview, NavColumns, NavigationMenuContent as NavContent, NavigationMenuItem as NavItem, NavigationMenuLink as NavLink, NavigationMenuList as NavList, NavPanel, NavPanelProps, NavigationMenu as NavRoot, NavSimpleList, NavigationMenuTrigger as NavTrigger, navPanelVariants };
 //# sourceMappingURL=nav-layout.d.ts.map

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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime163 from "react/jsx-runtime";
+import * as react_jsx_runtime151 from "react/jsx-runtime";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import * as class_variance_authority_types9 from "class-variance-authority/types";
 
@@ -11,37 +11,37 @@ declare function NavigationMenu({
   ...props
 }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
   viewport?: boolean;
-}): react_jsx_runtime163.JSX.Element;
+}): react_jsx_runtime151.JSX.Element;
 declare function NavigationMenuList({
   className,
   ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime163.JSX.Element;
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime151.JSX.Element;
 declare function NavigationMenuItem({
   className,
   ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime163.JSX.Element;
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime151.JSX.Element;
 declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types9.ClassProp | undefined) => string;
 declare function NavigationMenuTrigger({
   className,
   children,
   ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime163.JSX.Element;
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime151.JSX.Element;
 declare function NavigationMenuContent({
   className,
   ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime163.JSX.Element;
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime151.JSX.Element;
 declare function NavigationMenuViewport({
   className,
   ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime163.JSX.Element;
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime151.JSX.Element;
 declare function NavigationMenuLink({
   className,
   ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime163.JSX.Element;
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime151.JSX.Element;
 declare function NavigationMenuIndicator({
   className,
   ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime163.JSX.Element;
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime151.JSX.Element;
 //#endregion
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
 //# sourceMappingURL=navigation-menu.d.ts.map

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

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime128 from "react/jsx-runtime";
+import * as react_jsx_runtime269 from "react/jsx-runtime";
 
 //#region ui/organisms/ErrorBoundary/ErrorBoundary.d.ts
 interface ErrorBoundaryState {
@@ -22,7 +22,7 @@ declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBou
   static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState>;
   componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
   resetError: () => void;
-  render(): string | number | bigint | boolean | react_jsx_runtime128.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;
+  render(): string | number | bigint | boolean | react_jsx_runtime269.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

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

@@ -1 +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 onClick={resetError} className=\"flex items-center gap-2\">\n            <RefreshCw className=\"h-4 w-4\" />\n            Réessayer\n          </Button>\n\n          <Button\n            onClick={() => (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"}
+{"version":3,"file":"ErrorBoundary.js","names":[],"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 onClick={resetError} className=\"flex items-center gap-2\">\n            <RefreshCw className=\"h-4 w-4\" />\n            Réessayer\n          </Button>\n\n          <Button\n            onClick={() => (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,MAAM,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/ListPage/ListPage.d.ts

@@ -1,5 +1,5 @@
 import { ListPageProps } from "./types.js";
-import * as react_jsx_runtime129 from "react/jsx-runtime";
+import * as react_jsx_runtime270 from "react/jsx-runtime";
 
 //#region ui/organisms/ListPage/ListPage.d.ts
 declare function ListPage<T>({
@@ -23,7 +23,7 @@ declare function ListPage<T>({
   renderStats,
   className,
   itemClassName
-}: ListPageProps<T>): react_jsx_runtime129.JSX.Element;
+}: ListPageProps<T>): react_jsx_runtime270.JSX.Element;
 //#endregion
 export { ListPage };
 //# sourceMappingURL=ListPage.d.ts.map

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

@@ -3,9 +3,7 @@ import { Card, CardContent } from "../../card.js";
 import { HStack, VStack } from "../../stack.js";
 import { Separator } from "../../separator.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 { AlertTriangle, Loader2, Plus, RefreshCcw } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1 +1 @@
-{"version":3,"file":"ListPage.js","names":["Link"],"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';\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 onClick={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: string) => {\n      setFilter(filter.key, value === 'all' ? '' : 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                onClick={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 onClick={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 onClick={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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"}
+{"version":3,"file":"ListPage.js","names":["Link"],"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';\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 onClick={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: string) => {\n      setFilter(filter.key, value === 'all' ? '' : 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                onClick={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 onClick={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 onClick={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/page-header.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime171 from "react/jsx-runtime";
+import * as react_jsx_runtime159 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types10 from "class-variance-authority/types";
 
@@ -21,7 +21,7 @@ declare function PageHeader({
   actions,
   spacing,
   className
-}: PageHeaderProps): react_jsx_runtime171.JSX.Element;
+}: PageHeaderProps): react_jsx_runtime159.JSX.Element;
 //#endregion
 export { PageHeader, PageHeaderProps };
 //# sourceMappingURL=page-header.d.ts.map