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

package/dist/components/icon.d.ts

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

package/dist/components/icon.js

@@ -0,0 +1,7 @@
+import { I as e } from "../Icon-DH3ev9GK.js";
+import { F as t } from "../FeatureIcon-BGE0Orkc.js";
+export {
+  t as FeatureIcon,
+  e as Icon
+};
+//# sourceMappingURL=icon.js.map

package/dist/components/icon.js.map

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

package/dist/components/image-placeholder/ImagePlaceholder.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface ImagePlaceholderVariants {
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+}
+export type ImagePlaceholderProps = React.HTMLAttributes<HTMLDivElement> & ImagePlaceholderVariants;
+export declare const ImagePlaceholder: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & ImagePlaceholderVariants & React.RefAttributes<HTMLDivElement>>;

package/dist/components/image-placeholder/ImagePlaceholder.stories.d.ts

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

package/dist/components/image-placeholder/index.d.ts

@@ -0,0 +1 @@
+export { ImagePlaceholder } from './ImagePlaceholder';

package/dist/components/image-placeholder.d.ts

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

package/dist/components/image-placeholder.js

@@ -0,0 +1,22 @@
+import { jsx as o } from "react/jsx-runtime";
+import d from "react";
+import { T as s } from "../index-BVqs-uqP.js";
+const l = s({
+  base: "aspect-square rounded-xl border border-dashed border-primary-border",
+  variants: {
+    size: {
+      xs: "h-[3.75rem] w-[3.75rem]",
+      sm: "h-20 w-20",
+      md: "h-[7.5rem] w-[7.5rem]",
+      lg: "h-[11.5rem] w-[11.5rem]",
+      xl: "h-96 w-96"
+    }
+  }
+}), t = d.forwardRef(
+  ({ className: e, size: r, ...a }, m) => /* @__PURE__ */ o("div", { ref: m, className: l({ className: e, size: r }), ...a })
+);
+t.displayName = "ImagePlaceholder";
+export {
+  t as ImagePlaceholder
+};
+//# sourceMappingURL=image-placeholder.js.map

package/dist/components/image-placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-placeholder.js","sources":["../../src/components/image-placeholder/ImagePlaceholder.tsx"],"sourcesContent":["import { VariantsConfig } from \"@/lib/utils/variants\";\r\nimport React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nexport interface ImagePlaceholderVariants {\r\n\tsize?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\r\n}\r\n\r\nconst imagePlaceholderStyles = tv({\r\n\tbase: \"aspect-square rounded-xl border border-dashed border-primary-border\",\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\txs: \"h-[3.75rem] w-[3.75rem]\",\r\n\t\t\tsm: \"h-20 w-20\",\r\n\t\t\tmd: \"h-[7.5rem] w-[7.5rem]\",\r\n\t\t\tlg: \"h-[11.5rem] w-[11.5rem]\",\r\n\t\t\txl: \"h-96 w-96\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<ImagePlaceholderVariants>\r\n});\r\n\r\nexport type ImagePlaceholderProps = React.HTMLAttributes<HTMLDivElement> & ImagePlaceholderVariants;\r\n\r\nexport const ImagePlaceholder = React.forwardRef<HTMLDivElement, ImagePlaceholderProps>(\r\n\t({ className, size, ...props }, ref) => {\r\n\t\treturn <div ref={ref} className={imagePlaceholderStyles({ className, size })} {...props} />;\r\n\t}\r\n);\r\n\r\nImagePlaceholder.displayName = \"ImagePlaceholder\";\r\n"],"names":["imagePlaceholderStyles","tv","ImagePlaceholder","React","className","size","props","ref","jsx"],"mappings":";;;AAQA,MAAMA,IAAyBC,EAAG;AAAA,EACjC,MAAM;AAAA,EACN,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACL;AAEF,CAAC,GAIYC,IAAmBC,EAAM;AAAA,EACrC,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAAC,OAAI,EAAA,KAAAD,GAAU,WAAWP,EAAuB,EAAE,WAAAI,GAAW,MAAAC,EAAK,CAAC,GAAI,GAAGC,EAAO,CAAA;AAE3F;AAEAJ,EAAiB,cAAc;"}

package/dist/components/image-preview/ImagePreview.d.ts

@@ -0,0 +1,23 @@
+import { default as React, KeyboardEvent } from 'react';
+export interface ImagePreviewVariants {
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    error?: boolean;
+}
+export type ImagePreviewProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onClick"> & ImagePreviewVariants & {
+    url: string;
+    alt: string;
+    readonly?: boolean;
+    onImageClick?: (e: React.MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;
+    onDownload?: (url: string) => void;
+    onRetry?: () => void;
+    onClear?: () => void;
+};
+export declare const ImagePreview: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "onClick"> & ImagePreviewVariants & {
+    url: string;
+    alt: string;
+    readonly?: boolean;
+    onImageClick?: (e: React.MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;
+    onDownload?: (url: string) => void;
+    onRetry?: () => void;
+    onClear?: () => void;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/image-preview/ImagePreview.stories.d.ts

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

package/dist/components/image-preview/index.d.ts

@@ -0,0 +1 @@
+export { ImagePreview } from './ImagePreview';

package/dist/components/image-preview/utils.d.ts

@@ -0,0 +1 @@
+export declare function handleDownload(url: string): Promise<void>;

package/dist/components/image-preview.d.ts

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

package/dist/components/image-preview.js

@@ -0,0 +1,124 @@
+import { jsx as r, jsxs as f } from "react/jsx-runtime";
+import y, { useCallback as i } from "react";
+import { T as h } from "../index-BVqs-uqP.js";
+import { B as D } from "../Button-Dg89xRSi.js";
+import { I as b } from "../Icon-DH3ev9GK.js";
+import { c as P } from "../createLucideIcon-DwBrHnj9.js";
+import { D as j } from "../download-BHsj218e.js";
+import { R as B } from "../rotate-cw-tYRlcg0g.js";
+import { X as R } from "../x-tDTt7hTQ.js";
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const q = P("ImageOff", [
+  ["line", { x1: "2", x2: "22", y1: "2", y2: "22", key: "a6p6uj" }],
+  ["path", { d: "M10.41 10.41a2 2 0 1 1-2.83-2.83", key: "1bzlo9" }],
+  ["line", { x1: "13.5", x2: "6", y1: "13.5", y2: "21", key: "1q0aeu" }],
+  ["line", { x1: "18", x2: "21", y1: "12", y2: "15", key: "5mozeu" }],
+  [
+    "path",
+    {
+      d: "M3.59 3.59A1.99 1.99 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59",
+      key: "mmje98"
+    }
+  ],
+  ["path", { d: "M21 15V5a2 2 0 0 0-2-2H9", key: "43el77" }]
+]), z = h({
+  slots: {
+    container: "h-4 w-4 rounded-full border border-muted bg-primary-bg p-1",
+    icon: "h-2 w-2 stroke-[3px] text-muted"
+  }
+}), c = y.forwardRef(
+  ({ className: l, onClick: o, icon: m, ...t }, a) => {
+    const n = z();
+    return /* @__PURE__ */ r(
+      D,
+      {
+        variant: "outline",
+        ref: a,
+        className: n.container({ className: l }),
+        onClick: o,
+        ...t,
+        children: /* @__PURE__ */ r(b, { className: n.icon(), icon: m })
+      }
+    );
+  }
+);
+c.displayName = "ImageUploaderButton";
+const C = h({
+  slots: {
+    container: "group relative flex aspect-square cursor-pointer items-center justify-center rounded-xl outline-none focus-visible:shadow-focus",
+    image: "aspect-square h-full rounded-xl",
+    buttonWrapper: "absolute right-1 top-1 flex gap-1",
+    icon: "h-8 w-8 stroke-[1.5px] text-muted",
+    overlay: "absolute inset-0 rounded-xl group-hover:bg-slate-900/20"
+  },
+  variants: {
+    error: {
+      true: {
+        container: "border border-status-error-secondary-border hover:border-status-error-primary-border hover:bg-status-error-bg focus-visible:border-status-error-secondary-border focus-visible:shadow-focus-error"
+      }
+    },
+    size: {
+      xs: { container: "h-[3.75rem] w-[3.75rem]" },
+      sm: { container: "h-20 w-20" },
+      md: { container: "h-[7.5rem] w-[7.5rem]" },
+      lg: { container: "h-[11.5rem] w-[11.5rem]" },
+      xl: { container: "h-96 w-96" }
+    }
+  }
+}), M = y.forwardRef(
+  ({ className: l, error: o, readonly: m, onClear: t, onRetry: a, size: n, url: d, alt: g, onImageClick: u, onDownload: p, ...v }, x) => {
+    const s = C({ className: l, size: n, error: o }), w = i(
+      (e) => {
+        e.preventDefault(), e.stopPropagation(), p?.(d);
+      },
+      [p, d]
+    ), k = i(
+      (e) => {
+        e.preventDefault(), e.stopPropagation(), t?.();
+      },
+      [t]
+    ), N = i(
+      (e) => {
+        e.preventDefault(), e.stopPropagation(), a?.();
+      },
+      [a]
+    ), I = i(
+      (e) => {
+        (e.key === "Enter" || e.key === " ") && (e.preventDefault(), u?.(e));
+      },
+      [u]
+    );
+    return /* @__PURE__ */ f(
+      "div",
+      {
+        ref: x,
+        role: "button",
+        tabIndex: 0,
+        onClick: u,
+        onKeyDown: I,
+        className: s.container(),
+        ...v,
+        children: [
+          !o && /* @__PURE__ */ r("img", { src: d, alt: g, className: s.image() }),
+          !o && /* @__PURE__ */ r("div", { className: s.overlay() }),
+          o && /* @__PURE__ */ r(b, { icon: q, className: s.icon() }),
+          /* @__PURE__ */ f("div", { className: s.buttonWrapper(), children: [
+            !o && p && /* @__PURE__ */ r(c, { icon: j, onClick: w }),
+            o && a && /* @__PURE__ */ r(c, { icon: B, onClick: N }),
+            !m && t && /* @__PURE__ */ r(c, { icon: R, onClick: k })
+          ] })
+        ]
+      }
+    );
+  }
+);
+M.displayName = "ImagePreview";
+export {
+  M as ImagePreview
+};
+//# sourceMappingURL=image-preview.js.map

package/dist/components/image-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-preview.js","sources":["../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/image-off.js","../../src/components/image-uploader/components/ImageUploaderButton.tsx","../../src/components/image-preview/ImagePreview.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ImageOff = createLucideIcon(\"ImageOff\", [\n  [\"line\", { x1: \"2\", x2: \"22\", y1: \"2\", y2: \"22\", key: \"a6p6uj\" }],\n  [\"path\", { d: \"M10.41 10.41a2 2 0 1 1-2.83-2.83\", key: \"1bzlo9\" }],\n  [\"line\", { x1: \"13.5\", x2: \"6\", y1: \"13.5\", y2: \"21\", key: \"1q0aeu\" }],\n  [\"line\", { x1: \"18\", x2: \"21\", y1: \"12\", y2: \"15\", key: \"5mozeu\" }],\n  [\n    \"path\",\n    {\n      d: \"M3.59 3.59A1.99 1.99 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59\",\n      key: \"mmje98\"\n    }\n  ],\n  [\"path\", { d: \"M21 15V5a2 2 0 0 0-2-2H9\", key: \"43el77\" }]\n]);\n\nexport { ImageOff as default };\n//# sourceMappingURL=image-off.js.map\n","import { Button } from \"@/components/button\";\r\nimport { Icon } from \"@/components/icon\";\r\nimport { LucideIcon } from \"lucide-react\";\r\nimport React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst imageUploaderButtonStyles = tv({\r\n\tslots: {\r\n\t\tcontainer: \"h-4 w-4 rounded-full border border-muted bg-primary-bg p-1\",\r\n\t\ticon: \"h-2 w-2 stroke-[3px] text-muted\"\r\n\t}\r\n});\r\n\r\nexport type ImageUploaderButtonProps = React.HTMLAttributes<HTMLButtonElement> & {\r\n\ticon: LucideIcon;\r\n};\r\n\r\nexport const ImageUploaderButton = React.forwardRef<HTMLButtonElement, ImageUploaderButtonProps>(\r\n\t({ className, onClick, icon, ...props }, ref) => {\r\n\t\tconst styles = imageUploaderButtonStyles();\r\n\r\n\t\treturn (\r\n\t\t\t<Button\r\n\t\t\t\tvariant=\"outline\"\r\n\t\t\t\tref={ref}\r\n\t\t\t\tclassName={styles.container({ className })}\r\n\t\t\t\tonClick={onClick}\r\n\t\t\t\t{...props}\r\n\t\t\t>\r\n\t\t\t\t<Icon className={styles.icon()} icon={icon} />\r\n\t\t\t</Button>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nImageUploaderButton.displayName = \"ImageUploaderButton\";\r\n","import React, { useCallback, KeyboardEvent } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { ImageUploaderButton } from \"../image-uploader/components/ImageUploaderButton\";\r\nimport { Download, ImageOff, RotateCw, X } from \"lucide-react\";\r\nimport { Icon } from \"../icon\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\nexport interface ImagePreviewVariants {\r\n\tsize?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\r\n\terror?: boolean;\r\n}\r\n\r\nconst imagePreviewStyles = tv({\r\n\tslots: {\r\n\t\tcontainer:\r\n\t\t\t\"group relative flex aspect-square cursor-pointer items-center justify-center rounded-xl outline-none focus-visible:shadow-focus\",\r\n\t\timage: \"aspect-square h-full rounded-xl\",\r\n\t\tbuttonWrapper: \"absolute right-1 top-1 flex gap-1\",\r\n\t\ticon: \"h-8 w-8 stroke-[1.5px] text-muted\",\r\n\t\toverlay: \"absolute inset-0 rounded-xl group-hover:bg-slate-900/20\"\r\n\t},\r\n\tvariants: {\r\n\t\terror: {\r\n\t\t\ttrue: {\r\n\t\t\t\tcontainer:\r\n\t\t\t\t\t\"border border-status-error-secondary-border hover:border-status-error-primary-border hover:bg-status-error-bg focus-visible:border-status-error-secondary-border focus-visible:shadow-focus-error\"\r\n\t\t\t}\r\n\t\t},\r\n\t\tsize: {\r\n\t\t\txs: { container: \"h-[3.75rem] w-[3.75rem]\" },\r\n\t\t\tsm: { container: \"h-20 w-20\" },\r\n\t\t\tmd: { container: \"h-[7.5rem] w-[7.5rem]\" },\r\n\t\t\tlg: { container: \"h-[11.5rem] w-[11.5rem]\" },\r\n\t\t\txl: { container: \"h-96 w-96\" }\r\n\t\t}\r\n\t} satisfies VariantsConfig<ImagePreviewVariants>\r\n});\r\n\r\nexport type ImagePreviewProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"onClick\"> &\r\n\tImagePreviewVariants & {\r\n\t\turl: string;\r\n\t\talt: string;\r\n\t\treadonly?: boolean;\r\n\t\tonImageClick?: (e: React.MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;\r\n\t\tonDownload?: (url: string) => void;\r\n\t\tonRetry?: () => void;\r\n\t\tonClear?: () => void;\r\n\t};\r\n\r\nexport const ImagePreview = React.forwardRef<HTMLDivElement, ImagePreviewProps>(\r\n\t({ className, error, readonly, onClear, onRetry, size, url, alt, onImageClick, onDownload, ...props }, ref) => {\r\n\t\tconst styles = imagePreviewStyles({ className, size, error });\r\n\r\n\t\tconst handleDownload = useCallback(\r\n\t\t\t(e: React.MouseEvent<HTMLButtonElement>) => {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tonDownload?.(url);\r\n\t\t\t},\r\n\t\t\t[onDownload, url]\r\n\t\t);\r\n\r\n\t\tconst handleClear = useCallback(\r\n\t\t\t(e: React.MouseEvent<HTMLButtonElement>) => {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tonClear?.();\r\n\t\t\t},\r\n\t\t\t[onClear]\r\n\t\t);\r\n\r\n\t\tconst handleRetry = useCallback(\r\n\t\t\t(e: React.MouseEvent<HTMLButtonElement>) => {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\te.stopPropagation();\r\n\t\t\t\tonRetry?.();\r\n\t\t\t},\r\n\t\t\t[onRetry]\r\n\t\t);\r\n\r\n\t\tconst handleKeyDown = useCallback(\r\n\t\t\t(e: KeyboardEvent<HTMLDivElement>) => {\r\n\t\t\t\tif (e.key === \"Enter\" || e.key === \" \") {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tonImageClick?.(e);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t[onImageClick]\r\n\t\t);\r\n\r\n\t\treturn (\r\n\t\t\t<div\r\n\t\t\t\tref={ref}\r\n\t\t\t\trole=\"button\"\r\n\t\t\t\ttabIndex={0}\r\n\t\t\t\tonClick={onImageClick}\r\n\t\t\t\tonKeyDown={handleKeyDown}\r\n\t\t\t\tclassName={styles.container()}\r\n\t\t\t\t{...props}\r\n\t\t\t>\r\n\t\t\t\t{!error && <img src={url} alt={alt} className={styles.image()} />}\r\n\t\t\t\t{!error && <div className={styles.overlay()} />}\r\n\r\n\t\t\t\t{error && <Icon icon={ImageOff} className={styles.icon()} />}\r\n\r\n\t\t\t\t<div className={styles.buttonWrapper()}>\r\n\t\t\t\t\t{!error && onDownload && <ImageUploaderButton icon={Download} onClick={handleDownload} />}\r\n\t\t\t\t\t{error && onRetry && <ImageUploaderButton icon={RotateCw} onClick={handleRetry} />}\r\n\t\t\t\t\t{!readonly && onClear && <ImageUploaderButton icon={X} onClick={handleClear} />}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nImagePreview.displayName = \"ImagePreview\";\r\n"],"names":["ImageOff","createLucideIcon","imageUploaderButtonStyles","tv","ImageUploaderButton","React","className","onClick","icon","props","ref","styles","jsx","Button","Icon","imagePreviewStyles","ImagePreview","error","readonly","onClear","onRetry","size","url","alt","onImageClick","onDownload","handleDownload","useCallback","handleClear","handleRetry","handleKeyDown","jsxs","Download","RotateCw","X"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/components/image-uploader/ImageUploader.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { Button } from '../button';
+import { ButtonBaseVariants } from '../button/button-base/ButtonBase';
+export interface ImageUploaderVariants {
+    readonly?: boolean;
+    error?: boolean;
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+}
+export type ImageUploaderProps = Omit<React.ComponentPropsWithoutRef<typeof Button>, "onChange"> & ImageUploaderVariants & {
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    whiteList?: string;
+};
+export declare const ImageUploader: React.ForwardRefExoticComponent<Omit<Omit<React.ButtonHTMLAttributes<HTMLButtonElement> & ButtonBaseVariants & {
+    asChild?: boolean;
+} & {
+    size?: ("xs" | "sm" | "md" | "lg" | "xl") | undefined;
+} & {
+    startIcon?: React.ElementType;
+    endIcon?: React.ElementType;
+    containerClassName?: string;
+    iconClassName?: string;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLButtonElement>, "ref">, "onChange"> & ImageUploaderVariants & {
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    whiteList?: string;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/image-uploader/ImageUploader.stories.d.ts

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

package/dist/components/image-uploader/components/ImageCameraAddSvg.d.ts

@@ -0,0 +1,5 @@
+interface ImageCameraAddProps {
+    className?: string;
+}
+export declare const ImageCameraAddSvg: ({ className }: ImageCameraAddProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/image-uploader/components/ImageUploaderButton.d.ts

@@ -0,0 +1,8 @@
+import { LucideIcon } from 'lucide-react';
+import { default as React } from 'react';
+export type ImageUploaderButtonProps = React.HTMLAttributes<HTMLButtonElement> & {
+    icon: LucideIcon;
+};
+export declare const ImageUploaderButton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLButtonElement> & {
+    icon: LucideIcon;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/image-uploader/index.d.ts

@@ -0,0 +1 @@
+export { ImageUploader } from './ImageUploader';

package/dist/components/image-uploader.d.ts

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

package/dist/components/image-uploader.js

@@ -0,0 +1,88 @@
+import { jsx as e, jsxs as C } from "react/jsx-runtime";
+import l, { useRef as d } from "react";
+import { T as p } from "../index-BVqs-uqP.js";
+import { B as f } from "../Button-Dg89xRSi.js";
+import { I as h } from "../Icon-DH3ev9GK.js";
+import { c as g } from "../cn-dsXlqdJg.js";
+import { I as v } from "../image-BqL5JP90.js";
+const b = ({ className: t }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: "33",
+    height: "29",
+    viewBox: "0 0 33 29",
+    className: t,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M27.4463 16.9258C27.9982 16.926 28.4461 17.3739 28.4463 17.9258V21.5322H31.9746C32.5266 21.5325 32.9746 21.9801 32.9746 22.5322C32.9743 23.0841 32.5265 23.5319 31.9746 23.5322H28.4463V27.1377C28.4461 27.6896 27.9982 28.1374 27.4463 28.1377C26.8941 28.1377 26.4465 27.6898 26.4463 27.1377V23.5322H22.918C22.3659 23.5322 21.9182 23.0843 21.918 22.5322C21.918 21.9799 22.3657 21.5322 22.918 21.5322H26.4463V17.9258C26.4465 17.3737 26.8941 16.9258 27.4463 16.9258ZM17.6523 0.0449219C17.9098 0.0739444 18.1484 0.202586 18.3145 0.405273L21.3164 4.06934H24.8047L24.9863 4.07324C25.8909 4.11901 26.7469 4.50459 27.3857 5.1543C28.0666 5.8469 28.4463 6.78361 28.4463 7.75586V12.2402C28.4462 12.7923 27.9983 13.24 27.4463 13.2402C26.894 13.2402 26.4463 12.7925 26.4463 12.2402V7.75586C26.4463 7.30322 26.2686 6.87167 25.959 6.55664C25.6885 6.28172 25.3364 6.11468 24.9648 6.07715L24.8047 6.06934H20.8428C20.5434 6.06934 20.2593 5.93454 20.0693 5.70312L17.0664 2.03906H11.4102L8.4082 5.70312C8.21833 5.93464 7.93419 6.06925 7.63477 6.06934H3.67285C3.24307 6.06934 2.82676 6.24223 2.51758 6.55664C2.20786 6.87168 2.03125 7.30316 2.03125 7.75586V19.8447C2.03127 20.2974 2.20792 20.7289 2.51758 21.0439C2.82675 21.3583 3.2431 21.5322 3.67285 21.5322H17.6348L17.7373 21.5371C18.2412 21.5886 18.6348 22.0147 18.6348 22.5322C18.6345 23.0495 18.2411 23.4749 17.7373 23.5264L17.6348 23.5322H3.67285C2.70169 23.5322 1.77333 23.1393 1.0918 22.4463C0.410823 21.7537 0.03127 20.817 0.03125 19.8447V7.75586C0.03125 6.78353 0.410805 5.84692 1.0918 5.1543C1.77333 4.46129 2.70169 4.06934 3.67285 4.06934H7.16113L10.1631 0.405273L10.2393 0.323242C10.4248 0.142425 10.6745 0.0391387 10.9365 0.0390625H17.54L17.6523 0.0449219ZM14.2383 8.09863C16.9946 8.09879 19.2012 10.3671 19.2012 13.1289C19.201 15.8906 16.9945 18.158 14.2383 18.1582C11.4821 18.158 9.2765 15.8906 9.27637 13.1289C9.27637 10.3671 11.482 8.09885 14.2383 8.09863ZM14.2383 10.0986C12.6184 10.0988 11.2764 11.4397 11.2764 13.1289C11.2765 14.818 12.6184 16.158 14.2383 16.1582C15.8582 16.158 17.201 14.8181 17.2012 13.1289C17.2012 11.4396 15.8582 10.0988 14.2383 10.0986Z",
+        fill: "currentColor"
+      }
+    )
+  }
+), w = p({
+  slots: {
+    container: "group relative flex aspect-square items-center justify-center rounded-xl p-6 hover:shadow-soft-base focus-visible:shadow-focus focus-visible:ring-0",
+    icon: "h-8 w-8 stroke-[1.5px] text-muted group-hover:text-primary",
+    input: "hidden",
+    // Кастомная иконка для состояния загрузки с фиксированными размерами (35 и 33px) и небольшим смещением для визуального баланса
+    customIcon: "h-[2.1875rem] w-[2.0625rem] translate-x-0.5 translate-y-0.5"
+  },
+  variants: {
+    readonly: {
+      true: {
+        container: "cursor-default bg-secondary-bg-hover hover:border-secondary-border hover:shadow-soft-sm focus-visible:bg-secondary-bg-hover",
+        icon: "group-hover:text-muted"
+      }
+    },
+    error: {
+      true: {
+        container: "border-status-error-secondary-border hover:border-status-error-primary-border hover:bg-status-error-bg focus-visible:border-status-error-secondary-border focus-visible:shadow-focus-error",
+        icon: "group-hover:text-muted"
+      }
+    },
+    size: {
+      xs: { container: "h-[3.75rem] w-[3.75rem]" },
+      sm: { container: "h-20 w-20" },
+      md: { container: "h-[7.5rem] w-[7.5rem]" },
+      lg: { container: "h-[11.5rem] w-[11.5rem]" },
+      xl: { container: "h-96 w-96" }
+    }
+  }
+}), x = l.forwardRef(
+  ({ className: t, error: a, readonly: o, size: n, onChange: i, whiteList: c = "image/*", ...m }, u) => {
+    const s = d(null), r = w({ className: t, readonly: o, error: a, size: n });
+    return /* @__PURE__ */ C(
+      f,
+      {
+        ref: u,
+        type: "button",
+        variant: "outline",
+        className: r.container(),
+        onClick: () => !o && s.current?.click(),
+        ...m,
+        children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              ref: s,
+              type: "file",
+              className: r.input(),
+              onChange: i,
+              accept: c
+            }
+          ),
+          o && /* @__PURE__ */ e(h, { icon: v, className: r.icon() }),
+          !o && /* @__PURE__ */ e(b, { className: g(r.icon(), r.customIcon()) })
+        ]
+      }
+    );
+  }
+);
+x.displayName = "ImageUploader";
+export {
+  x as ImageUploader
+};
+//# sourceMappingURL=image-uploader.js.map

package/dist/components/image-uploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-uploader.js","sources":["../../src/components/image-uploader/components/ImageCameraAddSvg.tsx","../../src/components/image-uploader/ImageUploader.tsx"],"sourcesContent":["interface ImageCameraAddProps {\r\n\tclassName?: string;\r\n}\r\n\r\nexport const ImageCameraAddSvg = ({ className }: ImageCameraAddProps) => {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\twidth=\"33\"\r\n\t\t\theight=\"29\"\r\n\t\t\tviewBox=\"0 0 33 29\"\r\n\t\t\tclassName={className}\r\n\t\t\tfill=\"none\"\r\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\td=\"M27.4463 16.9258C27.9982 16.926 28.4461 17.3739 28.4463 17.9258V21.5322H31.9746C32.5266 21.5325 32.9746 21.9801 32.9746 22.5322C32.9743 23.0841 32.5265 23.5319 31.9746 23.5322H28.4463V27.1377C28.4461 27.6896 27.9982 28.1374 27.4463 28.1377C26.8941 28.1377 26.4465 27.6898 26.4463 27.1377V23.5322H22.918C22.3659 23.5322 21.9182 23.0843 21.918 22.5322C21.918 21.9799 22.3657 21.5322 22.918 21.5322H26.4463V17.9258C26.4465 17.3737 26.8941 16.9258 27.4463 16.9258ZM17.6523 0.0449219C17.9098 0.0739444 18.1484 0.202586 18.3145 0.405273L21.3164 4.06934H24.8047L24.9863 4.07324C25.8909 4.11901 26.7469 4.50459 27.3857 5.1543C28.0666 5.8469 28.4463 6.78361 28.4463 7.75586V12.2402C28.4462 12.7923 27.9983 13.24 27.4463 13.2402C26.894 13.2402 26.4463 12.7925 26.4463 12.2402V7.75586C26.4463 7.30322 26.2686 6.87167 25.959 6.55664C25.6885 6.28172 25.3364 6.11468 24.9648 6.07715L24.8047 6.06934H20.8428C20.5434 6.06934 20.2593 5.93454 20.0693 5.70312L17.0664 2.03906H11.4102L8.4082 5.70312C8.21833 5.93464 7.93419 6.06925 7.63477 6.06934H3.67285C3.24307 6.06934 2.82676 6.24223 2.51758 6.55664C2.20786 6.87168 2.03125 7.30316 2.03125 7.75586V19.8447C2.03127 20.2974 2.20792 20.7289 2.51758 21.0439C2.82675 21.3583 3.2431 21.5322 3.67285 21.5322H17.6348L17.7373 21.5371C18.2412 21.5886 18.6348 22.0147 18.6348 22.5322C18.6345 23.0495 18.2411 23.4749 17.7373 23.5264L17.6348 23.5322H3.67285C2.70169 23.5322 1.77333 23.1393 1.0918 22.4463C0.410823 21.7537 0.03127 20.817 0.03125 19.8447V7.75586C0.03125 6.78353 0.410805 5.84692 1.0918 5.1543C1.77333 4.46129 2.70169 4.06934 3.67285 4.06934H7.16113L10.1631 0.405273L10.2393 0.323242C10.4248 0.142425 10.6745 0.0391387 10.9365 0.0390625H17.54L17.6523 0.0449219ZM14.2383 8.09863C16.9946 8.09879 19.2012 10.3671 19.2012 13.1289C19.201 15.8906 16.9945 18.158 14.2383 18.1582C11.4821 18.158 9.2765 15.8906 9.27637 13.1289C9.27637 10.3671 11.482 8.09885 14.2383 8.09863ZM14.2383 10.0986C12.6184 10.0988 11.2764 11.4397 11.2764 13.1289C11.2765 14.818 12.6184 16.158 14.2383 16.1582C15.8582 16.158 17.201 14.8181 17.2012 13.1289C17.2012 11.4396 15.8582 10.0988 14.2383 10.0986Z\"\r\n\t\t\t\tfill=\"currentColor\"\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n};\r\n","import React, { useRef } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { ImageCameraAddSvg } from \"./components/ImageCameraAddSvg\";\r\nimport { Button } from \"../button\";\r\nimport { Image } from \"lucide-react\";\r\nimport { Icon } from \"../icon\";\r\nimport { cn } from \"@/lib/utils\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\nexport interface ImageUploaderVariants {\r\n\treadonly?: boolean;\r\n\terror?: boolean;\r\n\tsize?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\r\n}\r\n\r\nconst imageUploaderStyles = tv({\r\n\tslots: {\r\n\t\tcontainer:\r\n\t\t\t\"group relative flex aspect-square items-center justify-center rounded-xl p-6 hover:shadow-soft-base focus-visible:shadow-focus focus-visible:ring-0\",\r\n\t\ticon: \"h-8 w-8 stroke-[1.5px] text-muted group-hover:text-primary\",\r\n\t\tinput: \"hidden\",\r\n\t\t// Кастомная иконка для состояния загрузки с фиксированными размерами (35 и 33px) и небольшим смещением для визуального баланса\r\n\t\tcustomIcon: \"h-[2.1875rem] w-[2.0625rem] translate-x-0.5 translate-y-0.5\"\r\n\t},\r\n\tvariants: {\r\n\t\treadonly: {\r\n\t\t\ttrue: {\r\n\t\t\t\tcontainer:\r\n\t\t\t\t\t\"cursor-default bg-secondary-bg-hover hover:border-secondary-border hover:shadow-soft-sm focus-visible:bg-secondary-bg-hover\",\r\n\t\t\t\ticon: \"group-hover:text-muted\"\r\n\t\t\t}\r\n\t\t},\r\n\t\terror: {\r\n\t\t\ttrue: {\r\n\t\t\t\tcontainer:\r\n\t\t\t\t\t\"border-status-error-secondary-border hover:border-status-error-primary-border hover:bg-status-error-bg focus-visible:border-status-error-secondary-border focus-visible:shadow-focus-error\",\r\n\t\t\t\ticon: \"group-hover:text-muted\"\r\n\t\t\t}\r\n\t\t},\r\n\t\tsize: {\r\n\t\t\txs: { container: \"h-[3.75rem] w-[3.75rem]\" },\r\n\t\t\tsm: { container: \"h-20 w-20\" },\r\n\t\t\tmd: { container: \"h-[7.5rem] w-[7.5rem]\" },\r\n\t\t\tlg: { container: \"h-[11.5rem] w-[11.5rem]\" },\r\n\t\t\txl: { container: \"h-96 w-96\" }\r\n\t\t}\r\n\t} satisfies VariantsConfig<ImageUploaderVariants>\r\n});\r\n\r\nexport type ImageUploaderProps = Omit<React.ComponentPropsWithoutRef<typeof Button>, \"onChange\"> &\r\n\tImageUploaderVariants & {\r\n\t\tonChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n\t\twhiteList?: string;\r\n\t};\r\n\r\nexport const ImageUploader = React.forwardRef<HTMLButtonElement, ImageUploaderProps>(\r\n\t({ className, error, readonly, size, onChange, whiteList = \"image/*\", ...props }, ref) => {\r\n\t\tconst fileInputRef = useRef<HTMLInputElement>(null);\r\n\t\tconst styles = imageUploaderStyles({ className, readonly, error, size });\r\n\r\n\t\treturn (\r\n\t\t\t<Button\r\n\t\t\t\tref={ref}\r\n\t\t\t\ttype=\"button\"\r\n\t\t\t\tvariant=\"outline\"\r\n\t\t\t\tclassName={styles.container()}\r\n\t\t\t\tonClick={() => !readonly && fileInputRef.current?.click()}\r\n\t\t\t\t{...props}\r\n\t\t\t>\r\n\t\t\t\t<input\r\n\t\t\t\t\tref={fileInputRef}\r\n\t\t\t\t\ttype=\"file\"\r\n\t\t\t\t\tclassName={styles.input()}\r\n\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\taccept={whiteList}\r\n\t\t\t\t/>\r\n\r\n\t\t\t\t{readonly && <Icon icon={Image} className={styles.icon()} />}\r\n\t\t\t\t{!readonly && <ImageCameraAddSvg className={cn(styles.icon(), styles.customIcon())} />}\r\n\t\t\t</Button>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nImageUploader.displayName = \"ImageUploader\";\r\n"],"names":["ImageCameraAddSvg","className","jsx","imageUploaderStyles","tv","ImageUploader","React","error","readonly","size","onChange","whiteList","props","ref","fileInputRef","useRef","styles","jsxs","Button","Icon","Image","cn"],"mappings":";;;;;;;AAIO,MAAMA,IAAoB,CAAC,EAAE,WAAAC,QAElC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,WAAAD;AAAA,IACA,MAAK;AAAA,IACL,OAAM;AAAA,IAEN,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACN;AACD,GCHIC,IAAsBC,EAAG;AAAA,EAC9B,OAAO;AAAA,IACN,WACC;AAAA,IACD,MAAM;AAAA,IACN,OAAO;AAAA;AAAA,IAEP,YAAY;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACT,UAAU;AAAA,MACT,MAAM;AAAA,QACL,WACC;AAAA,QACD,MAAM;AAAA,MAAA;AAAA,IAER;AAAA,IACA,OAAO;AAAA,MACN,MAAM;AAAA,QACL,WACC;AAAA,QACD,MAAM;AAAA,MAAA;AAAA,IAER;AAAA,IACA,MAAM;AAAA,MACL,IAAI,EAAE,WAAW,0BAA0B;AAAA,MAC3C,IAAI,EAAE,WAAW,YAAY;AAAA,MAC7B,IAAI,EAAE,WAAW,wBAAwB;AAAA,MACzC,IAAI,EAAE,WAAW,0BAA0B;AAAA,MAC3C,IAAI,EAAE,WAAW,YAAY;AAAA,IAAA;AAAA,EAC9B;AAEF,CAAC,GAQYC,IAAgBC,EAAM;AAAA,EAClC,CAAC,EAAE,WAAAL,GAAW,OAAAM,GAAO,UAAAC,GAAU,MAAAC,GAAM,UAAAC,GAAU,WAAAC,IAAY,WAAW,GAAGC,EAAM,GAAGC,MAAQ;AACnF,UAAAC,IAAeC,EAAyB,IAAI,GAC5CC,IAASb,EAAoB,EAAE,WAAAF,GAAW,UAAAO,GAAU,OAAAD,GAAO,MAAAE,GAAM;AAGtE,WAAA,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,KAAAL;AAAA,QACA,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,WAAWG,EAAO,UAAU;AAAA,QAC5B,SAAS,MAAM,CAACR,KAAYM,EAAa,SAAS,MAAM;AAAA,QACvD,GAAGF;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAV;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,KAAKY;AAAA,cACL,MAAK;AAAA,cACL,WAAWE,EAAO,MAAM;AAAA,cACxB,UAAAN;AAAA,cACA,QAAQC;AAAA,YAAA;AAAA,UACT;AAAA,UAECH,uBAAaW,GAAK,EAAA,MAAMC,GAAO,WAAWJ,EAAO,QAAQ;AAAA,UACzD,CAACR,KAAa,gBAAAN,EAAAF,GAAA,EAAkB,WAAWqB,EAAGL,EAAO,KAAQ,GAAAA,EAAO,WAAY,CAAA,EAAG,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACrF;AAAA,EAAA;AAGH;AAEAX,EAAc,cAAc;"}

package/dist/components/images/BoxSvg.d.ts

@@ -0,0 +1,5 @@
+type BoxSvgType = {
+    className?: string;
+};
+export declare const BoxSvg: React.FC<BoxSvgType>;
+export {};

package/dist/components/images/BoxSvg.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { FC } from 'react';
+declare const meta: {
+    component: FC<{
+        className?: string;
+    }>;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,5 @@
+type FolderSvgType = {
+    className?: string;
+};
+export declare const FolderSvg: React.FC<FolderSvgType>;
+export {};

package/dist/components/images/FolderSvg.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { FC } from 'react';
+declare const meta: {
+    component: FC<{
+        className?: string;
+    }>;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,2 @@
+export { BoxSvg } from './BoxSvg';
+export { FolderSvg } from './FolderSvg';

package/dist/components/images.d.ts

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

package/dist/components/images.js

@@ -0,0 +1,6 @@
+import { B as a, F as e } from "../FolderSvg-cw0DxNVy.js";
+export {
+  a as BoxSvg,
+  e as FolderSvg
+};
+//# sourceMappingURL=images.js.map

package/dist/components/images.js.map

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

package/dist/components/indicator/Indicator.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface IndicatorVariants {
+    size?: "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+    rounded?: boolean;
+}
+export type IndicatorProps = React.ComponentPropsWithoutRef<"div"> & IndicatorVariants;
+export declare const Indicator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & IndicatorVariants & React.RefAttributes<HTMLDivElement>>;

package/dist/components/indicator/Indicator.stories.d.ts

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

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

@@ -0,0 +1 @@
+export { Indicator } from './Indicator';

package/dist/components/indicator.d.ts

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

package/dist/components/indicator.js

@@ -0,0 +1,5 @@
+import { I as a } from "../Indicator-AqxHWPA9.js";
+export {
+  a as Indicator
+};
+//# sourceMappingURL=indicator.js.map

package/dist/components/indicator.js.map

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

package/dist/components/input/components/clear-button/ClearButton.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-export interface ClearButtonProps {
-    onClear: () => void;
-    className?: string;
+import { LucideIcon } from 'lucide-react';
+export interface ClearButtonProps extends React.HTMLAttributes<HTMLSpanElement> {
+    icon?: LucideIcon;
 }
 export declare const ClearButton: React.FC<ClearButtonProps>;

package/dist/components/input/file-input/FileInput.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+/** Упрощенная информация о файле */
+export interface FileInfo {
+    /** id файла */
+    id: number;
+    /** Имя файла */
+    name: string;
+    /** URL для скачивания или просмотра файла */
+    url: string;
+    /** Размер файла в байтах (опционально) */
+    size?: number;
+    /** MIME-тип файла (опционально) */
+    type?: string;
+}
+/** Тип файла - либо браузерный File, либо упрощенная FileInfo */
+export type FileValue = File | FileInfo | null;
+export interface FileInputProps extends Omit<React.ComponentProps<"input">, "type" | "onChange" | "value" | "defaultValue"> {
+    /** Текущий файл (для controlled режима) */
+    value?: FileValue;
+    /** Файл по умолчанию (для uncontrolled режима) */
+    defaultValue?: FileValue;
+    /** Флаг для отображения кнопки очистки значения */
+    showClearIcon?: boolean;
+    /** Колбэк на изменение файла */
+    onChange?: (file: FileValue) => void;
+    /** Текст сообщения об ошибке */
+    error?: string;
+    /** Плейсхолдер для отображения когда файл не выбран */
+    placeholder?: string;
+    /** Текст кнопки выбора файла */
+    chooseButtonText?: string;
+}
+export declare const FileInput: React.ForwardRefExoticComponent<Omit<FileInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default FileInput;

package/dist/components/input/file-input/FileInput.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { FileInput } from './FileInput';
+import { CustomStory } from '../../../lib/utils/storybook';
+declare const meta: Meta<typeof FileInput>;
+export default meta;
+type Story = StoryObj<typeof FileInput>;
+export declare const Default: Story;
+export declare const ImageOnly: Story;
+export declare const Disabled: Story;
+export declare const Controlled: CustomStory;
+export declare const WithDefaultValue: CustomStory;
+export declare const WithFileInfo: CustomStory;

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

@@ -1,3 +1,6 @@
 export { Input } from './input/Input';
+export { InputGroup, InputGroupText, InputGroupButton, InputGroupInput, InputGroupContentEditable } from './input-group/InputGroup';
 export { TextInput } from './text-input/TextInput';
+export { WebInput } from './web-input/WebInput';
+export { FileInput, type FileValue } from './file-input/FileInput';
 export { SecretInput } from './secret-input/SecretInput';

package/dist/components/input/input/Input.d.ts

@@ -1,7 +1,10 @@
 import { default as React } from 'react';
-export type InputProps = React.ComponentProps<"input">;
+export type InputProps = React.ComponentProps<"input"> & {
+    /** Текст сообщения об ошибке. При наличии делает поле невалидным */
+    error?: string;
+};
 /**
  * Стилизованный базовый компонент для создания инпутов.
  */
-export declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export default Input;

package/dist/components/input/input/Input.stories.d.ts

@@ -9,3 +9,6 @@ export declare const Disabled: Story;
 export declare const Invalid: Story;
 export declare const NativeValidation: Story;
 export declare const CustomStyle: Story;
+export declare const WithTags: Story;
+export declare const WithTagsKeyboardNavigation: Story;
+export declare const WithForm: Story;