@krosoft/react 0.0.73 → 0.0.75

package/dist/components/core/cards/MetricCard.d.ts

@@ -0,0 +1,23 @@
+import type { LucideIcon } from "lucide-react";
+import * as React from "react";
+declare const colorClasses: {
+    readonly blue: "from-blue-500 to-cyan-500";
+    readonly green: "from-green-500 to-emerald-500";
+    readonly orange: "from-orange-500 to-yellow-500";
+    readonly red: "from-red-500 to-pink-500";
+    readonly purple: "from-purple-500 to-indigo-500";
+};
+export type MetricCardColor = keyof typeof colorClasses;
+export interface MetricCardProps {
+    title: string;
+    value: string | number;
+    unit?: string;
+    icon: LucideIcon;
+    trend?: "up" | "down" | "stable";
+    trendValue?: string;
+    color?: MetricCardColor;
+    children?: React.ReactNode;
+}
+export declare const MetricCard: ({ title, value, unit, icon: Icon, trend, trendValue, color, children }: MetricCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MetricCard.d.ts.map

package/dist/components/core/cards/MetricCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/cards/MetricCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,YAAY;;;;;;CAMR,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAcD,eAAO,MAAM,UAAU,GAAI,wEAAiF,eAAe,4CA6B1H,CAAC"}

package/dist/components/core/cards/index.d.ts

@@ -1,4 +1,6 @@
 export { KpiCard } from "./KpiCard";
 export type { KpiCardProps } from "./KpiCard";
 export { KpiCards } from "./KpiCards";
+export { MetricCard } from "./MetricCard";
+export type { MetricCardProps, MetricCardColor } from "./MetricCard";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/core/cards/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/core/cards/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/core/cards/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/core/cards/index.js

@@ -1,5 +1,6 @@
-import { K as p, a as s } from "../../../KpiCards-Bjsd4bSz.js";
+import { K as s, a as d, M as i } from "../../../MetricCard-H--Bf1Ib.js";
 export {
-  p as KpiCard,
-  s as KpiCards
+  s as KpiCard,
+  d as KpiCards,
+  i as MetricCard
 };

package/dist/components/core/index.js

@@ -1,15 +1,17 @@
-import { K as o, a as e } from "../../KpiCards-Bjsd4bSz.js";
-import { S as p } from "../../SearchInput-Bu4wb0gI.js";
-import { E as S, L as m } from "../../LoadingState-C0uS6aGT.js";
-import { S as x, T as d } from "../../Topbar-CFALRIJn.js";
-import { T } from "../../ThemeSelector-DMgBLEYm.js";
+import { K as e, a as o, M as t } from "../../MetricCard-H--Bf1Ib.js";
+import { D as p, S } from "../../DateRangePicker-BAn4LMHi.js";
+import { E as m, L as d } from "../../LoadingState-C0uS6aGT.js";
+import { S as x, T as c } from "../../Topbar-CFALRIJn.js";
+import { T as n } from "../../ThemeSelector-DQmkKmzE.js";
 export {
-  S as ErrorState,
-  o as KpiCard,
-  e as KpiCards,
-  m as LoadingState,
-  p as SearchInput,
+  p as DateRangePicker,
+  m as ErrorState,
+  e as KpiCard,
+  o as KpiCards,
+  d as LoadingState,
+  t as MetricCard,
+  S as SearchInput,
   x as Sidebar,
-  T as ThemeSelector,
-  d as Topbar
+  n as ThemeSelector,
+  c as Topbar
 };

package/dist/components/core/inputs/DateRangePicker.d.ts

@@ -0,0 +1,10 @@
+import type { DateRange } from "react-day-picker";
+interface DateRangePickerProps {
+    value?: DateRange;
+    onChange: (range?: DateRange) => void;
+    placeholder?: string;
+    className?: string;
+}
+export declare const DateRangePicker: ({ value, onChange, placeholder, className }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DateRangePicker.d.ts.map

package/dist/components/core/inputs/DateRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/core/inputs/DateRangePicker.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,GAAI,6CAA0E,oBAAoB,4CAwF7H,CAAC"}

package/dist/components/core/inputs/index.d.ts

@@ -1,2 +1,4 @@
 export { SearchInput } from "./SearchInput";
+export { DateRangePicker } from "./DateRangePicker";
+export type { DateRange } from "react-day-picker";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/core/inputs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/core/inputs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/core/inputs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/core/inputs/index.js

@@ -1,4 +1,5 @@
-import { S as e } from "../../../SearchInput-Bu4wb0gI.js";
+import { D as r, S as t } from "../../../DateRangePicker-BAn4LMHi.js";
 export {
-  e as SearchInput
+  r as DateRangePicker,
+  t as SearchInput
 };

package/dist/components/core/theme/index.js

@@ -1,4 +1,4 @@
-import { T as r } from "../../../ThemeSelector-DMgBLEYm.js";
+import { T as r } from "../../../ThemeSelector-DQmkKmzE.js";
 export {
   r as ThemeSelector
 };

package/dist/components/index.js

@@ -1,48 +1,51 @@
-import { K as t, a as r } from "../KpiCards-Bjsd4bSz.js";
-import { S as o } from "../SearchInput-Bu4wb0gI.js";
-import { E as p, L as l } from "../LoadingState-C0uS6aGT.js";
-import { S as c, T as d } from "../Topbar-CFALRIJn.js";
-import { T as n } from "../ThemeSelector-DMgBLEYm.js";
-import { A as C, a as f, b, C as x, c as g, d as u, e as A, f as B, g as I, I as V, T as h, h as D, i as K, j as L, k as E, l as j, m as k } from "../toast-BypnW71k.js";
-import { B as w, b as F } from "../index-BQOmHRsD.js";
-import { B as H, b as P } from "../badge-C4pCH7IL.js";
-import { S as y, a as z, b as J, c as M, d as N, e as O, f as Q, g as R } from "../select-CdiR6cO0.js";
+import { K as t, a as r, M as s } from "../MetricCard-H--Bf1Ib.js";
+import { D as i, S as l } from "../DateRangePicker-BAn4LMHi.js";
+import { E as c, L as d } from "../LoadingState-C0uS6aGT.js";
+import { S, T } from "../Topbar-CFALRIJn.js";
+import { T as m } from "../ThemeSelector-DQmkKmzE.js";
+import { A as b, a as x, b as g, C as u, c as A, d as D, e as B, f as I, g as V, h, I as K, T as L, i as k, j as E, k as M, l as P, m as j, n as v } from "../calendar-cHag6u-j.js";
+import { B as F, b as G } from "../index-BQOmHRsD.js";
+import { B as R, b as q } from "../badge-C4pCH7IL.js";
+import { S as z, a as J, b as N, c as O, d as Q, e as U, f as W, g as X } from "../select-Dv9bdUCB.js";
 export {
-  C as Alert,
-  f as AlertDescription,
-  b as AlertTitle,
-  H as Badge,
-  w as Button,
-  x as Card,
-  g as CardContent,
-  u as CardDescription,
-  A as CardFooter,
-  B as CardHeader,
-  I as CardTitle,
-  p as ErrorState,
-  V as Input,
+  b as Alert,
+  x as AlertDescription,
+  g as AlertTitle,
+  R as Badge,
+  F as Button,
+  u as Calendar,
+  A as Card,
+  D as CardContent,
+  B as CardDescription,
+  I as CardFooter,
+  V as CardHeader,
+  h as CardTitle,
+  i as DateRangePicker,
+  c as ErrorState,
+  K as Input,
   t as KpiCard,
   r as KpiCards,
-  l as LoadingState,
-  o as SearchInput,
-  y as Select,
-  z as SelectContent,
-  J as SelectGroup,
-  M as SelectItem,
-  N as SelectLabel,
-  O as SelectSeparator,
-  Q as SelectTrigger,
-  R as SelectValue,
-  c as Sidebar,
-  n as ThemeSelector,
-  h as Toast,
-  D as ToastAction,
-  K as ToastClose,
-  L as ToastDescription,
-  E as ToastProvider,
+  d as LoadingState,
+  s as MetricCard,
+  l as SearchInput,
+  z as Select,
+  J as SelectContent,
+  N as SelectGroup,
+  O as SelectItem,
+  Q as SelectLabel,
+  U as SelectSeparator,
+  W as SelectTrigger,
+  X as SelectValue,
+  S as Sidebar,
+  m as ThemeSelector,
+  L as Toast,
+  k as ToastAction,
+  E as ToastClose,
+  M as ToastDescription,
+  P as ToastProvider,
   j as ToastTitle,
-  k as ToastViewport,
-  d as Topbar,
-  P as badgeVariants,
-  F as buttonVariants
+  v as ToastViewport,
+  T as Topbar,
+  q as badgeVariants,
+  G as buttonVariants
 };

package/dist/components/ui/calendar.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { DayPicker } from "react-day-picker";
+export type CalendarProps = React.ComponentProps<typeof DayPicker>;
+declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+export { Calendar };
+//# sourceMappingURL=calendar.d.ts.map

package/dist/components/ui/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/calendar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEnE,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,eAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CA4C3F;kBA5CQ,QAAQ;;;AA+CjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/ui/index.d.ts

@@ -8,4 +8,6 @@ export { Input } from "./input";
 export { Toast, ToastProvider, ToastViewport, ToastTitle, ToastDescription, ToastClose, ToastAction } from "./toast";
 export type { ToastProps, ToastActionElement } from "./toast";
 export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator } from "./select";
+export { Calendar } from "./calendar";
+export type { CalendarProps } from "./calendar";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAClD,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAC/F,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC/C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACrH,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAClD,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAC/F,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC/C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACrH,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AACpI,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/ui/index.js

@@ -1,35 +1,36 @@
-import { A as t, a as s, b as r, C as o, c as l, d as i, e as c, f as n, g as d, I as T, T as p, h as C, i as S, j as b, k as f, l as g, m } from "../../toast-BypnW71k.js";
-import { B as A, b as x } from "../../index-BQOmHRsD.js";
-import { B as V, b as D } from "../../badge-C4pCH7IL.js";
-import { S as h, a as j, b as k, c as v, d as w, e as F, f as G, g as H } from "../../select-CdiR6cO0.js";
+import { A as t, a as s, b as r, C as o, c as l, d as i, e as n, f as c, g as d, h as T, I as p, T as C, i as S, j as b, k as f, l as g, m, n as u } from "../../calendar-cHag6u-j.js";
+import { B as x, b as B } from "../../index-BQOmHRsD.js";
+import { B as D, b as I } from "../../badge-C4pCH7IL.js";
+import { S as j, a as k, b as v, c as w, d as F, e as G, f as H, g as L } from "../../select-Dv9bdUCB.js";
 export {
   t as Alert,
   s as AlertDescription,
   r as AlertTitle,
-  V as Badge,
-  A as Button,
-  o as Card,
-  l as CardContent,
-  i as CardDescription,
+  D as Badge,
+  x as Button,
+  o as Calendar,
+  l as Card,
+  i as CardContent,
+  n as CardDescription,
   c as CardFooter,
-  n as CardHeader,
-  d as CardTitle,
-  T as Input,
-  h as Select,
-  j as SelectContent,
-  k as SelectGroup,
-  v as SelectItem,
-  w as SelectLabel,
-  F as SelectSeparator,
-  G as SelectTrigger,
-  H as SelectValue,
-  p as Toast,
-  C as ToastAction,
-  S as ToastClose,
-  b as ToastDescription,
-  f as ToastProvider,
-  g as ToastTitle,
-  m as ToastViewport,
-  D as badgeVariants,
-  x as buttonVariants
+  d as CardHeader,
+  T as CardTitle,
+  p as Input,
+  j as Select,
+  k as SelectContent,
+  v as SelectGroup,
+  w as SelectItem,
+  F as SelectLabel,
+  G as SelectSeparator,
+  H as SelectTrigger,
+  L as SelectValue,
+  C as Toast,
+  S as ToastAction,
+  b as ToastClose,
+  f as ToastDescription,
+  g as ToastProvider,
+  m as ToastTitle,
+  u as ToastViewport,
+  I as badgeVariants,
+  B as buttonVariants
 };

package/dist/{select-CdiR6cO0.js → select-Dv9bdUCB.js}

@@ -2009,6 +2009,7 @@ const Zo = o.forwardRef(
 );
 Zo.displayName = Tn.displayName;
 export {
+  Yt as R,
   ra as S,
   zo as a,
   oa as b,
@@ -2016,5 +2017,7 @@ export {
   Xo as d,
   Zo as e,
   jo as f,
-  aa as g
+  aa as g,
+  Lr as h,
+  sr as u
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.73",
+  "version": "0.0.75",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {
@@ -49,7 +49,9 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "date-fns": "^4.2.1",
     "lucide-react": "^1.16.0",
+    "react-day-picker": "^10.0.1",
     "tailwind-merge": "^2.6.1"
   },
   "devDependencies": {

package/dist/KpiCards-Bjsd4bSz.js

@@ -1,40 +0,0 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { C as p, f, g as u, c as C } from "./toast-BypnW71k.js";
-import "./index-BQOmHRsD.js";
-import { c as a } from "./index-gWiv5-6R.js";
-import "./select-CdiR6cO0.js";
-import N from "react";
-import { formatNumber as x } from "@krosoft/core/helpers";
-import { useTranslation as g } from "react-i18next";
-const h = ({ titleKey: i, value: e, valueClassName: l, icon: m, iconClassName: c, description: t, descriptionClassName: n, onClick: o }) => {
-  const { t: d } = g();
-  return /* @__PURE__ */ s(p, { className: a(o ? "hover:border-primary cursor-pointer" : ""), onClick: o, children: [
-    /* @__PURE__ */ s(f, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-      /* @__PURE__ */ r(u, { className: "text-sm font-medium", children: d(i) }),
-      N.createElement(m, {
-        className: a("size-6 text-muted-foreground", c)
-      })
-    ] }),
-    /* @__PURE__ */ s(C, { children: [
-      /* @__PURE__ */ r("div", { className: a("text-2xl font-bold", l), children: x(e) }),
-      /* @__PURE__ */ r("p", { className: a("text-xs text-muted-foreground", n), children: t })
-    ] })
-  ] });
-}, k = ({ stats: i }) => /* @__PURE__ */ r("div", { className: "grid gap-6 md:grid-cols-2 lg:grid-cols-4", children: i.map((e) => /* @__PURE__ */ r(
-  h,
-  {
-    titleKey: e.titleKey,
-    value: e.value,
-    valueClassName: e.valueClassName,
-    icon: e.icon,
-    iconClassName: e.iconClassName,
-    description: e.description,
-    descriptionClassName: e.descriptionClassName,
-    onClick: e.onClick
-  },
-  e.titleKey
-)) });
-export {
-  h as K,
-  k as a
-};

package/dist/SearchInput-Bu4wb0gI.js

@@ -1,47 +0,0 @@
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { I as p, X as h } from "./toast-BypnW71k.js";
-import "./index-BQOmHRsD.js";
-import { c as f } from "./index-gWiv5-6R.js";
-import "./select-CdiR6cO0.js";
-import { c as d } from "./createLucideIcon-CRdjzt2A.js";
-/**
- * @license lucide-react v1.16.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const y = [
-  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
-  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], x = d("search", y), I = ({
-  searchQuery: s,
-  search: n,
-  placeholder: l = "Rechercher...",
-  onSearch: r,
-  onSubmit: a,
-  onClear: o,
-  className: i
-}) => {
-  const c = s || n || "", m = () => {
-    r(""), o && o();
-  };
-  return /* @__PURE__ */ u("div", { className: f("relative h-fit w-full md:w-64", i), children: [
-    /* @__PURE__ */ t(x, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4" }),
-    /* @__PURE__ */ t(
-      p,
-      {
-        placeholder: l,
-        value: c,
-        onChange: (e) => r(e.target.value),
-        className: "pl-8",
-        onKeyDown: (e) => {
-          e.key === "Enter" && a && (e.preventDefault(), a());
-        }
-      }
-    ),
-    c && /* @__PURE__ */ t("button", { onClick: m, className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 hover:text-gray-700", type: "button", children: /* @__PURE__ */ t(h, { className: "size-4" }) })
-  ] });
-};
-export {
-  I as S
-};