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

package/dist/components/counter.js

@@ -0,0 +1,142 @@
+import { jsx as u } from "react/jsx-runtime";
+import { T as c } from "../index-BVqs-uqP.js";
+import d from "react";
+import { S as l } from "../index-BtQfgaSF.js";
+const g = c({
+  base: "box-border inline-flex items-center justify-center overflow-hidden rounded-sm px-1",
+  variants: {
+    status: {
+      default: "bg-status-neutral",
+      info: "bg-status-info",
+      success: "bg-status-success",
+      warning: "bg-status-warning",
+      error: "bg-status-error"
+    },
+    variant: {
+      primary: "text-primary-bg",
+      secondary: "",
+      outline: "border",
+      text: "bg-transparent px-0.5 !leading-none"
+    },
+    size: {
+      lg: "h-[1.375rem] min-w-[1.375rem] text-base",
+      md: "h-5 min-w-5 text-sm",
+      sm: "h-4 min-w-4 text-xs",
+      xs: "h-3.5 min-w-3.5 text-[0.625rem]"
+    }
+  },
+  defaultVariants: {
+    status: "default",
+    variant: "primary",
+    size: "md"
+  },
+  compoundVariants: [
+    {
+      status: ["info", "success", "warning", "error"],
+      variant: "primary",
+      class: "text-white"
+    },
+    {
+      status: "default",
+      variant: "secondary",
+      class: "bg-primary-bg-hover text-secondary-fg"
+    },
+    {
+      status: "info",
+      variant: "secondary",
+      class: "bg-status-info-bg-hover text-status-info"
+    },
+    {
+      status: "success",
+      variant: "secondary",
+      class: "bg-status-success-bg-hover text-status-success"
+    },
+    {
+      status: "warning",
+      variant: "secondary",
+      class: "bg-status-warning-bg-hover text-status-warning"
+    },
+    {
+      status: "error",
+      variant: "secondary",
+      class: "bg-status-error-bg-hover text-status-error"
+    },
+    {
+      status: "default",
+      variant: "outline",
+      class: "border-secondary-border bg-secondary-bg text-muted"
+    },
+    {
+      status: "info",
+      variant: "outline",
+      class: "border-status-info-secondary-border bg-status-info-bg text-status-info"
+    },
+    {
+      status: "success",
+      variant: "outline",
+      class: "border-status-success-secondary-border bg-status-success-bg text-status-success"
+    },
+    {
+      status: "warning",
+      variant: "outline",
+      class: "border-status-warning-secondary-border bg-status-warning-bg text-status-warning"
+    },
+    {
+      status: "error",
+      variant: "outline",
+      class: "border-status-error-secondary-border bg-status-error-bg text-status-error"
+    },
+    {
+      status: "default",
+      variant: "text",
+      class: "text-muted"
+    },
+    {
+      status: "info",
+      variant: "text",
+      class: "text-status-info"
+    },
+    {
+      status: "success",
+      variant: "text",
+      class: "text-status-success"
+    },
+    {
+      status: "warning",
+      variant: "text",
+      class: "text-status-warning"
+    },
+    {
+      status: "error",
+      variant: "text",
+      class: "text-status-error"
+    },
+    {
+      size: "xs",
+      variant: "text",
+      class: "h-2.5 min-w-2.5"
+    },
+    {
+      size: "sm",
+      variant: "text",
+      class: "h-3 min-w-3"
+    },
+    {
+      size: "md",
+      variant: "text",
+      class: "h-3.5 min-w-3.5"
+    },
+    {
+      size: "lg",
+      variant: "text",
+      class: "h-4 min-w-3.5"
+    }
+  ]
+}), b = d.forwardRef(
+  ({ className: t, children: s, status: a, size: r, variant: e, asChild: n = !1, ...i }, o) => /* @__PURE__ */ u(n ? l : "span", { className: g({ size: r, status: a, variant: e, className: t }), ref: o, ...i, children: s })
+);
+b.displayName = "Counter";
+export {
+  b as Counter
+};
+//# sourceMappingURL=counter.js.map

package/dist/components/counter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"counter.js","sources":["../../src/components/counter/Counter.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\nexport interface CounterVariants {\r\n\tstatus?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\";\r\n\tvariant?: \"primary\" | \"secondary\" | \"outline\" | \"text\";\r\n\tsize?: \"xs\" | \"sm\" | \"md\" | \"lg\";\r\n}\r\n\r\nconst counterVariants = tv({\r\n\tbase: \"box-border inline-flex items-center justify-center overflow-hidden rounded-sm px-1\",\r\n\tvariants: {\r\n\t\tstatus: {\r\n\t\t\tdefault: \"bg-status-neutral\",\r\n\t\t\tinfo: \"bg-status-info\",\r\n\t\t\tsuccess: \"bg-status-success\",\r\n\t\t\twarning: \"bg-status-warning\",\r\n\t\t\terror: \"bg-status-error\"\r\n\t\t},\r\n\t\tvariant: {\r\n\t\t\tprimary: \"text-primary-bg\",\r\n\t\t\tsecondary: \"\",\r\n\t\t\toutline: \"border\",\r\n\t\t\ttext: \"bg-transparent px-0.5 !leading-none\"\r\n\t\t},\r\n\t\tsize: {\r\n\t\t\tlg: \"h-[1.375rem] min-w-[1.375rem] text-base\",\r\n\t\t\tmd: \"h-5 min-w-5 text-sm\",\r\n\t\t\tsm: \"h-4 min-w-4 text-xs\",\r\n\t\t\txs: \"h-3.5 min-w-3.5 text-[0.625rem]\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<CounterVariants>,\r\n\tdefaultVariants: {\r\n\t\tstatus: \"default\",\r\n\t\tvariant: \"primary\",\r\n\t\tsize: \"md\"\r\n\t},\r\n\tcompoundVariants: [\r\n\t\t{\r\n\t\t\tstatus: [\"info\", \"success\", \"warning\", \"error\"],\r\n\t\t\tvariant: \"primary\",\r\n\t\t\tclass: \"text-white\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tstatus: \"default\",\r\n\t\t\tvariant: \"secondary\",\r\n\t\t\tclass: \"bg-primary-bg-hover text-secondary-fg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tstatus: \"info\",\r\n\t\t\tvariant: \"secondary\",\r\n\t\t\tclass: \"bg-status-info-bg-hover text-status-info\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tstatus: \"success\",\r\n\t\t\tvariant: \"secondary\",\r\n\t\t\tclass: \"bg-status-success-bg-hover text-status-success\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tvariant: \"secondary\",\r\n\t\t\tclass: \"bg-status-warning-bg-hover text-status-warning\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tstatus: \"error\",\r\n\t\t\tvariant: \"secondary\",\r\n\t\t\tclass: \"bg-status-error-bg-hover text-status-error\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tstatus: \"default\",\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tclass: \"border-secondary-border bg-secondary-bg text-muted\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tstatus: \"info\",\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tclass: \"border-status-info-secondary-border bg-status-info-bg text-status-info\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tstatus: \"success\",\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tclass: \"border-status-success-secondary-border bg-status-success-bg text-status-success\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tclass: \"border-status-warning-secondary-border bg-status-warning-bg text-status-warning\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tstatus: \"error\",\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tclass: \"border-status-error-secondary-border bg-status-error-bg text-status-error\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tstatus: \"default\",\r\n\t\t\tvariant: \"text\",\r\n\t\t\tclass: \"text-muted\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tstatus: \"info\",\r\n\t\t\tvariant: \"text\",\r\n\t\t\tclass: \"text-status-info\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tstatus: \"success\",\r\n\t\t\tvariant: \"text\",\r\n\t\t\tclass: \"text-status-success\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tvariant: \"text\",\r\n\t\t\tclass: \"text-status-warning\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tstatus: \"error\",\r\n\t\t\tvariant: \"text\",\r\n\t\t\tclass: \"text-status-error\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tsize: \"xs\",\r\n\t\t\tvariant: \"text\",\r\n\t\t\tclass: \"h-2.5 min-w-2.5\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tsize: \"sm\",\r\n\t\t\tvariant: \"text\",\r\n\t\t\tclass: \"h-3 min-w-3\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tsize: \"md\",\r\n\t\t\tvariant: \"text\",\r\n\t\t\tclass: \"h-3.5 min-w-3.5\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tsize: \"lg\",\r\n\t\t\tvariant: \"text\",\r\n\t\t\tclass: \"h-4 min-w-3.5\"\r\n\t\t}\r\n\t]\r\n});\r\n\r\nexport type CounterProps = React.HTMLAttributes<HTMLElement> &\r\n\tCounterVariants & {\r\n\t\tasChild?: boolean;\r\n\t};\r\n\r\nexport const Counter = React.forwardRef<HTMLElement, PropsWithChildren<CounterProps>>(\r\n\t({ className, children, status, size, variant, asChild = false, ...props }, ref) => {\r\n\t\tconst Comp = asChild ? Slot : \"span\";\r\n\r\n\t\treturn (\r\n\t\t\t<Comp className={counterVariants({ size, status, variant, className })} ref={ref} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</Comp>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nCounter.displayName = \"Counter\";\r\n"],"names":["counterVariants","tv","Counter","React","className","children","status","size","variant","asChild","props","ref","jsx","Slot"],"mappings":"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"}

package/dist/components/data-table/DataTable.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Table } from '../table/Table';
+declare const meta: Meta<typeof Table>;
+export default meta;
+type Story = StoryObj<typeof Table>;
+export declare const DataTableExample: Story;
+export declare const EditableTable: Story;
+export declare const DraggableTableExample: Story;

package/dist/components/description/Description.d.ts

@@ -1,4 +1,8 @@
 import { default as React } from 'react';
+type DescriptionVariants = {
+    size?: "xs" | "sm";
+};
 export declare const Description: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     children?: React.ReactNode | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+} & DescriptionVariants & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/description/Description.stories.d.ts

@@ -3,10 +3,20 @@ import { ForwardRefExoticComponent, HTMLAttributes, ReactNode, RefAttributes } f
 declare const meta: {
     component: ForwardRefExoticComponent< HTMLAttributes<HTMLDivElement> & {
         children?: ReactNode | undefined;
+    } & {
+        size?: "xs" | "sm";
     } & RefAttributes<HTMLDivElement>>;
     parameters: {
         layout: string;
     };
+    argTypes: {
+        size: {
+            options: string[];
+            control: {
+                type: "radio";
+            };
+        };
+    };
     tags: string[];
 };
 export default meta;

package/dist/components/description.js

@@ -1,4 +1,4 @@
-import { D as e } from "../Description-g2E6P7Qi.js";
+import { D as e } from "../Description-BTPMlTT-.js";
 export {
   e as Description
 };

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

@@ -1,19 +1,58 @@
+import { OverlayVariants } from '../overlay/Overlay';
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import * as React from "react";
 declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
 declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
-declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const DialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+declare const DialogHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+interface DialogOverlayProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>, OverlayVariants {
+}
+declare const DialogOverlay: React.ForwardRefExoticComponent<DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
+type BackgroundProps = OverlayVariants;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    overlayBlur?: BackgroundProps["blur"];
+    overlayType?: BackgroundProps["type"];
+    showCloseButton?: boolean;
+    /**
+     * Контейнер для портала. Если не указан, используется хук usePortalContainer
+     * для поиска PortalContainer
+     */
+    portalContainer?: HTMLElement;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+/** @deprecated Используйте Dialog вместо Modal */
+export declare const Modal: React.FC<DialogPrimitive.DialogProps>;
+/** @deprecated Используйте DialogBody вместо ModalBody */
+export declare const ModalBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/** @deprecated Используйте DialogClose вместо ModalClose */
+export declare const ModalClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+/** @deprecated Используйте DialogContent вместо ModalContent */
+export declare const ModalContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    overlayBlur?: BackgroundProps["blur"];
+    overlayType?: BackgroundProps["type"];
+    showCloseButton?: boolean;
+    /**
+     * Контейнер для портала. Если не указан, используется хук usePortalContainer
+     * для поиска PortalContainer
+     */
+    portalContainer?: HTMLElement;
+} & React.RefAttributes<HTMLDivElement>>;
+/** @deprecated Используйте DialogDescription вместо ModalDescription */
+export declare const ModalDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+/** @deprecated Используйте DialogFooter вместо ModalFooter */
+export declare const ModalFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/** @deprecated Используйте DialogHeader вместо ModalHeader */
+export declare const ModalHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/** @deprecated Используйте DialogOverlay вместо ModalOverlay */
+export declare const ModalOverlay: React.ForwardRefExoticComponent<DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
+/** @deprecated Используйте DialogPortal вместо ModalPortal */
+export declare const ModalPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+/** @deprecated Используйте DialogTitle вместо ModalTitle */
+export declare const ModalTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+/** @deprecated Используйте DialogTrigger вместо ModalTrigger */
+export declare const ModalTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/dialog/Dialog.stories.d.ts

@@ -0,0 +1,26 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { OverlayProps } from '../overlay/Overlay';
+import { Dialog } from './Dialog';
+declare const meta: Meta<typeof Dialog>;
+export default meta;
+type Story = StoryObj<typeof Dialog>;
+export declare const Default: Story;
+export declare const WithoutBorder: Story;
+export declare const LargeContentModal: Story;
+interface TemplateModalExampleProps {
+    showHeader?: boolean;
+    showFooter?: boolean;
+    overlayBlur?: OverlayProps["blur"];
+    overlayType?: OverlayProps["type"];
+}
+declare const TemplateModalExample: ({ showHeader, showFooter, overlayBlur, overlayType }: TemplateModalExampleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TemplateModalPlayground: StoryObj<typeof TemplateModalExample>;
+export declare const GramaxModal: Story;
+export declare const CascadingModals: Story;
+export declare const WithDropdownTooltipPopover: Story;
+export declare const WithoutCloseButton: Story;
+export declare const WithCustomCloseButton: Story;
+export declare const WithoutBackdropClose: Story;
+export declare const PreventClose: Story;
+export declare const PreventCloseWithSave: Story;
+export declare const TopAlignedModal: Story;

package/dist/components/dialog/DialogTemplates.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { FormHeaderTemplateVariants } from '../form/templates/header-template/FormHeaderTemplate';
+import { LucideIcon } from 'lucide-react';
+import { FormFooterTemplateProps } from '../form/templates/footer-template/FormFooterTemplate';
+export declare const DialogHeaderTemplate: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "title"> & FormHeaderTemplateVariants & {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: LucideIcon;
+    customIcon?: React.ReactNode;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogFooterTemplate: React.ForwardRefExoticComponent< FormFooterTemplateProps & React.RefAttributes<HTMLDivElement>>;
+/** @deprecated Используйте DialogHeaderTemplate вместо ModalHeaderTemplate */
+export declare const ModalHeaderTemplate: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "title"> & FormHeaderTemplateVariants & {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: LucideIcon;
+    customIcon?: React.ReactNode;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+/** @deprecated Используйте DialogFooterTemplate вместо ModalFooterTemplate */
+export declare const ModalFooterTemplate: React.ForwardRefExoticComponent< FormFooterTemplateProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,4 @@
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './Dialog';
+export { DialogHeaderTemplate, DialogFooterTemplate } from './DialogTemplates';
+export { Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger } from './Dialog';
+export { ModalHeaderTemplate, ModalFooterTemplate } from './DialogTemplates';

package/dist/components/dialog.d.ts

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

package/dist/components/dialog.js

@@ -0,0 +1,47 @@
+import { D as s, a as i } from "../Dialog-ByiJIDhl.js";
+import { b as y, c as B, d as C, e as h, f as x, g as j, h as u, i as v, j as O, M as P, k as R, l as _, m as b, n as k, o as q, p as w, q as N, r as z, s as A, t as E } from "../Dialog-ByiJIDhl.js";
+import { jsx as a } from "react/jsx-runtime";
+import d from "react";
+import { F as g, B as m } from "../FormFooterTemplate-BPspyDbr.js";
+const o = d.forwardRef(
+  ({ title: e, description: l, ...r }, t) => /* @__PURE__ */ a(
+    m,
+    {
+      title: /* @__PURE__ */ a(i, { children: e }),
+      description: /* @__PURE__ */ a(s, { children: l }),
+      ref: t,
+      ...r
+    }
+  )
+);
+o.displayName = "DialogHeaderTemplate";
+const p = g, T = o, f = p;
+export {
+  y as Dialog,
+  B as DialogBody,
+  C as DialogClose,
+  h as DialogContent,
+  s as DialogDescription,
+  x as DialogFooter,
+  p as DialogFooterTemplate,
+  j as DialogHeader,
+  o as DialogHeaderTemplate,
+  u as DialogOverlay,
+  v as DialogPortal,
+  i as DialogTitle,
+  O as DialogTrigger,
+  P as Modal,
+  R as ModalBody,
+  _ as ModalClose,
+  b as ModalContent,
+  k as ModalDescription,
+  q as ModalFooter,
+  f as ModalFooterTemplate,
+  w as ModalHeader,
+  T as ModalHeaderTemplate,
+  N as ModalOverlay,
+  z as ModalPortal,
+  A as ModalTitle,
+  E as ModalTrigger
+};
+//# sourceMappingURL=dialog.js.map

package/dist/components/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sources":["../../src/components/dialog/DialogTemplates.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\r\nimport { BaseHeaderTemplate, BaseHeaderTemplateProps } from \"../form/templates/header-template/FormHeaderTemplate\";\r\nimport { FormFooterTemplate } from \"../form/templates/footer-template/FormFooterTemplate\";\r\nimport { DialogDescription, DialogTitle } from \"./Dialog\";\r\n\r\nexport const DialogHeaderTemplate = React.forwardRef<HTMLDivElement, PropsWithChildren<BaseHeaderTemplateProps>>(\r\n\t({ title, description, ...props }, ref) => {\r\n\t\treturn (\r\n\t\t\t<BaseHeaderTemplate\r\n\t\t\t\ttitle={<DialogTitle>{title}</DialogTitle>}\r\n\t\t\t\tdescription={<DialogDescription>{description}</DialogDescription>}\r\n\t\t\t\tref={ref}\r\n\t\t\t\t{...props}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nDialogHeaderTemplate.displayName = \"DialogHeaderTemplate\";\r\n\r\nexport const DialogFooterTemplate = FormFooterTemplate;\r\n\r\n/** @deprecated Используйте DialogHeaderTemplate вместо ModalHeaderTemplate */\r\nexport const ModalHeaderTemplate = DialogHeaderTemplate;\r\n/** @deprecated Используйте DialogFooterTemplate вместо ModalFooterTemplate */\r\nexport const ModalFooterTemplate = DialogFooterTemplate;\r\n"],"names":["DialogHeaderTemplate","React","title","description","props","ref","jsx","BaseHeaderTemplate","DialogTitle","DialogDescription","DialogFooterTemplate","FormFooterTemplate","ModalHeaderTemplate","ModalFooterTemplate"],"mappings":";;;;;AAKO,MAAMA,IAAuBC,EAAM;AAAA,EACzC,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,GAAGC,EAAA,GAASC,MAEjC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,OAAQ,gBAAAD,EAAAE,GAAA,EAAa,UAAMN,EAAA,CAAA;AAAA,MAC3B,aAAc,gBAAAI,EAAAG,GAAA,EAAmB,UAAYN,EAAA,CAAA;AAAA,MAC7C,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EACL;AAGH;AAEAJ,EAAqB,cAAc;AAE5B,MAAMU,IAAuBC,GAGvBC,IAAsBZ,GAEtBa,IAAsBH;"}

package/dist/components/divider/Divider.d.ts

@@ -1,121 +1,9 @@
 import { default as React } from 'react';
-import { VariantProps, TVReturnType } from 'tailwind-variants';
-import { TVConfig } from 'tailwind-variants/dist/config.js';
-declare const dividerVariants: TVReturnType<{
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    status: {
-        error: string;
-    };
-}, undefined, undefined, TVConfig<{
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    status: {
-        error: string;
-    };
-}, {
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    status: {
-        error: string;
-    };
-}>, {
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    status: {
-        error: string;
-    };
-}, undefined, TVReturnType<{
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    status: {
-        error: string;
-    };
-}, undefined, undefined, TVConfig<{
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    status: {
-        error: string;
-    };
-}, {
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    status: {
-        error: string;
-    };
-}>, unknown, unknown, undefined>>;
-export type DividerProps = VariantProps<typeof dividerVariants> & React.HTMLAttributes<HTMLDivElement>;
-export declare const Divider: React.ForwardRefExoticComponent<VariantProps< TVReturnType<{
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    status: {
-        error: string;
-    };
-}, undefined, undefined, TVConfig<{
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    status: {
-        error: string;
-    };
-}, {
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    status: {
-        error: string;
-    };
-}>, {
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    status: {
-        error: string;
-    };
-}, undefined, TVReturnType<{
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    status: {
-        error: string;
-    };
-}, undefined, undefined, TVConfig<{
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    status: {
-        error: string;
-    };
-}, {
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-    status: {
-        error: string;
-    };
-}>, unknown, unknown, undefined>>> & React.HTMLAttributes<HTMLDivElement> & {
+export interface DividerVariants {
+    orientation?: "horizontal" | "vertical";
+    status?: "error";
+}
+export type DividerProps = DividerVariants & React.HTMLAttributes<HTMLDivElement>;
+export declare const Divider: React.ForwardRefExoticComponent<DividerVariants & React.HTMLAttributes<HTMLDivElement> & {
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/components/divider/content-divider/ContentDivider.d.ts

@@ -0,0 +1,15 @@
+import { default as React, PropsWithChildren } from 'react';
+import { DividerProps } from '../Divider';
+export interface ContentDividerVariants {
+    orientation?: "horizontal" | "vertical";
+}
+export type ContentDividerProps = ContentDividerVariants & PropsWithChildren<{
+    wrapperProps?: React.HTMLAttributes<HTMLDivElement>;
+    dividerProps?: Omit<DividerProps, "orientation">;
+}>;
+export declare const ContentDivider: React.ForwardRefExoticComponent<ContentDividerVariants & {
+    wrapperProps?: React.HTMLAttributes<HTMLDivElement>;
+    dividerProps?: Omit<DividerProps, "orientation">;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/divider/content-divider/ContentDivider.stories.d.ts

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

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

@@ -1 +1,2 @@
 export { Divider } from './Divider';
+export { ContentDivider } from './content-divider/ContentDivider';

package/dist/components/divider.js

@@ -1,5 +1,36 @@
-import { D as i } from "../Divider-D3NvaU8c.js";
+import { D as i } from "../Divider-DPW5ZhZ8.js";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import l from "react";
+import { T as m } from "../index-BVqs-uqP.js";
+const c = m({
+  base: "flex items-center gap-2",
+  variants: {
+    orientation: {
+      vertical: "w-5 flex-col",
+      horizontal: "h-5"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+}), f = l.forwardRef(
+  ({ wrapperProps: a, dividerProps: e, orientation: t, children: o }, n) => /* @__PURE__ */ s(
+    "div",
+    {
+      ref: n,
+      ...a,
+      className: c({ orientation: t, className: a?.className }),
+      children: [
+        /* @__PURE__ */ r(i, { orientation: t, ...e }),
+        o,
+        /* @__PURE__ */ r(i, { orientation: t, ...e })
+      ]
+    }
+  )
+);
+f.displayName = "ContentDivider";
 export {
+  f as ContentDivider,
   i as Divider
 };
 //# sourceMappingURL=divider.js.map

package/dist/components/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"divider.js","sources":["../../src/components/divider/content-divider/ContentDivider.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { PropsWithChildren } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { Divider, DividerProps } from \"../Divider\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\nexport interface ContentDividerVariants {\r\n\torientation?: \"horizontal\" | \"vertical\";\r\n}\r\n\r\nconst contentDividerVariants = tv({\r\n\tbase: \"flex items-center gap-2\",\r\n\tvariants: {\r\n\t\torientation: {\r\n\t\t\tvertical: \"w-5 flex-col\",\r\n\t\t\thorizontal: \"h-5\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<ContentDividerVariants>,\r\n\tdefaultVariants: {\r\n\t\torientation: \"horizontal\"\r\n\t}\r\n});\r\n\r\nexport type ContentDividerProps = ContentDividerVariants &\r\n\tPropsWithChildren<{\r\n\t\twrapperProps?: React.HTMLAttributes<HTMLDivElement>;\r\n\t\tdividerProps?: Omit<DividerProps, \"orientation\">;\r\n\t}>;\r\n\r\nexport const ContentDivider = React.forwardRef<HTMLDivElement, ContentDividerProps>(\r\n\t({ wrapperProps, dividerProps, orientation, children }, ref) => {\r\n\t\treturn (\r\n\t\t\t<div\r\n\t\t\t\tref={ref}\r\n\t\t\t\t{...wrapperProps}\r\n\t\t\t\tclassName={contentDividerVariants({ orientation, className: wrapperProps?.className })}\r\n\t\t\t>\r\n\t\t\t\t<Divider orientation={orientation} {...dividerProps} />\r\n\t\t\t\t{children}\r\n\t\t\t\t<Divider orientation={orientation} {...dividerProps} />\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nContentDivider.displayName = \"ContentDivider\";\r\n"],"names":["contentDividerVariants","tv","ContentDivider","React","wrapperProps","dividerProps","orientation","children","ref","jsxs","jsx","Divider"],"mappings":";;;;AAUA,MAAMA,IAAyBC,EAAG;AAAA,EACjC,MAAM;AAAA,EACN,UAAU;AAAA,IACT,aAAa;AAAA,MACZ,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAAA,EAEd;AAAA,EACA,iBAAiB;AAAA,IAChB,aAAa;AAAA,EAAA;AAEf,CAAC,GAQYC,IAAiBC,EAAM;AAAA,EACnC,CAAC,EAAE,cAAAC,GAAc,cAAAC,GAAc,aAAAC,GAAa,UAAAC,EAAA,GAAYC,MAEtD,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,KAAAD;AAAA,MACC,GAAGJ;AAAA,MACJ,WAAWJ,EAAuB,EAAE,aAAAM,GAAa,WAAWF,GAAc,WAAW;AAAA,MAErF,UAAA;AAAA,QAAC,gBAAAM,EAAAC,GAAA,EAAQ,aAAAL,GAA2B,GAAGD,EAAc,CAAA;AAAA,QACpDE;AAAA,QACA,gBAAAG,EAAAC,GAAA,EAAQ,aAAAL,GAA2B,GAAGD,EAAc,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACtD;AAGH;AAEAH,EAAe,cAAc;"}

package/dist/components/drawer/Drawer.d.ts

@@ -0,0 +1,13 @@
+import { Drawer as DrawerPrimitive, Portal } from 'vaul';
+import { DialogTriggerProps, DialogCloseProps, DialogTitleProps, DialogDescriptionProps } from '@radix-ui/react-dialog';
+import * as React from "react";
+declare const Drawer: {
+    ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerTrigger: React.ForwardRefExoticComponent< DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerPortal: Portal;
+declare const DrawerClose: React.ForwardRefExoticComponent< DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit< DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit< DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Drawer, DrawerPortal, DrawerTrigger, DrawerClose, DrawerTitle, DrawerDescription };

package/dist/components/drawer/Drawer.stories.d.ts

@@ -0,0 +1,25 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Drawer } from './Drawer';
+declare const meta: Meta<typeof Drawer>;
+export default meta;
+type Story = StoryObj<typeof Drawer>;
+export declare const Basic: Story;
+interface TemplateDrawerExampleProps {
+    title: string;
+    description: string;
+    primaryButton: string;
+    secondaryButton: string;
+    showHeader?: boolean;
+    showBackButton?: boolean;
+    showCloseButton?: boolean;
+    showFooter?: boolean;
+    position?: "vertical" | "horizontal";
+    overlayBlur?: boolean;
+    overlayType?: "default" | "gradient" | "transparent";
+}
+declare const TemplateDrawerExample: ({ title, description, primaryButton, secondaryButton, position, showHeader, showBackButton, showCloseButton, showFooter, overlayBlur, overlayType }: TemplateDrawerExampleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TemplateDrawerPlayground: StoryObj<typeof TemplateDrawerExample>;
+export declare const GramaxSimple: StoryObj;
+export declare const GramaxSimpleSearch: StoryObj;
+export declare const QuizSimple: StoryObj;
+export declare const QuizCheckboxes: StoryObj;

package/dist/components/drawer/components/drawer-body/DrawerBody.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const DrawerBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { DrawerBody };