ics-ui-kit 0.1.0-alpha.8 → 0.1.0

package/dist/components/button.js

@@ -1,9 +1,29 @@
-import { B as r } from "../Button-Cfe4WIYW.js";
-import { B as a } from "../ButtonBase-C8kakRHQ.js";
-import { I as n } from "../IconButton-CTxOql_1.js";
+import { B as i } from "../Button-Dg89xRSi.js";
+import { B as R } from "../ButtonBase-e6qyv6mD.js";
+import { I as s } from "../IconButton-DwkpNgn3.js";
+import { jsx as a } from "react/jsx-runtime";
+import m from "react";
+import { T as c } from "../index-BVqs-uqP.js";
+import { L as e } from "../loader-circle-D1YXTEGq.js";
+import { R as I } from "../RichButton-DuPTenmS.js";
+import { T as b } from "../TriggerButton-CfDObWP9.js";
+const l = c({
+  slots: {
+    icon: "animate-spin"
+  }
+}), f = m.forwardRef(
+  ({ text: o, ...t }, n) => {
+    const r = l();
+    return o ? /* @__PURE__ */ a(i, { disabled: !0, startIcon: e, iconClassName: r.icon(), ref: n, ...t, children: o }) : /* @__PURE__ */ a(s, { disabled: !0, icon: e, iconClassName: r.icon(), ...t });
+  }
+);
+f.displayName = "LoadingButtonTemplate";
 export {
-  r as Button,
-  a as ButtonBase,
-  n as IconButton
+  i as Button,
+  R as ButtonBase,
+  s as IconButton,
+  f as LoadingButtonTemplate,
+  I as RichButton,
+  b as TriggerButton
 };
 //# sourceMappingURL=button.js.map

package/dist/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"button.js","sources":["../../src/components/button/templates/loading-button/LoadingButtonTemplate.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { LoaderCircle } from \"lucide-react\";\r\nimport { IconButton } from \"../../icon-button/IconButton\";\r\nimport { Button } from \"../../button/Button\";\r\nimport { ButtonBaseProps } from \"../../button-base/ButtonBase\";\r\n\r\nconst loadingButtonTemplateVariants = tv({\r\n\tslots: {\r\n\t\ticon: \"animate-spin\"\r\n\t}\r\n});\r\n\r\nexport type LoadingButtonTemplateProps = ButtonBaseProps & {\r\n\ttext?: string;\r\n};\r\n\r\nexport const LoadingButtonTemplate = React.forwardRef<HTMLButtonElement, PropsWithChildren<LoadingButtonTemplateProps>>(\r\n\t({ text, ...props }, ref) => {\r\n\t\tconst styles = loadingButtonTemplateVariants();\r\n\r\n\t\tif (!text) return <IconButton disabled icon={LoaderCircle} iconClassName={styles.icon()} {...props} />;\r\n\r\n\t\treturn (\r\n\t\t\t<Button disabled startIcon={LoaderCircle} iconClassName={styles.icon()} ref={ref} {...props}>\r\n\t\t\t\t{text}\r\n\t\t\t</Button>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nLoadingButtonTemplate.displayName = \"LoadingButtonTemplate\";\r\n"],"names":["loadingButtonTemplateVariants","tv","LoadingButtonTemplate","React","text","props","ref","styles","jsx","Button","LoaderCircle","IconButton"],"mappings":";;;;;;;;;AAOA,MAAMA,IAAgCC,EAAG;AAAA,EACxC,OAAO;AAAA,IACN,MAAM;AAAA,EAAA;AAER,CAAC,GAMYC,IAAwBC,EAAM;AAAA,EAC1C,CAAC,EAAE,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAAQ;AAC5B,UAAMC,IAASP,EAA8B;AAE7C,WAAKI,IAGH,gBAAAI,EAAAC,GAAA,EAAO,UAAQ,IAAC,WAAWC,GAAc,eAAeH,EAAO,KAAK,GAAG,KAAAD,GAAW,GAAGD,GACpF,UACFD,GAAA,IALiB,gBAAAI,EAACG,KAAW,UAAQ,IAAC,MAAMD,GAAc,eAAeH,EAAO,KAAK,GAAI,GAAGF,EAAO,CAAA;AAAA,EAKnG;AAGH;AAEAH,EAAsB,cAAc;"}

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

@@ -0,0 +1,14 @@
+import { DayPickerProps } from 'react-day-picker';
+export type CalendarProps = DayPickerProps;
+/**
+ * Calendar компонент для выбора дат
+ *
+ * Основан на [react-day-picker](https://Calendar.dev/) с кастомной стилизацией.
+ * Поддерживает выбор одной даты, множественный выбор и выбор диапазона дат.
+ *
+ * @see https://ui-kit.ics-it.ru/?path=/docs/components-day-picker-Calendar--docs
+ */
+export declare const Calendar: {
+    ({ className, classNames, showOutsideDays, captionLayout, components, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,45 @@
+import { StoryObj } from '@storybook/react';
+import { Calendar, CalendarProps } from './Calendar';
+declare const meta: {
+    component: {
+        ({ className, classNames, showOutsideDays, captionLayout, components, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        mode: {
+            options: string[];
+            control: {
+                type: "radio";
+            };
+        };
+        numberOfMonths: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+            };
+        };
+        showOutsideDays: {
+            control: {
+                type: "boolean";
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Calendar>;
+export declare const Default: Story;
+export declare const Single: Story;
+export declare const Range: Story;
+export declare const Multiple: Story;
+export declare const RangeWithPresets: Story;
+export declare const WithPopover: Story;
+export declare const DisabledWeekends: Story;
+export declare const CaptionLabel: Story;
+export declare const WithoutLabel: Story;
+export declare const RussianLocale: Story;
+export declare const Readonly: Story;

package/dist/components/calendar/components/calendar-chevron/CalendarChevron.d.ts

@@ -0,0 +1,12 @@
+import { ChevronProps } from 'react-day-picker';
+/**
+ * Компонент для отображения стрелок навигации в Calendar
+ *
+ * @param className - Дополнительные CSS классы
+ * @param orientation - Направление стрелки ('left' | 'right' | 'up' | 'down')
+ * @param props - Остальные пропсы от react-day-picker Chevron
+ */
+export declare const CalendarChevron: {
+    ({ className, orientation, ...props }: ChevronProps): React.JSX.Element;
+    displayName: string;
+};

package/dist/components/calendar/components/calendar-day-button/CalendarDayButton.d.ts

@@ -0,0 +1,26 @@
+import { DayButtonProps } from 'react-day-picker';
+export interface ModifiersRdp {
+    selected?: boolean;
+    disabled?: boolean;
+    hidden?: boolean;
+    today?: boolean;
+    focused?: boolean;
+    outside?: boolean;
+    range_start?: boolean;
+    range_end?: boolean;
+    range_middle?: boolean;
+}
+export type CalendarDayButtonProps = DayButtonProps & {
+    modifiers: ModifiersRdp;
+};
+/**
+ * Кнопка для отображения дня в Calendar
+ *
+ * @param modifiers - Модификаторы состояния дня (selected, disabled, today, etc.)
+ * @param className - Дополнительные CSS классы
+ * @param props - Пропсы от react-day-picker DayButton
+ */
+export declare const CalendarDayButton: {
+    ({ modifiers, className, ...props }: CalendarDayButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/calendar/components/calendar-day-button/CalendarDayButton.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+import { CalendarDayButtonProps, ModifiersRdp } from './CalendarDayButton';
+declare const meta: {
+    component: {
+        ({ modifiers, className, ...props }: CalendarDayButtonProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type CalendarDayButtonStoryProps = Omit<CalendarDayButtonProps, "modifiers"> & ModifiersRdp;
+declare function CalendarDayButtonStory({ selected, range_start, range_end, range_middle, today, disabled, outside, focused, ...props }: CalendarDayButtonStoryProps): import("react/jsx-runtime").JSX.Element;
+type Story = StoryObj<typeof CalendarDayButtonStory>;
+export declare const Default: Story;
+export declare const Showcase: Story;

package/dist/components/calendar/components/calendar-next-month-button/CalendarNextMonthButton.d.ts

@@ -0,0 +1,11 @@
+import { NextMonthButtonProps } from 'react-day-picker';
+/**
+ * Кнопка для перехода к следующему месяцу в Calendar, оборачивает компонент day-picker-chevron
+ *
+ * @param className - Дополнительные CSS классы
+ * @param props - Пропсы от react-day-picker NextMonthButton
+ */
+export declare const CalendarNextMonthButton: {
+    ({ className, ...props }: NextMonthButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/calendar/components/calendar-previous-month-button/CalendarPreviousMonthButton.d.ts

@@ -0,0 +1,11 @@
+import { PreviousMonthButtonProps } from 'react-day-picker';
+/**
+ * Кнопка для перехода к предыдущему месяцу в Calendar, оборачивает компонент day-picker-chevron
+ *
+ * @param className - Дополнительные CSS классы
+ * @param props - Пропсы от react-day-picker PreviousMonthButton
+ */
+export declare const CalendarPreviousMonthButton: {
+    ({ className, ...props }: PreviousMonthButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/calendar/components/calendar-root/CalendarRoot.d.ts

@@ -0,0 +1,11 @@
+import { RootProps } from 'react-day-picker';
+/**
+ * Корневой контейнер для Calendar
+ *
+ * @param className - Дополнительные CSS классы
+ * @param props - Пропсы от react-day-picker Root
+ */
+export declare const CalendarRoot: {
+    ({ className, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/calendar/components/calendar-week-day/CalendarWeekDay.d.ts

@@ -0,0 +1,11 @@
+import { WeekdayProps } from 'react-day-picker';
+/**
+ * Компонент для отображения дня недели в Calendar
+ *
+ * @param className - Дополнительные CSS классы
+ * @param props - Пропсы от react-day-picker Weekday
+ */
+export declare const CalendarWeekDay: {
+    ({ className, ...props }: WeekdayProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/calendar/components/calendar-week-day/CalendarWeekDay.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CalendarWeekDay } from './CalendarWeekDay';
+declare const meta: Meta<typeof CalendarWeekDay>;
+export default meta;
+type Story = StoryObj<typeof CalendarWeekDay>;
+export declare const Default: Story;
+export declare const Showcase: Story;

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

@@ -0,0 +1,3 @@
+export { Calendar } from './Calendar';
+export type { CalendarProps } from './Calendar';
+export type { DateRange } from 'react-day-picker';

package/dist/components/calendar.d.ts

@@ -0,0 +1,2 @@
+export * from './calendar/index'
+export {}

package/dist/components/calendar.js

@@ -0,0 +1,186 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useMemo as l } from "react";
+import { T as n } from "../index-BVqs-uqP.js";
+import { C as w } from "../chevron-left-D6FtXcdU.js";
+import { C } from "../chevron-right-D3juAhA-.js";
+import { C as N } from "../chevron-up-UDiVTHo0.js";
+import { C as k } from "../chevron-down-CAOItu8X.js";
+import { i as _, R as B, q as D, w as M } from "../DayPicker-4hE1QEvO.js";
+import { B as u } from "../Button-Dg89xRSi.js";
+const s = n({
+  base: "size-4"
+}), m = ({ className: e, orientation: t, ...o }) => t === "left" ? /* @__PURE__ */ a(w, { className: s({ className: e }), ...o }) : t === "right" ? /* @__PURE__ */ a(C, { className: s({ className: e }), ...o }) : t === "up" ? /* @__PURE__ */ a(N, { className: s({ className: e }), ...o }) : /* @__PURE__ */ a(k, { className: s({ className: e }), ...o });
+m.displayName = "CalendarChevron";
+const R = n({
+  base: [
+    "inline-flex items-center justify-center gap-2",
+    "aspect-square h-9 shrink-0 p-2.5",
+    "text-xs font-medium text-foreground transition-all",
+    "cursor-pointer select-none",
+    "disabled:pointer-events-none disabled:text-muted-foreground disabled:opacity-50",
+    "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary",
+    "focus-visible:rounded-md"
+  ],
+  variants: {
+    selected: {
+      true: "bg-primary text-primary-foreground"
+    },
+    range_middle: {
+      true: "bg-secondary-bg-hover text-card-foreground"
+    },
+    outside: {
+      true: "text-muted-foreground"
+    },
+    today: {
+      true: "relative after:absolute after:bottom-1 after:left-1/2 after:h-1 after:w-1 after:-translate-x-1/2 after:rounded-full after:bg-primary"
+    }
+  },
+  compoundVariants: [
+    {
+      selected: !1,
+      className: "hover:bg-secondary-bg-hover"
+    },
+    {
+      selected: !0,
+      range_start: !1,
+      range_end: !1,
+      range_middle: !1,
+      className: "rounded-md"
+    },
+    {
+      selected: !0,
+      range_start: !0,
+      className: "rounded-l-md"
+    },
+    {
+      selected: !0,
+      range_end: !0,
+      className: "rounded-r-md"
+    },
+    {
+      today: !0,
+      selected: !0,
+      range_middle: !1,
+      className: "after:bg-primary-foreground"
+    },
+    {
+      outside: !0,
+      selected: !1,
+      className: "hover:text-primary-fg"
+    }
+  ]
+}), c = ({ modifiers: e, className: t, ...o }) => /* @__PURE__ */ a(
+  _,
+  {
+    modifiers: e,
+    className: R({ ...e, className: t }),
+    ...o,
+    disabled: e.disabled
+  }
+);
+c.displayName = "CalendarDayButton";
+const f = ({ className: e, ...t }) => /* @__PURE__ */ a(u, { ...t, variant: "ghost", className: e });
+f.displayName = "CalendarNextMonthButton";
+const p = ({ className: e, ...t }) => /* @__PURE__ */ a(u, { ...t, variant: "ghost", className: e });
+p.displayName = "CalendarPreviousMonthButton";
+const j = n({
+  base: [
+    "w-fit rounded-md border bg-background",
+    "border border-solid border-secondary-border bg-secondary-bg shadow-soft-sm"
+  ]
+}), b = ({ className: e, ...t }) => /* @__PURE__ */ a(B, { ...t, className: j({ className: e }) });
+b.displayName = "CalendarRoot";
+const S = n({
+  base: [
+    "inline-flex items-center justify-center gap-2",
+    "transition-all",
+    "text-xs font-medium text-muted-foreground",
+    "w-9 shrink-0 rounded p-0",
+    "opacity-70"
+  ]
+}), g = ({ className: e, ...t }) => /* @__PURE__ */ a(D, { className: S({ className: e }), ...t });
+g.displayName = "CalendarWeekDay";
+const z = n({
+  base: [
+    "bg-background p-3 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent"
+  ],
+  slots: {
+    months: "relative flex flex-col gap-4 md:flex-row",
+    month: "flex w-full flex-col gap-4",
+    nav: "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
+    month_caption: "flex h-9 w-full items-center justify-center px-2 capitalize",
+    dropdowns: "flex h-9 w-full items-center justify-center gap-1.5 text-sm font-medium",
+    dropdown_root: [
+      "has-focus:border-ring has-focus:ring-ring/50 has-focus:ring-[3px]",
+      "shadow-xs relative rounded-md border border-input"
+    ],
+    dropdown: "absolute inset-0 bg-background opacity-0",
+    table: "w-full border-collapse",
+    weekdays: "flex",
+    week: "mt-1 flex",
+    hidden: "invisible",
+    day: "border-0 p-0"
+  }
+}), W = n({
+  base: "select-none font-medium",
+  variants: {
+    layout: {
+      label: "text-sm",
+      dropdown: "flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground"
+    }
+  },
+  defaultVariants: {
+    layout: "label"
+  }
+}), P = ({
+  className: e,
+  classNames: t,
+  showOutsideDays: o = !0,
+  captionLayout: d = "dropdown",
+  components: i,
+  ...y
+}) => {
+  const r = z(), h = l(() => new Date(2100, 11, 31), []), x = l(() => ({
+    months: r.months(),
+    month: r.month(),
+    nav: r.nav(),
+    month_caption: r.month_caption(),
+    dropdowns: r.dropdowns(),
+    dropdown_root: r.dropdown_root(),
+    dropdown: r.dropdown(),
+    caption_label: W({
+      layout: d === "label" ? d : "dropdown"
+    }),
+    table: r.table(),
+    weekdays: r.weekdays(),
+    week: r.week(),
+    hidden: r.hidden(),
+    day: r.day(),
+    ...t
+  }), [t]), v = l(() => ({
+    Root: b,
+    Chevron: m,
+    DayButton: c,
+    Weekday: g,
+    PreviousMonthButton: p,
+    NextMonthButton: f,
+    ...i
+  }), [i]);
+  return /* @__PURE__ */ a(
+    M,
+    {
+      endMonth: h,
+      showOutsideDays: o,
+      className: r.base({ className: e }),
+      captionLayout: d,
+      classNames: x,
+      components: v,
+      ...y
+    }
+  );
+};
+P.displayName = "Calendar";
+export {
+  P as Calendar
+};
+//# sourceMappingURL=calendar.js.map

package/dist/components/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sources":["../../src/components/calendar/components/calendar-chevron/CalendarChevron.tsx","../../src/components/calendar/components/calendar-day-button/CalendarDayButton.tsx","../../src/components/calendar/components/calendar-next-month-button/CalendarNextMonthButton.tsx","../../src/components/calendar/components/calendar-previous-month-button/CalendarPreviousMonthButton.tsx","../../src/components/calendar/components/calendar-root/CalendarRoot.tsx","../../src/components/calendar/components/calendar-week-day/CalendarWeekDay.tsx","../../src/components/calendar/Calendar.tsx"],"sourcesContent":["import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon } from \"lucide-react\";\r\nimport { ChevronProps } from \"react-day-picker\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst calendarChevronStyles = tv({\r\n\tbase: \"size-4\"\r\n});\r\n\r\n/**\r\n * Компонент для отображения стрелок навигации в Calendar\r\n *\r\n * @param className - Дополнительные CSS классы\r\n * @param orientation - Направление стрелки ('left' | 'right' | 'up' | 'down')\r\n * @param props - Остальные пропсы от react-day-picker Chevron\r\n */\r\nexport const CalendarChevron = ({ className, orientation, ...props }: ChevronProps): React.JSX.Element => {\r\n\tif (orientation === \"left\") {\r\n\t\treturn <ChevronLeftIcon className={calendarChevronStyles({ className })} {...props} />;\r\n\t}\r\n\tif (orientation === \"right\") {\r\n\t\treturn <ChevronRightIcon className={calendarChevronStyles({ className })} {...props} />;\r\n\t}\r\n\tif (orientation === \"up\") {\r\n\t\treturn <ChevronUpIcon className={calendarChevronStyles({ className })} {...props} />;\r\n\t}\r\n\treturn <ChevronDownIcon className={calendarChevronStyles({ className })} {...props} />;\r\n};\r\n\r\nCalendarChevron.displayName = \"CalendarChevron\";\r\n","import { tv } from \"tailwind-variants\";\r\nimport { DayButton, DayButtonProps } from \"react-day-picker\";\r\n\r\nconst calendarDayButtonStyles = tv({\r\n\tbase: [\r\n\t\t\"inline-flex items-center justify-center gap-2\",\r\n\t\t\"aspect-square h-9 shrink-0 p-2.5\",\r\n\t\t\"text-xs font-medium text-foreground transition-all\",\r\n\t\t\"cursor-pointer select-none\",\r\n\t\t\"disabled:pointer-events-none disabled:text-muted-foreground disabled:opacity-50\",\r\n\t\t\"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary\",\r\n\t\t\"focus-visible:rounded-md\"\r\n\t],\r\n\tvariants: {\r\n\t\tselected: {\r\n\t\t\ttrue: \"bg-primary text-primary-foreground\"\r\n\t\t},\r\n\t\trange_middle: {\r\n\t\t\ttrue: \"bg-secondary-bg-hover text-card-foreground\"\r\n\t\t},\r\n\t\toutside: {\r\n\t\t\ttrue: \"text-muted-foreground\"\r\n\t\t},\r\n\t\ttoday: {\r\n\t\t\ttrue: \"relative after:absolute after:bottom-1 after:left-1/2 after:h-1 after:w-1 after:-translate-x-1/2 after:rounded-full after:bg-primary\"\r\n\t\t}\r\n\t},\r\n\tcompoundVariants: [\r\n\t\t{\r\n\t\t\tselected: false,\r\n\t\t\tclassName: \"hover:bg-secondary-bg-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tselected: true,\r\n\t\t\trange_start: false,\r\n\t\t\trange_end: false,\r\n\t\t\trange_middle: false,\r\n\t\t\tclassName: \"rounded-md\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tselected: true,\r\n\t\t\trange_start: true,\r\n\t\t\tclassName: \"rounded-l-md\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tselected: true,\r\n\t\t\trange_end: true,\r\n\t\t\tclassName: \"rounded-r-md\"\r\n\t\t},\r\n\t\t{\r\n\t\t\ttoday: true,\r\n\t\t\tselected: true,\r\n\t\t\trange_middle: false,\r\n\t\t\tclassName: \"after:bg-primary-foreground\"\r\n\t\t},\r\n\t\t{\r\n\t\t\toutside: true,\r\n\t\t\tselected: false,\r\n\t\t\tclassName: \"hover:text-primary-fg\"\r\n\t\t}\r\n\t]\r\n});\r\n\r\nexport interface ModifiersRdp {\r\n\tselected?: boolean;\r\n\tdisabled?: boolean;\r\n\thidden?: boolean;\r\n\ttoday?: boolean;\r\n\tfocused?: boolean;\r\n\toutside?: boolean;\r\n\r\n\trange_start?: boolean;\r\n\trange_end?: boolean;\r\n\trange_middle?: boolean;\r\n}\r\n\r\nexport type CalendarDayButtonProps = DayButtonProps & { modifiers: ModifiersRdp };\r\n\r\n/**\r\n * Кнопка для отображения дня в Calendar\r\n *\r\n * @param modifiers - Модификаторы состояния дня (selected, disabled, today, etc.)\r\n * @param className - Дополнительные CSS классы\r\n * @param props - Пропсы от react-day-picker DayButton\r\n */\r\nexport const CalendarDayButton = ({ modifiers, className, ...props }: CalendarDayButtonProps) => {\r\n\treturn (\r\n\t\t<DayButton\r\n\t\t\tmodifiers={modifiers}\r\n\t\t\tclassName={calendarDayButtonStyles({ ...modifiers, className })}\r\n\t\t\t{...props}\r\n\t\t\tdisabled={modifiers.disabled}\r\n\t\t/>\r\n\t);\r\n};\r\n\r\nCalendarDayButton.displayName = \"CalendarDayButton\";\r\n","import { Button } from \"@/components/button\";\r\nimport { NextMonthButtonProps } from \"react-day-picker\";\r\n\r\n/**\r\n * Кнопка для перехода к следующему месяцу в Calendar, оборачивает компонент day-picker-chevron\r\n *\r\n * @param className - Дополнительные CSS классы\r\n * @param props - Пропсы от react-day-picker NextMonthButton\r\n */\r\nexport const CalendarNextMonthButton = ({ className, ...props }: NextMonthButtonProps) => {\r\n\treturn <Button {...props} variant=\"ghost\" className={className} />;\r\n};\r\n\r\nCalendarNextMonthButton.displayName = \"CalendarNextMonthButton\";\r\n","import { Button } from \"@/components/button\";\r\nimport { PreviousMonthButtonProps } from \"react-day-picker\";\r\n\r\n/**\r\n * Кнопка для перехода к предыдущему месяцу в Calendar, оборачивает компонент day-picker-chevron\r\n *\r\n * @param className - Дополнительные CSS классы\r\n * @param props - Пропсы от react-day-picker PreviousMonthButton\r\n */\r\nexport const CalendarPreviousMonthButton = ({ className, ...props }: PreviousMonthButtonProps) => {\r\n\treturn <Button {...props} variant=\"ghost\" className={className} />;\r\n};\r\n\r\nCalendarPreviousMonthButton.displayName = \"CalendarPreviousMonthButton\";\r\n","import { Root, RootProps } from \"react-day-picker\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst calendarRootStyles = tv({\r\n\tbase: [\r\n\t\t\"w-fit rounded-md border bg-background\",\r\n\t\t\"border border-solid border-secondary-border bg-secondary-bg shadow-soft-sm\"\r\n\t]\r\n});\r\n\r\n/**\r\n * Корневой контейнер для Calendar\r\n *\r\n * @param className - Дополнительные CSS классы\r\n * @param props - Пропсы от react-day-picker Root\r\n */\r\nexport const CalendarRoot = ({ className, ...props }: RootProps) => {\r\n\treturn <Root {...props} className={calendarRootStyles({ className })} />;\r\n};\r\n\r\nCalendarRoot.displayName = \"CalendarRoot\";\r\n","import { tv } from \"tailwind-variants\";\r\nimport { Weekday, WeekdayProps } from \"react-day-picker\";\r\n\r\nconst calendarWeekDayStyles = tv({\r\n\tbase: [\r\n\t\t\"inline-flex items-center justify-center gap-2\",\r\n\t\t\"transition-all\",\r\n\t\t\"text-xs font-medium text-muted-foreground\",\r\n\t\t\"w-9 shrink-0 rounded p-0\",\r\n\t\t\"opacity-70\"\r\n\t]\r\n});\r\n\r\n/**\r\n * Компонент для отображения дня недели в Calendar\r\n *\r\n * @param className - Дополнительные CSS классы\r\n * @param props - Пропсы от react-day-picker Weekday\r\n */\r\nexport const CalendarWeekDay = ({ className, ...props }: WeekdayProps) => {\r\n\treturn <Weekday className={calendarWeekDayStyles({ className })} {...props}></Weekday>;\r\n};\r\n\r\nCalendarWeekDay.displayName = \"CalendarWeekDay\";\r\n","import { useMemo } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { CalendarChevron } from \"./components/calendar-chevron/CalendarChevron\";\r\nimport { CalendarDayButton } from \"./components/calendar-day-button/CalendarDayButton\";\r\nimport { CalendarNextMonthButton } from \"./components/calendar-next-month-button/CalendarNextMonthButton\";\r\nimport { CalendarPreviousMonthButton } from \"./components/calendar-previous-month-button/CalendarPreviousMonthButton\";\r\nimport { CalendarRoot } from \"./components/calendar-root/CalendarRoot\";\r\nimport { CalendarWeekDay } from \"./components/calendar-week-day/CalendarWeekDay\";\r\nimport { DayPicker, DayPickerProps } from \"react-day-picker\";\r\n\r\nconst CalendarStyles = tv({\r\n\tbase: [\r\n\t\t\"bg-background p-3 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent\"\r\n\t],\r\n\tslots: {\r\n\t\tmonths: \"relative flex flex-col gap-4 md:flex-row\",\r\n\t\tmonth: \"flex w-full flex-col gap-4\",\r\n\t\tnav: \"absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1\",\r\n\t\tmonth_caption: \"flex h-9 w-full items-center justify-center px-2 capitalize\",\r\n\t\tdropdowns: \"flex h-9 w-full items-center justify-center gap-1.5 text-sm font-medium\",\r\n\t\tdropdown_root: [\r\n\t\t\t\"has-focus:border-ring has-focus:ring-ring/50 has-focus:ring-[3px]\",\r\n\t\t\t\"shadow-xs relative rounded-md border border-input\"\r\n\t\t],\r\n\t\tdropdown: \"absolute inset-0 bg-background opacity-0\",\r\n\t\ttable: \"w-full border-collapse\",\r\n\t\tweekdays: \"flex\",\r\n\t\tweek: \"mt-1 flex\",\r\n\t\thidden: \"invisible\",\r\n\t\tday: \"border-0 p-0\"\r\n\t}\r\n});\r\n\r\nconst captionLabelStyle = tv({\r\n\tbase: \"select-none font-medium\",\r\n\tvariants: {\r\n\t\tlayout: {\r\n\t\t\tlabel: \"text-sm\",\r\n\t\t\tdropdown:\r\n\t\t\t\t\"flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground\"\r\n\t\t}\r\n\t},\r\n\tdefaultVariants: {\r\n\t\tlayout: \"label\"\r\n\t}\r\n});\r\n\r\nexport type CalendarProps = DayPickerProps;\r\n\r\n/**\r\n * Calendar компонент для выбора дат\r\n *\r\n * Основан на [react-day-picker](https://Calendar.dev/) с кастомной стилизацией.\r\n * Поддерживает выбор одной даты, множественный выбор и выбор диапазона дат.\r\n *\r\n * @see https://ui-kit.ics-it.ru/?path=/docs/components-day-picker-Calendar--docs\r\n */\r\nexport const Calendar = ({\r\n\tclassName,\r\n\tclassNames,\r\n\tshowOutsideDays = true,\r\n\tcaptionLayout = \"dropdown\",\r\n\tcomponents,\r\n\t...props\r\n}: CalendarProps) => {\r\n\tconst styles = CalendarStyles();\r\n\r\n\t/**\r\n\t * По умолчанию react-day-picker ограничивает выбор даты:\r\n\t * - Минимум - текущий год минус 100 лет\r\n\t * - Максимум - последний месяц текущего года\r\n\t * Переопределяем это поведение, чтобы можно было выбирать даты до 2100 года.\r\n\t */\r\n\tconst endMonth = useMemo(() => {\r\n\t\treturn new Date(2100, 11, 31);\r\n\t}, []);\r\n\r\n\tconst classNamesMemoized: CalendarProps[\"classNames\"] = useMemo(() => {\r\n\t\treturn {\r\n\t\t\tmonths: styles.months(),\r\n\t\t\tmonth: styles.month(),\r\n\t\t\tnav: styles.nav(),\r\n\t\t\tmonth_caption: styles.month_caption(),\r\n\t\t\tdropdowns: styles.dropdowns(),\r\n\t\t\tdropdown_root: styles.dropdown_root(),\r\n\t\t\tdropdown: styles.dropdown(),\r\n\t\t\tcaption_label: captionLabelStyle({\r\n\t\t\t\tlayout: captionLayout === \"label\" ? captionLayout : \"dropdown\"\r\n\t\t\t}),\r\n\t\t\ttable: styles.table(),\r\n\t\t\tweekdays: styles.weekdays(),\r\n\t\t\tweek: styles.week(),\r\n\t\t\thidden: styles.hidden(),\r\n\t\t\tday: styles.day(),\r\n\t\t\t...classNames\r\n\t\t};\r\n\t}, [classNames]);\r\n\r\n\tconst componentsMemoized: CalendarProps[\"components\"] = useMemo(() => {\r\n\t\treturn {\r\n\t\t\tRoot: CalendarRoot,\r\n\t\t\tChevron: CalendarChevron,\r\n\t\t\tDayButton: CalendarDayButton,\r\n\t\t\tWeekday: CalendarWeekDay,\r\n\t\t\tPreviousMonthButton: CalendarPreviousMonthButton,\r\n\t\t\tNextMonthButton: CalendarNextMonthButton,\r\n\t\t\t...components\r\n\t\t};\r\n\t}, [components]);\r\n\r\n\treturn (\r\n\t\t<DayPicker\r\n\t\t\tendMonth={endMonth}\r\n\t\t\tshowOutsideDays={showOutsideDays}\r\n\t\t\tclassName={styles.base({ className })}\r\n\t\t\tcaptionLayout={captionLayout}\r\n\t\t\tclassNames={classNamesMemoized}\r\n\t\t\tcomponents={componentsMemoized}\r\n\t\t\t{...props}\r\n\t\t/>\r\n\t);\r\n};\r\n\r\nCalendar.displayName = \"Calendar\";\r\n"],"names":["calendarChevronStyles","tv","CalendarChevron","className","orientation","props","jsx","ChevronLeftIcon","ChevronRightIcon","ChevronUpIcon","ChevronDownIcon","calendarDayButtonStyles","CalendarDayButton","modifiers","DayButton","CalendarNextMonthButton","Button","CalendarPreviousMonthButton","calendarRootStyles","CalendarRoot","Root","calendarWeekDayStyles","CalendarWeekDay","Weekday","CalendarStyles","captionLabelStyle","Calendar","classNames","showOutsideDays","captionLayout","components","styles","endMonth","useMemo","classNamesMemoized","componentsMemoized","DayPicker"],"mappings":"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"}

package/dist/components/card/Card.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export type CardProps = React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+};
+export declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/card/Card.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Card } from './Card';
+declare const meta: Meta<typeof Card>;
+export default meta;
+type Story = StoryObj<typeof Card>;
+export declare const Default: Story;
+export declare const ActionCardExample: Story;
+export declare const ActionCardFolder: Story;
+export declare const StyledCards: Story;
+export declare const CardWithFeature: Story;
+export declare const CardWithFolder: Story;
+export declare const CardWithVisualBadge: Story;
+export declare const CardWithMenu: Story;
+export declare const CardResizableExamples: Story;
+export declare const Showcase: Story;
+export declare const CardWithCustomContent: Story;
+export declare const SingleSelectExample: Story;

package/dist/components/card/components/ActionCard.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export type ActionCardProps = React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+};
+export declare const ActionCard: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/card/components/CardFeature.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export type CardFeatureProps = React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+};
+export declare const CardFeature: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/card/components/CardFolder.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export type CardFolderProps = React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+    className?: string;
+};
+export declare const CardFolder: {
+    ({ className, children, ...props }: CardFolderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/card/components/CardFooter.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export type CardFooterProps = React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+};
+export declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/card/components/CardMenuTrigger.d.ts

@@ -0,0 +1,8 @@
+import { IconButtonProps } from '../../button/icon-button/IconButton';
+import { default as React } from 'react';
+export type CardMenuTriggerProps = Omit<IconButtonProps, "icon"> & {
+    iconProps?: Partial<IconButtonProps>;
+};
+export declare const CardMenuTrigger: React.ForwardRefExoticComponent<Omit<IconButtonProps, "icon"> & {
+    iconProps?: Partial<IconButtonProps>;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/card/components/CardSubTitle.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export type CardSubTitleProps = React.HTMLAttributes<HTMLHeadingElement> & {
+    asChild?: boolean;
+};
+export declare const CardSubTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/card/components/CardTitle.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement> & {
+    asChild?: boolean;
+};
+export declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/card/components/CardVisualBadge.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export type CardVisualBadgeProps = React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+};
+export declare const CardVisualBadge: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/card/components/FolderSvg.d.ts

@@ -0,0 +1,3 @@
+export declare const FolderSvgLeft: () => import("react/jsx-runtime").JSX.Element;
+export declare const FolderSvgMedium: () => import("react/jsx-runtime").JSX.Element;
+export declare const FolderSvgRight: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+export { Card } from './Card';
+export type { CardProps } from './Card';
+export { ActionCard } from './components/ActionCard';
+export type { ActionCardProps } from './components/ActionCard';
+export { CardTitle } from './components/CardTitle';
+export type { CardTitleProps } from './components/CardTitle';
+export { CardSubTitle } from './components/CardSubTitle';
+export type { CardSubTitleProps } from './components/CardSubTitle';
+export { CardFooter } from './components/CardFooter';
+export type { CardFooterProps } from './components/CardFooter';
+export { CardVisualBadge } from './components/CardVisualBadge';
+export type { CardVisualBadgeProps } from './components/CardVisualBadge';
+export { CardFeature } from './components/CardFeature';
+export type { CardFeatureProps } from './components/CardFeature';
+export { CardMenuTrigger } from './components/CardMenuTrigger';
+export type { CardMenuTriggerProps } from './components/CardMenuTrigger';
+export { CardFolder } from './components/CardFolder';
+export type { CardFolderProps } from './components/CardFolder';
+export { cardStyles } from './styles';

package/dist/components/card/styles.d.ts

@@ -0,0 +1,2 @@
+import { TVReturnType } from 'tailwind-variants';
+export declare const cardStyles: TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;

package/dist/components/card.d.ts

@@ -0,0 +1,2 @@
+export * from './card/index'
+export {}