@vkzstudio/muza-ui 1.0.0 → 1.0.1

package/dist/components/Calendar/Calendar.js

@@ -0,0 +1,338 @@
+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 { 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,
+  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
+            }
+          ),
+          /* @__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,
+  showOutsideDays: o = !0,
+  captionLayout: i = "label",
+  formatters: n,
+  components: c,
+  ...f
+}) => {
+  const t = _();
+  return /* @__PURE__ */ a(
+    A,
+    {
+      showOutsideDays: o,
+      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
+      ),
+      captionLayout: i,
+      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
+      },
+      classNames: {
+        root: e("w-fit", t.root),
+        months: e(
+          "flex flex-col md:flex-row relative",
+          t.months
+        ),
+        month: e("flex flex-col w-full gap-lg px-lg", t.month),
+        nav: e(
+          "flex px-lg items-center gap-1 w-full absolute top-0 inset-x-0 justify-between pb-md border-b border-stroke-base-primary",
+          t.nav
+        ),
+        button_previous: e(
+          "aria-disabled:text-comp-select-icon-disabled p-0 select-none cursor-pointer focus-visible:focus-default",
+          t.button_previous
+        ),
+        button_next: e(
+          "aria-disabled:text-comp-select-icon-disabled p-0 select-none cursor-pointer focus-visible:focus-default",
+          t.button_next
+        ),
+        month_caption: e(
+          "flex items-center justify-center pb-md w-full",
+          t.month_caption
+        ),
+        dropdowns: e(
+          "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
+          t.dropdowns
+        ),
+        dropdown_root: e(
+          "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
+          t.dropdown_root
+        ),
+        dropdown: e(
+          "absolute bg-popover inset-0 opacity-0",
+          t.dropdown
+        ),
+        caption_label: e(
+          g({
+            variant: "title",
+            weight: "medium",
+            size: "md",
+            fixY: !0
+          }),
+          "select-none font-medium capitalize",
+          t.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: e("flex mb-sm", t.weekdays),
+        weekday: e(
+          g({
+            variant: "body",
+            weight: "medium",
+            size: "caption"
+          }),
+          "text-text-dark-secondary uppercase rounded-md flex-1 select-none",
+          t.weekday
+        ),
+        week: e(
+          "flex w-full mt-3xs first-of-type:mt-0",
+          t.week
+        ),
+        week_number_header: e(
+          "select-none w-(--cell-size)",
+          t.week_number_header
+        ),
+        week_number: e(
+          "text-[0.8rem] select-none text-muted-foreground",
+          t.week_number
+        ),
+        day: e(
+          g({
+            variant: "body",
+            weight: "regular",
+            size: "base"
+          }),
+          "relative flex justify-center rounded-full items-center size-comp-calendar-window-size p-0 text-center  group/day aspect-square select-none",
+          t.day
+        ),
+        range_start: e(
+          "rounded-l-md bg-accent",
+          t.range_start
+        ),
+        range_middle: e("rounded-none", t.range_middle),
+        range_end: e("rounded-r-md bg-accent", t.range_end),
+        today: e(
+          "relative",
+          'after:absolute after:inset-0 after:rounded-full after:content-[""] after:border after:border-stroke-base-primary ',
+          "data-[selected=true]:after:border-0",
+          t.today
+        ),
+        outside: e(
+          "text-text-dark-disabled aria-selected:text-muted-foreground",
+          t.outside
+        ),
+        disabled: e(
+          "text-text-dark-disabled line-through cursor-not-allowed",
+          t.disabled
+        ),
+        hidden: e("invisible", t.hidden),
+        ...u
+      },
+      components: {
+        Root: ({
+          className: r,
+          rootRef: d,
+          ...l
+        }) => /* @__PURE__ */ a(
+          "div",
+          {
+            "data-slot": "calendar",
+            ref: d,
+            className: r,
+            ...l
+          }
+        ),
+        Chevron: ({
+          className: r,
+          orientation: d,
+          ...l
+        }) => d === "left" ? /* @__PURE__ */ a(
+          b,
+          {
+            component: "span",
+            variant: "title",
+            weight: "medium",
+            size: "md",
+            children: /* @__PURE__ */ a(
+              L,
+              {
+                className: e(
+                  "inline size-comp-calendar-ico-size text-comp-select-icon-brand-def",
+                  r
+                ),
+                ...l
+              }
+            )
+          }
+        ) : d === "right" ? /* @__PURE__ */ a(
+          b,
+          {
+            component: "span",
+            variant: "title",
+            weight: "medium",
+            size: "md",
+            children: /* @__PURE__ */ a(
+              R,
+              {
+                className: e(
+                  "inline size-comp-calendar-ico-size text-comp-select-icon-brand-def",
+                  r
+                ),
+                ...l
+              }
+            )
+          }
+        ) : /* @__PURE__ */ a(
+          S,
+          {
+            className: e("size-comp-calendar-ico-size", r),
+            ...l
+          }
+        ),
+        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
+      },
+      ...f
+    }
+  );
+}, q = ({
+  className: s,
+  day: u,
+  modifiers: o,
+  children: i,
+  disabled: n,
+  ...c
+}) => {
+  const f = _(), t = w.useRef(null);
+  return w.useEffect(() => {
+    var r;
+    o.focused && ((r = t.current) == null || r.focus());
+  }, [o.focused]), /* @__PURE__ */ a(
+    "button",
+    {
+      ref: t,
+      "data-day": u.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,
+      className: e(
+        "relative size-full",
+        'before:absolute before:inset-0 before:rounded-full before:transition-colors before:content-[""]',
+        "data-[selected-single=true]:text-text-invert-def data-[selected-single=true]:before:bg-surface-dark-def",
+        "data-[range-start=true]:rounded-l-full data-[range-start=true]:bg-surface-brand-brand-tertiary data-[range-start=true]:text-text-invert-def data-[range-start=true]:before:bg-surface-dark-def",
+        "data-[range-middle=true]:bg-surface-brand-brand-tertiary data-[range-middle=true]:text-text-brand-def",
+        "data-[range-end=true]:rounded-r-full data-[range-end=true]:bg-surface-brand-brand-tertiary data-[range-end=true]:text-text-invert-def data-[range-end=true]:before:bg-surface-dark-def",
+        "group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50",
+        "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
+        },
+        f.day,
+        s
+      ),
+      ...c,
+      children: /* @__PURE__ */ a(
+        b,
+        {
+          variant: "body",
+          weight: "regular",
+          size: "base",
+          component: "span",
+          fixY: !0,
+          className: "relative z-1 block transition-colors",
+          children: i
+        }
+      )
+    }
+  );
+};
+export {
+  H as Calendar,
+  v as CalendarBase,
+  q as CalendarDayButton
+};

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

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { CalendarBase } from './Calendar';
+declare const meta: Meta<typeof CalendarBase>;
+export default meta;
+type Story = StoryObj<typeof CalendarBase>;
+export declare const CalendarDefault: Story;
+export declare const Range: Story;
+export declare const RangeWithTwoMonths: Story;
+export declare const RangeCrossMonthSelection: Story;
+export declare const DisabledDates: Story;
+export declare const DisabledDateRange: Story;
+export declare const CustomWeekStartsOnMonday: Story;
+//# sourceMappingURL=CalendarBase.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarBase.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarBase.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAKzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAkBnC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAA;AAE1C,eAAO,MAAM,eAAe,EAAE,KAuB7B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KA0BnB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA2BhC,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KA2BtC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KA+B3B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA6B/B,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KAuBtC,CAAA"}

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

@@ -0,0 +1,4 @@
+export * from './Calendar';
+export * from './utils/formatDate';
+export * from './utils/formatDateRange';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA"}

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

@@ -0,0 +1,2 @@
+export declare const formatDate: (date: Date) => string;
+//# sourceMappingURL=formatDate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formatDate.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/utils/formatDate.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,GAAI,MAAM,IAAI,WAEpC,CAAA"}

package/dist/components/Calendar/utils/formatDate.js

@@ -0,0 +1,5 @@
+import { format as t } from "date-fns";
+const m = (r) => `${t(r, "d. M. yyyy")}`;
+export {
+  m as formatDate
+};

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

@@ -0,0 +1,3 @@
+import { DateRange } from 'react-day-picker';
+export declare const formatDateRange: (range: DateRange) => string;
+//# sourceMappingURL=formatDateRange.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formatDateRange.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/utils/formatDateRange.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEjD,eAAO,MAAM,eAAe,GAAI,OAAO,SAAS,WAE/C,CAAA"}

package/dist/components/Calendar/utils/formatDateRange.js

@@ -0,0 +1,8 @@
+import { format as y } from "date-fns";
+const e = (t) => {
+  var o, r;
+  return `${y(t.from ?? "", ((o = t.from) == null ? void 0 : o.getFullYear()) === ((r = t.to) == null ? void 0 : r.getFullYear()) ? "d. M." : "d. M. yyyy")} - ${y(t.to ?? "", "d. M. yyyy")}`;
+};
+export {
+  e as formatDateRange
+};

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
+import { ReactNode } from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-declare function Checkbox({ isIndeterminate, label, className, id, disabled, error, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root> & {
+export declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & import('react').RefAttributes<HTMLButtonElement> & {
     isIndeterminate?: boolean;
-    label?: string;
+    label?: ReactNode;
+    secondaryLabel?: string;
     id?: string;
     error?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export { Checkbox };
+}, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAM7D,iBAAS,QAAQ,CAAC,EAChB,eAAuB,EACvB,KAAK,EACL,SAAS,EACT,EAAE,EACF,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,GAAG;IACvD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,2CAwDA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EAGf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAK7D,eAAO,MAAM,QAAQ;sBAGC,OAAO;YACjB,SAAS;qBACA,MAAM;SAClB,MAAM;YACH,OAAO;6DAsFlB,CAAA"}

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,92 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { forwardRef as k, useId as p } from "react";
+import * as a from "@radix-ui/react-checkbox";
+import { CheckMinus as u, Checked as g } from "../Icons/CustomIcons.js";
+import { Typography as d } from "../Typography/Typography.js";
+import { cn as o } from "../../utils/cn.js";
+const v = k(
+  ({
+    isIndeterminate: n = !1,
+    label: i,
+    secondaryLabel: e,
+    className: b,
+    id: f,
+    disabled: t,
+    error: l,
+    ...m
+  }, h) => {
+    const x = p(), s = f || x;
+    return /* @__PURE__ */ c("div", { className: "flex items-start gap-sm", children: [
+      /* @__PURE__ */ r(
+        a.Root,
+        {
+          ref: h,
+          id: s,
+          "data-slot": "checkbox",
+          className: o(
+            "peer relative flex size-icon-small shrink-0 cursor-pointer items-center justify-center",
+            "rounded-[25%] focus-visible-default",
+            'before:absolute before:inset-0 before:z-[-1] before:rounded-[25%] before:border before:border-comp-checkbox-stroke-def before:transition-colors before:content-[""]',
+            "hover:before:border-stroke-brand-hover hover:before:bg-surface-brand-brand-tertiary",
+            "data-[state=checked]:text-primary-foreground data-[state=checked]:border-comp-checkbox-stroke-hover data-[state=checked]:bg-comp-checkbox-bg-active",
+            "disabled:cursor-not-allowed disabled:before:border-comp-checkbox-stroke-disabled disabled:before:bg-comp-checkbox-bg-disabled",
+            { "before:border-stroke-error-def": l },
+            b
+          ),
+          disabled: t,
+          ...m,
+          children: /* @__PURE__ */ r(
+            a.Indicator,
+            {
+              "data-slot": "checkbox-indicator",
+              className: "flex size-full shrink-0 items-center justify-center text-current transition-none",
+              children: n ? /* @__PURE__ */ r(u, { className: "size-full shrink-0 text-icon-invert-def" }) : /* @__PURE__ */ r(g, { className: "size-full shrink-0 text-icon-invert-def" })
+            }
+          )
+        }
+      ),
+      i && /* @__PURE__ */ c(
+        "label",
+        {
+          htmlFor: s,
+          className: o(
+            "fix-y-text-1 cursor-pointer leading-none text-text-dark-primary-def select-none",
+            {
+              "cursor-not-allowed text-text-dark-disabled": t
+            }
+          ),
+          "aria-disabled": t,
+          children: [
+            /* @__PURE__ */ r(
+              d,
+              {
+                component: "span",
+                variant: "body",
+                weight: e != null && e.length ? "medium" : "regular",
+                size: "base",
+                children: i
+              }
+            ),
+            (e == null ? void 0 : e.length) && /* @__PURE__ */ r(
+              d,
+              {
+                component: "span",
+                variant: "body",
+                weight: "regular",
+                size: "base",
+                className: o("block text-text-dark-secondary", {
+                  "text-text-dark-disabled": t
+                }),
+                children: e
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+v.displayName = "Checkbox";
+export {
+  v as Checkbox
+};

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

@@ -4,7 +4,8 @@ declare const meta: Meta<typeof Checkbox>;
 export default meta;
 type Story = StoryObj<typeof Checkbox>;
 export declare const Default: Story;
-export declare const DefaultWithLabel: Story;
+export declare const WithLabel: Story;
+export declare const WithSecondaryLabel: Story;
 export declare const Checked: Story;
 export declare const CheckedWithLabel: Story;
 export declare const Indeterminate: Story;

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAgF/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAY9B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAY3B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAapC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAa5B,CAAA"}
+{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAoF/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAahC,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAY9B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAapC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAanB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAa5B,CAAA"}

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,45 @@
+import { ReactNode } from 'react';
+import { DateRange } from 'react-day-picker';
+import { CalendarBaseProps } from '../Calendar';
+import { Presets } from './utils/getDateRange';
+export type DatePickerProps = {
+    alignCalendar?: 'center' | 'end' | 'start';
+    allowedPresets?: {
+        name: string;
+        type: (typeof Presets)[number];
+    }[];
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    classNames?: Partial<{
+        popoverTrigger: string;
+        popoverContent: string;
+        input: string;
+        leftPanelButton: string;
+    }>;
+    disabled?: boolean;
+    error?: boolean;
+    label?: string;
+    hint?: string;
+    placeholder?: string;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    avoidCollisions?: boolean;
+    renderCustomTrigger?: () => ReactNode;
+    shouldResetToDefaultValue?: boolean;
+} & Omit<CalendarBaseProps, 'numberOfMonths' | 'onConfirm' | 'onReset' | 'isExpanded' | 'leftPanelChildren' | 'bottomTextDefault' | 'dateFormatter' | 'dateRangeFormatter'> & (Range | Single);
+type Range = {
+    mode: 'range';
+    value?: DateRange | undefined;
+    defaultValue?: DateRange | undefined;
+    onChange?: (date: DateRange) => void;
+    dateFormatter?: (date: DateRange) => string;
+};
+type Single = {
+    mode: 'single';
+    value?: Date | undefined;
+    defaultValue?: Date | undefined;
+    onChange?: (date: Date) => void;
+    dateFormatter?: (date: Date) => string;
+};
+export declare const DatePicker: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=DatePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAmC,MAAM,OAAO,CAAA;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAIjD,OAAO,EAEL,KAAK,iBAAiB,EAGvB,MAAM,aAAa,CAAA;AAKpB,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,sBAAsB,CAAA;AAEjE,MAAM,MAAM,eAAe,GAAG;IAC5B,aAAa,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAA;IAC1C,cAAc,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAA;KAAE,EAAE,CAAA;IACnE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;QACnB,cAAc,EAAE,MAAM,CAAA;QACtB,cAAc,EAAE,MAAM,CAAA;QACtB,KAAK,EAAE,MAAM,CAAA;QACb,eAAe,EAAE,MAAM,CAAA;KACxB,CAAC,CAAA;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,mBAAmB,CAAC,EAAE,MAAM,SAAS,CAAA;IACrC,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACpC,GAAG,IAAI,CACN,iBAAiB,EACf,gBAAgB,GAChB,WAAW,GACX,SAAS,GACT,YAAY,GACZ,mBAAmB,GACnB,mBAAmB,GACnB,eAAe,GACf,oBAAoB,CACvB,GACC,CAAC,KAAK,GAAG,MAAM,CAAC,CAAA;AAElB,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACpC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACpC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,MAAM,CAAA;CAC5C,CAAA;AAED,KAAK,MAAM,GAAG;IACZ,IAAI,EAAE,QAAQ,CAAA;IACd,KAAK,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACxB,YAAY,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,UAAU,8GAmLtB,CAAA"}