@clasing/ui 0.1.123 → 0.1.124

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

@@ -0,0 +1,238 @@
+import { j as e } from "../../jsx-runtime-C5mzlN2N.js";
+import { L as z } from "../../label-BpDUqtrC.js";
+import { c, a as D } from "../../index-CRiPKpXj.js";
+import { c as $ } from "../../index-BqtVL8d-.js";
+import { format as a } from "date-fns";
+import { forwardRef as I, useState as L, useEffect as T } from "react";
+import { DayPicker as B } from "react-day-picker";
+import { e as E, a as G, f as q, b as U } from "../../style-BNIXVvBA.js";
+import { I as y } from "../../icon-component-BZ-4FDV6.js";
+import { P as V, c as F, b as O } from "../../popover-BoDRCUh2.js";
+const A = $(
+  "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"
+    }
+  }
+), H = ({ onChange: d, value: r, options: f }) => /* @__PURE__ */ e.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: r,
+    children: f?.map((n, m) => {
+      const g = n.value === r;
+      return /* @__PURE__ */ e.jsx(
+        "option",
+        {
+          value: n.value,
+          disabled: n.disabled,
+          className: c("disabled:hidden", {
+            "bg-blue-050 font-semibold text-blue-800": g
+          }),
+          children: n.label
+        },
+        m
+      );
+    })
+  }
+), J = ({
+  orientation: d = "down",
+  size: r = 16
+}) => /* @__PURE__ */ e.jsx(
+  y,
+  {
+    iconName: d === "left" ? "IconChevronLeft" : "IconChevronRight",
+    stroke: "1.5",
+    size: r
+  }
+), K = I(
+  ({
+    className: d,
+    locale: r = "enGB",
+    placeholder: f,
+    label: n,
+    size: m = "md",
+    rounded: g = "default",
+    disabledDates: j,
+    helperText: N,
+    side: P = "bottom",
+    align: C = "center",
+    error: b,
+    touched: x,
+    startDate: s,
+    endDate: i,
+    calendarDropdowns: M = !0,
+    onChange: w,
+    minDate: R,
+    maxDate: S,
+    disabled: p = !1,
+    ...u
+  }, _) => {
+    const [t, h] = L({
+      from: s ? new Date(s) : void 0,
+      to: i ? new Date(i) : void 0
+    }), k = (o) => {
+      if (h(o), w) {
+        const l = {
+          from: o.from ? a(o.from, "yyyy-MM-dd") : "",
+          to: o.to ? a(o.to, "yyyy-MM-dd") : ""
+        };
+        w({
+          target: {
+            name: u.name,
+            value: l
+          }
+        });
+      }
+    };
+    T(() => {
+      if (s) {
+        const o = new Date(s);
+        isNaN(o.getTime()) || h((l) => ({ ...l, from: o }));
+      }
+      if (i) {
+        const o = new Date(i);
+        isNaN(o.getTime()) || h((l) => ({ ...l, to: o }));
+      }
+    }, [s, i]);
+    const v = r === "enGB" ? E : r === "enUS" ? G : r === "fr" ? q : U;
+    return /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        ref: _,
+        className: c("flex flex-col gap-3", d),
+        ...u,
+        children: [
+          n && /* @__PURE__ */ e.jsx(
+            z,
+            {
+              htmlFor: u.id,
+              className: c({ "text-neutral-700": p }),
+              children: n
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(V, { children: [
+            /* @__PURE__ */ e.jsx(F, { children: /* @__PURE__ */ e.jsxs(
+              "button",
+              {
+                type: "button",
+                className: c(
+                  A({
+                    size: m,
+                    rounded: g,
+                    state: t.from && t.to || x && !b ? "selected" : b && x ? "error" : "default"
+                  }),
+                  {
+                    "text-neutral-800": !t.from && !t.to
+                  }
+                ),
+                disabled: p,
+                children: [
+                  /* @__PURE__ */ e.jsx(
+                    y,
+                    {
+                      iconName: "IconCalendar",
+                      size: 20,
+                      className: "pointer-events-none"
+                    }
+                  ),
+                  t.from && t.to ? `${a(t.from, "PPP", { locale: v })} - ${a(t.to, "PPP", { locale: v })}` : f || "Select a date range",
+                  /* @__PURE__ */ e.jsx(
+                    "input",
+                    {
+                      hidden: !0,
+                      onChange: () => null,
+                      value: t.from && t.to ? `${a(t.from, "yyyy-MM-dd")} to ${a(t.to, "yyyy-MM-dd")}` : `${s || ""} to ${i || ""}`
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ e.jsx(O, { side: P, align: C, children: /* @__PURE__ */ e.jsx(
+              B,
+              {
+                mode: "range",
+                captionLayout: M ? "dropdown" : "label",
+                selected: t,
+                onSelect: k,
+                locale: v,
+                startMonth: R || new Date(1900, 0, 1),
+                endMonth: S || new Date(2100, 11, 31),
+                showOutsideDays: !0,
+                disabled: j,
+                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: H,
+                  Chevron: ({ orientation: o, size: l }) => /* @__PURE__ */ e.jsx(J, { orientation: o, size: l })
+                }
+              }
+            ) })
+          ] }),
+          b && x ? /* @__PURE__ */ e.jsx(
+            "span",
+            {
+              "aria-describedby": u.id,
+              "aria-invalid": "true",
+              className: "text-error-main text-label-md -mt-1",
+              children: b
+            }
+          ) : /* @__PURE__ */ e.jsx(
+            "span",
+            {
+              className: D("text-muted-foreground -mt-1", {
+                "text-neutral-700": p
+              }),
+              "aria-describedby": u.id,
+              children: N
+            }
+          )
+        ]
+      }
+    );
+  }
+), Q = K;
+Q.displayName = "DateRangePicker";
+export {
+  Q as DateRangePicker
+};

package/dist/components/blocks/interactive-card.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-DUiatUiq.cjs"),I=require("../../badge-Czof3oqL.cjs"),i=require("../../card-BCgtou88.cjs"),j=require("../../icon-component-LY_vGYHZ.cjs"),u=require("../../tooltip-W9iE1O--.cjs"),n=require("../../index-DoxiiusW.cjs"),q=require("../../index-C8P6Mn4U.cjs"),w=require("react"),y=q.cva("focus-visible:border-ring focus-visible:ring-ring/50 transition-[color,box-shadow] focus-visible:ring-[3px]"),g=w.forwardRef(({className:h,isActive:s,title:m,text:d,helperText:p,badgeText:l,disabled:r,badgeVariant:f,badgeSize:R="xs",iconName:o,iconText:a,tooltipIconName:b="IconHelpCircleFilled",tooltipText:t,tooltipTitle:x,tooltipSide:C,tooltipSideOffset:E,tooltipAlign:N,...c},v)=>e.jsxRuntimeExports.jsxs(i.Card,{ref:v,className:n.cn(y({className:h}),{"bg-blue-050 border-blue-950":s,"border-neutral-100 bg-neutral-100":r,"cursor-pointer lg:active:bg-blue-100":c.onClick&&s&&!r,"lg:active:bg-blue-050 cursor-pointer":c.onClick&&!s&&!r}),role:"button",tabIndex:0,...c,children:[l||o||a?e.jsxRuntimeExports.jsxs(i.CardHeader,{className:"flex items-center justify-between gap-2",children:[o||a?e.jsxRuntimeExports.jsx("div",{className:n.cn("rounded-full p-1",{"bg-neutral-000 text-muted-foreground":!s,"bg-white text-blue-800":s,"bg-white text-neutral-700":r}),children:e.jsxRuntimeExports.jsx(j.IconComponent,{iconName:o,iconText:a,size:20})}):null,(l||t)&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[l?e.jsxRuntimeExports.jsx(I.Badge,{variant:f,size:R,weight:"semibold",className:n.cn({"opacity-50":r}),children:l}):null,t&&e.jsxRuntimeExports.jsxs(u.Tooltip,{children:[e.jsxRuntimeExports.jsx(u.TooltipTrigger,{children:e.jsxRuntimeExports.jsx(j.IconComponent,{iconName:b??"IconHelpCircleFilled",size:20,className:"z-10 min-h-5 min-w-5"})}),e.jsxRuntimeExports.jsx(u.TooltipContent,{side:C,sideOffset:E,align:N,children:x||t&&e.jsxRuntimeExports.jsxs("div",{className:"text-neutral-1000 flex flex-col gap-1",children:[x&&e.jsxRuntimeExports.jsx("p",{className:"text-paragraph-md font-semibold",children:x}),t&&e.jsxRuntimeExports.jsx("p",{className:"text-paragraph-md",children:t})]})})]})]})]}):null,e.jsxRuntimeExports.jsxs(i.CardContent,{className:"flex flex-col gap-1",children:[m?e.jsxRuntimeExports.jsx("p",{className:n.cn("text-foreground text-label-xl font-semibold",{"text-neutral-700":r}),children:m}):null,d?e.jsxRuntimeExports.jsx("p",{className:n.cn("text-muted-foreground text-paragraph-md",{"text-neutral-700":r}),children:d}):null]}),p?e.jsxRuntimeExports.jsx(i.CardFooter,{children:e.jsxRuntimeExports.jsx("p",{className:n.cn("text-paragraph-sm text-neutral-800",{"text-neutral-700":r}),children:p})}):null]}));g.displayName="InteractiveCard";const z=g;exports.InteractiveCard=z;

package/dist/components/blocks/interactive-card.es.js

@@ -0,0 +1,138 @@
+import { j as e } from "../../jsx-runtime-C5mzlN2N.js";
+import { B as I } from "../../badge-BnerQ2lF.js";
+import { C as w, e as y, b as z, d as F } from "../../card-BfBXE5Kq.js";
+import { I as x } from "../../icon-component-BZ-4FDV6.js";
+import { T as H, c as k, a as B } from "../../tooltip-Btr9ROSo.js";
+import { c as a } from "../../index-CRiPKpXj.js";
+import { c as R } from "../../index-BqtVL8d-.js";
+import { forwardRef as E } from "react";
+const O = R(
+  "focus-visible:border-ring focus-visible:ring-ring/50 transition-[color,box-shadow] focus-visible:ring-[3px]"
+), p = E(
+  ({
+    className: f,
+    isActive: s,
+    title: m,
+    text: d,
+    helperText: u,
+    badgeText: n,
+    disabled: r,
+    badgeVariant: g,
+    badgeSize: h = "xs",
+    iconName: t,
+    iconText: o,
+    tooltipIconName: j = "IconHelpCircleFilled",
+    tooltipText: l,
+    tooltipTitle: c,
+    tooltipSide: b,
+    tooltipSideOffset: C,
+    tooltipAlign: N,
+    ...i
+  }, v) => /* @__PURE__ */ e.jsxs(
+    w,
+    {
+      ref: v,
+      className: a(O({ className: f }), {
+        "bg-blue-050 border-blue-950": s,
+        "border-neutral-100 bg-neutral-100": r,
+        "cursor-pointer lg:active:bg-blue-100": i.onClick && s && !r,
+        "lg:active:bg-blue-050 cursor-pointer": i.onClick && !s && !r
+      }),
+      role: "button",
+      tabIndex: 0,
+      ...i,
+      children: [
+        n || t || o ? /* @__PURE__ */ e.jsxs(y, { className: "flex items-center justify-between gap-2", children: [
+          t || o ? /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: a("rounded-full p-1", {
+                "bg-neutral-000 text-muted-foreground": !s,
+                "bg-white text-blue-800": s,
+                "bg-white text-neutral-700": r
+              }),
+              children: /* @__PURE__ */ e.jsx(
+                x,
+                {
+                  iconName: t,
+                  iconText: o,
+                  size: 20
+                }
+              )
+            }
+          ) : null,
+          (n || l) && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+            n ? /* @__PURE__ */ e.jsx(
+              I,
+              {
+                variant: g,
+                size: h,
+                weight: "semibold",
+                className: a({
+                  "opacity-50": r
+                }),
+                children: n
+              }
+            ) : null,
+            l && /* @__PURE__ */ e.jsxs(H, { children: [
+              /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsx(
+                x,
+                {
+                  iconName: j ?? "IconHelpCircleFilled",
+                  size: 20,
+                  className: "z-10 min-h-5 min-w-5"
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(
+                B,
+                {
+                  side: b,
+                  sideOffset: C,
+                  align: N,
+                  children: c || l && /* @__PURE__ */ e.jsxs("div", { className: "text-neutral-1000 flex flex-col gap-1", children: [
+                    c && /* @__PURE__ */ e.jsx("p", { className: "text-paragraph-md font-semibold", children: c }),
+                    l && /* @__PURE__ */ e.jsx("p", { className: "text-paragraph-md", children: l })
+                  ] })
+                }
+              )
+            ] })
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ e.jsxs(z, { className: "flex flex-col gap-1", children: [
+          m ? /* @__PURE__ */ e.jsx(
+            "p",
+            {
+              className: a("text-foreground text-label-xl font-semibold", {
+                "text-neutral-700": r
+              }),
+              children: m
+            }
+          ) : null,
+          d ? /* @__PURE__ */ e.jsx(
+            "p",
+            {
+              className: a("text-muted-foreground text-paragraph-md", {
+                "text-neutral-700": r
+              }),
+              children: d
+            }
+          ) : null
+        ] }),
+        u ? /* @__PURE__ */ e.jsx(F, { children: /* @__PURE__ */ e.jsx(
+          "p",
+          {
+            className: a("text-paragraph-sm text-neutral-800", {
+              "text-neutral-700": r
+            }),
+            children: u
+          }
+        ) }) : null
+      ]
+    }
+  )
+);
+p.displayName = "InteractiveCard";
+const P = p;
+export {
+  P as InteractiveCard
+};

package/dist/components/blocks/selectable-chips.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../jsx-runtime-DUiatUiq.cjs"),p=require("../../chip-A32aAc-8.cjs"),y=require("../../label-CbzkBbPT.cjs"),x=require("../../index-DoxiiusW.cjs"),R=({id:d,label:u,options:i,multiple:m=!1,selectedOptions:a,setSelectedOptions:j,className:v,disabled:c,helperText:h,error:s,touched:r})=>{const n=a,f=e=>{if(!m)return j(e.value),e.value;let l=[];return l=Array.isArray(n)?n.includes(e.value)?n.filter(S=>S!==e.value):[...n,e.value]:[e.value],j(l),l},b=e=>m&&Array.isArray(a)?a.includes(e.value):a===e.value;return i.length===0?null:t.jsxRuntimeExports.jsxs("div",{className:x.cn("flex flex-col gap-3",v),children:[u&&t.jsxRuntimeExports.jsx(y.Label,{htmlFor:d,className:x.cn({"text-neutral-700":c}),children:u}),t.jsxRuntimeExports.jsx("div",{className:"flex flex-wrap gap-2",children:i.map(e=>{const l=b(e);return t.jsxRuntimeExports.jsx(p.ChipComponent,{intent:l?"selected":"unselected",iconLeft:l?"IconCheck":void 0,onClick:()=>f(e),className:"py-1",disabled:c,children:e.label},e.label)})}),s&&r?t.jsxRuntimeExports.jsx("span",{className:"text-error-main text-label-md -mt-1",children:s}):t.jsxRuntimeExports.jsx("span",{className:x.clsx("text-label-md -mt-1",{"text-neutral-1000":!s&&!r,"text-error-main":s&&r,"text-success-main":r&&!s,"text-neutral-700":c}),children:h})]})};exports.SelectableChips=R;

package/dist/components/blocks/selectable-chips.es.js

@@ -0,0 +1,57 @@
+import { j as l } from "../../jsx-runtime-C5mzlN2N.js";
+import { C as y } from "../../chip-ZZHZ8i1Q.js";
+import { L as S } from "../../label-BpDUqtrC.js";
+import { c as f, a as p } from "../../index-CRiPKpXj.js";
+const k = ({
+  id: v,
+  label: m,
+  options: x,
+  multiple: u = !1,
+  selectedOptions: r,
+  setSelectedOptions: i,
+  className: d,
+  disabled: n,
+  helperText: h,
+  error: s,
+  touched: t
+}) => {
+  const c = r, j = (e) => {
+    if (!u)
+      return i(e.value), e.value;
+    let a = [];
+    return a = Array.isArray(c) ? c.includes(e.value) ? c.filter((N) => N !== e.value) : [...c, e.value] : [e.value], i(a), a;
+  }, C = (e) => u && Array.isArray(r) ? r.includes(e.value) : r === e.value;
+  return x.length === 0 ? null : /* @__PURE__ */ l.jsxs("div", { className: f("flex flex-col gap-3", d), children: [
+    m && /* @__PURE__ */ l.jsx(S, { htmlFor: v, className: f({ "text-neutral-700": n }), children: m }),
+    /* @__PURE__ */ l.jsx("div", { className: "flex flex-wrap gap-2", children: x.map((e) => {
+      const a = C(e);
+      return /* @__PURE__ */ l.jsx(
+        y,
+        {
+          intent: a ? "selected" : "unselected",
+          iconLeft: a ? "IconCheck" : void 0,
+          onClick: () => j(e),
+          className: "py-1",
+          disabled: n,
+          children: e.label
+        },
+        e.label
+      );
+    }) }),
+    s && t ? /* @__PURE__ */ l.jsx("span", { className: "text-error-main text-label-md -mt-1", children: s }) : /* @__PURE__ */ l.jsx(
+      "span",
+      {
+        className: p("text-label-md -mt-1", {
+          "text-neutral-1000": !s && !t,
+          "text-error-main": s && t,
+          "text-success-main": t && !s,
+          "text-neutral-700": n
+        }),
+        children: h
+      }
+    )
+  ] });
+};
+export {
+  k as SelectableChips
+};

package/dist/components/breadcrumb.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../jsx-runtime-DUiatUiq.cjs"),i=require("@radix-ui/react-slot"),s=require("../index-DoxiiusW.cjs"),a=require("../icon-component-LY_vGYHZ.cjs");function c({...e}){return t.jsxRuntimeExports.jsx("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...e})}function u({className:e,...r}){return t.jsxRuntimeExports.jsx("ol",{"data-slot":"breadcrumb-list",className:s.cn("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",e),...r})}function m({className:e,...r}){return t.jsxRuntimeExports.jsx("li",{"data-slot":"breadcrumb-item",className:s.cn("inline-flex items-center gap-1.5",e),...r})}function l({asChild:e,className:r,...n}){const o=e?i.Slot:"a";return t.jsxRuntimeExports.jsx(o,{"data-slot":"breadcrumb-link",className:s.cn("hover:text-foreground transition-colors",r),...n})}function d({className:e,...r}){return t.jsxRuntimeExports.jsx("span",{"data-slot":"breadcrumb-page",role:"link","aria-disabled":"true","aria-current":"page",className:s.cn("text-foreground font-semibold",e),...r})}function x({children:e,className:r,...n}){return t.jsxRuntimeExports.jsx("li",{"data-slot":"breadcrumb-separator",role:"presentation","aria-hidden":"true",className:s.cn("[&>svg]:size-3.5",r),...n,children:e??t.jsxRuntimeExports.jsx(a.IconComponent,{iconName:"IconChevronRight"})})}function b({className:e,...r}){return t.jsxRuntimeExports.jsxs("span",{"data-slot":"breadcrumb-ellipsis",role:"presentation","aria-hidden":"true",className:s.cn("flex size-9 items-center justify-center [&>svg]:size-3.5",e),...r,children:[t.jsxRuntimeExports.jsx(a.IconComponent,{iconName:"IconDots"}),t.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"More"})]})}exports.Breadcrumb=c;exports.BreadcrumbEllipsis=b;exports.BreadcrumbItem=m;exports.BreadcrumbLink=l;exports.BreadcrumbList=u;exports.BreadcrumbPage=d;exports.BreadcrumbSeparator=x;

package/dist/components/breadcrumb.es.js

@@ -0,0 +1,106 @@
+import { j as a } from "../jsx-runtime-C5mzlN2N.js";
+import { Slot as i } from "@radix-ui/react-slot";
+import { c as t } from "../index-CRiPKpXj.js";
+import { I as n } from "../icon-component-BZ-4FDV6.js";
+function d({ ...r }) {
+  return /* @__PURE__ */ a.jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r });
+}
+function b({ className: r, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: t(
+        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        r
+      ),
+      ...e
+    }
+  );
+}
+function p({ className: r, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: t("inline-flex items-center gap-1.5", r),
+      ...e
+    }
+  );
+}
+function x({
+  asChild: r,
+  className: e,
+  ...s
+}) {
+  const o = r ? i : "a";
+  return /* @__PURE__ */ a.jsx(
+    o,
+    {
+      "data-slot": "breadcrumb-link",
+      className: t("hover:text-foreground transition-colors", e),
+      ...s
+    }
+  );
+}
+function f({ className: r, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: t("text-foreground font-semibold", r),
+      ...e
+    }
+  );
+}
+function j({
+  children: r,
+  className: e,
+  ...s
+}) {
+  return /* @__PURE__ */ a.jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: t("[&>svg]:size-3.5", e),
+      ...s,
+      children: r ?? /* @__PURE__ */ a.jsx(n, { iconName: "IconChevronRight" })
+    }
+  );
+}
+function g({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsxs(
+    "span",
+    {
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: t(
+        "flex size-9 items-center justify-center [&>svg]:size-3.5",
+        r
+      ),
+      ...e,
+      children: [
+        /* @__PURE__ */ a.jsx(n, { iconName: "IconDots" }),
+        /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+export {
+  d as Breadcrumb,
+  g as BreadcrumbEllipsis,
+  p as BreadcrumbItem,
+  x as BreadcrumbLink,
+  b as BreadcrumbList,
+  f as BreadcrumbPage,
+  j as BreadcrumbSeparator
+};

package/dist/components/button.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-Cegl49Yi.cjs");exports.Button=t.Button;exports.buttonActiveStyles=t.buttonActiveStyles;exports.buttonLoadingStyles=t.buttonLoadingStyles;exports.buttonStyles=t.buttonStyles;

package/dist/components/button.es.js

@@ -0,0 +1,7 @@
+import { B as s, b as a, a as e, c as n } from "../button-DddHyyHa.js";
+export {
+  s as Button,
+  a as buttonActiveStyles,
+  e as buttonLoadingStyles,
+  n as buttonStyles
+};

package/dist/components/calendar.cjs.js

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

package/dist/components/calendar.es.js

@@ -0,0 +1,4 @@
+import { C as e } from "../calendar-BAQkzm4v.js";
+export {
+  e as Calendar
+};

package/dist/components/card.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../card-BCgtou88.cjs");exports.Card=r.Card;exports.CardAction=r.CardAction;exports.CardContent=r.CardContent;exports.CardDescription=r.CardDescription;exports.CardFooter=r.CardFooter;exports.CardHeader=r.CardHeader;exports.CardTitle=r.CardTitle;

package/dist/components/card.es.js

@@ -0,0 +1,10 @@
+import { C as d, a as C, b as e, c as s, d as o, e as t, f as i } from "../card-BfBXE5Kq.js";
+export {
+  d as Card,
+  C as CardAction,
+  e as CardContent,
+  s as CardDescription,
+  o as CardFooter,
+  t as CardHeader,
+  i as CardTitle
+};

package/dist/components/chart.cjs.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../jsx-runtime-DUiatUiq.cjs"),P=require("react"),S=require("recharts"),a=require("../index-DoxiiusW.cjs");function _(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(e,r,t.get?t:{enumerable:!0,get:()=>s[r]})}}return e.default=s,Object.freeze(e)}const m=_(P),b=_(S),T={light:"",dark:".dark"},k=m.createContext(null);function y(){const s=m.useContext(k);if(!s)throw new Error("useChart must be used within a <ChartContainer />");return s}function $({id:s,className:e,children:r,config:t,...i}){const u=m.useId(),c=`chart-${s||u.replace(/:/g,"")}`;return n.jsxRuntimeExports.jsx(k.Provider,{value:{config:t},children:n.jsxRuntimeExports.jsxs("div",{"data-slot":"chart","data-chart":c,className:a.cn("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",e),...i,children:[n.jsxRuntimeExports.jsx(w,{id:c,config:t}),n.jsxRuntimeExports.jsx(b.ResponsiveContainer,{children:r})]})})}const w=({id:s,config:e})=>{const r=Object.entries(e).filter(([,t])=>t.theme||t.color);return r.length?n.jsxRuntimeExports.jsx("style",{dangerouslySetInnerHTML:{__html:Object.entries(T).map(([t,i])=>`
+${i} [data-chart=${s}] {
+${r.map(([u,c])=>{const l=c.theme?.[t]||c.color;return l?`  --color-${u}: ${l};`:null}).join(`
+`)}
+}
+`).join(`
+`)}}):null},O=b.Tooltip;function q({active:s,payload:e,className:r,indicator:t="dot",hideLabel:i=!1,hideIndicator:u=!1,label:c,labelFormatter:l,labelClassName:d,formatter:C,color:N,nameKey:L,labelKey:p}){const{config:h}=y(),R=m.useMemo(()=>{if(i||!e?.length)return null;const[o]=e,g=`${p||o?.dataKey||o?.name||"value"}`,j=v(h,o,g),x=!p&&typeof c=="string"?h[c]?.label||c:j?.label;return l?n.jsxRuntimeExports.jsx("div",{className:a.cn("font-semibold",d),children:l(x,e)}):x?n.jsxRuntimeExports.jsx("div",{className:a.cn("font-semibold",d),children:x}):null},[c,l,e,i,d,h,p]);if(!s||!e?.length)return null;const f=e.length===1&&t!=="dot";return n.jsxRuntimeExports.jsxs("div",{className:a.cn("border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",r),children:[f?null:R,n.jsxRuntimeExports.jsx("div",{className:"grid gap-1.5",children:e.map((o,g)=>{const j=`${L||o.name||o.dataKey||"value"}`,x=v(h,o,j),E=N||o.payload.fill||o.color;return n.jsxRuntimeExports.jsx("div",{className:a.cn("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",t==="dot"&&"items-center"),children:C&&o?.value!==void 0&&o.name?C(o.value,o.name,o,g,o.payload):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[x?.icon?n.jsxRuntimeExports.jsx(x.icon,{}):!u&&n.jsxRuntimeExports.jsx("div",{className:a.cn("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",{"h-2.5 w-2.5":t==="dot","w-1":t==="line","w-0 border-[1.5px] border-dashed bg-transparent":t==="dashed","my-0.5":f&&t==="dashed"}),style:{"--color-bg":E,"--color-border":E}}),n.jsxRuntimeExports.jsxs("div",{className:a.cn("flex flex-1 justify-between leading-none",f?"items-end":"items-center"),children:[n.jsxRuntimeExports.jsxs("div",{className:"grid gap-1.5",children:[f?R:null,n.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground",children:x?.label||o.name})]}),o.value&&n.jsxRuntimeExports.jsx("span",{className:"text-foreground font-mono font-semibold tabular-nums",children:o.value.toLocaleString()})]})]})},o.dataKey)})})]})}const M=b.Legend;function I({className:s,hideIcon:e=!1,payload:r,verticalAlign:t="bottom",nameKey:i}){const{config:u}=y();return r?.length?n.jsxRuntimeExports.jsx("div",{className:a.cn("flex items-center justify-center gap-4",t==="top"?"pb-3":"pt-3",s),children:r?.map(c=>{const l=`${i||c.dataKey||"value"}`,d=v(u,c,l);return n.jsxRuntimeExports.jsxs("div",{className:a.cn("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),children:[d?.icon&&!e?n.jsxRuntimeExports.jsx(d.icon,{}):n.jsxRuntimeExports.jsx("div",{className:"h-2 w-2 shrink-0 rounded-[2px]",style:{backgroundColor:c.color}}),d?.label]},c.value)})}):null}function v(s,e,r){if(typeof e!="object"||e===null)return;const t="payload"in e&&typeof e.payload=="object"&&e.payload!==null?e.payload:void 0;let i=r;return r in e&&typeof e[r]=="string"?i=e[r]:t&&r in t&&typeof t[r]=="string"&&(i=t[r]),i in s?s[i]:s[r]}exports.ChartContainer=$;exports.ChartLegend=M;exports.ChartLegendContent=I;exports.ChartStyle=w;exports.ChartTooltip=O;exports.ChartTooltipContent=q;