ics-ui-kit 0.1.0-alpha.12 → 0.1.0-alpha.13

package/dist/components/gallery/Gallery.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { FileInfo } from '../input/file-input/FileInput';
+export interface GalleryProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Размер галереи */
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    /** Направление галереи */
+    orientation?: "horizontal" | "vertical";
+    /** Массив изображений */
+    values?: FileInfo[];
+    /** Колбэк при изменении значений */
+    onValueChange?: (values: FileInfo[]) => void;
+    /** Колбэк при повторной попытке загрузки */
+    onImageRetry?: (id: number) => void;
+    /** Флаг только для чтения */
+    readonly?: boolean;
+    /** Количество плейсхолдеров */
+    placeholderCount?: number;
+    /** Отключает возможность скачивания изображений из галереи */
+    preventDownload?: boolean;
+}
+export declare const Gallery: React.ForwardRefExoticComponent<GalleryProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/gallery/Gallery.stories.d.ts

@@ -0,0 +1,26 @@
+import { StoryObj } from '@storybook/react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { GalleryProps } from './Gallery';
+declare const meta: {
+    component: ForwardRefExoticComponent< GalleryProps & RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    args: {
+        size: "sm";
+    };
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+        };
+        readonly: {
+            control: "boolean";
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const GallerySubmit: Story;

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

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

package/dist/components/gallery.d.ts

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

package/dist/components/gallery.js

@@ -0,0 +1,130 @@
+var S = Object.defineProperty, T = Object.defineProperties;
+var $ = Object.getOwnPropertyDescriptors;
+var h = Object.getOwnPropertySymbols;
+var x = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
+var k = (r, t, o) => t in r ? S(r, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[t] = o, C = (r, t) => {
+  for (var o in t || (t = {}))
+    x.call(t, o) && k(r, o, t[o]);
+  if (h)
+    for (var o of h(t))
+      y.call(t, o) && k(r, o, t[o]);
+  return r;
+}, D = (r, t) => T(r, $(t));
+var N = (r, t) => {
+  var o = {};
+  for (var l in r)
+    x.call(r, l) && t.indexOf(l) < 0 && (o[l] = r[l]);
+  if (r != null && h)
+    for (var l of h(r))
+      t.indexOf(l) < 0 && y.call(r, l) && (o[l] = r[l]);
+  return o;
+};
+var _ = (r, t, o) => new Promise((l, m) => {
+  var i = (s) => {
+    try {
+      n(o.next(s));
+    } catch (p) {
+      m(p);
+    }
+  }, w = (s) => {
+    try {
+      n(o.throw(s));
+    } catch (p) {
+      m(p);
+    }
+  }, n = (s) => s.done ? l(s.value) : Promise.resolve(s.value).then(i, w);
+  n((o = o.apply(r, t)).next());
+});
+import { jsxs as M, jsx as a } from "react/jsx-runtime";
+import A, { useState as H, useCallback as I } from "react";
+import { C as q, a as B, b } from "../CarouselItem-pSHe0ufN.js";
+import { I as E } from "../ImageUploader-46sxdmt5.js";
+import { I as J } from "../ImagePlaceholder-CNAKQWTh.js";
+import { I as K } from "../ImagePreview-DHi7A8md.js";
+import { c as Q } from "../index-CR-odn5-.js";
+import { M as W, b as X, d as Y, i as Z } from "../Modal-D33MSQot.js";
+import { d as z } from "../downloadFile-yZV-aaO2.js";
+const u = (r) => {
+  const t = URL.createObjectURL(r);
+  return {
+    id: Math.random(),
+    url: t,
+    name: r.name
+  };
+}, v = Q({
+  base: "w-full",
+  slots: {
+    carouselContent: "p-0.5"
+  }
+}), V = A.forwardRef(
+  (rr, F) => {
+    var g = rr, {
+      size: r = "md",
+      orientation: t = "horizontal",
+      values: o = [],
+      onValueChange: l,
+      onImageRetry: m,
+      readonly: i = !1,
+      placeholderCount: w = 10,
+      className: n,
+      preventDownload: s
+    } = g, p = N(g, [
+      "size",
+      "orientation",
+      "values",
+      "onValueChange",
+      "onImageRetry",
+      "readonly",
+      "placeholderCount",
+      "className",
+      "preventDownload"
+    ]);
+    const U = v(), [d, j] = H(null), G = I(
+      (e) => _(void 0, null, function* () {
+        var f;
+        const c = (f = e.target.files) == null ? void 0 : f[0];
+        if (c) {
+          const R = u(c);
+          l == null || l([R, ...o]);
+        }
+      }),
+      [l, o]
+    ), L = I(
+      (e) => {
+        const c = o.filter((f) => f.id !== e);
+        l == null || l(c);
+      },
+      [l, o]
+    ), O = I((e) => {
+      j(e);
+    }, []), P = I((e) => z(e), []);
+    return /* @__PURE__ */ M("div", D(C({ ref: F, className: U.base({ className: n }) }, p), { children: [
+      /* @__PURE__ */ a(q, { size: r, orientation: t, opts: { watchDrag: !!o.length }, children: /* @__PURE__ */ M(B, { className: U.carouselContent(), children: [
+        !i && /* @__PURE__ */ a(b, { children: /* @__PURE__ */ a(E, { size: r, onChange: G, readonly: i }) }, "uploader"),
+        o.map((e, c) => /* @__PURE__ */ a(b, { children: /* @__PURE__ */ a(
+          K,
+          {
+            size: r,
+            url: e.url,
+            alt: `Image ${e.id}`,
+            readonly: i,
+            onImageClick: () => O(e),
+            onDownload: s ? void 0 : () => P(e),
+            onClear: () => L(e.id),
+            onRetry: () => m == null ? void 0 : m(e.id)
+          }
+        ) }, c)),
+        Array.from({ length: w - o.length }).map((e, c) => /* @__PURE__ */ a(b, { children: /* @__PURE__ */ a(J, { size: r }) }, `placeholder-${c}`))
+      ] }) }),
+      /* @__PURE__ */ a(W, { open: !!d, onOpenChange: (e) => !e && j(null), children: /* @__PURE__ */ M(X, { children: [
+        /* @__PURE__ */ a(Y, { children: /* @__PURE__ */ a(Z, { children: d == null ? void 0 : d.name }) }),
+        d && /* @__PURE__ */ a("img", { src: d.url, alt: d.name })
+      ] }) })
+    ] }));
+  }
+);
+V.displayName = "Gallery";
+export {
+  V as Gallery
+};
+//# sourceMappingURL=gallery.js.map

package/dist/components/gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery.js","sources":["../../src/lib/utils/image/imageConverter.ts","../../src/components/gallery/Gallery.tsx"],"sourcesContent":["import { FileInfo } from \"@/components/input/file-input/FileInput\";\r\n\r\n/**\r\n * Конвертирует URL изображения в base64\r\n */\r\nexport const urlToBase64 = async (url: string): Promise<string> => {\r\n\tconst response = await fetch(url);\r\n\tconst blob = await response.blob();\r\n\treturn new Promise((resolve) => {\r\n\t\tconst reader = new FileReader();\r\n\t\treader.onloadend = () => resolve(reader.result as string);\r\n\t\treader.readAsDataURL(blob);\r\n\t});\r\n};\r\n\r\n/**\r\n * Конвертирует FileInfo в base64\r\n */\r\nexport const fileInfoToBase64 = async (fileInfo: FileInfo): Promise<{ id: number; url: string }> => {\r\n\tconst base64 = await urlToBase64(fileInfo.url);\r\n\treturn { id: fileInfo.id, url: base64 };\r\n};\r\n\r\n/**\r\n * Конвертирует массив FileInfo в массив объектов с base64\r\n */\r\nexport const fileInfoArrayToBase64 = async (fileInfos: FileInfo[]): Promise<Array<{ id: number; url: string }>> => {\r\n\treturn Promise.all(fileInfos.map(fileInfoToBase64));\r\n};\r\n\r\n/**\r\n * Конвертирует File в FileInfo\r\n */\r\nexport const fileToFileInfo = (file: File): FileInfo => {\r\n\tconst url = URL.createObjectURL(file);\r\n\treturn {\r\n\t\tid: Math.random(),\r\n\t\turl,\r\n\t\tname: file.name\r\n\t};\r\n};\r\n","import React, { useCallback, useState } from \"react\";\r\nimport { Carousel, CarouselContent } from \"../carousel/Carousel\";\r\nimport { ImageUploader } from \"../image-uploader/ImageUploader\";\r\nimport { ImagePlaceholder } from \"../image-placeholder/ImagePlaceholder\";\r\nimport { ImagePreview } from \"../image-preview/ImagePreview\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { FileInfo } from \"../input/file-input/FileInput\";\r\nimport { CarouselItem } from \"../carousel\";\r\nimport { Modal, ModalContent, ModalHeader, ModalTitle } from \"../modal/Modal\";\r\nimport { downloadFile } from \"@/lib/utils/file/downloadFile\";\r\nimport { fileToFileInfo } from \"@/lib/utils/image/imageConverter\";\r\n\r\nconst galleryStyles = tv({\r\n\tbase: \"w-full\",\r\n\tslots: {\r\n\t\tcarouselContent: \"p-0.5\"\r\n\t}\r\n});\r\n\r\nexport interface GalleryProps extends React.HTMLAttributes<HTMLDivElement> {\r\n\t/** Размер галереи */\r\n\tsize?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\r\n\t/** Направление галереи */\r\n\torientation?: \"horizontal\" | \"vertical\";\r\n\t/** Массив изображений */\r\n\tvalues?: FileInfo[];\r\n\t/** Колбэк при изменении значений */\r\n\tonValueChange?: (values: FileInfo[]) => void;\r\n\t/** Колбэк при повторной попытке загрузки */\r\n\tonImageRetry?: (id: number) => void;\r\n\t/** Флаг только для чтения */\r\n\treadonly?: boolean;\r\n\t/** Количество плейсхолдеров */\r\n\tplaceholderCount?: number;\r\n\t/** Отключает возможность скачивания изображений из галереи */\r\n\tpreventDownload?: boolean;\r\n}\r\n\r\nexport const Gallery = React.forwardRef<HTMLDivElement, GalleryProps>(\r\n\t(\r\n\t\t{\r\n\t\t\tsize = \"md\",\r\n\t\t\torientation = \"horizontal\",\r\n\t\t\tvalues = [],\r\n\t\t\tonValueChange,\r\n\t\t\tonImageRetry,\r\n\t\t\treadonly = false,\r\n\t\t\tplaceholderCount = 10,\r\n\t\t\tclassName,\r\n\t\t\tpreventDownload,\r\n\t\t\t...props\r\n\t\t},\r\n\t\tref\r\n\t) => {\r\n\t\tconst styles = galleryStyles();\r\n\t\tconst [modalImage, setModalImage] = useState<FileInfo | null>(null);\r\n\r\n\t\tconst handleImageUpload = useCallback(\r\n\t\t\tasync (event: React.ChangeEvent<HTMLInputElement>) => {\r\n\t\t\t\tconst file = event.target.files?.[0];\r\n\t\t\t\tif (file) {\r\n\t\t\t\t\tconst newImage = fileToFileInfo(file);\r\n\t\t\t\t\tonValueChange?.([newImage, ...values]);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t[onValueChange, values]\r\n\t\t);\r\n\r\n\t\tconst handleImageRemove = useCallback(\r\n\t\t\t(id: number) => {\r\n\t\t\t\tconst newValues = values.filter((value) => value.id !== id);\r\n\t\t\t\tonValueChange?.(newValues);\r\n\t\t\t},\r\n\t\t\t[onValueChange, values]\r\n\t\t);\r\n\r\n\t\tconst handleImageClick = useCallback((image: FileInfo) => {\r\n\t\t\tsetModalImage(image);\r\n\t\t}, []);\r\n\r\n\t\tconst handleImageDownload = useCallback((image: FileInfo) => downloadFile(image), []);\r\n\r\n\t\treturn (\r\n\t\t\t<div ref={ref} className={styles.base({ className })} {...props}>\r\n\t\t\t\t<Carousel size={size} orientation={orientation} opts={{ watchDrag: !!values.length }}>\r\n\t\t\t\t\t<CarouselContent className={styles.carouselContent()}>\r\n\t\t\t\t\t\t{!readonly && (\r\n\t\t\t\t\t\t\t<CarouselItem key=\"uploader\">\r\n\t\t\t\t\t\t\t\t<ImageUploader size={size} onChange={handleImageUpload} readonly={readonly} />\r\n\t\t\t\t\t\t\t</CarouselItem>\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t{values.map((value, index) => (\r\n\t\t\t\t\t\t\t<CarouselItem key={index}>\r\n\t\t\t\t\t\t\t\t<ImagePreview\r\n\t\t\t\t\t\t\t\t\tsize={size}\r\n\t\t\t\t\t\t\t\t\turl={value.url}\r\n\t\t\t\t\t\t\t\t\talt={`Image ${value.id}`}\r\n\t\t\t\t\t\t\t\t\treadonly={readonly}\r\n\t\t\t\t\t\t\t\t\tonImageClick={() => handleImageClick(value)}\r\n\t\t\t\t\t\t\t\t\tonDownload={preventDownload ? undefined : () => handleImageDownload(value)}\r\n\t\t\t\t\t\t\t\t\tonClear={() => handleImageRemove(value.id)}\r\n\t\t\t\t\t\t\t\t\tonRetry={() => onImageRetry?.(value.id)}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</CarouselItem>\r\n\t\t\t\t\t\t))}\r\n\r\n\t\t\t\t\t\t{Array.from({ length: placeholderCount - values.length }).map((_, index) => (\r\n\t\t\t\t\t\t\t<CarouselItem key={`placeholder-${index}`}>\r\n\t\t\t\t\t\t\t\t<ImagePlaceholder size={size} />\r\n\t\t\t\t\t\t\t</CarouselItem>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</CarouselContent>\r\n\t\t\t\t</Carousel>\r\n\r\n\t\t\t\t<Modal open={!!modalImage} onOpenChange={(open) => !open && setModalImage(null)}>\r\n\t\t\t\t\t<ModalContent>\r\n\t\t\t\t\t\t<ModalHeader>\r\n\t\t\t\t\t\t\t<ModalTitle>{modalImage?.name}</ModalTitle>\r\n\t\t\t\t\t\t</ModalHeader>\r\n\t\t\t\t\t\t{modalImage && <img src={modalImage.url} alt={modalImage.name} />}\r\n\t\t\t\t\t</ModalContent>\r\n\t\t\t\t</Modal>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nGallery.displayName = \"Gallery\";\r\n"],"names":["fileToFileInfo","file","url","galleryStyles","tv","Gallery","React","_a","ref","_b","size","orientation","values","onValueChange","onImageRetry","readonly","placeholderCount","className","preventDownload","props","__objRest","styles","modalImage","setModalImage","useState","handleImageUpload","useCallback","event","__async","newImage","handleImageRemove","id","newValues","value","handleImageClick","image","handleImageDownload","downloadFile","jsxs","__spreadProps","__spreadValues","jsx","Carousel","CarouselContent","CarouselItem","ImageUploader","index","ImagePreview","_","ImagePlaceholder","Modal","open","ModalContent","ModalHeader","ModalTitle"],"mappings":"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"}

package/dist/components/icon-tooltip/IconTooltip.d.ts

@@ -3,7 +3,8 @@ import * as React from "react";
 interface IconTooltipProps {
     content: React.ReactNode;
     icon: LucideIcon;
+    iconSize?: "sm" | "md" | "lg";
     className?: string;
 }
-export declare const IconTooltip: ({ content, icon, className }: IconTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconTooltip: ({ content, icon, className, iconSize }: IconTooltipProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/image-placeholder.js

@@ -1,45 +1,5 @@
-var i = Object.defineProperty;
-var o = Object.getOwnPropertySymbols;
-var l = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
-var s = (e, a, r) => a in e ? i(e, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[a] = r, c = (e, a) => {
-  for (var r in a || (a = {}))
-    l.call(a, r) && s(e, r, a[r]);
-  if (o)
-    for (var r of o(a))
-      t.call(a, r) && s(e, r, a[r]);
-  return e;
-};
-var h = (e, a) => {
-  var r = {};
-  for (var m in e)
-    l.call(e, m) && a.indexOf(m) < 0 && (r[m] = e[m]);
-  if (e != null && o)
-    for (var m of o(e))
-      a.indexOf(m) < 0 && t.call(e, m) && (r[m] = e[m]);
-  return r;
-};
-import { jsx as p } from "react/jsx-runtime";
-import f from "react";
-import { c as w } from "../index-CR-odn5-.js";
-const b = w({
-  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"
-    }
-  }
-}), n = f.forwardRef(
-  (x, m) => {
-    var d = x, { className: e, size: a } = d, r = h(d, ["className", "size"]);
-    return /* @__PURE__ */ p("div", c({ ref: m, className: b({ className: e, size: a }) }, r));
-  }
-);
-n.displayName = "ImagePlaceholder";
+import { I as o } from "../ImagePlaceholder-CNAKQWTh.js";
 export {
-  n as ImagePlaceholder
+  o as ImagePlaceholder
 };
 //# sourceMappingURL=image-placeholder.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"image-placeholder.js","sources":["../../src/components/image-placeholder/ImagePlaceholder.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\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}\r\n});\r\n\r\nexport type ImagePlaceholderProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof imagePlaceholderStyles>;\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","_a","ref","_b","className","size","props","__objRest","jsx","__spreadValues"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,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,CAACC,GAA+BC,MAAQ;AAAvC,QAAAC,IAAAF,GAAE,aAAAG,GAAW,MAAAC,MAAbF,GAAsBG,IAAAC,EAAtBJ,GAAsB,CAApB,aAAW;AACN,WAAA,gBAAAK,EAAC,OAAIC,EAAA,EAAA,KAAAP,GAAU,WAAWL,EAAuB,EAAE,WAAAO,GAAW,MAAAC,EAAK,CAAC,KAAOC,EAAO;AAAA,EAAA;AAE3F;AAEAP,EAAiB,cAAc;"}
+{"version":3,"file":"image-placeholder.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React, KeyboardEvent } from 'react';
 import { VariantProps, TVReturnType } from 'tailwind-variants';
 import { TVConfig } from 'tailwind-variants/dist/config.js';
 declare const imagePreviewStyles: TVReturnType<{
@@ -181,16 +181,16 @@ declare const imagePreviewStyles: TVReturnType<{
         };
     };
 }>, unknown, unknown, undefined>>;
-export type ImagePreviewProps = React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof imagePreviewStyles> & {
+export type ImagePreviewProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onClick"> & VariantProps<typeof imagePreviewStyles> & {
     url: string;
     alt: string;
     readonly?: boolean;
-    onImageClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onImageClick?: (e: React.MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;
     onDownload?: (url: string) => void;
     onRetry?: () => void;
     onClear?: () => void;
 };
-export declare const ImagePreview: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps< TVReturnType<{
+export declare const ImagePreview: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "onClick"> & VariantProps< TVReturnType<{
     error: {
         true: {
             container: string;
@@ -373,9 +373,9 @@ export declare const ImagePreview: React.ForwardRefExoticComponent<React.ButtonH
     url: string;
     alt: string;
     readonly?: boolean;
-    onImageClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onImageClick?: (e: React.MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;
     onDownload?: (url: string) => void;
     onRetry?: () => void;
     onClear?: () => void;
-} & React.RefAttributes<HTMLButtonElement>>;
+} & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/image-preview.js

@@ -1,139 +1,5 @@
-var L = Object.defineProperty, O = Object.defineProperties;
-var S = Object.getOwnPropertyDescriptors;
-var u = Object.getOwnPropertySymbols;
-var x = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
-var v = (t, e, r) => e in t ? L(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, d = (t, e) => {
-  for (var r in e || (e = {}))
-    x.call(e, r) && v(t, r, e[r]);
-  if (u)
-    for (var r of u(e))
-      k.call(e, r) && v(t, r, e[r]);
-  return t;
-}, f = (t, e) => O(t, S(e));
-var h = (t, e) => {
-  var r = {};
-  for (var a in t)
-    x.call(t, a) && e.indexOf(a) < 0 && (r[a] = t[a]);
-  if (t != null && u)
-    for (var a of u(t))
-      e.indexOf(a) < 0 && k.call(t, a) && (r[a] = t[a]);
-  return r;
-};
-import { jsx as s, jsxs as w } from "react/jsx-runtime";
-import I, { useCallback as b } from "react";
-import { c as N } from "../index-CR-odn5-.js";
-import { B as W } from "../Button-DhfE69q0.js";
-import { I as P } from "../Icon-CSPBHL_x.js";
-import { c as j } from "../createLucideIcon-DgrNxRV5.js";
-import { D as _ } from "../download-CVOGyQ0e.js";
-import { X as A } from "../x-JgjNP5oH.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 H = j("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" }]
-]);
-/**
- * @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 V = j("RotateCw", [
-  ["path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8", key: "1p45f6" }],
-  ["path", { d: "M21 3v5h-5", key: "1q7to0" }]
-]), X = N({
-  slots: {
-    container: "h-4 w-4 rounded-full border border-muted bg-primary-bg p-1",
-    icon: "h-2 w-2 text-muted"
-  }
-}), p = I.forwardRef(
-  (g, i) => {
-    var c = g, { className: t, onClick: e, icon: r } = c, a = h(c, ["className", "onClick", "icon"]);
-    const l = X();
-    return /* @__PURE__ */ s(
-      W,
-      f(d({
-        variant: "outline",
-        ref: i,
-        className: l.container({ className: t }),
-        onClick: e
-      }, a), {
-        children: /* @__PURE__ */ s(P, { className: l.icon(), icon: r })
-      })
-    );
-  }
-);
-p.displayName = "ImageUploaderButton";
-const D = N({
-  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 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" }
-    }
-  }
-}), E = I.forwardRef(
-  (F, q) => {
-    var y = F, { className: t, error: e, readonly: r, onClear: a, onRetry: i, size: g, url: c, alt: l, onImageClick: B, onDownload: n } = y, M = h(y, ["className", "error", "readonly", "onClear", "onRetry", "size", "url", "alt", "onImageClick", "onDownload"]);
-    const m = D({ className: t, size: g, error: e }), z = b(
-      (o) => {
-        o.preventDefault(), o.stopPropagation(), n == null || n(c);
-      },
-      [n, c]
-    ), U = b(
-      (o) => {
-        o.preventDefault(), o.stopPropagation(), a == null || a();
-      },
-      [a]
-    ), C = b(
-      (o) => {
-        o.preventDefault(), o.stopPropagation(), i == null || i();
-      },
-      [i]
-    );
-    return /* @__PURE__ */ w("button", f(d({ ref: q, className: m.container(), onClick: B }, M), { children: [
-      !e && /* @__PURE__ */ s("img", { src: c, alt: l, className: m.image() }),
-      !e && /* @__PURE__ */ s("div", { className: m.overlay() }),
-      e && /* @__PURE__ */ s(P, { icon: H, className: m.icon() }),
-      /* @__PURE__ */ w("div", { className: m.buttonWrapper(), children: [
-        !e && n && /* @__PURE__ */ s(p, { icon: _, onClick: z }),
-        e && i && /* @__PURE__ */ s(p, { icon: V, onClick: C }),
-        !r && a && /* @__PURE__ */ s(p, { icon: A, onClick: U })
-      ] })
-    ] }));
-  }
-);
-E.displayName = "ImagePreview";
+import { I as a } from "../ImagePreview-DHi7A8md.js";
 export {
-  E as ImagePreview
+  a as ImagePreview
 };
 //# sourceMappingURL=image-preview.js.map

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

@@ -1 +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","../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/rotate-cw.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","/**\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 RotateCw = createLucideIcon(\"RotateCw\", [\n  [\"path\", { d: \"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\", key: \"1p45f6\" }],\n  [\"path\", { d: \"M21 3v5h-5\", key: \"1q7to0\" }]\n]);\n\nexport { RotateCw as default };\n//# sourceMappingURL=rotate-cw.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, VariantProps } 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 text-muted\"\r\n\t}\r\n});\r\n\r\nexport type ImageUploaderButtonProps = React.HTMLAttributes<HTMLButtonElement> &\r\n\tVariantProps<typeof imageUploaderButtonStyles> & {\r\n\t\ticon: LucideIcon;\r\n\t};\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 } from \"react\";\r\nimport { tv, VariantProps } 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\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 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}\r\n});\r\n\r\nexport type ImagePreviewProps = React.ButtonHTMLAttributes<HTMLButtonElement> &\r\n\tVariantProps<typeof imagePreviewStyles> & {\r\n\t\turl: string;\r\n\t\talt: string;\r\n\t\treadonly?: boolean;\r\n\t\tonImageClick?: (e: React.MouseEvent<HTMLButtonElement>) => 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<HTMLButtonElement, 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\treturn (\r\n\t\t\t<button ref={ref} className={styles.container()} onClick={onImageClick} {...props}>\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</button>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nImagePreview.displayName = \"ImagePreview\";\r\n"],"names":["ImageOff","createLucideIcon","RotateCw","imageUploaderButtonStyles","tv","ImageUploaderButton","React","_a","ref","_b","className","onClick","icon","props","__objRest","styles","jsx","Button","__spreadProps","__spreadValues","Icon","imagePreviewStyles","ImagePreview","error","readonly","onClear","onRetry","size","url","alt","onImageClick","onDownload","handleDownload","useCallback","e","handleClear","handleRetry","jsxs","Download","X"],"mappings":"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","x_google_ignoreList":[0,1]}
+{"version":3,"file":"image-preview.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/image-uploader.js

@@ -1,121 +1,5 @@
-var x = Object.defineProperty, w = Object.defineProperties;
-var y = Object.getOwnPropertyDescriptors;
-var c = Object.getOwnPropertySymbols;
-var l = Object.prototype.hasOwnProperty, C = Object.prototype.propertyIsEnumerable;
-var u = (r, o, e) => o in r ? x(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e, d = (r, o) => {
-  for (var e in o || (o = {}))
-    l.call(o, e) && u(r, e, o[e]);
-  if (c)
-    for (var e of c(o))
-      C.call(o, e) && u(r, e, o[e]);
-  return r;
-}, h = (r, o) => w(r, y(o));
-var p = (r, o) => {
-  var e = {};
-  for (var t in r)
-    l.call(r, t) && o.indexOf(t) < 0 && (e[t] = r[t]);
-  if (r != null && c)
-    for (var t of c(r))
-      o.indexOf(t) < 0 && C.call(r, t) && (e[t] = r[t]);
-  return e;
-};
-import { jsx as a, jsxs as H } from "react/jsx-runtime";
-import L, { useRef as I } from "react";
-import { c as V } from "../index-CR-odn5-.js";
-import { B as k } from "../Button-DhfE69q0.js";
-import { I as N } from "../Icon-CSPBHL_x.js";
-import { c as M } from "../utils-DGzAmwok.js";
-import { c as R } from "../createLucideIcon-DgrNxRV5.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 Z = R("Image", [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
-  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
-  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
-]), j = ({ className: r }) => /* @__PURE__ */ a(
-  "svg",
-  {
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: r,
-    children: /* @__PURE__ */ a(
-      "path",
-      {
-        d: "M19.9609 13.4961C20.375 13.4963 20.7109 13.832 20.7109 14.2461V16.6309H23.2539C23.6679 16.631 24.0038 16.9668 24.0039 17.3809C24.0037 17.7948 23.6679 18.1307 23.2539 18.1309H20.7109V20.5166C20.7106 20.9304 20.3748 21.2664 19.9609 21.2666C19.547 21.2666 19.2113 20.9305 19.2109 20.5166V18.1309H16.668C16.2539 18.1309 15.9182 17.7949 15.918 17.3809C15.9181 16.9668 16.2538 16.6309 16.668 16.6309H19.2109V14.2461C19.2109 13.8319 19.5467 13.4961 19.9609 13.4961ZM12.8369 2.00391C13.0231 2.02397 13.1967 2.11347 13.3213 2.25586L15.499 4.74316H18.04L18.2998 4.75586C18.9025 4.81284 19.4747 5.06626 19.915 5.48535C20.4195 5.96579 20.7109 6.62622 20.7109 7.32227V10.375C20.7107 10.7889 20.3748 11.1248 19.9609 11.125C19.5469 11.125 19.2112 10.789 19.2109 10.375V7.32227C19.2109 7.04851 19.0965 6.77772 18.8809 6.57227C18.6909 6.39143 18.4358 6.27523 18.1592 6.24902L18.04 6.24316H15.1582C14.9421 6.24316 14.7362 6.14977 14.5938 5.9873L12.416 3.5H8.29492L6.11719 5.9873C5.97483 6.14984 5.7688 6.24309 5.55273 6.24316H2.6709C2.34886 6.24321 2.04714 6.36568 1.83008 6.57227C1.6143 6.77775 1.5 7.04841 1.5 7.32227V15.5518C1.50013 15.8255 1.61435 16.0974 1.83008 16.3027C2.04709 16.509 2.34916 16.6308 2.6709 16.6309H12.8252L12.9023 16.6348C13.2801 16.6735 13.5751 16.9929 13.5752 17.3809C13.575 17.7688 13.2801 18.0883 12.9023 18.127L12.8252 18.1309H2.6709C1.97437 18.1308 1.29923 17.8676 0.795898 17.3887C0.291323 16.9083 0.000130854 16.2478 0 15.5518V7.32227C0 6.62613 0.291286 5.96581 0.795898 5.48535C1.29925 5.00637 1.97432 4.74321 2.6709 4.74316H5.21191L7.38965 2.25586L7.44629 2.19824C7.584 2.0715 7.765 2 7.9541 2H12.7568L12.8369 2.00391ZM10.3555 7.48633C12.3259 7.48647 13.9873 9.01692 13.9873 10.9805C13.9868 12.9436 12.3255 14.4735 10.3555 14.4736C8.38527 14.4736 6.72416 12.9437 6.72363 10.9805C6.72363 9.01682 8.38496 7.48633 10.3555 7.48633ZM10.3555 8.98633C9.14302 8.98633 8.22363 9.91391 8.22363 10.9805C8.22417 12.0466 9.14338 12.9736 10.3555 12.9736C11.5674 12.9735 12.4868 12.0466 12.4873 10.9805C12.4873 9.91399 11.5678 8.98647 10.3555 8.98633Z",
-        fill: "currentColor"
-      }
-    )
-  }
-), B = V({
-  slots: {
-    container: "group relative flex aspect-square items-center justify-center rounded-xl p-6 focus-visible:shadow-focus focus-visible:ring-0",
-    icon: "h-8 w-8 stroke-[1.5px] text-muted group-hover:text-primary",
-    input: "hidden",
-    customIcon: "translate-x-0.5 translate-y-0.5"
-  },
-  variants: {
-    readonly: {
-      true: {
-        container: "cursor-default bg-secondary-bg-hover hover:border-secondary-border hover:shadow-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" }
-    }
-  }
-}), U = L.forwardRef(
-  (S, b) => {
-    var n = S, { className: r, error: o, readonly: e, size: t, onChange: f, whiteList: g = "image/*" } = n, v = p(n, ["className", "error", "readonly", "size", "onChange", "whiteList"]);
-    const i = I(null), s = B({ className: r, readonly: e, error: o, size: t });
-    return /* @__PURE__ */ H(
-      k,
-      h(d({
-        ref: b,
-        variant: "outline",
-        className: s.container(),
-        onClick: () => {
-          var m;
-          return !e && ((m = i.current) == null ? void 0 : m.click());
-        }
-      }, v), {
-        children: [
-          /* @__PURE__ */ a(
-            "input",
-            {
-              ref: i,
-              type: "file",
-              className: s.input(),
-              onChange: f,
-              accept: g
-            }
-          ),
-          e && /* @__PURE__ */ a(N, { icon: Z, className: s.icon() }),
-          !e && /* @__PURE__ */ a(j, { className: M(s.icon(), s.customIcon()) })
-        ]
-      })
-    );
-  }
-);
-U.displayName = "ImageUploader";
+import { I as o } from "../ImageUploader-46sxdmt5.js";
 export {
-  U as ImageUploader
+  o as ImageUploader
 };
 //# sourceMappingURL=image-uploader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"image-uploader.js","sources":["../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/image.js","../../src/components/image-uploader/components/ImageCameraAddSvg.tsx","../../src/components/image-uploader/ImageUploader.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 Image = createLucideIcon(\"Image\", [\n  [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", ry: \"2\", key: \"1m3agn\" }],\n  [\"circle\", { cx: \"9\", cy: \"9\", r: \"2\", key: \"af1f0g\" }],\n  [\"path\", { d: \"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\", key: \"1xmnt7\" }]\n]);\n\nexport { Image as default };\n//# sourceMappingURL=image.js.map\n","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=\"24\"\r\n\t\t\theight=\"24\"\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tfill=\"none\"\r\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\tclassName={className}\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\td=\"M19.9609 13.4961C20.375 13.4963 20.7109 13.832 20.7109 14.2461V16.6309H23.2539C23.6679 16.631 24.0038 16.9668 24.0039 17.3809C24.0037 17.7948 23.6679 18.1307 23.2539 18.1309H20.7109V20.5166C20.7106 20.9304 20.3748 21.2664 19.9609 21.2666C19.547 21.2666 19.2113 20.9305 19.2109 20.5166V18.1309H16.668C16.2539 18.1309 15.9182 17.7949 15.918 17.3809C15.9181 16.9668 16.2538 16.6309 16.668 16.6309H19.2109V14.2461C19.2109 13.8319 19.5467 13.4961 19.9609 13.4961ZM12.8369 2.00391C13.0231 2.02397 13.1967 2.11347 13.3213 2.25586L15.499 4.74316H18.04L18.2998 4.75586C18.9025 4.81284 19.4747 5.06626 19.915 5.48535C20.4195 5.96579 20.7109 6.62622 20.7109 7.32227V10.375C20.7107 10.7889 20.3748 11.1248 19.9609 11.125C19.5469 11.125 19.2112 10.789 19.2109 10.375V7.32227C19.2109 7.04851 19.0965 6.77772 18.8809 6.57227C18.6909 6.39143 18.4358 6.27523 18.1592 6.24902L18.04 6.24316H15.1582C14.9421 6.24316 14.7362 6.14977 14.5938 5.9873L12.416 3.5H8.29492L6.11719 5.9873C5.97483 6.14984 5.7688 6.24309 5.55273 6.24316H2.6709C2.34886 6.24321 2.04714 6.36568 1.83008 6.57227C1.6143 6.77775 1.5 7.04841 1.5 7.32227V15.5518C1.50013 15.8255 1.61435 16.0974 1.83008 16.3027C2.04709 16.509 2.34916 16.6308 2.6709 16.6309H12.8252L12.9023 16.6348C13.2801 16.6735 13.5751 16.9929 13.5752 17.3809C13.575 17.7688 13.2801 18.0883 12.9023 18.127L12.8252 18.1309H2.6709C1.97437 18.1308 1.29923 17.8676 0.795898 17.3887C0.291323 16.9083 0.000130854 16.2478 0 15.5518V7.32227C0 6.62613 0.291286 5.96581 0.795898 5.48535C1.29925 5.00637 1.97432 4.74321 2.6709 4.74316H5.21191L7.38965 2.25586L7.44629 2.19824C7.584 2.0715 7.765 2 7.9541 2H12.7568L12.8369 2.00391ZM10.3555 7.48633C12.3259 7.48647 13.9873 9.01692 13.9873 10.9805C13.9868 12.9436 12.3255 14.4735 10.3555 14.4736C8.38527 14.4736 6.72416 12.9437 6.72363 10.9805C6.72363 9.01682 8.38496 7.48633 10.3555 7.48633ZM10.3555 8.98633C9.14302 8.98633 8.22363 9.91391 8.22363 10.9805C8.22417 12.0466 9.14338 12.9736 10.3555 12.9736C11.5674 12.9735 12.4868 12.0466 12.4873 10.9805C12.4873 9.91399 11.5678 8.98647 10.3555 8.98633Z\"\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, VariantProps } 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\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 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\tcustomIcon: \"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-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}\r\n});\r\n\r\nexport type ImageUploaderProps = Omit<React.ComponentPropsWithoutRef<typeof Button>, \"onChange\"> &\r\n\tVariantProps<typeof imageUploaderStyles> & {\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\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":["Image","createLucideIcon","ImageCameraAddSvg","className","jsx","imageUploaderStyles","tv","ImageUploader","React","_a","ref","_b","error","readonly","size","onChange","whiteList","props","__objRest","fileInputRef","useRef","styles","jsxs","Button","__spreadProps","__spreadValues","Icon","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAQC,EAAiB,SAAS;AAAA,EACtC,CAAC,QAAQ,EAAE,OAAO,MAAM,QAAQ,MAAM,GAAG,KAAK,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,KAAK,UAAU;AAAA,EACvF,CAAC,UAAU,EAAE,IAAI,KAAK,IAAI,KAAK,GAAG,KAAK,KAAK,UAAU;AAAA,EACtD,CAAC,QAAQ,EAAE,GAAG,6CAA6C,KAAK,SAAU,CAAA;AAC5E,CAAC,GCTYC,IAAoB,CAAC,EAAE,WAAAC,QAElC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,WAAAD;AAAA,IAEA,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACN;AACD,GCVIC,IAAsBC,EAAG;AAAA,EAC9B,OAAO;AAAA,IACN,WACC;AAAA,IACD,MAAM;AAAA,IACN,OAAO;AAAA,IACP,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,CAACC,GAAiFC,MAAQ;AAAzF,QAAAC,IAAAF,GAAE,aAAAN,GAAW,OAAAS,GAAO,UAAAC,GAAU,MAAAC,GAAM,UAAAC,GAAU,WAAAC,IAAY,cAA1DL,GAAwEM,IAAAC,EAAxEP,GAAwE,CAAtE,aAAW,SAAO,YAAU,QAAM,YAAU;AACxC,UAAAQ,IAAeC,EAAyB,IAAI,GAC5CC,IAAShB,EAAoB,EAAE,WAAAF,GAAW,UAAAU,GAAU,OAAAD,GAAO,MAAAE,GAAM;AAGtE,WAAA,gBAAAQ;AAAA,MAACC;AAAA,MAAAC,EAAAC,EAAA;AAAA,QACA,KAAAf;AAAA,QACA,SAAQ;AAAA,QACR,WAAWW,EAAO,UAAU;AAAA,QAC5B,SAAS,MAAA;;AAAM,kBAACR,OAAYJ,IAAAU,EAAa,YAAb,gBAAAV,EAAsB;AAAA;AAAA,SAC9CQ,IALJ;AAAA,QAOA,UAAA;AAAA,UAAA,gBAAAb;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,KAAKe;AAAA,cACL,MAAK;AAAA,cACL,WAAWE,EAAO,MAAM;AAAA,cACxB,UAAAN;AAAA,cACA,QAAQC;AAAA,YAAA;AAAA,UACT;AAAA,UAECH,uBAAaa,GAAK,EAAA,MAAM1B,GAAO,WAAWqB,EAAO,QAAQ;AAAA,UACzD,CAACR,KAAa,gBAAAT,EAAAF,GAAA,EAAkB,WAAWyB,EAAGN,EAAO,KAAQ,GAAAA,EAAO,WAAY,CAAA,EAAG,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACrF;AAAA,EAAA;AAGH;AAEAd,EAAc,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"image-uploader.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,10 +1,12 @@
 import { default as React } from 'react';
 /** Упрощенная информация о файле */
 export interface FileInfo {
+    /** id файла */
+    id: number;
     /** Имя файла */
     name: string;
     /** URL для скачивания или просмотра файла */
-    url?: string;
+    url: string;
     /** Размер файла в байтах (опционально) */
     size?: number;
     /** MIME-тип файла (опционально) */