dgz-ui-shared 1.1.49 → 1.2.0

package/dist/chunks/Actions-Bi_vjY5M.es.js

@@ -0,0 +1,30 @@
+import { jsxs as e, jsx as n } from "react/jsx-runtime";
+import { W as t, f as a } from "./index-E1NtSoNr.es.js";
+import { Button as m } from "dgz-ui/button";
+import { DropdownMenu as c, DropdownMenuTrigger as p, DropdownMenuContent as u, DropdownMenuItem as h } from "dgz-ui/dropdown";
+const C = ({
+  actions: o,
+  triggerProps: i,
+  contentProps: l,
+  title: s
+}) => /* @__PURE__ */ e(c, { children: [
+  /* @__PURE__ */ n(p, { asChild: !0, ...i, children: /* @__PURE__ */ e(
+    m,
+    {
+      variant: "secondary",
+      size: "sm",
+      className: "ml-auto rounded-lg px-3",
+      children: [
+        /* @__PURE__ */ n(t, {}),
+        " ",
+        /* @__PURE__ */ n("span", { className: "hidden lg:!inline", children: s || "Actions" }),
+        /* @__PURE__ */ n(a, {})
+      ]
+    }
+  ) }),
+  /* @__PURE__ */ n(u, { align: "end", ...l, children: o.map((r, d) => /* @__PURE__ */ n(h, { onClick: () => r.onClick(), children: r.label }, d)) })
+] });
+export {
+  C as A
+};
+//# sourceMappingURL=Actions-Bi_vjY5M.es.js.map

package/dist/chunks/Actions-Bi_vjY5M.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions-Bi_vjY5M.es.js","sources":["../../src/components/actions/Actions.tsx"],"sourcesContent":["import { RiArrowDownSLine, RiPlayList2Line } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport type { ReactNode } from 'react';\n\n/**\n * Interface representing a single action item.\n */\nexport interface ActionInterface {\n  /** The content to display for the action item. */\n  label: ReactNode;\n  /** Callback function to execute when the action is clicked. */\n  onClick: () => void;\n}\n\n/**\n * Props for the Actions component.\n */\nexport interface ActionsProps extends DropdownContainerProps {\n  /** Array of action items to be displayed in the dropdown. */\n  actions: ActionInterface[];\n  /** Title for the actions button. */\n  title?: ReactNode;\n}\n\n/**\n * Actions renders a dropdown menu with a list of action items.\n *\n * @param props.actions - Array of actions with label and onClick handler.\n * @returns React element rendering the actions dropdown.\n */\nexport const Actions = ({\n  actions,\n  triggerProps,\n  contentProps,\n  title,\n}: ActionsProps) => {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild {...triggerProps}>\n        <Button\n          variant=\"secondary\"\n          size={'sm'}\n          className={'ml-auto rounded-lg px-3'}\n        >\n          <RiPlayList2Line />{' '}\n          <span className={'hidden lg:!inline'}>{title || 'Actions'}</span>\n          <RiArrowDownSLine />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" {...contentProps}>\n        {actions.map((action, index) => {\n          return (\n            <DropdownMenuItem key={index} onClick={() => action.onClick()}>\n              {action.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["Actions","actions","triggerProps","contentProps","title","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","Button","RiPlayList2Line","RiArrowDownSLine","DropdownMenuContent","action","index","DropdownMenuItem"],"mappings":";;;;AAqCO,MAAMA,IAAU,CAAC;AAAA,EACtB,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AACF,wBAEKC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAoB,SAAO,IAAE,GAAGL,GAC/B,UAAA,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAM;AAAA,MACN,WAAW;AAAA,MAEX,UAAA;AAAA,QAAA,gBAAAH,EAACI,GAAA,EAAgB;AAAA,QAAG;AAAA,QACpB,gBAAAJ,EAAC,QAAA,EAAK,WAAW,qBAAsB,eAAS,WAAU;AAAA,0BACzDK,GAAA,CAAA,CAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEtB;AAAA,EACA,gBAAAL,EAACM,GAAA,EAAoB,OAAM,OAAO,GAAGT,GAClC,UAAAF,EAAQ,IAAI,CAACY,GAAQC,MAElB,gBAAAR,EAACS,KAA6B,SAAS,MAAMF,EAAO,QAAA,GACjD,UAAAA,EAAO,MAAA,GADaC,CAEvB,CAEH,EAAA,CACH;AAAA,GACF;"}

package/dist/chunks/Actions-CXOiCjx0.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),s=require("./index-ClQFzqcq.cjs.js"),l=require("dgz-ui/button"),e=require("dgz-ui/dropdown"),u=({actions:i,triggerProps:o,contentProps:t,title:d})=>n.jsxs(e.DropdownMenu,{children:[n.jsx(e.DropdownMenuTrigger,{asChild:!0,...o,children:n.jsxs(l.Button,{variant:"secondary",size:"sm",className:"ml-auto rounded-lg px-3",children:[n.jsx(s.Wg,{})," ",n.jsx("span",{className:"hidden lg:!inline",children:d||"Actions"}),n.jsx(s.f1,{})]})}),n.jsx(e.DropdownMenuContent,{align:"end",...t,children:i.map((r,c)=>n.jsx(e.DropdownMenuItem,{onClick:()=>r.onClick(),children:r.label},c))})]});exports.Actions=u;
+//# sourceMappingURL=Actions-CXOiCjx0.cjs.js.map

package/dist/chunks/Actions-CXOiCjx0.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions-CXOiCjx0.cjs.js","sources":["../../src/components/actions/Actions.tsx"],"sourcesContent":["import { RiArrowDownSLine, RiPlayList2Line } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport type { ReactNode } from 'react';\n\n/**\n * Interface representing a single action item.\n */\nexport interface ActionInterface {\n  /** The content to display for the action item. */\n  label: ReactNode;\n  /** Callback function to execute when the action is clicked. */\n  onClick: () => void;\n}\n\n/**\n * Props for the Actions component.\n */\nexport interface ActionsProps extends DropdownContainerProps {\n  /** Array of action items to be displayed in the dropdown. */\n  actions: ActionInterface[];\n  /** Title for the actions button. */\n  title?: ReactNode;\n}\n\n/**\n * Actions renders a dropdown menu with a list of action items.\n *\n * @param props.actions - Array of actions with label and onClick handler.\n * @returns React element rendering the actions dropdown.\n */\nexport const Actions = ({\n  actions,\n  triggerProps,\n  contentProps,\n  title,\n}: ActionsProps) => {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild {...triggerProps}>\n        <Button\n          variant=\"secondary\"\n          size={'sm'}\n          className={'ml-auto rounded-lg px-3'}\n        >\n          <RiPlayList2Line />{' '}\n          <span className={'hidden lg:!inline'}>{title || 'Actions'}</span>\n          <RiArrowDownSLine />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" {...contentProps}>\n        {actions.map((action, index) => {\n          return (\n            <DropdownMenuItem key={index} onClick={() => action.onClick()}>\n              {action.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["Actions","actions","triggerProps","contentProps","title","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","Button","RiPlayList2Line","RiArrowDownSLine","DropdownMenuContent","action","index","DropdownMenuItem"],"mappings":"+IAqCaA,EAAU,CAAC,CACtB,QAAAC,EACA,aAAAC,EACA,aAAAC,EACA,MAAAC,CACF,WAEKC,eAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,oBAAA,CAAoB,QAAO,GAAE,GAAGL,EAC/B,SAAAM,EAAAA,KAACC,EAAAA,OAAA,CACC,QAAQ,YACR,KAAM,KACN,UAAW,0BAEX,SAAA,CAAAH,EAAAA,IAACI,EAAAA,GAAA,EAAgB,EAAG,IACpBJ,EAAAA,IAAC,OAAA,CAAK,UAAW,oBAAsB,YAAS,UAAU,QACzDK,EAAAA,GAAA,CAAA,CAAiB,CAAA,CAAA,CAAA,EAEtB,EACAL,EAAAA,IAACM,EAAAA,oBAAA,CAAoB,MAAM,MAAO,GAAGT,EAClC,SAAAF,EAAQ,IAAI,CAACY,EAAQC,IAElBR,MAACS,EAAAA,kBAA6B,QAAS,IAAMF,EAAO,QAAA,EACjD,SAAAA,EAAO,KAAA,EADaC,CAEvB,CAEH,CAAA,CACH,CAAA,EACF"}

package/dist/chunks/DateRangePicker-DQoK4BQV.es.js

@@ -0,0 +1,178 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import l from "dayjs";
+import { Button as j } from "dgz-ui/button";
+import { DATE as w, Calendar as O } from "dgz-ui/calendar";
+import { Input as P } from "dgz-ui/form";
+import { Popover as A, PopoverTrigger as M, PopoverContent as z } from "dgz-ui/popover";
+import { cn as h } from "dgz-ui/utils";
+import { XIcon as E, Calendar1 as F } from "lucide-react";
+import { useState as d, useEffect as I, useMemo as Z } from "react";
+import { useTranslation as $ } from "react-i18next";
+const V = ({
+  className: T,
+  format: n = w,
+  selected: r,
+  timezone: p,
+  onRangeSelected: m = () => {
+  },
+  placeholder: x,
+  disabled: i,
+  error: N,
+  inputProps: C,
+  ...u
+}) => {
+  const { t: a } = $(), [k, D] = d(!1), [o, f] = d();
+  I(() => {
+    f(r);
+  }, [r]);
+  const L = Z(() => {
+    const t = l().endOf("day");
+    return [
+      {
+        from: t.startOf("week").toDate(),
+        to: t.endOf("week").toDate(),
+        label: a("This week")
+      },
+      {
+        from: t.startOf("month").toDate(),
+        to: t.endOf("month").toDate(),
+        label: a("This month")
+      },
+      {
+        from: t.startOf("year").toDate(),
+        to: t.endOf("year").toDate(),
+        label: a("This year")
+      },
+      {
+        from: t.subtract(7, "day").startOf("day").toDate(),
+        to: t.toDate(),
+        label: a("Last 7 days")
+      },
+      {
+        from: t.subtract(30, "day").startOf("day").toDate(),
+        to: t.toDate(),
+        label: a("Last 30 days")
+      },
+      {
+        from: t.subtract(3, "month").startOf("day").toDate(),
+        to: t.toDate(),
+        label: a("Last 3 months")
+      },
+      {
+        from: t.subtract(6, "month").startOf("day").toDate(),
+        to: t.toDate(),
+        label: a("Last 6 months")
+      },
+      {
+        from: t.subtract(12, "month").startOf("day").toDate(),
+        to: t.toDate(),
+        label: a("Last 12 months")
+      }
+    ].map((s) => {
+      var y, v;
+      return {
+        ...s,
+        isActive: ((y = r == null ? void 0 : r.from) == null ? void 0 : y.getTime()) === s.from.getTime() && ((v = r == null ? void 0 : r.to) == null ? void 0 : v.getTime()) === s.to.getTime()
+      };
+    });
+  }, [a, r]), b = (t) => {
+    f(t), t != null && t.from && (t != null && t.to) && (m(t), D(!1));
+  };
+  return /* @__PURE__ */ c(A, { open: k, onOpenChange: D, children: [
+    /* @__PURE__ */ e(M, { asChild: !0, className: "m-0!", disabled: i, children: /* @__PURE__ */ c("div", { className: "relative", children: [
+      /* @__PURE__ */ e(
+        P,
+        {
+          variant: N ? "failure" : "default",
+          ...C,
+          readOnly: !0,
+          value: o != null && o.from ? o.to ? `${l(o.from).format(n)}-${l(o.to).format(n)}` : l(o.from).format(n) : "",
+          placeholder: x,
+          disabled: i,
+          className: h(T)
+        }
+      ),
+      o && /* @__PURE__ */ e(
+        E,
+        {
+          onClick: () => {
+            f(void 0), m == null || m(void 0);
+          },
+          className: h(
+            "text-secondary absolute top-3 right-8 size-4 cursor-pointer",
+            i && "pointer-events-none opacity-50"
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        F,
+        {
+          className: h(
+            "text-secondary absolute top-2.5 right-2 size-5",
+            i && "pointer-events-none opacity-50"
+          )
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ c(z, { className: "flex w-auto p-0", align: "end", side: "bottom", children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: "border-border-alpha-light flex flex-col space-y-1 border-e p-2",
+          children: L.map((t, s) => /* @__PURE__ */ e(
+            j,
+            {
+              size: "xs",
+              variant: t.isActive ? "default" : "ghost",
+              className: "justify-start",
+              onClick: () => b(t),
+              children: t.label
+            },
+            s
+          ))
+        }
+      ),
+      /* @__PURE__ */ e(
+        O,
+        {
+          ...u,
+          className: "border-border-alpha-light border-e",
+          mode: "single",
+          endMonth: o == null ? void 0 : o.to,
+          selected: o == null ? void 0 : o.from,
+          selectedToDate: o == null ? void 0 : o.to,
+          selectedFromDate: o == null ? void 0 : o.from,
+          timeZone: p,
+          disabled: o != null && o.to ? {
+            after: o.to
+          } : void 0,
+          onSelect: (t) => {
+            f({ ...o, from: t });
+          }
+        }
+      ),
+      /* @__PURE__ */ e(
+        O,
+        {
+          ...u,
+          mode: "single",
+          startMonth: o == null ? void 0 : o.from,
+          selected: o == null ? void 0 : o.to,
+          timeZone: p,
+          disabled: o != null && o.from ? {
+            before: o.from
+          } : void 0,
+          selectedToDate: o == null ? void 0 : o.to,
+          selectedFromDate: o == null ? void 0 : o.from,
+          onSelect: (t) => {
+            o && b({ ...o, to: t });
+          }
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  V as D
+};
+//# sourceMappingURL=DateRangePicker-DQoK4BQV.es.js.map

package/dist/chunks/DateRangePicker-DQoK4BQV.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker-DQoK4BQV.es.js","sources":["../../src/components/datepicker/DateRangePicker.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { Button } from 'dgz-ui/button';\nimport { Calendar, type CalendarProps, DATE } from 'dgz-ui/calendar';\nimport { Input, type InputProps } from 'dgz-ui/form';\nimport { Popover, PopoverContent, PopoverTrigger } from 'dgz-ui/popover';\nimport { cn } from 'dgz-ui/utils';\nimport { Calendar1, XIcon } from 'lucide-react';\nimport { type ReactNode, useEffect, useMemo, useState } from 'react';\nimport { type DateRange } from 'react-day-picker';\nimport { useTranslation } from 'react-i18next';\n\n/**\n * Props for the DateRangePicker component.\n */\nexport type DateRangePickerProps = Omit<\n  CalendarProps,\n  'mode' | 'disabled' | 'selected'\n> & {\n  /** The date format string (e.g., 'YYYY-MM-DD'). */\n  format?: string;\n  /** Placeholder text when no date is selected. */\n  placeholder?: string;\n  /** The currently selected date range. */\n  selected?: DateRange;\n  /** Timezone for date calculations. */\n  timezone?: string;\n  /** Error message to display (modifies styling). */\n  error?: string;\n  /** Callback function when a date range is selected. */\n  onRangeSelected?: (value?: DateRange) => void;\n  inputProps?: InputProps;\n  disabled?: boolean;\n};\n\n/**\n * Type definition for a date range preset configuration.\n */\ntype PresetType = DateRange & {\n  /** Label for the preset (e.g., \"Last 7 days\"). */\n  label: ReactNode;\n  isActive?: boolean;\n};\n\n/**\n * DateRangePicker displays a two-month range picker with helpful presets.\n *\n * @param props.format - Display date format.\n * @param props.selected - Currently selected date range.\n * @param props.timezone - Time zone for date calculations.\n * @param props.onRangeSelected - Callback when a full range is selected.\n * @param props.placeholder - Placeholder when no date selected.\n * @param props.error - Optional error message that adjusts styling.\n * @param props.inputProps - Props passed to the underlying Input component.\n * @param props.disabled - Whether the date range picker is disabled.\n * @returns A date range picker component.\n */\nexport const DateRangePicker = ({\n  className,\n  format = DATE,\n  selected,\n  timezone,\n  onRangeSelected = () => {},\n  placeholder,\n  disabled,\n  error,\n  inputProps,\n  ...props\n}: DateRangePickerProps) => {\n  const { t } = useTranslation();\n  const [open, setOpen] = useState(false);\n  const [date, setDate] = useState<DateRange | undefined>();\n\n  useEffect(() => {\n    setDate(selected);\n  }, [selected]);\n\n  const presets: PresetType[] = useMemo(() => {\n    const today = dayjs().endOf('day');\n    return [\n      {\n        from: today.startOf('week').toDate(),\n        to: today.endOf('week').toDate(),\n        label: t('This week'),\n      },\n      {\n        from: today.startOf('month').toDate(),\n        to: today.endOf('month').toDate(),\n        label: t('This month'),\n      },\n      {\n        from: today.startOf('year').toDate(),\n        to: today.endOf('year').toDate(),\n        label: t('This year'),\n      },\n      {\n        from: today.subtract(7, 'day').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 7 days'),\n      },\n      {\n        from: today.subtract(30, 'day').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 30 days'),\n      },\n      {\n        from: today.subtract(3, 'month').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 3 months'),\n      },\n      {\n        from: today.subtract(6, 'month').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 6 months'),\n      },\n      {\n        from: today.subtract(12, 'month').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 12 months'),\n      },\n    ].map((item) => ({\n      ...item,\n      isActive:\n        selected?.from?.getTime() === item.from.getTime() &&\n        selected?.to?.getTime() === item.to.getTime(),\n    }));\n  }, [t, selected]);\n\n  const handleRangeSelect = (range: DateRange) => {\n    setDate(range);\n    if (range?.from && range?.to) {\n      onRangeSelected(range);\n      setOpen(false);\n    }\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild className={'m-0!'} disabled={disabled}>\n        <div className={'relative'}>\n          <Input\n            variant={error ? 'failure' : 'default'}\n            {...inputProps}\n            readOnly\n            value={\n              date?.from\n                ? date.to\n                  ? `${dayjs(date.from).format(format)}-${dayjs(date.to).format(format)}`\n                  : dayjs(date.from).format(format)\n                : ''\n            }\n            placeholder={placeholder}\n            disabled={disabled}\n            className={cn(className)}\n          />\n          {date && (\n            <XIcon\n              onClick={() => {\n                setDate(undefined);\n                onRangeSelected?.(undefined);\n              }}\n              className={cn(\n                'text-secondary absolute top-3 right-8 size-4 cursor-pointer',\n                disabled && 'pointer-events-none opacity-50'\n              )}\n            />\n          )}\n          <Calendar1\n            className={cn(\n              'text-secondary absolute top-2.5 right-2 size-5',\n              disabled && 'pointer-events-none opacity-50'\n            )}\n          />\n        </div>\n      </PopoverTrigger>\n      <PopoverContent className=\"flex w-auto p-0\" align=\"end\" side={'bottom'}>\n        <div\n          className={\n            'border-border-alpha-light flex flex-col space-y-1 border-e p-2'\n          }\n        >\n          {presets.map((preset, index) => (\n            <Button\n              size={'xs'}\n              key={index}\n              variant={preset.isActive ? 'default' : 'ghost'}\n              className={'justify-start'}\n              onClick={() => handleRangeSelect(preset)}\n            >\n              {preset.label}\n            </Button>\n          ))}\n        </div>\n        <Calendar\n          {...props}\n          className={'border-border-alpha-light border-e'}\n          mode=\"single\"\n          endMonth={date?.to}\n          selected={date?.from}\n          selectedToDate={date?.to}\n          selectedFromDate={date?.from}\n          timeZone={timezone}\n          disabled={\n            date?.to\n              ? {\n                  after: date.to,\n                }\n              : undefined\n          }\n          onSelect={(from) => {\n            setDate({ ...date, from: from as Date | undefined });\n          }}\n        />\n        <Calendar\n          {...props}\n          mode=\"single\"\n          startMonth={date?.from}\n          selected={date?.to}\n          timeZone={timezone}\n          disabled={\n            date?.from\n              ? {\n                  before: date.from,\n                }\n              : undefined\n          }\n          selectedToDate={date?.to}\n          selectedFromDate={date?.from}\n          onSelect={(to) => {\n            if (date) {\n              handleRangeSelect({ ...date, to: to as Date | undefined });\n            }\n          }}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n};\n"],"names":["DateRangePicker","className","format","DATE","selected","timezone","onRangeSelected","placeholder","disabled","error","inputProps","props","t","useTranslation","open","setOpen","useState","date","setDate","useEffect","presets","useMemo","today","dayjs","item","_a","_b","handleRangeSelect","range","jsxs","Popover","jsx","PopoverTrigger","Input","cn","XIcon","Calendar1","PopoverContent","preset","index","Button","Calendar","from","to"],"mappings":"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"}

package/dist/chunks/DateRangePicker-H-_fkN-r.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),L=require("dayjs"),P=require("dgz-ui/button"),h=require("dgz-ui/calendar"),_=require("dgz-ui/form"),d=require("dgz-ui/popover"),D=require("dgz-ui/utils"),O=require("lucide-react"),c=require("react"),w=require("react-i18next"),M=a=>a&&a.__esModule?a:{default:a},m=M(L),A=({className:a,format:u=h.DATE,selected:s,timezone:b,onRangeSelected:i=()=>{},placeholder:T,disabled:l,error:q,inputProps:N,...y})=>{const{t:r}=w.useTranslation(),[C,p]=c.useState(!1),[t,f]=c.useState();c.useEffect(()=>{f(s)},[s]);const k=c.useMemo(()=>{const o=m.default().endOf("day");return[{from:o.startOf("week").toDate(),to:o.endOf("week").toDate(),label:r("This week")},{from:o.startOf("month").toDate(),to:o.endOf("month").toDate(),label:r("This month")},{from:o.startOf("year").toDate(),to:o.endOf("year").toDate(),label:r("This year")},{from:o.subtract(7,"day").startOf("day").toDate(),to:o.toDate(),label:r("Last 7 days")},{from:o.subtract(30,"day").startOf("day").toDate(),to:o.toDate(),label:r("Last 30 days")},{from:o.subtract(3,"month").startOf("day").toDate(),to:o.toDate(),label:r("Last 3 months")},{from:o.subtract(6,"month").startOf("day").toDate(),to:o.toDate(),label:r("Last 6 months")},{from:o.subtract(12,"month").startOf("day").toDate(),to:o.toDate(),label:r("Last 12 months")}].map(n=>{var v,j;return{...n,isActive:((v=s==null?void 0:s.from)==null?void 0:v.getTime())===n.from.getTime()&&((j=s==null?void 0:s.to)==null?void 0:j.getTime())===n.to.getTime()}})},[r,s]),x=o=>{f(o),o!=null&&o.from&&(o!=null&&o.to)&&(i(o),p(!1))};return e.jsxs(d.Popover,{open:C,onOpenChange:p,children:[e.jsx(d.PopoverTrigger,{asChild:!0,className:"m-0!",disabled:l,children:e.jsxs("div",{className:"relative",children:[e.jsx(_.Input,{variant:q?"failure":"default",...N,readOnly:!0,value:t!=null&&t.from?t.to?`${m.default(t.from).format(u)}-${m.default(t.to).format(u)}`:m.default(t.from).format(u):"",placeholder:T,disabled:l,className:D.cn(a)}),t&&e.jsx(O.XIcon,{onClick:()=>{f(void 0),i==null||i(void 0)},className:D.cn("text-secondary absolute top-3 right-8 size-4 cursor-pointer",l&&"pointer-events-none opacity-50")}),e.jsx(O.Calendar1,{className:D.cn("text-secondary absolute top-2.5 right-2 size-5",l&&"pointer-events-none opacity-50")})]})}),e.jsxs(d.PopoverContent,{className:"flex w-auto p-0",align:"end",side:"bottom",children:[e.jsx("div",{className:"border-border-alpha-light flex flex-col space-y-1 border-e p-2",children:k.map((o,n)=>e.jsx(P.Button,{size:"xs",variant:o.isActive?"default":"ghost",className:"justify-start",onClick:()=>x(o),children:o.label},n))}),e.jsx(h.Calendar,{...y,className:"border-border-alpha-light border-e",mode:"single",endMonth:t==null?void 0:t.to,selected:t==null?void 0:t.from,selectedToDate:t==null?void 0:t.to,selectedFromDate:t==null?void 0:t.from,timeZone:b,disabled:t!=null&&t.to?{after:t.to}:void 0,onSelect:o=>{f({...t,from:o})}}),e.jsx(h.Calendar,{...y,mode:"single",startMonth:t==null?void 0:t.from,selected:t==null?void 0:t.to,timeZone:b,disabled:t!=null&&t.from?{before:t.from}:void 0,selectedToDate:t==null?void 0:t.to,selectedFromDate:t==null?void 0:t.from,onSelect:o=>{t&&x({...t,to:o})}})]})]})};exports.DateRangePicker=A;
+//# sourceMappingURL=DateRangePicker-H-_fkN-r.cjs.js.map

package/dist/chunks/DateRangePicker-H-_fkN-r.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker-H-_fkN-r.cjs.js","sources":["../../src/components/datepicker/DateRangePicker.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { Button } from 'dgz-ui/button';\nimport { Calendar, type CalendarProps, DATE } from 'dgz-ui/calendar';\nimport { Input, type InputProps } from 'dgz-ui/form';\nimport { Popover, PopoverContent, PopoverTrigger } from 'dgz-ui/popover';\nimport { cn } from 'dgz-ui/utils';\nimport { Calendar1, XIcon } from 'lucide-react';\nimport { type ReactNode, useEffect, useMemo, useState } from 'react';\nimport { type DateRange } from 'react-day-picker';\nimport { useTranslation } from 'react-i18next';\n\n/**\n * Props for the DateRangePicker component.\n */\nexport type DateRangePickerProps = Omit<\n  CalendarProps,\n  'mode' | 'disabled' | 'selected'\n> & {\n  /** The date format string (e.g., 'YYYY-MM-DD'). */\n  format?: string;\n  /** Placeholder text when no date is selected. */\n  placeholder?: string;\n  /** The currently selected date range. */\n  selected?: DateRange;\n  /** Timezone for date calculations. */\n  timezone?: string;\n  /** Error message to display (modifies styling). */\n  error?: string;\n  /** Callback function when a date range is selected. */\n  onRangeSelected?: (value?: DateRange) => void;\n  inputProps?: InputProps;\n  disabled?: boolean;\n};\n\n/**\n * Type definition for a date range preset configuration.\n */\ntype PresetType = DateRange & {\n  /** Label for the preset (e.g., \"Last 7 days\"). */\n  label: ReactNode;\n  isActive?: boolean;\n};\n\n/**\n * DateRangePicker displays a two-month range picker with helpful presets.\n *\n * @param props.format - Display date format.\n * @param props.selected - Currently selected date range.\n * @param props.timezone - Time zone for date calculations.\n * @param props.onRangeSelected - Callback when a full range is selected.\n * @param props.placeholder - Placeholder when no date selected.\n * @param props.error - Optional error message that adjusts styling.\n * @param props.inputProps - Props passed to the underlying Input component.\n * @param props.disabled - Whether the date range picker is disabled.\n * @returns A date range picker component.\n */\nexport const DateRangePicker = ({\n  className,\n  format = DATE,\n  selected,\n  timezone,\n  onRangeSelected = () => {},\n  placeholder,\n  disabled,\n  error,\n  inputProps,\n  ...props\n}: DateRangePickerProps) => {\n  const { t } = useTranslation();\n  const [open, setOpen] = useState(false);\n  const [date, setDate] = useState<DateRange | undefined>();\n\n  useEffect(() => {\n    setDate(selected);\n  }, [selected]);\n\n  const presets: PresetType[] = useMemo(() => {\n    const today = dayjs().endOf('day');\n    return [\n      {\n        from: today.startOf('week').toDate(),\n        to: today.endOf('week').toDate(),\n        label: t('This week'),\n      },\n      {\n        from: today.startOf('month').toDate(),\n        to: today.endOf('month').toDate(),\n        label: t('This month'),\n      },\n      {\n        from: today.startOf('year').toDate(),\n        to: today.endOf('year').toDate(),\n        label: t('This year'),\n      },\n      {\n        from: today.subtract(7, 'day').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 7 days'),\n      },\n      {\n        from: today.subtract(30, 'day').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 30 days'),\n      },\n      {\n        from: today.subtract(3, 'month').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 3 months'),\n      },\n      {\n        from: today.subtract(6, 'month').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 6 months'),\n      },\n      {\n        from: today.subtract(12, 'month').startOf('day').toDate(),\n        to: today.toDate(),\n        label: t('Last 12 months'),\n      },\n    ].map((item) => ({\n      ...item,\n      isActive:\n        selected?.from?.getTime() === item.from.getTime() &&\n        selected?.to?.getTime() === item.to.getTime(),\n    }));\n  }, [t, selected]);\n\n  const handleRangeSelect = (range: DateRange) => {\n    setDate(range);\n    if (range?.from && range?.to) {\n      onRangeSelected(range);\n      setOpen(false);\n    }\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild className={'m-0!'} disabled={disabled}>\n        <div className={'relative'}>\n          <Input\n            variant={error ? 'failure' : 'default'}\n            {...inputProps}\n            readOnly\n            value={\n              date?.from\n                ? date.to\n                  ? `${dayjs(date.from).format(format)}-${dayjs(date.to).format(format)}`\n                  : dayjs(date.from).format(format)\n                : ''\n            }\n            placeholder={placeholder}\n            disabled={disabled}\n            className={cn(className)}\n          />\n          {date && (\n            <XIcon\n              onClick={() => {\n                setDate(undefined);\n                onRangeSelected?.(undefined);\n              }}\n              className={cn(\n                'text-secondary absolute top-3 right-8 size-4 cursor-pointer',\n                disabled && 'pointer-events-none opacity-50'\n              )}\n            />\n          )}\n          <Calendar1\n            className={cn(\n              'text-secondary absolute top-2.5 right-2 size-5',\n              disabled && 'pointer-events-none opacity-50'\n            )}\n          />\n        </div>\n      </PopoverTrigger>\n      <PopoverContent className=\"flex w-auto p-0\" align=\"end\" side={'bottom'}>\n        <div\n          className={\n            'border-border-alpha-light flex flex-col space-y-1 border-e p-2'\n          }\n        >\n          {presets.map((preset, index) => (\n            <Button\n              size={'xs'}\n              key={index}\n              variant={preset.isActive ? 'default' : 'ghost'}\n              className={'justify-start'}\n              onClick={() => handleRangeSelect(preset)}\n            >\n              {preset.label}\n            </Button>\n          ))}\n        </div>\n        <Calendar\n          {...props}\n          className={'border-border-alpha-light border-e'}\n          mode=\"single\"\n          endMonth={date?.to}\n          selected={date?.from}\n          selectedToDate={date?.to}\n          selectedFromDate={date?.from}\n          timeZone={timezone}\n          disabled={\n            date?.to\n              ? {\n                  after: date.to,\n                }\n              : undefined\n          }\n          onSelect={(from) => {\n            setDate({ ...date, from: from as Date | undefined });\n          }}\n        />\n        <Calendar\n          {...props}\n          mode=\"single\"\n          startMonth={date?.from}\n          selected={date?.to}\n          timeZone={timezone}\n          disabled={\n            date?.from\n              ? {\n                  before: date.from,\n                }\n              : undefined\n          }\n          selectedToDate={date?.to}\n          selectedFromDate={date?.from}\n          onSelect={(to) => {\n            if (date) {\n              handleRangeSelect({ ...date, to: to as Date | undefined });\n            }\n          }}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n};\n"],"names":["DateRangePicker","className","format","DATE","selected","timezone","onRangeSelected","placeholder","disabled","error","inputProps","props","t","useTranslation","open","setOpen","useState","date","setDate","useEffect","presets","useMemo","today","dayjs","item","_a","_b","handleRangeSelect","range","jsxs","Popover","jsx","PopoverTrigger","Input","cn","XIcon","Calendar1","PopoverContent","preset","index","Button","Calendar","from","to"],"mappings":"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"}

package/dist/chunks/Empty-BReVQKje.es.js

@@ -0,0 +1,25 @@
+import { jsxs as i, jsx as m } from "react/jsx-runtime";
+import { cn as n } from "dgz-ui/utils";
+import { FolderOpen as c } from "lucide-react";
+import { useTranslation as l } from "react-i18next";
+const d = ({ children: t, icon: e, className: r, ...s }) => {
+  const { t: o } = l();
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ...s,
+      className: n(
+        "flex h-16 flex-col items-center justify-center text-center text-base",
+        r
+      ),
+      children: [
+        e || /* @__PURE__ */ m(c, { size: 48, strokeWidth: 1 }),
+        t || o("No results")
+      ]
+    }
+  );
+};
+export {
+  d as E
+};
+//# sourceMappingURL=Empty-BReVQKje.es.js.map

package/dist/chunks/Empty-BReVQKje.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty-BReVQKje.es.js","sources":["../../src/components/empty/Empty.tsx"],"sourcesContent":["import { cn } from 'dgz-ui/utils';\nimport { FolderOpen } from 'lucide-react';\nimport type { HTMLAttributes, ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\n/**\n * Props for the Empty component.\n */\nexport interface EmptyProps extends HTMLAttributes<HTMLDivElement> {\n  /** Optional custom icon. Defaults to a folder icon. */\n  icon?: ReactNode;\n}\n\n/**\n * Empty displays a simple empty state with an optional icon and message.\n *\n * @param children - Optional custom message/content.\n * @param icon - Optional custom icon. Defaults to a folder icon.\n * @param className - Additional CSS classes.\n * @param props - Additional HTML attributes for the container.\n * @returns A centered empty state component.\n */\nexport const Empty = ({ children, icon, className, ...props }: EmptyProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <div\n      {...props}\n      className={cn(\n        'flex h-16 flex-col items-center justify-center text-center text-base',\n        className\n      )}\n    >\n      {icon || <FolderOpen size={48} strokeWidth={1} />}\n      {children || t('No results')}\n    </div>\n  );\n};\n"],"names":["Empty","children","icon","className","props","t","useTranslation","jsxs","cn","jsx","FolderOpen"],"mappings":";;;;AAsBO,MAAMA,IAAQ,CAAC,EAAE,UAAAC,GAAU,MAAAC,GAAM,WAAAC,GAAW,GAAGC,QAAwB;AAC5E,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACJ,WAAWI;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAAD,KAAQ,gBAAAO,EAACC,GAAA,EAAW,MAAM,IAAI,aAAa,GAAG;AAAA,QAC9CT,KAAYI,EAAE,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGjC;"}

package/dist/chunks/Empty-BYOOFAab.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("dgz-ui/utils"),u=require("lucide-react"),o=require("react-i18next"),l=({children:t,icon:s,className:r,...c})=>{const{t:n}=o.useTranslation();return e.jsxs("div",{...c,className:i.cn("flex h-16 flex-col items-center justify-center text-center text-base",r),children:[s||e.jsx(u.FolderOpen,{size:48,strokeWidth:1}),t||n("No results")]})};exports.Empty=l;
+//# sourceMappingURL=Empty-BYOOFAab.cjs.js.map

package/dist/chunks/Empty-BYOOFAab.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty-BYOOFAab.cjs.js","sources":["../../src/components/empty/Empty.tsx"],"sourcesContent":["import { cn } from 'dgz-ui/utils';\nimport { FolderOpen } from 'lucide-react';\nimport type { HTMLAttributes, ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\n/**\n * Props for the Empty component.\n */\nexport interface EmptyProps extends HTMLAttributes<HTMLDivElement> {\n  /** Optional custom icon. Defaults to a folder icon. */\n  icon?: ReactNode;\n}\n\n/**\n * Empty displays a simple empty state with an optional icon and message.\n *\n * @param children - Optional custom message/content.\n * @param icon - Optional custom icon. Defaults to a folder icon.\n * @param className - Additional CSS classes.\n * @param props - Additional HTML attributes for the container.\n * @returns A centered empty state component.\n */\nexport const Empty = ({ children, icon, className, ...props }: EmptyProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <div\n      {...props}\n      className={cn(\n        'flex h-16 flex-col items-center justify-center text-center text-base',\n        className\n      )}\n    >\n      {icon || <FolderOpen size={48} strokeWidth={1} />}\n      {children || t('No results')}\n    </div>\n  );\n};\n"],"names":["Empty","children","icon","className","props","t","useTranslation","jsxs","cn","jsx","FolderOpen"],"mappings":"iIAsBaA,EAAQ,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,UAAAC,EAAW,GAAGC,KAAwB,CAC5E,KAAM,CAAE,EAAAC,CAAA,EAAMC,iBAAA,EAEd,OACEC,EAAAA,KAAC,MAAA,CACE,GAAGH,EACJ,UAAWI,EAAAA,GACT,uEACAL,CAAA,EAGD,SAAA,CAAAD,GAAQO,EAAAA,IAACC,aAAA,CAAW,KAAM,GAAI,YAAa,EAAG,EAC9CT,GAAYI,EAAE,YAAY,CAAA,CAAA,CAAA,CAGjC"}

package/dist/chunks/ExportData-CHPKm-ZY.es.js

@@ -0,0 +1,32 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { Z as d, f as m } from "./index-E1NtSoNr.es.js";
+import { Button as p } from "dgz-ui/button";
+import { DropdownMenu as c, DropdownMenuTrigger as u, DropdownMenuContent as f, DropdownMenuItem as h } from "dgz-ui/dropdown";
+import { S as x } from "./Spin-DtW_edOq.es.js";
+const E = ({
+  options: o,
+  loading: i = !1,
+  triggerProps: a,
+  contentProps: l,
+  title: t
+}) => /* @__PURE__ */ e(c, { children: [
+  /* @__PURE__ */ r(u, { asChild: !0, ...a, children: /* @__PURE__ */ e(
+    p,
+    {
+      variant: "secondary",
+      size: "sm",
+      className: "ml-auto rounded-lg px-3",
+      children: [
+        i ? /* @__PURE__ */ r(x, {}) : /* @__PURE__ */ r(d, {}),
+        " ",
+        /* @__PURE__ */ r("span", { className: "hidden lg:!inline", children: t || "Export" }),
+        /* @__PURE__ */ r(m, {})
+      ]
+    }
+  ) }),
+  /* @__PURE__ */ r(f, { align: "end", ...l, children: o.map((n, s) => /* @__PURE__ */ r(h, { onClick: () => n.onClick(), children: n.label }, s)) })
+] });
+export {
+  E
+};
+//# sourceMappingURL=ExportData-CHPKm-ZY.es.js.map

package/dist/chunks/ExportData-CHPKm-ZY.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportData-CHPKm-ZY.es.js","sources":["../../src/components/export/ExportData.tsx"],"sourcesContent":["import { RiArrowDownSLine, RiFileChartLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport type { ReactNode } from 'react';\nimport { Spin } from '../loader';\n\n/**\n * Describes a single export option in the ExportData dropdown.\n *\n * - Use `label` to render the visible option content (text or any React node).\n * - Provide `onClick` to trigger the export logic (CSV/XLS/PDF, etc.).\n */\nexport interface ExportDataInterface {\n  /** Visible content for the dropdown item (text, icon, etc.). */\n  label: ReactNode;\n  /** Callback executed when the export option is selected. */\n  onClick: () => void;\n}\n\n/**\n * Props for the `ExportData` component.\n *\n * - `options` — A list of export actions displayed in the dropdown.\n * - `loading` — When `true`, shows a small spinner in the button to indicate an export is in progress.\n */\nexport interface ExportDataProps extends DropdownContainerProps {\n  /** Export actions displayed in the dropdown. */\n  options: ExportDataInterface[];\n  /** If `true`, renders a spinner icon in the button. */\n  loading?: boolean;\n  /** Title for the export button. */\n  title?: ReactNode;\n}\n\n/**\n * ExportData renders a compact dropdown button for exporting data in various formats.\n *\n * Behavior\n * - Shows a button with an export icon and localized \"Export\" label.\n * - Clicking opens a dropdown with the provided `options` list.\n * - Each option calls its `onClick` handler when selected.\n *\n * Accessibility\n * - Uses the shared Dropdown primitives and Button which provide keyboard and ARIA support.\n *\n * Internationalization\n * - The button label is translated via `react-i18next` using the `Export` key.\n */\nexport const ExportData = ({\n  options,\n  loading = false,\n  triggerProps,\n  contentProps,\n  title,\n}: ExportDataProps) => {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild {...triggerProps}>\n        <Button\n          variant=\"secondary\"\n          size={'sm'}\n          className={'ml-auto rounded-lg px-3'}\n        >\n          {loading ? <Spin /> : <RiFileChartLine />}{' '}\n          <span className={'hidden lg:!inline'}>{title || 'Export'}</span>\n          <RiArrowDownSLine />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" {...contentProps}>\n        {options.map((option, index) => {\n          return (\n            <DropdownMenuItem key={index} onClick={() => option.onClick()}>\n              {option.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["ExportData","options","loading","triggerProps","contentProps","title","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","Button","Spin","RiFileChartLine","RiArrowDownSLine","DropdownMenuContent","option","index","DropdownMenuItem"],"mappings":";;;;;AAsDO,MAAMA,IAAa,CAAC;AAAA,EACzB,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AACF,wBAEKC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAoB,SAAO,IAAE,GAAGL,GAC/B,UAAA,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAM;AAAA,MACN,WAAW;AAAA,MAEV,UAAA;AAAA,QAAAR,IAAU,gBAAAK,EAACI,GAAA,CAAA,CAAK,IAAK,gBAAAJ,EAACK,GAAA,EAAgB;AAAA,QAAI;AAAA,QAC3C,gBAAAL,EAAC,QAAA,EAAK,WAAW,qBAAsB,eAAS,UAAS;AAAA,0BACxDM,GAAA,CAAA,CAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEtB;AAAA,EACA,gBAAAN,EAACO,GAAA,EAAoB,OAAM,OAAO,GAAGV,GAClC,UAAAH,EAAQ,IAAI,CAACc,GAAQC,MAElB,gBAAAT,EAACU,KAA6B,SAAS,MAAMF,EAAO,QAAA,GACjD,UAAAA,EAAO,MAAA,GADaC,CAEvB,CAEH,EAAA,CACH;AAAA,GACF;"}

package/dist/chunks/ExportData-CrB0H1Ts.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),s=require("./index-ClQFzqcq.cjs.js"),c=require("dgz-ui/button"),e=require("dgz-ui/dropdown"),u=require("./Spin-DUK1prd9.cjs.js"),x=({options:i,loading:o=!1,triggerProps:t,contentProps:d,title:l})=>n.jsxs(e.DropdownMenu,{children:[n.jsx(e.DropdownMenuTrigger,{asChild:!0,...t,children:n.jsxs(c.Button,{variant:"secondary",size:"sm",className:"ml-auto rounded-lg px-3",children:[o?n.jsx(u.Spin,{}):n.jsx(s.ZC,{})," ",n.jsx("span",{className:"hidden lg:!inline",children:l||"Export"}),n.jsx(s.f1,{})]})}),n.jsx(e.DropdownMenuContent,{align:"end",...d,children:i.map((r,a)=>n.jsx(e.DropdownMenuItem,{onClick:()=>r.onClick(),children:r.label},a))})]});exports.ExportData=x;
+//# sourceMappingURL=ExportData-CrB0H1Ts.cjs.js.map

package/dist/chunks/ExportData-CrB0H1Ts.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportData-CrB0H1Ts.cjs.js","sources":["../../src/components/export/ExportData.tsx"],"sourcesContent":["import { RiArrowDownSLine, RiFileChartLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport type { ReactNode } from 'react';\nimport { Spin } from '../loader';\n\n/**\n * Describes a single export option in the ExportData dropdown.\n *\n * - Use `label` to render the visible option content (text or any React node).\n * - Provide `onClick` to trigger the export logic (CSV/XLS/PDF, etc.).\n */\nexport interface ExportDataInterface {\n  /** Visible content for the dropdown item (text, icon, etc.). */\n  label: ReactNode;\n  /** Callback executed when the export option is selected. */\n  onClick: () => void;\n}\n\n/**\n * Props for the `ExportData` component.\n *\n * - `options` — A list of export actions displayed in the dropdown.\n * - `loading` — When `true`, shows a small spinner in the button to indicate an export is in progress.\n */\nexport interface ExportDataProps extends DropdownContainerProps {\n  /** Export actions displayed in the dropdown. */\n  options: ExportDataInterface[];\n  /** If `true`, renders a spinner icon in the button. */\n  loading?: boolean;\n  /** Title for the export button. */\n  title?: ReactNode;\n}\n\n/**\n * ExportData renders a compact dropdown button for exporting data in various formats.\n *\n * Behavior\n * - Shows a button with an export icon and localized \"Export\" label.\n * - Clicking opens a dropdown with the provided `options` list.\n * - Each option calls its `onClick` handler when selected.\n *\n * Accessibility\n * - Uses the shared Dropdown primitives and Button which provide keyboard and ARIA support.\n *\n * Internationalization\n * - The button label is translated via `react-i18next` using the `Export` key.\n */\nexport const ExportData = ({\n  options,\n  loading = false,\n  triggerProps,\n  contentProps,\n  title,\n}: ExportDataProps) => {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild {...triggerProps}>\n        <Button\n          variant=\"secondary\"\n          size={'sm'}\n          className={'ml-auto rounded-lg px-3'}\n        >\n          {loading ? <Spin /> : <RiFileChartLine />}{' '}\n          <span className={'hidden lg:!inline'}>{title || 'Export'}</span>\n          <RiArrowDownSLine />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" {...contentProps}>\n        {options.map((option, index) => {\n          return (\n            <DropdownMenuItem key={index} onClick={() => option.onClick()}>\n              {option.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["ExportData","options","loading","triggerProps","contentProps","title","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","Button","Spin","RiFileChartLine","RiArrowDownSLine","DropdownMenuContent","option","index","DropdownMenuItem"],"mappings":"mLAsDaA,EAAa,CAAC,CACzB,QAAAC,EACA,QAAAC,EAAU,GACV,aAAAC,EACA,aAAAC,EACA,MAAAC,CACF,WAEKC,eAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,oBAAA,CAAoB,QAAO,GAAE,GAAGL,EAC/B,SAAAM,EAAAA,KAACC,EAAAA,OAAA,CACC,QAAQ,YACR,KAAM,KACN,UAAW,0BAEV,SAAA,CAAAR,EAAUK,EAAAA,IAACI,OAAA,CAAA,CAAK,EAAKJ,EAAAA,IAACK,EAAAA,GAAA,EAAgB,EAAI,IAC3CL,EAAAA,IAAC,OAAA,CAAK,UAAW,oBAAsB,YAAS,SAAS,QACxDM,EAAAA,GAAA,CAAA,CAAiB,CAAA,CAAA,CAAA,EAEtB,EACAN,EAAAA,IAACO,EAAAA,oBAAA,CAAoB,MAAM,MAAO,GAAGV,EAClC,SAAAH,EAAQ,IAAI,CAACc,EAAQC,IAElBT,MAACU,EAAAA,kBAA6B,QAAS,IAAMF,EAAO,QAAA,EACjD,SAAAA,EAAO,KAAA,EADaC,CAEvB,CAEH,CAAA,CACH,CAAA,EACF"}

package/dist/{Keyboard-CJVAJWdO.js → chunks/Keyboard-CJVAJWdO.es.js}

@@ -2,3 +2,4 @@ var e = /* @__PURE__ */ ((r) => (r.ENTER = "Enter", r))(e || {});
 export {
   e as K
 };
+//# sourceMappingURL=Keyboard-CJVAJWdO.es.js.map

package/dist/chunks/Keyboard-CJVAJWdO.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Keyboard-CJVAJWdO.es.js","sources":["../../src/enums/Keyboard.ts"],"sourcesContent":["/**\n * Keyboard enum listing commonly used keyboard keys.\n */\nexport enum Keyboard {\n  ENTER = 'Enter',\n}\n"],"names":["Keyboard"],"mappings":"AAGO,IAAKA,sBAAAA,OACVA,EAAA,QAAQ,SADEA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/{Keyboard-kyPAAQWP.cjs → chunks/Keyboard-kyPAAQWP.cjs.js}

@@ -1 +1,2 @@
 "use strict";var e=(r=>(r.ENTER="Enter",r))(e||{});exports.Keyboard=e;
+//# sourceMappingURL=Keyboard-kyPAAQWP.cjs.js.map

package/dist/chunks/Keyboard-kyPAAQWP.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Keyboard-kyPAAQWP.cjs.js","sources":["../../src/enums/Keyboard.ts"],"sourcesContent":["/**\n * Keyboard enum listing commonly used keyboard keys.\n */\nexport enum Keyboard {\n  ENTER = 'Enter',\n}\n"],"names":["Keyboard"],"mappings":"aAGO,IAAKA,GAAAA,IACVA,EAAA,MAAQ,QADEA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/chunks/Loader-D_jX_Wgx.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),r=require("./Spin-DUK1prd9.cjs.js"),i=t=>e.jsx("div",{className:"text-item-primary mx-auto flex w-full items-center justify-center p-4",...t,children:e.jsx(r.Spin,{className:"text-item-primary size-6"})});exports.Loader=i;
+//# sourceMappingURL=Loader-D_jX_Wgx.cjs.js.map

package/dist/chunks/Loader-D_jX_Wgx.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader-D_jX_Wgx.cjs.js","sources":["../../src/components/loader/Loader.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport Spin from './Spin.tsx';\n\n/**\n * Loader shows a centered spinning indicator inside a container.\n *\n * @param props - Optional div HTML attributes.\n */\nconst Loader = (props?: HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      className=\"text-item-primary mx-auto flex w-full items-center justify-center p-4\"\n      {...props}\n    >\n      <Spin className=\"text-item-primary size-6\" />\n    </div>\n  );\n};\n\nexport default Loader;\n"],"names":["Loader","props","jsx","Spin"],"mappings":"sFAQMA,EAAUC,GAEZC,EAAAA,IAAC,MAAA,CACC,UAAU,wEACT,GAAGD,EAEJ,SAAAC,EAAAA,IAACC,EAAAA,KAAA,CAAK,UAAU,0BAAA,CAA2B,CAAA,CAAA"}

package/dist/chunks/Loader-zvzAi0F6.es.js

@@ -0,0 +1,14 @@
+import { jsx as e } from "react/jsx-runtime";
+import { S as r } from "./Spin-DtW_edOq.es.js";
+const s = (t) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: "text-item-primary mx-auto flex w-full items-center justify-center p-4",
+    ...t,
+    children: /* @__PURE__ */ e(r, { className: "text-item-primary size-6" })
+  }
+);
+export {
+  s as L
+};
+//# sourceMappingURL=Loader-zvzAi0F6.es.js.map

package/dist/chunks/Loader-zvzAi0F6.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader-zvzAi0F6.es.js","sources":["../../src/components/loader/Loader.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport Spin from './Spin.tsx';\n\n/**\n * Loader shows a centered spinning indicator inside a container.\n *\n * @param props - Optional div HTML attributes.\n */\nconst Loader = (props?: HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      className=\"text-item-primary mx-auto flex w-full items-center justify-center p-4\"\n      {...props}\n    >\n      <Spin className=\"text-item-primary size-6\" />\n    </div>\n  );\n};\n\nexport default Loader;\n"],"names":["Loader","props","jsx","Spin"],"mappings":";;AAQA,MAAMA,IAAS,CAACC,MAEZ,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACT,GAAGD;AAAA,IAEJ,UAAA,gBAAAC,EAACC,GAAA,EAAK,WAAU,2BAAA,CAA2B;AAAA,EAAA;AAAA;"}

package/dist/chunks/MyInput-C9PNyYby.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),s=require("dgz-ui/form"),a=require("dgz-ui/utils"),j=require("./lodash-BjH0kD7j.cjs.js"),g=({control:o,name:r,label:c,required:m,className:i,rules:x,floatingError:u,...l})=>r&&o&&e.jsx(s.FormField,{control:o,name:r,rules:x,render:({field:n,formState:d})=>e.jsxs(s.FormItem,{className:a.cn(u&&"space-y-0"),children:[c&&e.jsxs(s.FormLabel,{className:"block",children:[c," ",m&&e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsx(s.FormControl,{children:e.jsx(s.Input,{variant:j.lodashExports.get(d.errors,`${r}.message`)?"failure":"default",...l,...n,onChange:h=>{const t=h.target.value;l.type==="number"?n.onChange(t?Number(t):void 0):n.onChange(t)},className:a.cn(i)})}),e.jsx(s.FormMessage,{className:a.cn(u&&"absolute -bottom-5")})]})})||null;exports.MyInput=g;
+//# sourceMappingURL=MyInput-C9PNyYby.cjs.js.map

package/dist/chunks/MyInput-C9PNyYby.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyInput-C9PNyYby.cjs.js","sources":["../../src/components/form/MyInput.tsx"],"sourcesContent":["import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n  Input,\n  type InputProps,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyInput component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyInputProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> & InputProps;\n\n/**\n * MyInput is a form-aware input field that integrates with react-hook-form.\n * Works in both controlled (with control/name) and uncontrolled modes.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the input.\n * @param required - Whether the field is required.\n * @param className - Custom CSS class name.\n * @param rules - The `react-hook-form` validation rules.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param props - Input and form item props.\n */\nexport const MyInput = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  required,\n  className,\n  rules,\n  floatingError,\n  ...props\n}: MyInputProps<TFieldValues>) => {\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field, formState }) => (\n          <FormItem className={cn(floatingError && 'space-y-0')}>\n            {label && (\n              <FormLabel className={'block'}>\n                {label} {required && <span className={'text-red-600'}>*</span>}\n              </FormLabel>\n            )}\n            <FormControl>\n              <Input\n                variant={\n                  get(formState.errors, `${name}.message`)\n                    ? 'failure'\n                    : 'default'\n                }\n                {...props}\n                {...field}\n                onChange={(event) => {\n                  const value = event.target.value;\n                  if (props.type === 'number') {\n                    field.onChange(value ? Number(value) : undefined);\n                  } else {\n                    field.onChange(value);\n                  }\n                }}\n                className={cn(className)}\n              />\n            </FormControl>\n            <FormMessage\n              className={cn(floatingError && 'absolute -bottom-5')}\n            />\n          </FormItem>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n"],"names":["MyInput","control","name","label","required","className","rules","floatingError","props","jsx","FormField","field","formState","jsxs","FormItem","cn","FormLabel","FormControl","Input","get","event","value","FormMessage"],"mappings":"2IAmCaA,EAAU,CAAmC,CACxD,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,cAAAC,EACA,GAAGC,CACL,IAEKN,GAAQD,GACPQ,EAAAA,IAACC,EAAAA,UAAA,CACC,QAAAT,EACA,KAAAC,EACA,MAAAI,EACA,OAAQ,CAAC,CAAE,MAAAK,EAAO,UAAAC,CAAA,IAChBC,EAAAA,KAACC,EAAAA,SAAA,CAAS,UAAWC,EAAAA,GAAGR,GAAiB,WAAW,EACjD,SAAA,CAAAJ,GACCU,EAAAA,KAACG,EAAAA,UAAA,CAAU,UAAW,QACnB,SAAA,CAAAb,EAAM,IAAEC,GAAYK,EAAAA,IAAC,OAAA,CAAK,UAAW,eAAgB,SAAA,GAAA,CAAC,CAAA,EACzD,QAEDQ,EAAAA,YAAA,CACC,SAAAR,EAAAA,IAACS,EAAAA,MAAA,CACC,QACEC,EAAAA,cAAAA,IAAIP,EAAU,OAAQ,GAAGV,CAAI,UAAU,EACnC,UACA,UAEL,GAAGM,EACH,GAAGG,EACJ,SAAWS,GAAU,CACnB,MAAMC,EAAQD,EAAM,OAAO,MACvBZ,EAAM,OAAS,SACjBG,EAAM,SAASU,EAAQ,OAAOA,CAAK,EAAI,MAAS,EAEhDV,EAAM,SAASU,CAAK,CAExB,EACA,UAAWN,EAAAA,GAAGV,CAAS,CAAA,CAAA,EAE3B,EACAI,EAAAA,IAACa,EAAAA,YAAA,CACC,UAAWP,EAAAA,GAAGR,GAAiB,oBAAoB,CAAA,CAAA,CACrD,CAAA,CACF,CAAA,CAAA,GAIN"}

package/dist/chunks/MyInput-Wb0DSWo_.es.js

@@ -0,0 +1,51 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { FormField as g, FormItem as F, FormLabel as N, FormControl as b, Input as x, FormMessage as f } from "dgz-ui/form";
+import { cn as o } from "dgz-ui/utils";
+import { l as v } from "./lodash-CRDOWzbs.es.js";
+const j = ({
+  control: t,
+  name: r,
+  label: m,
+  required: u,
+  className: i,
+  rules: p,
+  floatingError: n,
+  ...l
+}) => r && t && /* @__PURE__ */ e(
+  g,
+  {
+    control: t,
+    name: r,
+    rules: p,
+    render: ({ field: s, formState: d }) => /* @__PURE__ */ c(F, { className: o(n && "space-y-0"), children: [
+      m && /* @__PURE__ */ c(N, { className: "block", children: [
+        m,
+        " ",
+        u && /* @__PURE__ */ e("span", { className: "text-red-600", children: "*" })
+      ] }),
+      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(
+        x,
+        {
+          variant: v.get(d.errors, `${r}.message`) ? "failure" : "default",
+          ...l,
+          ...s,
+          onChange: (h) => {
+            const a = h.target.value;
+            l.type === "number" ? s.onChange(a ? Number(a) : void 0) : s.onChange(a);
+          },
+          className: o(i)
+        }
+      ) }),
+      /* @__PURE__ */ e(
+        f,
+        {
+          className: o(n && "absolute -bottom-5")
+        }
+      )
+    ] })
+  }
+) || null;
+export {
+  j as M
+};
+//# sourceMappingURL=MyInput-Wb0DSWo_.es.js.map

package/dist/chunks/MyInput-Wb0DSWo_.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyInput-Wb0DSWo_.es.js","sources":["../../src/components/form/MyInput.tsx"],"sourcesContent":["import {\n  FormControl,\n  FormField,\n  FormItem,\n  type FormItemProps,\n  FormLabel,\n  FormMessage,\n  Input,\n  type InputProps,\n} from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\n/**\n * Props for the MyInput component.\n * @template TFieldValues - The type of the form values.\n */\nexport type MyInputProps<TFieldValues extends FieldValues> =\n  FormItemProps<TFieldValues> & InputProps;\n\n/**\n * MyInput is a form-aware input field that integrates with react-hook-form.\n * Works in both controlled (with control/name) and uncontrolled modes.\n *\n * @template TFieldValues - Form values type used by react-hook-form.\n * @param control - The `react-hook-form` control object.\n * @param name - The name of the field in `react-hook-form`.\n * @param label - The label to display for the input.\n * @param required - Whether the field is required.\n * @param className - Custom CSS class name.\n * @param rules - The `react-hook-form` validation rules.\n * @param floatingError - Whether to show the error message in a floating container.\n * @param props - Input and form item props.\n */\nexport const MyInput = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  label,\n  required,\n  className,\n  rules,\n  floatingError,\n  ...props\n}: MyInputProps<TFieldValues>) => {\n  return (\n    (name && control && (\n      <FormField<TFieldValues, FieldPath<TFieldValues>>\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field, formState }) => (\n          <FormItem className={cn(floatingError && 'space-y-0')}>\n            {label && (\n              <FormLabel className={'block'}>\n                {label} {required && <span className={'text-red-600'}>*</span>}\n              </FormLabel>\n            )}\n            <FormControl>\n              <Input\n                variant={\n                  get(formState.errors, `${name}.message`)\n                    ? 'failure'\n                    : 'default'\n                }\n                {...props}\n                {...field}\n                onChange={(event) => {\n                  const value = event.target.value;\n                  if (props.type === 'number') {\n                    field.onChange(value ? Number(value) : undefined);\n                  } else {\n                    field.onChange(value);\n                  }\n                }}\n                className={cn(className)}\n              />\n            </FormControl>\n            <FormMessage\n              className={cn(floatingError && 'absolute -bottom-5')}\n            />\n          </FormItem>\n        )}\n      />\n    )) ||\n    null\n  );\n};\n"],"names":["MyInput","control","name","label","required","className","rules","floatingError","props","jsx","FormField","field","formState","jsxs","FormItem","cn","FormLabel","FormControl","Input","get","event","value","FormMessage"],"mappings":";;;;AAmCO,MAAMA,IAAU,CAAmC;AAAA,EACxD,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACL,MAEKN,KAAQD,KACP,gBAAAQ;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAT;AAAA,IACA,MAAAC;AAAA,IACA,OAAAI;AAAA,IACA,QAAQ,CAAC,EAAE,OAAAK,GAAO,WAAAC,EAAA,MAChB,gBAAAC,EAACC,GAAA,EAAS,WAAWC,EAAGR,KAAiB,WAAW,GACjD,UAAA;AAAA,MAAAJ,KACC,gBAAAU,EAACG,GAAA,EAAU,WAAW,SACnB,UAAA;AAAA,QAAAb;AAAA,QAAM;AAAA,QAAEC,KAAY,gBAAAK,EAAC,QAAA,EAAK,WAAW,gBAAgB,UAAA,IAAA,CAAC;AAAA,MAAA,GACzD;AAAA,wBAEDQ,GAAA,EACC,UAAA,gBAAAR;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,SACEC,EAAAA,IAAIP,EAAU,QAAQ,GAAGV,CAAI,UAAU,IACnC,YACA;AAAA,UAEL,GAAGM;AAAA,UACH,GAAGG;AAAA,UACJ,UAAU,CAACS,MAAU;AACnB,kBAAMC,IAAQD,EAAM,OAAO;AAC3B,YAAIZ,EAAM,SAAS,WACjBG,EAAM,SAASU,IAAQ,OAAOA,CAAK,IAAI,MAAS,IAEhDV,EAAM,SAASU,CAAK;AAAA,UAExB;AAAA,UACA,WAAWN,EAAGV,CAAS;AAAA,QAAA;AAAA,MAAA,GAE3B;AAAA,MACA,gBAAAI;AAAA,QAACa;AAAA,QAAA;AAAA,UACC,WAAWP,EAAGR,KAAiB,oBAAoB;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD,EAAA,CACF;AAAA,EAAA;AAAA,KAIN;"}