@vkzstudio/muza-ui 1.0.5 → 1.0.7

package/dist/components/Button/buttonVariants.d.ts

@@ -6,7 +6,7 @@ export declare const sharedButtonVariants: {
 };
 export declare const buttonVariants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
-    variant?: "invert" | "link" | "dashed" | "linkInvert" | "primary" | "secondary" | "tertiary" | null | undefined;
+    variant?: "link" | "invert" | "dashed" | "linkInvert" | "primary" | "secondary" | "tertiary" | null | undefined;
     iconOnly?: boolean | null | undefined;
     fullWidth?: boolean | null | undefined;
     ghost?: boolean | null | undefined;

package/dist/components/Calendar/Calendar.d.ts

@@ -28,8 +28,8 @@ type Single = {
     selected?: Date | undefined;
     onSelect?: (date: Date) => void;
 };
-declare const Calendar: ({ leftPanelChildren, defaultMonth, numberOfMonths, mode, selected, onSelect, onReset, onConfirm, resetButtonText, confirmButtonText, renderResetButton, renderConfirmButton, bottomTextDefault, dateFormatter, dateRangeFormatter, disabledDates, weekStartsOn, excludeDisabled, }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
-declare const CalendarBase: ({ className, classNames, showOutsideDays, captionLayout, formatters, components, ...props }: React.ComponentProps<typeof DayPicker>) => import("react/jsx-runtime").JSX.Element;
+declare const Calendar: ({ leftPanelChildren, defaultMonth, numberOfMonths, mode, selected, onSelect, onReset, onConfirm, resetButtonText: resetButtonTextProp, confirmButtonText: confirmButtonTextProp, renderResetButton, renderConfirmButton, bottomTextDefault: bottomTextDefaultProp, dateFormatter, dateRangeFormatter, disabledDates, weekStartsOn, excludeDisabled, }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+declare const CalendarBase: ({ className, classNames, showOutsideDays, captionLayout, formatters, components, locale, ...props }: React.ComponentProps<typeof DayPicker>) => import("react/jsx-runtime").JSX.Element;
 declare const CalendarDayButton: ({ className, day, modifiers, children, disabled, ...props }: React.ComponentProps<typeof DayButton>) => import("react/jsx-runtime").JSX.Element;
 export { Calendar, CalendarBase, CalendarDayButton };
 //# sourceMappingURL=Calendar.d.ts.map

package/dist/components/Calendar/Calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,KAAK,SAAS,EACd,SAAS,EACT,SAAS,EACT,KAAK,OAAO,EAEb,MAAM,kBAAkB,CAAA;AAYzB,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,CAAA;AAEhE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,EAAE,CAAC,GAAG,CAAC,CAAA;IACrB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,YAAY,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IAC/B,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,mBAAmB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;IAC3C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAA;IACtC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAA;IACjD,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,GAAG,SAAS,CAAA;IAC/C,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACxC,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;CACtC,CAAA;AAED,KAAK,MAAM,GAAG;IACZ,IAAI,EAAE,QAAQ,CAAA;IACd,QAAQ,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CAChC,CAAA;AAED,QAAA,MAAM,QAAQ,GAAI,oRAmBf,aAAa,4CAuEf,CAAA;AAED,QAAA,MAAM,YAAY,GAAI,6FAQnB,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,4CAiNxC,CAAA;AAED,QAAA,MAAM,iBAAiB,GAAI,6DAOxB,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,4CAqDxC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,KAAK,SAAS,EACd,SAAS,EACT,SAAS,EACT,KAAK,OAAO,EAEb,MAAM,kBAAkB,CAAA;AAazB,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,CAAA;AAEhE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,EAAE,CAAC,GAAG,CAAC,CAAA;IACrB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,YAAY,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IAC/B,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,mBAAmB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;IAC3C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAA;IACtC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAA;IACjD,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,GAAG,SAAS,CAAA;IAC/C,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACxC,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;CACtC,CAAA;AAED,KAAK,MAAM,GAAG;IACZ,IAAI,EAAE,QAAQ,CAAA;IACd,QAAQ,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CAChC,CAAA;AAED,QAAA,MAAM,QAAQ,GAAI,uVAmBf,aAAa,4CAmFf,CAAA;AAED,QAAA,MAAM,YAAY,GAAI,qGASnB,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,4CAqNxC,CAAA;AAED,QAAA,MAAM,iBAAiB,GAAI,6DAOxB,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,4CAqDxC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/Calendar/Calendar.js

@@ -1,113 +1,121 @@
-import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import * as w from "react";
-import { formatDate as C } from "./utils/formatDate.js";
-import { formatDateRange as D } from "./utils/formatDateRange.js";
-import { Typography as b, typographyVariants as g } from "../Typography/Typography.js";
-import { Button as h } from "../Button/Button.js";
-import { getDefaultClassNames as _ } from "../../node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js";
-import { DayPicker as A } from "../../node_modules/react-day-picker/dist/esm/DayPicker.js";
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
+import * as _ from "react";
+import { formatDate as L } from "./utils/formatDate.js";
+import { formatDateRange as R } from "./utils/formatDateRange.js";
+import { useMuzaTranslationContext as S } from "../../translations/TranslationContext.js";
+import { Typography as p, typographyVariants as y } from "../Typography/Typography.js";
+import { Button as k } from "../Button/Button.js";
+import { getDefaultClassNames as N } from "../../node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js";
+import { DayPicker as q } from "../../node_modules/react-day-picker/dist/esm/DayPicker.js";
 import { cn as e } from "../../utils/cn.js";
-import { AltArrowLeftOutline as L, AltArrowRightOutline as R, AltArrowDownOutline as S } from "@solar-icons/react-perf";
-const H = ({
-  leftPanelChildren: s,
-  defaultMonth: u,
+import { AltArrowLeftOutline as W, AltArrowRightOutline as Y, AltArrowDownOutline as E } from "@solar-icons/react-perf";
+const U = ({
+  leftPanelChildren: u,
+  defaultMonth: c,
   numberOfMonths: o,
-  mode: i,
-  selected: n,
-  onSelect: c,
-  onReset: f,
-  onConfirm: t,
-  resetButtonText: r,
-  confirmButtonText: d,
-  renderResetButton: l,
-  renderConfirmButton: p,
-  bottomTextDefault: k,
-  dateFormatter: z = C,
-  dateRangeFormatter: N = D,
-  disabledDates: x,
-  weekStartsOn: y = 1,
-  excludeDisabled: j
-}) => /* @__PURE__ */ m("div", { className: "flex", children: [
-  s && /* @__PURE__ */ a("div", { className: "flex flex-col border-r border-stroke-base-primary py-sm", children: s }),
-  /* @__PURE__ */ m("div", { className: "mt-2xl flex flex-col justify-between", children: [
-    i === "range" ? /* @__PURE__ */ a(
-      v,
-      {
-        numberOfMonths: o,
-        defaultMonth: u,
-        mode: "range",
-        selected: n,
-        onSelect: c,
-        required: !0,
-        weekStartsOn: y,
-        disabled: x,
-        excludeDisabled: j
-      }
-    ) : /* @__PURE__ */ a(
-      v,
-      {
-        numberOfMonths: o,
-        defaultMonth: u,
-        mode: "single",
-        selected: n,
-        onSelect: c,
-        required: !0,
-        weekStartsOn: y,
-        disabled: x
-      }
-    ),
-    /* @__PURE__ */ m(
-      "div",
-      {
-        className: e(
-          "mx-xl mt-lg mb-4 flex items-center justify-between",
-          "max-lg:flex-col max-lg:items-start max-lg:border-t max-lg:border-stroke-base-primary max-lg:pt-lg"
-        ),
-        children: [
-          /* @__PURE__ */ a(
-            b,
-            {
-              component: "span",
-              variant: "body",
-              weight: "medium",
-              size: "base",
-              children: i === "range" && (n != null && n.from) && (n != null && n.to) ? N(n) : i === "single" && n ? z(n) : k
-            }
+  mode: l,
+  selected: a,
+  onSelect: m,
+  onReset: s,
+  onConfirm: f,
+  resetButtonText: t,
+  confirmButtonText: b,
+  renderResetButton: n,
+  renderConfirmButton: d,
+  bottomTextDefault: i,
+  dateFormatter: D = L,
+  dateRangeFormatter: j = R,
+  disabledDates: w,
+  weekStartsOn: h = 1,
+  excludeDisabled: C
+}) => {
+  const { translations: x, dateFnsLocale: v } = S(), T = t ?? x.calendar.resetButton, B = b ?? x.calendar.confirmButton, A = i ?? x.calendar.bottomTextDefault;
+  return /* @__PURE__ */ g("div", { className: "flex", children: [
+    u && /* @__PURE__ */ r("div", { className: "flex flex-col border-r border-stroke-base-primary py-sm", children: u }),
+    /* @__PURE__ */ g("div", { className: "mt-2xl flex flex-col justify-between", children: [
+      l === "range" ? /* @__PURE__ */ r(
+        z,
+        {
+          numberOfMonths: o,
+          defaultMonth: c,
+          mode: "range",
+          selected: a,
+          onSelect: m,
+          required: !0,
+          weekStartsOn: h,
+          disabled: w,
+          excludeDisabled: C,
+          locale: v
+        }
+      ) : /* @__PURE__ */ r(
+        z,
+        {
+          numberOfMonths: o,
+          defaultMonth: c,
+          mode: "single",
+          selected: a,
+          onSelect: m,
+          required: !0,
+          weekStartsOn: h,
+          disabled: w,
+          locale: v
+        }
+      ),
+      /* @__PURE__ */ g(
+        "div",
+        {
+          className: e(
+            "mx-xl mt-lg mb-4 flex items-center justify-between",
+            "max-lg:flex-col max-lg:items-start max-lg:border-t max-lg:border-stroke-base-primary max-lg:pt-lg"
           ),
-          /* @__PURE__ */ m("div", { className: "flex gap-2xl max-lg:w-full max-lg:justify-between max-lg:gap-0 max-lg:pt-lg", children: [
-            l ? l() : /* @__PURE__ */ a(h, { variant: "link", onClick: f, children: r }),
-            p ? p() : /* @__PURE__ */ a(h, { variant: "primary", size: "sm", onClick: t, children: d })
-          ] })
-        ]
-      }
-    )
-  ] })
-] }), v = ({
-  className: s,
-  classNames: u,
+          children: [
+            /* @__PURE__ */ r(
+              p,
+              {
+                component: "span",
+                variant: "body",
+                weight: "medium",
+                size: "base",
+                children: l === "range" && (a != null && a.from) && (a != null && a.to) ? j(a) : l === "single" && a ? D(a) : A
+              }
+            ),
+            /* @__PURE__ */ g("div", { className: "flex gap-2xl max-lg:w-full max-lg:justify-between max-lg:gap-0 max-lg:pt-lg", children: [
+              n ? n() : /* @__PURE__ */ r(k, { variant: "link", onClick: s, children: T }),
+              d ? d() : /* @__PURE__ */ r(k, { variant: "primary", size: "sm", onClick: f, children: B })
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] });
+}, z = ({
+  className: u,
+  classNames: c,
   showOutsideDays: o = !0,
-  captionLayout: i = "label",
-  formatters: n,
-  components: c,
+  captionLayout: l = "label",
+  formatters: a,
+  components: m,
+  locale: s,
   ...f
 }) => {
-  const t = _();
-  return /* @__PURE__ */ a(
-    A,
+  const t = N(), b = (s == null ? void 0 : s.code) ?? "default";
+  return /* @__PURE__ */ r(
+    q,
     {
       showOutsideDays: o,
+      locale: s,
       className: e(
         "[[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
         String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
         String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
-        s
+        u
       ),
-      captionLayout: i,
+      captionLayout: l,
       formatters: {
-        formatMonthDropdown: (r) => r.toLocaleString("default", { month: "short" }),
-        formatWeekdayName: (r) => r.toLocaleString("default", { weekday: "short" }),
-        formatCaption: (r) => r.toLocaleString("default", { month: "long", year: "numeric" }),
-        ...n
+        formatMonthDropdown: (n) => n.toLocaleString(b, { month: "short" }),
+        formatWeekdayName: (n) => n.toLocaleString(b, { weekday: "short" }),
+        formatCaption: (n) => n.toLocaleString(b, { month: "long", year: "numeric" }),
+        ...a
       },
       classNames: {
         root: e("w-fit", t.root),
@@ -145,7 +153,7 @@ const H = ({
           t.dropdown
         ),
         caption_label: e(
-          g({
+          y({
             variant: "title",
             weight: "medium",
             size: "md",
@@ -157,7 +165,7 @@ const H = ({
         table: "w-full border-collapse",
         weekdays: e("flex mb-sm", t.weekdays),
         weekday: e(
-          g({
+          y({
             variant: "body",
             weight: "medium",
             size: "caption"
@@ -178,7 +186,7 @@ const H = ({
           t.week_number
         ),
         day: e(
-          g({
+          y({
             variant: "body",
             weight: "regular",
             size: "base"
@@ -207,98 +215,98 @@ const H = ({
           t.disabled
         ),
         hidden: e("invisible", t.hidden),
-        ...u
+        ...c
       },
       components: {
         Root: ({
-          className: r,
+          className: n,
           rootRef: d,
-          ...l
-        }) => /* @__PURE__ */ a(
+          ...i
+        }) => /* @__PURE__ */ r(
           "div",
           {
             "data-slot": "calendar",
             ref: d,
-            className: r,
-            ...l
+            className: n,
+            ...i
           }
         ),
         Chevron: ({
-          className: r,
+          className: n,
           orientation: d,
-          ...l
-        }) => d === "left" ? /* @__PURE__ */ a(
-          b,
+          ...i
+        }) => d === "left" ? /* @__PURE__ */ r(
+          p,
           {
             component: "span",
             variant: "title",
             weight: "medium",
             size: "md",
-            children: /* @__PURE__ */ a(
-              L,
+            children: /* @__PURE__ */ r(
+              W,
               {
                 className: e(
                   "inline size-comp-calendar-ico-size text-comp-select-icon-brand-def",
-                  r
+                  n
                 ),
-                ...l
+                ...i
               }
             )
           }
-        ) : d === "right" ? /* @__PURE__ */ a(
-          b,
+        ) : d === "right" ? /* @__PURE__ */ r(
+          p,
           {
             component: "span",
             variant: "title",
             weight: "medium",
             size: "md",
-            children: /* @__PURE__ */ a(
-              R,
+            children: /* @__PURE__ */ r(
+              Y,
               {
                 className: e(
                   "inline size-comp-calendar-ico-size text-comp-select-icon-brand-def",
-                  r
+                  n
                 ),
-                ...l
+                ...i
               }
             )
           }
-        ) : /* @__PURE__ */ a(
-          S,
+        ) : /* @__PURE__ */ r(
+          E,
           {
-            className: e("size-comp-calendar-ico-size", r),
-            ...l
+            className: e("size-comp-calendar-ico-size", n),
+            ...i
           }
         ),
-        DayButton: q,
-        WeekNumber: ({ children: r, ...d }) => /* @__PURE__ */ a("td", { ...d, children: /* @__PURE__ */ a("div", { className: "flex items-center justify-center text-center", children: r }) }),
-        ...c
+        DayButton: F,
+        WeekNumber: ({ children: n, ...d }) => /* @__PURE__ */ r("td", { ...d, children: /* @__PURE__ */ r("div", { className: "flex items-center justify-center text-center", children: n }) }),
+        ...m
       },
       ...f
     }
   );
-}, q = ({
-  className: s,
-  day: u,
+}, F = ({
+  className: u,
+  day: c,
   modifiers: o,
-  children: i,
-  disabled: n,
-  ...c
+  children: l,
+  disabled: a,
+  ...m
 }) => {
-  const f = _(), t = w.useRef(null);
-  return w.useEffect(() => {
-    var r;
-    o.focused && ((r = t.current) == null || r.focus());
-  }, [o.focused]), /* @__PURE__ */ a(
+  const s = N(), f = _.useRef(null);
+  return _.useEffect(() => {
+    var t;
+    o.focused && ((t = f.current) == null || t.focus());
+  }, [o.focused]), /* @__PURE__ */ r(
     "button",
     {
-      ref: t,
-      "data-day": u.date.toLocaleDateString(),
+      ref: f,
+      "data-day": c.date.toLocaleDateString(),
       "data-selected-single": o.selected && !o.range_start && !o.range_end && !o.range_middle,
       "data-range-start": o.range_start,
       "data-range-end": o.range_end,
       "data-range-middle": o.range_middle,
-      disabled: n,
+      disabled: a,
       className: e(
         "relative size-full",
         'before:absolute before:inset-0 before:rounded-full before:transition-colors before:content-[""]',
@@ -310,14 +318,14 @@ const H = ({
         "group-data-[focused=true]/day:z-10",
         "outline-0",
         {
-          "hover:text-text-brand-def hover:before:bg-surface-brand-brand-tertiary focus-visible:text-text-brand-def focus-visible:focus-default focus-visible:before:bg-surface-brand-brand-tertiary": !n
+          "hover:text-text-brand-def hover:before:bg-surface-brand-brand-tertiary focus-visible:text-text-brand-def focus-visible:focus-default focus-visible:before:bg-surface-brand-brand-tertiary": !a
         },
-        f.day,
-        s
+        s.day,
+        u
       ),
-      ...c,
-      children: /* @__PURE__ */ a(
-        b,
+      ...m,
+      children: /* @__PURE__ */ r(
+        p,
         {
           variant: "body",
           weight: "regular",
@@ -325,14 +333,14 @@ const H = ({
           component: "span",
           fixY: !0,
           className: "relative z-1 block transition-colors",
-          children: i
+          children: l
         }
       )
     }
   );
 };
 export {
-  H as Calendar,
-  v as CalendarBase,
-  q as CalendarDayButton
+  U as Calendar,
+  z as CalendarBase,
+  F as CalendarDayButton
 };

package/dist/components/DataTable/DataTable.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export interface DataTableColumn<T> {
+    dataKey: keyof T;
+    title: ReactNode;
+    className?: string;
+    lineClamp?: boolean | 1 | 2;
+    render?: (value: T[keyof T], rowData: T, rowIndex: number) => ReactNode;
+}
+export interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLTableElement>, 'children'> {
+    data: T[];
+    columns: DataTableColumn<T>[];
+    showHeader?: boolean;
+    className?: string;
+}
+declare const DataTable: <T>({ data, columns, showHeader, className, ...props }: DataTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export { DataTable };
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/components/DataTable/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,KAAK,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC,CAAA;IAC3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAA;CACxE;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,CAC/B,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAChE,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,SAAS,GAAI,CAAC,EAAG,oDAMpB,cAAc,CAAC,CAAC,CAAC,4CA8EnB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/components/DataTable/DataTable.js

@@ -0,0 +1,73 @@
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+import "react";
+import { typographyVariants as b, Typography as y } from "../Typography/Typography.js";
+import { cn as s } from "../../utils/cn.js";
+const u = ({
+  data: d,
+  columns: i,
+  showHeader: p = !0,
+  className: m,
+  ...o
+}) => /* @__PURE__ */ r("div", { className: "w-full overflow-x-auto overflow-y-hidden", children: /* @__PURE__ */ h(
+  "table",
+  {
+    className: s(
+      "-my-sm w-full border-separate border-spacing-y-sm",
+      m
+    ),
+    ...o,
+    children: [
+      p && /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: i.map((a, t) => /* @__PURE__ */ r(
+        "th",
+        {
+          className: s(
+            b({
+              size: "sm",
+              uppercase: !0,
+              variant: "body",
+              weight: "medium"
+            }),
+            "px-comp-table-p text-left text-text-dark-secondary",
+            a.className
+          ),
+          children: a.title
+        },
+        t
+      )) }) }),
+      /* @__PURE__ */ r("tbody", { children: d.map((a, t) => /* @__PURE__ */ r("tr", { className: "group", children: i.map((e, l) => {
+        const n = l === 0, c = l === i.length - 1;
+        return /* @__PURE__ */ r(
+          "td",
+          {
+            className: s(
+              "h-comp-table-h border-y border-stroke-base-secondary bg-surface-base-primary px-2xl transition-colors",
+              {
+                "rounded-l-lg border-l": n,
+                "rounded-r-lg border-r": c
+              },
+              e.className
+            ),
+            children: e.render ? e.render(a[e.dataKey], a, t) : /* @__PURE__ */ r(
+              y,
+              {
+                variant: "body",
+                size: "base",
+                weight: "medium",
+                component: "span",
+                className: s({
+                  "line-clamp-1": e.lineClamp === !0 || e.lineClamp === 1,
+                  "line-clamp-2": e.lineClamp === 2
+                }),
+                children: a[e.dataKey]
+              }
+            )
+          },
+          l
+        );
+      }) }, t)) })
+    ]
+  }
+) });
+export {
+  u as DataTable
+};

package/dist/components/DataTable/DataTable.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const SimpleTable: Story;
+export declare const WithCustomContent: Story;
+export declare const HiddenHeader: Story;
+export declare const WithEditableFields: Story;
+//# sourceMappingURL=DataTable.stories.d.ts.map

package/dist/components/DataTable/DataTable.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAO3D,QAAA,MAAM,IAAI,EAAE,IA4CX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAsFrB,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAaD,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAA;AA0CD,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAA;AASD,eAAO,MAAM,kBAAkB,EAAE,KAmIhC,CAAA"}

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

@@ -0,0 +1,2 @@
+export { DataTable, type DataTableProps, type DataTableColumn, } from './DataTable';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,eAAe,GACrB,MAAM,aAAa,CAAA"}

package/dist/components/Dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAIzD,QAAA,MAAM,MAAM,iDAAuB,CAAA;AACnC,QAAA,MAAM,WAAW,iIAAwB,CAAA;AACzC,QAAA,MAAM,iBAAiB,yIAA8B,CAAA;AACrD,QAAA,MAAM,aAAa,kIAA0B,CAAA;AAC7C,QAAA,MAAM,YAAY,uDAAyB,CAAA;AAC3C,QAAA,MAAM,WAAW,gIAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,4LAYjB,CAAA;AAGF,QAAA,MAAM,aAAa;WAGR,OAAO,GAAG,QAAQ,GAAG,OAAO;qBAClB,MAAM;kDAwC1B,CAAA;AAGD,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,iBAAiB,GAClB,CAAA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,QAAA,MAAM,MAAM,iDAAuB,CAAA;AACnC,QAAA,MAAM,WAAW,iIAAwB,CAAA;AACzC,QAAA,MAAM,iBAAiB,yIAA8B,CAAA;AACrD,QAAA,MAAM,aAAa,kIAA0B,CAAA;AAC7C,QAAA,MAAM,YAAY,uDAAyB,CAAA;AAC3C,QAAA,MAAM,WAAW,gIAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,4LAYjB,CAAA;AAiDF,QAAA,MAAM,aAAa;WAGR,OAAO,GAAG,QAAQ,GAAG,OAAO;qBAClB,MAAM;kDAEN,CAAA;AAGrB,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,iBAAiB,GAClB,CAAA"}