@clasing/ui 0.1.123 → 0.1.124

package/dist/components/alert-dialog.es.js

@@ -0,0 +1,146 @@
+import { j as e } from "../jsx-runtime-C5mzlN2N.js";
+import * as o from "@radix-ui/react-alert-dialog";
+import { c as r } from "../button-DddHyyHa.js";
+import { c as l } from "../index-CRiPKpXj.js";
+function g({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(o.Root, { "data-slot": "alert-dialog", ...t });
+}
+function u({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(o.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
+}
+function n({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(o.Portal, { "data-slot": "alert-dialog-portal", ...t });
+}
+function s({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    o.Overlay,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: l(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function m({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsxs(n, { children: [
+    /* @__PURE__ */ e.jsx(s, {}),
+    /* @__PURE__ */ e.jsx(
+      o.Content,
+      {
+        "data-slot": "alert-dialog-content",
+        className: l(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          t
+        ),
+        ...a
+      }
+    )
+  ] });
+}
+function f({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: l("flex flex-col gap-2 text-center sm:text-left", t),
+      ...a
+    }
+  );
+}
+function x({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: l(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function p({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    o.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: l("text-lg font-semibold", t),
+      ...a
+    }
+  );
+}
+function j({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    o.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: l("text-muted-foreground text-sm", t),
+      ...a
+    }
+  );
+}
+function A({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    o.Action,
+    {
+      className: l(r(), t),
+      ...a
+    }
+  );
+}
+function D({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    o.Cancel,
+    {
+      className: l(r({ variant: "outline" }), t),
+      ...a
+    }
+  );
+}
+export {
+  g as AlertDialog,
+  A as AlertDialogAction,
+  D as AlertDialogCancel,
+  m as AlertDialogContent,
+  j as AlertDialogDescription,
+  x as AlertDialogFooter,
+  f as AlertDialogHeader,
+  s as AlertDialogOverlay,
+  n as AlertDialogPortal,
+  p as AlertDialogTitle,
+  u as AlertDialogTrigger
+};

package/dist/components/alert.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-DUiatUiq.cjs"),s=require("../index-DoxiiusW.cjs"),d=require("../index-C8P6Mn4U.cjs"),g=require("../icon-component-LY_vGYHZ.cjs"),m=d.cva("relative grid w-full grid-cols-[0_1fr] items-start gap-y-2 rounded-2xl px-6 py-6 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*5)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-5 [&>svg]:translate-y-0.5 [&>svg]:text-current",{variants:{variant:{info:"bg-blue-050 text-content-text-default",success:"bg-success-light text-content-text-default",warning:"bg-warning-light text-content-text-default",error:"bg-error-light text-content-text-default",neutral:"bg-neutral-000 text-content-text-default"}},defaultVariants:{variant:"neutral"}}),p={info:"IconInfoCircleFilled",success:"IconCircleCheckFilled",warning:"IconAlertTriangleFilled",error:"IconAlertCircleFilled",neutral:"IconHelpCircleFilled"},f={info:"text-blue-800",success:"text-success-main",warning:"text-warning-main",error:"text-error-main",neutral:"text-black"};function j({className:r,title:e,content:l,variant:n="neutral",showIcon:c,iconName:o,children:x,...u}){return t.jsxRuntimeExports.jsxs("div",{"data-slot":"alert",role:"alert",className:s.cn(m({variant:n}),r),...u,children:[c&&n&&t.jsxRuntimeExports.jsx(g.IconComponent,{className:s.cn("max-w-5 min-w-5",f[n]),iconName:o??p[n],size:20}),e&&t.jsxRuntimeExports.jsx(i,{children:t.jsxRuntimeExports.jsx("p",{className:"text-label-lg font-semibold",children:e})}),l&&t.jsxRuntimeExports.jsx(a,{children:t.jsxRuntimeExports.jsx("p",{className:"text-paragraph-sm",children:l})}),x]})}function i({className:r,...e}){return t.jsxRuntimeExports.jsx("div",{"data-slot":"alert-title",className:s.cn("text-label-lg col-start-2 font-semibold",r),...e})}function a({className:r,...e}){return t.jsxRuntimeExports.jsx("div",{"data-slot":"alert-description",className:s.cn("text-paragraph-sm col-start-2 grid justify-items-start gap-1",r),...e})}exports.Alert=j;exports.AlertDescription=a;exports.AlertTitle=i;

package/dist/components/alert.es.js

@@ -0,0 +1,97 @@
+import { j as t } from "../jsx-runtime-C5mzlN2N.js";
+import { c as l } from "../index-CRiPKpXj.js";
+import { c as x } from "../index-BqtVL8d-.js";
+import { I as d } from "../icon-component-BZ-4FDV6.js";
+const g = x(
+  "relative grid w-full grid-cols-[0_1fr] items-start gap-y-2 rounded-2xl px-6 py-6 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*5)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-5 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        info: "bg-blue-050 text-content-text-default",
+        success: "bg-success-light text-content-text-default",
+        warning: "bg-warning-light text-content-text-default",
+        error: "bg-error-light text-content-text-default",
+        neutral: "bg-neutral-000 text-content-text-default"
+      }
+    },
+    defaultVariants: {
+      variant: "neutral"
+    }
+  }
+), u = {
+  info: "IconInfoCircleFilled",
+  success: "IconCircleCheckFilled",
+  warning: "IconAlertTriangleFilled",
+  error: "IconAlertCircleFilled",
+  neutral: "IconHelpCircleFilled"
+}, m = {
+  info: "text-blue-800",
+  success: "text-success-main",
+  warning: "text-warning-main",
+  error: "text-error-main",
+  neutral: "text-black"
+};
+function w({
+  className: r,
+  title: e,
+  content: s,
+  variant: a = "neutral",
+  showIcon: n,
+  iconName: i,
+  children: c,
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: l(g({ variant: a }), r),
+      ...o,
+      children: [
+        n && a && /* @__PURE__ */ t.jsx(
+          d,
+          {
+            className: l("max-w-5 min-w-5", m[a]),
+            iconName: i ?? u[a],
+            size: 20
+          }
+        ),
+        e && /* @__PURE__ */ t.jsx(p, { children: /* @__PURE__ */ t.jsx("p", { className: "text-label-lg font-semibold", children: e }) }),
+        s && /* @__PURE__ */ t.jsx(f, { children: /* @__PURE__ */ t.jsx("p", { className: "text-paragraph-sm", children: s }) }),
+        c
+      ]
+    }
+  );
+}
+function p({ className: r, ...e }) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: l("text-label-lg col-start-2 font-semibold", r),
+      ...e
+    }
+  );
+}
+function f({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: l(
+        "text-paragraph-sm col-start-2 grid justify-items-start gap-1",
+        r
+      ),
+      ...e
+    }
+  );
+}
+export {
+  w as Alert,
+  f as AlertDescription,
+  p as AlertTitle
+};

package/dist/components/avatar.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../jsx-runtime-DUiatUiq.cjs"),i=require("@radix-ui/react-avatar"),n=require("../index-DoxiiusW.cjs");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const s=o(i);function u({className:e,...t}){return r.jsxRuntimeExports.jsx(s.Root,{"data-slot":"avatar",className:n.cn("relative flex size-8 shrink-0 overflow-hidden rounded-full",e),...t})}function c({className:e,...t}){return r.jsxRuntimeExports.jsx(s.Image,{"data-slot":"avatar-image",className:n.cn("aspect-square size-full",e),...t})}function f({className:e,...t}){return r.jsxRuntimeExports.jsx(s.Fallback,{"data-slot":"avatar-fallback",className:n.cn("bg-muted text-paragraph-sm flex size-full items-center justify-center rounded-full",e),...t})}exports.Avatar=u;exports.AvatarFallback=f;exports.AvatarImage=c;

package/dist/components/avatar.es.js

@@ -0,0 +1,53 @@
+import { j as e } from "../jsx-runtime-C5mzlN2N.js";
+import * as r from "@radix-ui/react-avatar";
+import { c as s } from "../index-CRiPKpXj.js";
+function i({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(
+    r.Root,
+    {
+      "data-slot": "avatar",
+      className: s(
+        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function m({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(
+    r.Image,
+    {
+      "data-slot": "avatar-image",
+      className: s("aspect-square size-full", a),
+      ...t
+    }
+  );
+}
+function n({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(
+    r.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: s(
+        "bg-muted text-paragraph-sm flex size-full items-center justify-center rounded-full",
+        a
+      ),
+      ...t
+    }
+  );
+}
+export {
+  i as Avatar,
+  n as AvatarFallback,
+  m as AvatarImage
+};

package/dist/components/badge.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../badge-Czof3oqL.cjs");exports.Badge=e.Badge;

package/dist/components/badge.es.js

@@ -0,0 +1,4 @@
+import { B as o } from "../badge-BnerQ2lF.js";
+export {
+  o as Badge
+};

package/dist/components/blocks/date-picker.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-DUiatUiq.cjs"),T=require("../../calendar-DL8gqdRp.cjs"),j=require("../../icon-component-LY_vGYHZ.cjs"),F=require("../../label-CbzkBbPT.cjs"),x=require("../../popover-B8wp2cHF.cjs"),a=require("../../index-DoxiiusW.cjs"),L=require("../../index-C8P6Mn4U.cjs"),l=require("date-fns"),m=require("react"),i=require("../../style-CA5976Oh.cjs"),U=L.cva("border-neutral-050 focus-visible:ring-ring-default lg:hover:bg-neutral-000 flex w-full items-center gap-2 border-[0.5px] bg-white text-base whitespace-pre-wrap focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-hidden disabled:border-neutral-100 disabled:bg-neutral-100 disabled:text-neutral-700 lg:disabled:hover:bg-neutral-100",{variants:{size:{sm:"text-label-md h-8 rounded-sm px-2 py-1",md:"text-label-lg h-12 rounded-md px-3 py-1",lg:"text-label-xl h-16 rounded-lg px-4 py-2"},rounded:{default:"",full:"rounded-full"},state:{default:"",selected:"bg-blue-050 focus:blue-800 border-blue-800 font-semibold text-blue-800 active:border-blue-800 lg:hover:bg-blue-100",error:"border-error-main"}},defaultVariants:{size:"md",rounded:"default",state:"default"}}),O=m.forwardRef(({className:y,placeholder:v,side:R="bottom",align:E="center",size:N="md",rounded:D="default",label:p,helperText:f,disabledDates:q,enabledDates:w,calendarDropdowns:C=!0,hideNavigation:S=!1,showOutsideDays:P=!0,locale:s="enGB",error:o,touched:b,value:r,minDate:M,onChange:g,maxDate:k,disabled:d=!1,...u},z)=>{const[n,c]=m.useState(),I=t=>{c(t),g&&g({target:{name:u.name,value:t?l.format(t,"yyyy-MM-dd"):""}})};m.useEffect(()=>{if(r){const t=new Date(r);isNaN(t.getTime())||c(t)}else c(void 0)},[r]);const B=s==="enGB"?i.enGB:s==="enUS"?i.enUS:s==="fr"?i.fr:i.es;return e.jsxRuntimeExports.jsxs("div",{ref:z,className:a.cn("flex flex-col gap-3",y),...u,children:[p&&e.jsxRuntimeExports.jsx(F.Label,{htmlFor:u.id,className:a.cn({"text-neutral-700":d}),children:p}),e.jsxRuntimeExports.jsxs(x.Popover,{children:[e.jsxRuntimeExports.jsx(x.PopoverTrigger,{children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:a.cn(U({size:N,rounded:D,state:n&&!o?"selected":o&&b?"error":"default"}),{"text-neutral-800":!n}),disabled:d,children:[e.jsxRuntimeExports.jsx(j.IconComponent,{iconName:"IconCalendar",size:20,className:"pointer-events-none"}),n?l.format(n,"PPP",{locale:B}):v||"Select a date",e.jsxRuntimeExports.jsx("input",{hidden:!0,onChange:()=>null,value:n?l.format(n,"yyyy-MM-dd"):r||""}),e.jsxRuntimeExports.jsx(j.IconComponent,{iconName:"IconChevronDown",size:16,className:"pointer-events-none ml-auto"})]})}),e.jsxRuntimeExports.jsx(x.PopoverContent,{className:"w-auto overflow-hidden p-0",side:R,align:E,children:e.jsxRuntimeExports.jsx(T.Calendar,{locale:s,disabledDates:q,enabledDates:w,hideNavigation:S,dropdownsSelectors:C,showOutsideDays:P,value:n?l.format(n,"yyyy-MM-dd"):r,maxDate:k,minDate:M,onChange:t=>{const G=t?new Date(t):void 0;I(G)}})})]}),o&&b?e.jsxRuntimeExports.jsx("span",{className:"text-error-main text-label-md -mt-1",children:o}):f?e.jsxRuntimeExports.jsx("span",{className:a.clsx("text-muted-foreground text-label-md -mt-1",{"text-neutral-700":d}),children:f}):null]})}),h=O;h.displayName="Datepicker";exports.Datepicker=h;

package/dist/components/blocks/date-picker.es.js

@@ -0,0 +1,181 @@
+import { j as e } from "../../jsx-runtime-C5mzlN2N.js";
+import { C as G } from "../../calendar-BAQkzm4v.js";
+import { I as x } from "../../icon-component-BZ-4FDV6.js";
+import { L } from "../../label-BpDUqtrC.js";
+import { P as E, c as R, b as T } from "../../popover-BoDRCUh2.js";
+import { c as m, a as U } from "../../index-CRiPKpXj.js";
+import { c as F } from "../../index-BqtVL8d-.js";
+import { format as o } from "date-fns";
+import { forwardRef as V, useState as q, useEffect as A } from "react";
+import { e as H, a as J, f as K, b as O } from "../../style-BNIXVvBA.js";
+const Q = F(
+  "border-neutral-050 focus-visible:ring-ring-default lg:hover:bg-neutral-000 flex w-full items-center gap-2 border-[0.5px] bg-white text-base whitespace-pre-wrap focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-hidden disabled:border-neutral-100 disabled:bg-neutral-100 disabled:text-neutral-700 lg:disabled:hover:bg-neutral-100",
+  {
+    variants: {
+      size: {
+        sm: "text-label-md h-8 rounded-sm px-2 py-1",
+        md: "text-label-lg h-12 rounded-md px-3 py-1",
+        lg: "text-label-xl h-16 rounded-lg px-4 py-2"
+      },
+      rounded: {
+        default: "",
+        full: "rounded-full"
+      },
+      state: {
+        default: "",
+        selected: "bg-blue-050 focus:blue-800 border-blue-800 font-semibold text-blue-800 active:border-blue-800 lg:hover:bg-blue-100",
+        error: "border-error-main"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      rounded: "default",
+      state: "default"
+    }
+  }
+), W = V(
+  ({
+    className: b,
+    placeholder: g,
+    side: h = "bottom",
+    align: v = "center",
+    size: y = "md",
+    rounded: j = "default",
+    label: c,
+    helperText: u,
+    disabledDates: N,
+    enabledDates: w,
+    calendarDropdowns: D = !0,
+    hideNavigation: C = !1,
+    showOutsideDays: P = !0,
+    locale: s = "enGB",
+    error: n,
+    touched: f,
+    value: r,
+    minDate: S,
+    onChange: p,
+    maxDate: M,
+    disabled: l = !1,
+    ...d
+  }, k) => {
+    const [a, i] = q(), z = (t) => {
+      i(t), p && p({
+        target: {
+          name: d.name,
+          value: t ? o(t, "yyyy-MM-dd") : ""
+        }
+      });
+    };
+    A(() => {
+      if (r) {
+        const t = new Date(r);
+        isNaN(t.getTime()) || i(t);
+      } else
+        i(void 0);
+    }, [r]);
+    const I = s === "enGB" ? H : s === "enUS" ? J : s === "fr" ? K : O;
+    return /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        ref: k,
+        className: m("flex flex-col gap-3", b),
+        ...d,
+        children: [
+          c && /* @__PURE__ */ e.jsx(
+            L,
+            {
+              htmlFor: d.id,
+              className: m({ "text-neutral-700": l }),
+              children: c
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(E, { children: [
+            /* @__PURE__ */ e.jsx(R, { children: /* @__PURE__ */ e.jsxs(
+              "button",
+              {
+                type: "button",
+                className: m(
+                  Q({
+                    size: y,
+                    rounded: j,
+                    state: a && !n ? "selected" : n && f ? "error" : "default"
+                  }),
+                  {
+                    "text-neutral-800": !a
+                  }
+                ),
+                disabled: l,
+                children: [
+                  /* @__PURE__ */ e.jsx(
+                    x,
+                    {
+                      iconName: "IconCalendar",
+                      size: 20,
+                      className: "pointer-events-none"
+                    }
+                  ),
+                  a ? o(a, "PPP", { locale: I }) : g || "Select a date",
+                  /* @__PURE__ */ e.jsx(
+                    "input",
+                    {
+                      hidden: !0,
+                      onChange: () => null,
+                      value: a ? o(a, "yyyy-MM-dd") : r || ""
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx(
+                    x,
+                    {
+                      iconName: "IconChevronDown",
+                      size: 16,
+                      className: "pointer-events-none ml-auto"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ e.jsx(
+              T,
+              {
+                className: "w-auto overflow-hidden p-0",
+                side: h,
+                align: v,
+                children: /* @__PURE__ */ e.jsx(
+                  G,
+                  {
+                    locale: s,
+                    disabledDates: N,
+                    enabledDates: w,
+                    hideNavigation: C,
+                    dropdownsSelectors: D,
+                    showOutsideDays: P,
+                    value: a ? o(a, "yyyy-MM-dd") : r,
+                    maxDate: M,
+                    minDate: S,
+                    onChange: (t) => {
+                      const B = t ? new Date(t) : void 0;
+                      z(B);
+                    }
+                  }
+                )
+              }
+            )
+          ] }),
+          n && f ? /* @__PURE__ */ e.jsx("span", { className: "text-error-main text-label-md -mt-1", children: n }) : u ? /* @__PURE__ */ e.jsx(
+            "span",
+            {
+              className: U("text-muted-foreground text-label-md -mt-1", {
+                "text-neutral-700": l
+              }),
+              children: u
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+), X = W;
+X.displayName = "Datepicker";
+export {
+  X as Datepicker
+};

package/dist/components/blocks/date-range-picker.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-DUiatUiq.cjs"),$=require("../../label-CbzkBbPT.cjs"),b=require("../../index-DoxiiusW.cjs"),I=require("../../index-C8P6Mn4U.cjs"),a=require("date-fns"),w=require("react"),T=require("react-day-picker"),f=require("../../style-CA5976Oh.cjs"),P=require("../../icon-component-LY_vGYHZ.cjs"),j=require("../../popover-B8wp2cHF.cjs"),L=I.cva("border-neutral-050 focus-visible:ring-ring-default lg:hover:bg-neutral-000 flex w-full items-center gap-2 border-[0.5px] bg-white text-base whitespace-pre-wrap focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-hidden disabled:border-neutral-100 disabled:bg-neutral-100 disabled:text-neutral-700 lg:disabled:hover:bg-neutral-100",{variants:{size:{sm:"text-label-md h-8 rounded-sm px-2 py-1",md:"text-label-lg h-12 rounded-md px-3 py-1",lg:"text-label-xl h-16 rounded-lg px-4 py-2"},rounded:{default:"",full:"rounded-full"},state:{default:"",selected:"bg-blue-050 focus:blue-800 border-blue-800 font-semibold text-blue-800 active:border-blue-800 lg:hover:bg-blue-100",error:"border-error-main"}},defaultVariants:{size:"md",rounded:"default",state:"default"}}),B=({onChange:d,value:o,options:x})=>e.jsxRuntimeExports.jsx("select",{className:"text-md focus-visible:ring-ring-default h-fit w-fit! cursor-pointer appearance-none rounded-md border-none pr-9 pl-1 font-semibold transition-colors focus:border-0 focus:border-transparent focus:ring-0 focus:ring-transparent focus:outline-hidden focus-visible:ring-[1.5px] focus-visible:ring-offset-1 focus-visible:outline-hidden",onChange:d,value:o,children:x?.map((n,m)=>{const g=n.value===o;return e.jsxRuntimeExports.jsx("option",{value:n.value,disabled:n.disabled,className:b.cn("disabled:hidden",{"bg-blue-050 font-semibold text-blue-800":g}),children:n.label},m)})}),G=({orientation:d="down",size:o=16})=>e.jsxRuntimeExports.jsx(P.IconComponent,{iconName:d==="left"?"IconChevronLeft":"IconChevronRight",stroke:"1.5",size:o}),F=w.forwardRef(({className:d,locale:o="enGB",placeholder:x,label:n,size:m="md",rounded:g="default",disabledDates:N,helperText:C,side:q="bottom",align:M="center",error:c,touched:p,startDate:i,endDate:l,calendarDropdowns:S=!0,onChange:R,minDate:k,maxDate:_,disabled:h=!1,...u},z)=>{const[t,v]=w.useState({from:i?new Date(i):void 0,to:l?new Date(l):void 0}),D=r=>{if(v(r),R){const s={from:r.from?a.format(r.from,"yyyy-MM-dd"):"",to:r.to?a.format(r.to,"yyyy-MM-dd"):""};R({target:{name:u.name,value:s}})}};w.useEffect(()=>{if(i){const r=new Date(i);isNaN(r.getTime())||v(s=>({...s,from:r}))}if(l){const r=new Date(l);isNaN(r.getTime())||v(s=>({...s,to:r}))}},[i,l]);const y=o==="enGB"?f.enGB:o==="enUS"?f.enUS:o==="fr"?f.fr:f.es;return e.jsxRuntimeExports.jsxs("div",{ref:z,className:b.cn("flex flex-col gap-3",d),...u,children:[n&&e.jsxRuntimeExports.jsx($.Label,{htmlFor:u.id,className:b.cn({"text-neutral-700":h}),children:n}),e.jsxRuntimeExports.jsxs(j.Popover,{children:[e.jsxRuntimeExports.jsx(j.PopoverTrigger,{children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:b.cn(L({size:m,rounded:g,state:t.from&&t.to||p&&!c?"selected":c&&p?"error":"default"}),{"text-neutral-800":!t.from&&!t.to}),disabled:h,children:[e.jsxRuntimeExports.jsx(P.IconComponent,{iconName:"IconCalendar",size:20,className:"pointer-events-none"}),t.from&&t.to?`${a.format(t.from,"PPP",{locale:y})} - ${a.format(t.to,"PPP",{locale:y})}`:x||"Select a date range",e.jsxRuntimeExports.jsx("input",{hidden:!0,onChange:()=>null,value:t.from&&t.to?`${a.format(t.from,"yyyy-MM-dd")} to ${a.format(t.to,"yyyy-MM-dd")}`:`${i||""} to ${l||""}`})]})}),e.jsxRuntimeExports.jsx(j.PopoverContent,{side:q,align:M,children:e.jsxRuntimeExports.jsx(T.DayPicker,{mode:"range",captionLayout:S?"dropdown":"label",selected:t,onSelect:D,locale:y,startMonth:k||new Date(1900,0,1),endMonth:_||new Date(2100,11,31),showOutsideDays:!0,disabled:N,className:"p-2",required:!0,classNames:{root:"w-fit text-sm text-center",weekday:"text-muted-foreground font-regular",month_grid:"border-separate",month_caption:"h-9 relative flex items-center w-full",dropdowns:"absolute w-fit items-center justify-center z-10 left-1/2 flex -translate-x-1/2 top-1/2 -translate-y-1/2",button_next:"rounded-2xl border-none lg:hover:bg-neutral-050 transition-colors z-1 p-2 disabled:opacity-50 focus-visible:ring-ring-default focus-visible:outline-hidden focus-visible:ring-[1.5px] focus-visible:ring-offset-1",button_previous:"rounded-2xl border-none lg:hover:bg-neutral-050 transition-colors z-1 p-2 disabled:opacity-50 focus-visible:ring-ring-default focus-visible:outline-hidden focus-visible:ring-[1.5px] focus-visible:ring-offset-1",nav:"w-full h-9 top-0 left-0 absolute flex justify-between items-center gap-2",selected:"bg-blue-800 text-white border-[0.5px] border-blue-800! lg:hover:bg-blue-900 transition-colors font-semibold",today:"bg-blue-050 border-[0.5px] text-blue-800 lg:hover:bg-blue-100",outside:"bg-white text-neutral-200 border-[0.5px] border-neutral-000",day_button:"text-sm h-9 w-9 whitespace-nowrap border-none focus-visible:ring-ring-default focus-visible:outline-hidden focus-visible:ring-[1.5px] rounded-2xl",caption_label:"text-neutral-1000 text-base font-semibold leading-none self-center w-full",disabled:"bg-white text-neutral-200 border-[0.5px] border-neutral-000 lg:hover:bg-white!",day:"h-9 w-9 aspect-square text-sm rounded-2xl border-[0.5px] border-neutral-050 lg:hover:bg-blue-050 transition-colors p-0 whitespace-nowrap",range_end:"bg-blue-800 text-white border-[0.5px] border-blue-800! lg:hover:bg-blue-900 transition-colors font-semibold",range_start:"bg-blue-800 text-white border-[0.5px] border-blue-800! lg:hover:bg-blue-900 transition-colors font-semibold",range_middle:"bg-blue-050! border-[0.5px] border-blue-800! text-blue-800! lg:hover:bg-blue-100 transition-colors font-semibold"},components:{Dropdown:B,Chevron:({orientation:r,size:s})=>e.jsxRuntimeExports.jsx(G,{orientation:r,size:s})}})})]}),c&&p?e.jsxRuntimeExports.jsx("span",{"aria-describedby":u.id,"aria-invalid":"true",className:"text-error-main text-label-md -mt-1",children:c}):e.jsxRuntimeExports.jsx("span",{className:b.clsx("text-muted-foreground -mt-1",{"text-neutral-700":h}),"aria-describedby":u.id,children:C})]})}),E=F;E.displayName="DateRangePicker";exports.DateRangePicker=E;