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

package/dist/components/page-state.js

@@ -0,0 +1,173 @@
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import n, { useContext as f, createContext as z } from "react";
+import { T as i } from "../index-BVqs-uqP.js";
+import { S } from "../index-BtQfgaSF.js";
+import { B as u } from "../Button-Dg89xRSi.js";
+import { F as b } from "../FeatureIcon-BGE0Orkc.js";
+import { B as P, F as h } from "../FolderSvg-cw0DxNVy.js";
+const d = z(void 0), y = ({ size: e, children: t }) => /* @__PURE__ */ o(d.Provider, { value: { size: e }, children: t }), c = () => {
+  const e = f(d);
+  if (!e)
+    throw new Error("usePageStateContext must be used within a PageStateProvider");
+  return e;
+}, w = i({
+  base: "flex w-full flex-col items-center px-8"
+}), N = n.forwardRef(
+  ({ className: e, children: t, size: s = "md", ...a }, r) => /* @__PURE__ */ o(y, { size: s, children: /* @__PURE__ */ o("div", { ref: r, className: w({ className: e }), ...a, children: t }) })
+);
+N.displayName = "PageState";
+const B = i({
+  base: "mt-5 font-semibold text-primary-fg",
+  variants: {
+    size: {
+      sm: "text-base",
+      md: "text-xl",
+      lg: "text-2xl"
+    }
+  }
+}), C = n.forwardRef(
+  ({ className: e, size: t, asChild: s = !1, ...a }, r) => {
+    const { size: l } = c();
+    return /* @__PURE__ */ o(s ? S : "h2", { ref: r, className: B({ className: e, size: t || l }), ...a });
+  }
+);
+C.displayName = "PageStateTitle";
+const F = i({
+  base: "mt-2.5 text-center text-muted",
+  variants: {
+    size: {
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-base"
+    }
+  }
+}), R = n.forwardRef(
+  ({ className: e, size: t, asChild: s = !1, children: a, ...r }, l) => {
+    const { size: g } = c();
+    return /* @__PURE__ */ o(s ? S : "div", { ref: l, className: F({ className: e, size: t || g }), ...r, children: a });
+  }
+);
+R.displayName = "PageStateDescription";
+const x = () => {
+  const { size: e } = c();
+  switch (e) {
+    case "sm":
+      return "md";
+    case "lg":
+      return "xl";
+    default:
+      return "lg";
+  }
+}, j = n.forwardRef(({ children: e, size: t, ...s }, a) => {
+  const r = x();
+  return /* @__PURE__ */ o(u, { ref: a, variant: "outline", size: t || r, ...s, children: e });
+});
+j.displayName = "PageStateCancel";
+const I = n.forwardRef(({ children: e, size: t, ...s }, a) => {
+  const r = x();
+  return /* @__PURE__ */ o(u, { ref: a, variant: "primary", size: t || r, ...s, children: e });
+});
+I.displayName = "PageStateAction";
+const T = i({
+  base: "rounded-full bg-alpha-high-80 p-3.5 text-secondary-bg backdrop-blur-sm",
+  variants: {
+    size: {
+      sm: "h-12 w-12",
+      md: "h-14 w-14 [&>svg]:size-[1.625rem]",
+      lg: "h-14 w-14 [&>svg]:size-[1.625rem]"
+    }
+  }
+}), m = ({
+  className: e,
+  size: t,
+  icon: s,
+  ...a
+}) => {
+  const { size: r } = c();
+  return /* @__PURE__ */ o(
+    b,
+    {
+      icon: s,
+      className: T({ className: e, size: t || r }),
+      ...a
+    }
+  );
+};
+m.displayName = "PageStateFeatureIcon";
+const D = i({
+  base: "relative",
+  slots: {
+    icon: "absolute",
+    svg: "h-[168px] w-[220px]"
+  },
+  variants: {
+    size: {
+      sm: {
+        svg: "h-[124px] w-[164px]",
+        icon: "bottom-2 right-14"
+      },
+      md: {
+        svg: "h-[140px] w-[168px]",
+        icon: "bottom-2.5 right-[3.625rem]"
+      },
+      lg: {
+        icon: "bottom-4 right-20"
+      }
+    }
+  }
+}), G = ({ icon: e }) => {
+  const { size: t } = c(), s = D({ size: t });
+  return /* @__PURE__ */ p("div", { className: s.base(), children: [
+    /* @__PURE__ */ o(P, { className: s.svg() }),
+    e && /* @__PURE__ */ o(m, { className: s.icon(), icon: e })
+  ] });
+};
+G.displayName = "PageStateBoxSvg";
+const A = i({
+  base: "relative flex items-center justify-center",
+  slots: {
+    icon: "absolute",
+    svg: "h-[160px] w-[220px]"
+  },
+  variants: {
+    size: {
+      sm: {
+        svg: "h-[110px] w-[164px]",
+        icon: "bottom-0 right-[3.625rem]"
+      },
+      md: {
+        svg: "h-[128px] w-[168px]",
+        icon: "bottom-2 right-[3.625rem]"
+      },
+      lg: {
+        icon: "bottom-4 right-[5.125rem]"
+      }
+    }
+  }
+}), _ = ({ icon: e, size: t }) => {
+  const { size: s } = c(), a = A({ size: t || s });
+  return /* @__PURE__ */ p("div", { className: a.base(), children: [
+    /* @__PURE__ */ o(h, { className: a.svg() }),
+    e && /* @__PURE__ */ o(m, { className: a.icon(), icon: e })
+  ] });
+};
+_.displayName = "PageStateFolderSvg";
+const k = i({
+  base: "mt-8 flex w-full flex-row items-center justify-center gap-3"
+}), E = n.forwardRef(
+  ({ children: e, className: t, ...s }, a) => /* @__PURE__ */ o("div", { ref: a, className: k({ className: t }), ...s, children: e })
+);
+E.displayName = "PageStateButtonGroup";
+export {
+  N as PageState,
+  I as PageStateAction,
+  G as PageStateBoxSvg,
+  E as PageStateButtonGroup,
+  j as PageStateCancel,
+  R as PageStateDescription,
+  m as PageStateFeatureIcon,
+  _ as PageStateFolderSvg,
+  C as PageStateTitle,
+  c as usePageStateContext
+};
+//# sourceMappingURL=page-state.js.map

package/dist/components/page-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-state.js","sources":["../../src/components/page-state/context/PageStateContext.tsx","../../src/components/page-state/PageState.tsx","../../src/components/page-state/components/PageStateTitle.tsx","../../src/components/page-state/components/PageStateDescription.tsx","../../src/components/page-state/hooks/usePageStateButtonSize.tsx","../../src/components/page-state/components/PageStateCancel.tsx","../../src/components/page-state/components/PageStateAction.tsx","../../src/components/page-state/components/PageStateFeatureIcon.tsx","../../src/components/page-state/components/PageStateBoxSvg.tsx","../../src/components/page-state/components/PageStateFolderSvg.tsx","../../src/components/page-state/components/PageStateButtonGroup.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\r\n\r\nexport type PageStateSize = \"sm\" | \"md\" | \"lg\";\r\n\r\nexport interface PageStateVariants {\r\n\tsize?: PageStateSize;\r\n}\r\n\r\nconst PageStateContext = createContext<PageStateVariants | undefined>(undefined);\r\n\r\ninterface PageStateProviderProps {\r\n\tsize: PageStateSize;\r\n\tchildren: React.ReactNode;\r\n}\r\n\r\nexport const PageStateProvider: React.FC<PageStateProviderProps> = ({ size, children }) => {\r\n\treturn <PageStateContext.Provider value={{ size }}>{children}</PageStateContext.Provider>;\r\n};\r\n\r\nexport const usePageStateContext = (): PageStateVariants => {\r\n\tconst context = useContext(PageStateContext);\r\n\tif (!context) {\r\n\t\tthrow new Error(\"usePageStateContext must be used within a PageStateProvider\");\r\n\t}\r\n\treturn context;\r\n};\r\n","import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { PageStateProvider, PageStateSize } from \"./context/PageStateContext\";\r\n\r\nconst pageStateStyles = tv({\r\n\tbase: \"flex w-full flex-col items-center px-8\"\r\n});\r\n\r\nexport type PageStateProps = React.HTMLAttributes<HTMLDivElement> & {\r\n\tsize?: PageStateSize;\r\n};\r\n\r\nexport const PageState = React.forwardRef<HTMLDivElement, PageStateProps>(\r\n\t({ className, children, size = \"md\", ...props }, ref) => {\r\n\t\treturn (\r\n\t\t\t<PageStateProvider size={size}>\r\n\t\t\t\t<div ref={ref} className={pageStateStyles({ className })} {...props}>\r\n\t\t\t\t\t{children}\r\n\t\t\t\t</div>\r\n\t\t\t</PageStateProvider>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nPageState.displayName = \"PageState\";\r\n","import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport { PageStateVariants, usePageStateContext } from \"../context/PageStateContext\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\nconst pageStateTitleStyles = tv({\r\n\tbase: \"mt-5 font-semibold text-primary-fg\",\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\tsm: \"text-base\",\r\n\t\t\tmd: \"text-xl\",\r\n\t\t\tlg: \"text-2xl\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<PageStateVariants>\r\n});\r\n\r\nexport type PageStateTitleProps = React.HTMLAttributes<HTMLHeadingElement> &\r\n\tPageStateVariants & {\r\n\t\tasChild?: boolean;\r\n\t};\r\n\r\nexport const PageStateTitle = React.forwardRef<HTMLHeadingElement, PageStateTitleProps>(\r\n\t({ className, size: propSize, asChild = false, ...props }, ref) => {\r\n\t\tconst { size: contextSize } = usePageStateContext();\r\n\t\tconst size = propSize || contextSize;\r\n\r\n\t\tconst Comp = asChild ? Slot : \"h2\";\r\n\t\treturn <Comp ref={ref} className={pageStateTitleStyles({ className, size })} {...props} />;\r\n\t}\r\n);\r\n\r\nPageStateTitle.displayName = \"PageStateTitle\";\r\n","import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport { PageStateVariants, usePageStateContext } from \"../context/PageStateContext\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\nconst pageStateDescriptionStyles = tv({\r\n\tbase: \"mt-2.5 text-center text-muted\",\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\tsm: \"text-xs\",\r\n\t\t\tmd: \"text-sm\",\r\n\t\t\tlg: \"text-base\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<PageStateVariants>\r\n});\r\n\r\nexport type PageStateDescriptionProps = React.HTMLAttributes<HTMLDivElement> &\r\n\tPageStateVariants & {\r\n\t\tasChild?: boolean;\r\n\t};\r\n\r\nexport const PageStateDescription = React.forwardRef<HTMLDivElement, PageStateDescriptionProps>(\r\n\t({ className, size: propSize, asChild = false, children, ...props }, ref) => {\r\n\t\tconst { size: contextSize } = usePageStateContext();\r\n\t\tconst size = propSize || contextSize;\r\n\r\n\t\tconst Comp = asChild ? Slot : \"div\";\r\n\t\treturn (\r\n\t\t\t<Comp ref={ref} className={pageStateDescriptionStyles({ className, size })} {...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\nPageStateDescription.displayName = \"PageStateDescription\";\r\n","import { usePageStateContext } from \"../context/PageStateContext\";\r\n\r\ntype ButtonSize = \"md\" | \"lg\" | \"xl\";\r\n\r\nexport const usePageStateButtonSize = (): ButtonSize => {\r\n\tconst { size } = usePageStateContext();\r\n\r\n\tswitch (size) {\r\n\t\tcase \"sm\":\r\n\t\t\treturn \"md\";\r\n\t\tcase \"lg\":\r\n\t\t\treturn \"xl\";\r\n\t\tdefault:\r\n\t\t\treturn \"lg\";\r\n\t}\r\n};\r\n","import React from \"react\";\r\nimport { Button, ButtonProps } from \"@/components/button/button/Button\";\r\nimport { usePageStateButtonSize } from \"../hooks/usePageStateButtonSize\";\r\n\r\nexport const PageStateCancel = React.forwardRef<HTMLButtonElement, ButtonProps>(({ children, size, ...props }, ref) => {\r\n\tconst buttonSize = usePageStateButtonSize();\r\n\r\n\treturn (\r\n\t\t<Button ref={ref} variant=\"outline\" size={size || buttonSize} {...props}>\r\n\t\t\t{children}\r\n\t\t</Button>\r\n\t);\r\n});\r\n\r\nPageStateCancel.displayName = \"PageStateCancel\";\r\n","import React from \"react\";\r\nimport { Button, ButtonProps } from \"@/components/button/button/Button\";\r\nimport { usePageStateButtonSize } from \"../hooks/usePageStateButtonSize\";\r\n\r\nexport const PageStateAction = React.forwardRef<HTMLButtonElement, ButtonProps>(({ children, size, ...props }, ref) => {\r\n\tconst buttonSize = usePageStateButtonSize();\r\n\r\n\treturn (\r\n\t\t<Button ref={ref} variant=\"primary\" size={size || buttonSize} {...props}>\r\n\t\t\t{children}\r\n\t\t</Button>\r\n\t);\r\n});\r\n\r\nPageStateAction.displayName = \"PageStateAction\";\r\n","import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { PageStateSize, PageStateVariants, usePageStateContext } from \"../context/PageStateContext\";\r\nimport { FeatureIcon } from \"@/components/icon\";\r\nimport { FeatureIconProps } from \"@/components/icon/feature-icon/FeatureIcon\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\nconst pageStateFeatureIconStyles = tv({\r\n\tbase: \"rounded-full bg-alpha-high-80 p-3.5 text-secondary-bg backdrop-blur-sm\",\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\tsm: \"h-12 w-12\",\r\n\t\t\tmd: \"h-14 w-14 [&>svg]:size-[1.625rem]\",\r\n\t\t\tlg: \"h-14 w-14 [&>svg]:size-[1.625rem]\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<PageStateVariants>\r\n});\r\n\r\nexport type PageStateFeatureIconProps = Omit<FeatureIconProps, \"size\"> & { size?: PageStateSize } & PageStateVariants;\r\n\r\nexport const PageStateFeatureIcon: React.FC<PageStateFeatureIconProps> = ({\r\n\tclassName,\r\n\tsize: sizeProp,\r\n\ticon,\r\n\t...props\r\n}) => {\r\n\tconst { size } = usePageStateContext();\r\n\r\n\treturn (\r\n\t\t<FeatureIcon\r\n\t\t\ticon={icon}\r\n\t\t\tclassName={pageStateFeatureIconStyles({ className, size: sizeProp || size })}\r\n\t\t\t{...props}\r\n\t\t/>\r\n\t);\r\n};\r\n\r\nPageStateFeatureIcon.displayName = \"PageStateFeatureIcon\";\r\n","import { tv } from \"tailwind-variants\";\r\nimport { usePageStateContext } from \"../context/PageStateContext\";\r\nimport { BoxSvg } from \"@/components/images/BoxSvg\";\r\nimport { LucideIcon } from \"lucide-react\";\r\nimport { PageStateFeatureIcon } from \"./PageStateFeatureIcon\";\r\n\r\nconst pageStateBoxSvgStyles = tv({\r\n\tbase: \"relative\",\r\n\tslots: {\r\n\t\ticon: \"absolute\",\r\n\t\tsvg: \"h-[168px] w-[220px]\"\r\n\t},\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\tsm: {\r\n\t\t\t\tsvg: \"h-[124px] w-[164px]\",\r\n\t\t\t\ticon: \"bottom-2 right-14\"\r\n\t\t\t},\r\n\t\t\tmd: {\r\n\t\t\t\tsvg: \"h-[140px] w-[168px]\",\r\n\t\t\t\ticon: \"bottom-2.5 right-[3.625rem]\"\r\n\t\t\t},\r\n\t\t\tlg: {\r\n\t\t\t\ticon: \"bottom-4 right-20\"\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n});\r\n\r\ninterface PageStateBoxSvgProps {\r\n\ticon?: LucideIcon;\r\n}\r\n\r\nexport const PageStateBoxSvg: React.FC<PageStateBoxSvgProps> = ({ icon }) => {\r\n\tconst { size } = usePageStateContext();\r\n\tconst styles = pageStateBoxSvgStyles({ size });\r\n\r\n\treturn (\r\n\t\t<div className={styles.base()}>\r\n\t\t\t<BoxSvg className={styles.svg()} />\r\n\t\t\t{icon && <PageStateFeatureIcon className={styles.icon()} icon={icon} />}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nPageStateBoxSvg.displayName = \"PageStateBoxSvg\";\r\n","import { tv } from \"tailwind-variants\";\r\nimport { PageStateVariants, usePageStateContext } from \"../context/PageStateContext\";\r\nimport { FolderSvg } from \"@/components/images/FolderSvg\";\r\nimport { PageStateFeatureIcon } from \"./PageStateFeatureIcon\";\r\nimport { LucideIcon } from \"lucide-react\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\nconst pageStateFolderSvgStyles = tv({\r\n\tbase: \"relative flex items-center justify-center\",\r\n\tslots: {\r\n\t\ticon: \"absolute\",\r\n\t\tsvg: \"h-[160px] w-[220px]\"\r\n\t},\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\tsm: {\r\n\t\t\t\tsvg: \"h-[110px] w-[164px]\",\r\n\t\t\t\ticon: \"bottom-0 right-[3.625rem]\"\r\n\t\t\t},\r\n\t\t\tmd: {\r\n\t\t\t\tsvg: \"h-[128px] w-[168px]\",\r\n\t\t\t\ticon: \"bottom-2 right-[3.625rem]\"\r\n\t\t\t},\r\n\t\t\tlg: {\r\n\t\t\t\ticon: \"bottom-4 right-[5.125rem]\"\r\n\t\t\t}\r\n\t\t}\r\n\t} satisfies VariantsConfig<PageStateVariants>\r\n});\r\n\r\ninterface PageStateFolderSvgProps extends PageStateVariants {\r\n\ticon?: LucideIcon;\r\n}\r\n\r\nexport const PageStateFolderSvg: React.FC<PageStateFolderSvgProps> = ({ icon, size: sizeProp }) => {\r\n\tconst { size } = usePageStateContext();\r\n\tconst styles = pageStateFolderSvgStyles({ size: sizeProp || size });\r\n\r\n\treturn (\r\n\t\t<div className={styles.base()}>\r\n\t\t\t<FolderSvg className={styles.svg()} />\r\n\t\t\t{icon && <PageStateFeatureIcon className={styles.icon()} icon={icon} />}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nPageStateFolderSvg.displayName = \"PageStateFolderSvg\";\r\n","import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst pageStateButtonGroupStyles = tv({\r\n\tbase: \"mt-8 flex w-full flex-row items-center justify-center gap-3\"\r\n});\r\n\r\nexport type PageStateButtonGroupProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const PageStateButtonGroup = React.forwardRef<HTMLDivElement, PageStateButtonGroupProps>(\r\n\t({ children, className, ...props }, ref) => {\r\n\t\treturn (\r\n\t\t\t<div ref={ref} className={pageStateButtonGroupStyles({ className })} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nPageStateButtonGroup.displayName = \"PageStateButtonGroup\";\r\n"],"names":["PageStateContext","createContext","PageStateProvider","size","children","jsx","usePageStateContext","context","useContext","pageStateStyles","tv","PageState","React","className","props","ref","pageStateTitleStyles","PageStateTitle","propSize","asChild","contextSize","Slot","pageStateDescriptionStyles","PageStateDescription","usePageStateButtonSize","PageStateCancel","buttonSize","Button","PageStateAction","pageStateFeatureIconStyles","PageStateFeatureIcon","sizeProp","icon","FeatureIcon","pageStateBoxSvgStyles","PageStateBoxSvg","styles","jsxs","BoxSvg","pageStateFolderSvgStyles","PageStateFolderSvg","FolderSvg","pageStateButtonGroupStyles","PageStateButtonGroup"],"mappings":"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"}

package/dist/components/popover/Popover.d.ts

@@ -0,0 +1,31 @@
+import { TriggerButtonProps } from '../button/trigger-button/TriggerButton';
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+/**
+ * Корневой компонент Popover, который оборачивает всю функциональность всплывающего окна.
+ * Построен на основе Radix UI Popover primitive.
+ */
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+/**
+ * Элемент-триггер, который открывает всплывающее окно при клике.
+ */
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Элемент-якорь, относительно которого позиционируется всплывающее окно.
+ */
+declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Компонент содержимого всплывающего окна.
+ */
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    /**
+     * Контейнер для портала. Если не указан, используется хук usePortalContainer
+     * для поиска PortalContainer
+     */
+    portalContainer?: HTMLElement;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Компонент-обертка для использования TriggerButton в качестве триггера поповера
+ */
+declare const PopoverTriggerButton: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & Omit<TriggerButtonProps, "dataState"> & React.RefAttributes<HTMLButtonElement>>;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverTriggerButton };

package/dist/components/popover/Popover.stories.d.ts

@@ -0,0 +1,24 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Popover } from './Popover';
+declare const meta: Meta<typeof Popover>;
+export default meta;
+type Story = StoryObj<typeof Popover>;
+export declare const Default: Story;
+type PlaygroundArgs = {
+    modal: boolean;
+    side: "top" | "right" | "bottom" | "left";
+    sideOffset: number;
+    align: "start" | "center" | "end";
+    avoidCollisions: boolean;
+};
+export declare const Playground: StoryObj<{
+    render: (args: PlaygroundArgs) => JSX.Element;
+}>;
+export declare const WithAnchor: Story;
+export declare const WithCustomTrigger: Story;
+export declare const Menu: Story;
+export declare const Sorting: Story;
+export declare const Feedback: Story;
+export declare const DatePicker: Story;
+export declare const Notifications: Story;
+export declare const NotificationsWithBlur: Story;

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

@@ -0,0 +1 @@
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverTriggerButton } from './Popover';

package/dist/components/popover.d.ts

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

package/dist/components/popover.js

@@ -0,0 +1,9 @@
+import { P as e, c as a, b as p, a as P, d as s } from "../Popover-Dvr7y0YY.js";
+export {
+  e as Popover,
+  a as PopoverAnchor,
+  p as PopoverContent,
+  P as PopoverTrigger,
+  s as PopoverTriggerButton
+};
+//# sourceMappingURL=popover.js.map

package/dist/components/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/portal-container/PortalContainer.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+/**
+ * Компонент-контейнер для портала с поддержкой изолированных стилей.
+ *
+ * Предоставляет обёртку с классом 'ui-kit' и data-атрибутом для плавающего контента
+ * (Dialog, Dropdown, Select, Popover, Drawer, Tooltip, Sheet, AlertDialog).
+ *
+ * Следует использовать только если применяются изолированные стили.
+ */
+export declare const PortalContainer: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/portal-container/index.d.ts

@@ -0,0 +1,2 @@
+export { PortalContainer } from './PortalContainer';
+export { usePortalContainer } from './usePortalContainer';

package/dist/components/portal-container/portalContainerEvents.d.ts

@@ -0,0 +1,12 @@
+type Listener = (mount: boolean) => void;
+/**
+ * Простой EventEmitter для синхронизации PortalContainer и usePortalContainer
+ */
+declare class PortalContainerEvents {
+    private listeners;
+    isContainerMounted: boolean;
+    subscribe(listener: Listener): () => void;
+    notify(mount?: boolean): void;
+}
+export declare const portalContainerEvents: PortalContainerEvents;
+export {};

package/dist/components/portal-container/usePortalContainer.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Хук для определения контейнера портала.
+ *
+ * Если передан customContainer, возвращает его.
+ * Иначе проверяет наличие изолированных стилей и ищет элемент с атрибутом 'data-portal-container'.
+ *
+ * @param customContainer - Кастомный контейнер для портала
+ * @returns HTMLElement для портала или undefined
+ */
+export declare const usePortalContainer: (customContainer?: HTMLElement | null) => HTMLElement | undefined;

package/dist/components/portal-container.d.ts

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

package/dist/components/portal-container.js

@@ -0,0 +1,14 @@
+import { jsx as i } from "react/jsx-runtime";
+import * as t from "react";
+import { c as f } from "../cn-dsXlqdJg.js";
+import { p as r } from "../usePortalContainer-ae6EzS08.js";
+import { u as d } from "../usePortalContainer-ae6EzS08.js";
+const s = t.forwardRef(
+  ({ children: o, className: a, ...e }, n) => (t.useEffect(() => (r.notify(!0), () => r.notify(!1)), []), /* @__PURE__ */ i("div", { ref: n, className: f("ui-kit fixed left-0 top-0", a), "data-portal-container": !0, ...e, children: o }))
+);
+s.displayName = "PortalContainer";
+export {
+  s as PortalContainer,
+  d as usePortalContainer
+};
+//# sourceMappingURL=portal-container.js.map

package/dist/components/portal-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-container.js","sources":["../../src/components/portal-container/PortalContainer.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { cn } from \"@/lib/utils\";\r\nimport { portalContainerEvents } from \"./portalContainerEvents\";\r\n\r\n/**\r\n * Компонент-контейнер для портала с поддержкой изолированных стилей.\r\n *\r\n * Предоставляет обёртку с классом 'ui-kit' и data-атрибутом для плавающего контента\r\n * (Dialog, Dropdown, Select, Popover, Drawer, Tooltip, Sheet, AlertDialog).\r\n *\r\n * Следует использовать только если применяются изолированные стили.\r\n */\r\nexport const PortalContainer = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<\"div\">>(\r\n\t({ children, className, ...props }, ref) => {\r\n\t\tReact.useEffect(() => {\r\n\t\t\tportalContainerEvents.notify(true);\r\n\t\t\treturn () => portalContainerEvents.notify(false);\r\n\t\t}, []);\r\n\r\n\t\treturn (\r\n\t\t\t<div ref={ref} className={cn(\"ui-kit fixed left-0 top-0\", className)} data-portal-container {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nPortalContainer.displayName = \"PortalContainer\";\r\n"],"names":["PortalContainer","React","children","className","props","ref","portalContainerEvents","jsx","cn"],"mappings":";;;;;AAYO,MAAMA,IAAkBC,EAAM;AAAA,EACpC,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAASC,OACnCJ,EAAM,UAAU,OACfK,EAAsB,OAAO,EAAI,GAC1B,MAAMA,EAAsB,OAAO,EAAK,IAC7C,EAAE,GAGH,gBAAAC,EAAA,OAAA,EAAI,KAAAF,GAAU,WAAWG,EAAG,6BAA6BL,CAAS,GAAG,yBAAqB,IAAE,GAAGC,GAC9F,UAAAF,EACF,CAAA;AAGH;AAEAF,EAAgB,cAAc;"}

package/dist/components/progress/Progress.d.ts

@@ -0,0 +1,15 @@
+import { ProgressBarVariants } from './ProgressBarStyles';
+import * as React from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+export type ProgressProps = React.ComponentProps<typeof ProgressPrimitive.Root> & ProgressBarVariants & {
+    /** Максимальное значение прогресса. По умолчанию 100 */
+    max?: number;
+    /** Значение прогресса от 0 до max. Если не указано или null, считается равным 0 */
+    value?: number | null;
+    /** Классы для индикатора */
+    indicatorClassName?: string;
+    /** Функция для получения доступной текстовой метки, представляющей текущее значение в удобочитаемом формате.
+Если не указана, метка значения будет озвучена как числовое значение в процентах от максимального значения. */
+    getValueLabel?(value: number, max: number): string;
+};
+export declare function Progress(props: ProgressProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/progress/Progress.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Progress } from './Progress';
+declare const meta: Meta<typeof Progress>;
+export default meta;
+type Story = StoryObj<typeof Progress>;
+export declare const Default: Story;
+export declare const Animated: Story;
+export declare const Indeterminate: Story;
+export declare const ProgresssInline: Story;

package/dist/components/progress/ProgressBarStyles.d.ts

@@ -0,0 +1,70 @@
+import { TVReturnType } from 'tailwind-variants';
+export interface ProgressBarSizeVariants {
+    /** Размер индикатора */
+    size?: "sm" | "md" | "lg";
+}
+export interface ProgressBarVariants extends ProgressBarSizeVariants {
+    /** Индикатор неопределенного состояния прогресса */
+    indeterminate?: boolean;
+}
+export declare const progressBarStyles: TVReturnType<{
+    size: {
+        sm: {
+            track: string;
+        };
+        md: {
+            track: string;
+        };
+        lg: {
+            track: string;
+        };
+    };
+    indeterminate: {
+        true: {
+            indicator: string;
+        };
+    };
+}, {
+    track: string;
+    indicator: string;
+}, undefined, {
+    size: {
+        sm: {
+            track: string;
+        };
+        md: {
+            track: string;
+        };
+        lg: {
+            track: string;
+        };
+    };
+    indeterminate: {
+        true: {
+            indicator: string;
+        };
+    };
+}, {
+    track: string;
+    indicator: string;
+}, TVReturnType<{
+    size: {
+        sm: {
+            track: string;
+        };
+        md: {
+            track: string;
+        };
+        lg: {
+            track: string;
+        };
+    };
+    indeterminate: {
+        true: {
+            indicator: string;
+        };
+    };
+}, {
+    track: string;
+    indicator: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/components/progress/components/progress-icon/ProgressIcon.d.ts

@@ -0,0 +1,5 @@
+import { IconProps } from '../../../icon/Icon';
+import { default as React } from 'react';
+import { ProgressBarSizeVariants } from '../../ProgressBarStyles';
+export type ProgressIconProps = ProgressBarSizeVariants & IconProps;
+export declare const ProgressIcon: React.FC<ProgressIconProps>;

package/dist/components/progress/components/progress-icon/ProgressIcon.stories.d.ts

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

package/dist/components/progress/components/progress-icon-button/ProgressIconButton.d.ts

@@ -0,0 +1,5 @@
+import { IconButtonProps } from '../../../button/icon-button/IconButton';
+import { default as React } from 'react';
+import { ProgressBarSizeVariants } from '../../ProgressBarStyles';
+export type ProgressIconButtonProps = ProgressBarSizeVariants & IconButtonProps;
+export declare const ProgressIconButton: React.FC<ProgressIconButtonProps>;

package/dist/components/progress/components/progress-icon-button/ProgressIconButton.stories.d.ts

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

package/dist/components/progress/components/progress-text/ProgressText.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { ProgressBarSizeVariants } from '../../ProgressBarStyles';
+export type ProgressTextProps = ProgressBarSizeVariants & React.HTMLAttributes<HTMLDivElement>;
+export declare const ProgressText: React.ForwardRefExoticComponent<ProgressBarSizeVariants & React.HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/progress/components/progress-text/ProgressText.stories.d.ts

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

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

@@ -0,0 +1,10 @@
+export { Progress } from './Progress';
+export { ProgressIcon } from './components/progress-icon/ProgressIcon';
+export { ProgressIconButton } from './components/progress-icon-button/ProgressIconButton';
+export { ProgressText } from './components/progress-text/ProgressText';
+export { ProgressBlockTemplate } from './templates/ProgressBlockTemplate';
+export type { ProgressProps } from './Progress';
+export type { ProgressIconProps } from './components/progress-icon/ProgressIcon';
+export type { ProgressIconButtonProps } from './components/progress-icon-button/ProgressIconButton';
+export type { ProgressTextProps } from './components/progress-text/ProgressText';
+export type { ProgressBlockTemplateProps } from './templates/ProgressBlockTemplate';

package/dist/components/progress/templates/ProgressBlockTemplate.d.ts

@@ -0,0 +1,16 @@
+import { LucideIcon } from 'lucide-react';
+import { ProgressBarSizeVariants } from '../ProgressBarStyles';
+export type ProgressBlockTemplateProps = ProgressBarSizeVariants & {
+    value?: number;
+    max?: number;
+    indeterminate?: boolean;
+    icon?: LucideIcon;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    onCancel?: (e: React.MouseEvent<HTMLElement>) => void;
+    onRetry?: (e: React.MouseEvent<HTMLElement>) => void;
+};
+export declare const ProgressBlockTemplate: {
+    (props: ProgressBlockTemplateProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/progress/templates/ProgressBlockTemplate.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ProgressBlockTemplate } from './ProgressBlockTemplate';
+declare const meta: Meta<typeof ProgressBlockTemplate>;
+export default meta;
+type Story = StoryObj<typeof ProgressBlockTemplate>;
+export declare const Default: Story;
+export declare const Example: () => import("react/jsx-runtime").JSX.Element;