brd-ui-kit 0.1.57 → 0.1.58

package/dist/components-basic-tooltip-basic-tooltip.js

@@ -0,0 +1,61 @@
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { Tooltip as T, TooltipTrigger as f, TooltipContent as h, TooltipArrow as C } from "./components-ui-tooltip-tooltip.js";
+import { usePopupControls as b } from "./hooks-usePopupControls.js";
+import { cn as x } from "./lib-utils.js";
+import { useMemo as a } from "react";
+const O = ({
+  children: m,
+  text: r,
+  place: l = "top",
+  arrow: s = !0,
+  classes: o,
+  color: t = "dark",
+  tooltipItemsLimit: n = 1 / 0
+}) => {
+  const { isOpened: c, togglePopup: d } = b(), i = a(
+    () => ({
+      arrow: t === "dark" ? "fill-primary-inverse-bg" : "fill-primary-bg",
+      content: t === "dark" ? "bg-primary-inverse-bg text-primary-inverse-text" : "bg-primary-bg text-primary-text"
+    }),
+    [t]
+  ), g = a(() => Array.isArray(r) ? (r.length - n > 0 ? r.slice(0, n) : r).map((u, y) => /* @__PURE__ */ e(
+    "p",
+    {
+      className: o?.tooltipTextItem,
+      children: u
+    },
+    y
+  )) : r, [o?.tooltipTextItem, r, n]);
+  return /* @__PURE__ */ p(
+    T,
+    {
+      open: c,
+      onOpenChange: d,
+      children: [
+        /* @__PURE__ */ e(
+          f,
+          {
+            asChild: !0,
+            className: o?.trigger,
+            children: m
+          }
+        ),
+        /* @__PURE__ */ p(
+          h,
+          {
+            side: l,
+            className: i.content,
+            children: [
+              /* @__PURE__ */ e("div", { className: x(o?.tooltip), children: g }),
+              s && /* @__PURE__ */ e(C, { className: i.arrow })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  O as BasicTooltip
+};
+//# sourceMappingURL=components-basic-tooltip-basic-tooltip.js.map

package/dist/components-basic-tooltip-basic-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-basic-tooltip-basic-tooltip.js","sources":["../src/components/basic-tooltip/basic-tooltip.tsx"],"sourcesContent":["import {\n  Tooltip,\n  TooltipArrow,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { usePopupControls } from \"@/hooks/usePopupControls\";\nimport { cn } from \"@/lib/utils\";\n\nimport { useMemo, type JSX } from \"react\";\n\ntype TooltipContentItem = JSX.Element | string | number;\n\ntype Position = \"left\" | \"top\" | \"bottom\" | \"right\";\n\ntype Classes = {\n  trigger?: string;\n  tooltip?: string;\n  tooltipTextItem?: string;\n};\n\ntype Props = {\n  children: React.ReactNode;\n  text: TooltipContentItem | TooltipContentItem[];\n  place?: Position;\n  arrow?: boolean;\n  classes?: Classes;\n  color?: \"dark\" | \"light\";\n  tooltipItemsLimit?: number;\n};\n\nexport const BasicTooltip = ({\n  children,\n  text,\n  place = \"top\",\n  arrow = true,\n  classes,\n  color = \"dark\",\n  tooltipItemsLimit = Infinity,\n}: Props) => {\n  const { isOpened, togglePopup } = usePopupControls();\n\n  const colorStyle = useMemo(\n    () => ({\n      arrow: color === \"dark\" ? \"fill-primary-inverse-bg\" : \"fill-primary-bg\",\n      content:\n        color === \"dark\"\n          ? \"bg-primary-inverse-bg text-primary-inverse-text\"\n          : \"bg-primary-bg text-primary-text\",\n    }),\n    [color],\n  );\n\n  const tooltipContent = useMemo(() => {\n    if (!Array.isArray(text)) {\n      return text;\n    }\n\n    const hiddenItemCount = text.length - tooltipItemsLimit;\n    const newText = hiddenItemCount > 0 ? text.slice(0, tooltipItemsLimit) : text;\n\n    return newText.map((item, i) => (\n      <p\n        // eslint-disable-next-line react-x/no-array-index-key -- Stable list order; items are not inserted, removed, or reordered.\n        key={i}\n        className={classes?.tooltipTextItem}\n      >\n        {item}\n      </p>\n    ));\n  }, [classes?.tooltipTextItem, text, tooltipItemsLimit]);\n\n  return (\n    <Tooltip\n      open={isOpened}\n      onOpenChange={togglePopup}\n    >\n      <TooltipTrigger\n        asChild\n        className={classes?.trigger}\n      >\n        {children}\n      </TooltipTrigger>\n      <TooltipContent\n        side={place}\n        className={colorStyle.content}\n      >\n        <div className={cn(classes?.tooltip)}>{tooltipContent}</div>\n        {arrow && <TooltipArrow className={colorStyle.arrow} />}\n      </TooltipContent>\n    </Tooltip>\n  );\n};\n"],"names":["BasicTooltip","children","text","place","arrow","classes","color","tooltipItemsLimit","isOpened","togglePopup","usePopupControls","colorStyle","useMemo","tooltipContent","item","i","jsx","jsxs","Tooltip","TooltipTrigger","TooltipContent","cn","TooltipArrow"],"mappings":";;;;;AA+BO,MAAMA,IAAe,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,OAAAC,IAAQ;AAAA,EACR,SAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,mBAAAC,IAAoB;AACtB,MAAa;AACX,QAAM,EAAE,UAAAC,GAAU,aAAAC,EAAA,IAAgBC,EAAA,GAE5BC,IAAaC;AAAA,IACjB,OAAO;AAAA,MACL,OAAON,MAAU,SAAS,4BAA4B;AAAA,MACtD,SACEA,MAAU,SACN,oDACA;AAAA,IAAA;AAAA,IAER,CAACA,CAAK;AAAA,EAAA,GAGFO,IAAiBD,EAAQ,MACxB,MAAM,QAAQV,CAAI,KAICA,EAAK,SAASK,IACJ,IAAIL,EAAK,MAAM,GAAGK,CAAiB,IAAIL,GAE1D,IAAI,CAACY,GAAMC,MACxB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MAGC,WAAWX,GAAS;AAAA,MAEnB,UAAAS;AAAA,IAAA;AAAA,IAHIC;AAAA,EAAA,CAKR,IAdQb,GAeR,CAACG,GAAS,iBAAiBH,GAAMK,CAAiB,CAAC;AAEtD,SACE,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,cAAcC;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAO;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAO;AAAA,YACP,WAAWd,GAAS;AAAA,YAEnB,UAAAJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH,gBAAAgB;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAMjB;AAAA,YACN,WAAWQ,EAAW;AAAA,YAEtB,UAAA;AAAA,cAAA,gBAAAK,EAAC,SAAI,WAAWK,EAAGhB,GAAS,OAAO,GAAI,UAAAQ,GAAe;AAAA,cACrDT,KAAS,gBAAAY,EAACM,GAAA,EAAa,WAAWX,EAAW,MAAA,CAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACvD;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components-basic-tooltip.js

@@ -0,0 +1,5 @@
+import { BasicTooltip as p } from "./components-basic-tooltip-basic-tooltip.js";
+export {
+  p as BasicTooltip
+};
+//# sourceMappingURL=components-basic-tooltip.js.map

package/dist/components-basic-tooltip.js.map

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

package/dist/components-files-uploader-files-uploader.cjs

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("./lib-utils.cjs"),b=require("react"),q=require("react-dropzone"),h=require("./components-ui-icon-icon.cjs"),L=require("./components-ui-typography-typography.cjs");require("./components-ui-typography-typography.styles.cjs");const $=["B","KB","MB","GB","TB"],u=1024,B=5*u*u,P=5,C=["all"],F=800,k={image:{"image/*":[".jpg",".jpeg",".png",".webp"]},pdf:{"application/pdf":[".pdf"]},doc:{"application/msword":[".doc"],"application/vnd.openxmlformats-officedocument.wordprocessingml.document":[".docx"]},excel:{"application/vnd.ms-excel":[".xls"],"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":[".xlsx"]},text:{"text/plain":[".txt"]},all:{}},O=r=>{if(r===0)return"0 B";const e=Math.floor(Math.log(r)/Math.log(u));return`${(r/Math.pow(u,e)).toFixed(2)} ${$[e]}`},z=r=>r.reduce((e,l)=>({...e,...k[l]}),{}),Z=r=>{const e=r.name.split(".").pop()?.toLowerCase();return e?["jpg","jpeg","png","webp"].includes(e)?"image":e==="pdf"?"pdf":["doc","docx"].includes(e)?"doc":["xls","xlsx"].includes(e)?"excel":e==="txt"?"text":"other":"other"},K=({value:r=null,onChange:e,multiple:l=!1,maxFiles:i=P,disabled:y=!1,className:p,maxSize:g=B,variant:m="grid",accepts:T=C,icon:U,title:j,text:v,showFiles:_=!0})=>{const[f,w]=b.useState(!1),[A,x]=b.useState(null),s=Array.isArray(r)?r:r?[r]:[],E=b.useCallback((o,n)=>{if(x(null),s.length+o.length>i){x(`Максимальное количество файлов: ${i}`);return}if(n.length>0){const c=n[0].errors[0]?.code==="file-too-large"?`Файл слишком большой. Максимальный размер: ${g/1024/1024}MB`:"Неподдерживаемый формат файла";x(c);return}w(!0),setTimeout(()=>{const a=o.map(c=>({url:URL.createObjectURL(c),name:c.name,size:O(c.size),addedAt:new Date().toISOString()}));l?e?.([...s,...a]):(s[0]?.url?.startsWith("blob:")&&URL.revokeObjectURL(s[0].url),e?.(a[0]??null)),w(!1)},F)},[s,i,g,l,e]),{getRootProps:I,getInputProps:M,isDragActive:D}=q.useDropzone({onDrop:E,accept:z(T),maxSize:g,multiple:l&&i>1,disabled:y||f,maxFiles:i-s.length}),N=o=>()=>{s[o]?.url?.startsWith("blob:")&&URL.revokeObjectURL(s[o].url);const n=s.filter((a,c)=>c!==o);e?.(l?n:n[0]||null)},R=s.length>=i,S={grid:"grid-cols-2 sm:grid-cols-3 md:grid-cols-4",list:"grid-cols-1",compact:"grid-cols-2 sm:grid-cols-3"};return t.jsxs("div",{className:d.cn("w-full space-y-4",p?.container),children:[t.jsxs("div",{className:d.cn("grid h-full w-full gap-4",m==="list"?"grid-cols-1":S[m]),children:[_&&s.map((o,n)=>{const a=Z(o);return t.jsxs("div",{className:`group bg-primary-bg relative aspect-square h-full w-full
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("./lib-utils.cjs"),b=require("react"),D=require("./index-D8y9Cogu.cjs"),h=require("./components-ui-icon-icon.cjs"),L=require("./components-ui-typography-typography.cjs");require("./components-ui-typography-typography.styles.cjs");const $=["B","KB","MB","GB","TB"],u=1024,B=5*u*u,P=5,C=["all"],F=800,k={image:{"image/*":[".jpg",".jpeg",".png",".webp"]},pdf:{"application/pdf":[".pdf"]},doc:{"application/msword":[".doc"],"application/vnd.openxmlformats-officedocument.wordprocessingml.document":[".docx"]},excel:{"application/vnd.ms-excel":[".xls"],"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":[".xlsx"]},text:{"text/plain":[".txt"]},all:{}},O=r=>{if(r===0)return"0 B";const e=Math.floor(Math.log(r)/Math.log(u));return`${(r/Math.pow(u,e)).toFixed(2)} ${$[e]}`},Z=r=>r.reduce((e,l)=>({...e,...k[l]}),{}),z=r=>{const e=r.name.split(".").pop()?.toLowerCase();return e?["jpg","jpeg","png","webp"].includes(e)?"image":e==="pdf"?"pdf":["doc","docx"].includes(e)?"doc":["xls","xlsx"].includes(e)?"excel":e==="txt"?"text":"other":"other"},K=({value:r=null,onChange:e,multiple:l=!1,maxFiles:i=P,disabled:y=!1,className:p,maxSize:g=B,variant:m="grid",accepts:T=C,icon:U,title:j,text:v,showFiles:_=!0})=>{const[f,w]=b.useState(!1),[A,x]=b.useState(null),s=Array.isArray(r)?r:r?[r]:[],E=b.useCallback((o,n)=>{if(x(null),s.length+o.length>i){x(`Максимальное количество файлов: ${i}`);return}if(n.length>0){const c=n[0].errors[0]?.code==="file-too-large"?`Файл слишком большой. Максимальный размер: ${g/1024/1024}MB`:"Неподдерживаемый формат файла";x(c);return}w(!0),setTimeout(()=>{const a=o.map(c=>({url:URL.createObjectURL(c),name:c.name,size:O(c.size),addedAt:new Date().toISOString()}));l?e?.([...s,...a]):(s[0]?.url?.startsWith("blob:")&&URL.revokeObjectURL(s[0].url),e?.(a[0]??null)),w(!1)},F)},[s,i,g,l,e]),{getRootProps:I,getInputProps:M,isDragActive:N}=D.useDropzone({onDrop:E,accept:Z(T),maxSize:g,multiple:l&&i>1,disabled:y||f,maxFiles:i-s.length}),R=o=>()=>{s[o]?.url?.startsWith("blob:")&&URL.revokeObjectURL(s[o].url);const n=s.filter((a,c)=>c!==o);e?.(l?n:n[0]||null)},S=s.length>=i,q={grid:"grid-cols-2 sm:grid-cols-3 md:grid-cols-4",list:"grid-cols-1",compact:"grid-cols-2 sm:grid-cols-3"};return t.jsxs("div",{className:d.cn("w-full space-y-4",p?.container),children:[t.jsxs("div",{className:d.cn("grid h-full w-full gap-4",m==="list"?"grid-cols-1":q[m]),children:[_&&s.map((o,n)=>{const a=z(o);return t.jsxs("div",{className:`group bg-primary-bg relative aspect-square h-full w-full
                 overflow-hidden rounded-lg`,children:[a==="image"?t.jsx("img",{src:o.url,alt:`Preview ${n+1}`,className:"h-full w-full object-cover"}):t.jsx("div",{className:`flex h-full w-full items-center justify-center bg-gray-100
                     text-sm font-semibold`,children:o.name.split(".").pop()?.toUpperCase()}),t.jsx("div",{className:`text-primary-bg bg-primary-inverse-bg/50 absolute inset-0 flex
                 cursor-pointer items-center justify-center rounded-lg opacity-0
-                transition-opacity hover:opacity-100`,onClick:c=>c.stopPropagation(),children:t.jsx(h.Icon,{type:"close",onClick:N(n)})})]},n)}),(!R||!_)&&t.jsxs("div",{...I(),className:d.cn(`relative flex cursor-pointer flex-col items-center justify-center
+                transition-opacity hover:opacity-100`,onClick:c=>c.stopPropagation(),children:t.jsx(h.Icon,{type:"close",onClick:R(n)})})]},n)}),(!S||!_)&&t.jsxs("div",{...I(),className:d.cn(`relative flex cursor-pointer flex-col items-center justify-center
               rounded-lg border-2 border-dashed border-gray-300 bg-gray-50
-              transition-colors hover:bg-gray-100`,D&&"border-primary bg-primary/5",(y||f)&&"cursor-not-allowed opacity-50",m==="list"?"min-h-37.5":"aspect-square",p?.blockAdd),children:[t.jsx("input",{...M()}),f?t.jsx(h.Icon,{type:"loader",className:"text-sub-label-text h-8 w-8 animate-spin"}):t.jsxs("div",{className:"flex flex-col items-center space-y-2 p-4 text-center",children:[t.jsx(h.Icon,{type:U?.type??"plus",className:d.cn("text-sub-label-text h-8 w-8",p?.icon)}),t.jsx(L.Typography,{variant:"body-md-medium",className:d.cn("text-sub-label-text",p?.title),children:l?`${j||"Добавить"} (${s.length}/${i})`:`${j||"Добавить"}`}),v&&t.jsx(L.Typography,{variant:"body-xxs-medium",className:d.cn("text-sub-label-text",p?.text),children:v})]})]})]}),A&&t.jsx("div",{className:"rounded-lg bg-red-50 p-3 text-sm text-red-600",children:A})]})};exports.FilesUploader=K;
+              transition-colors hover:bg-gray-100`,N&&"border-primary bg-primary/5",(y||f)&&"cursor-not-allowed opacity-50",m==="list"?"min-h-37.5":"aspect-square",p?.blockAdd),children:[t.jsx("input",{...M()}),f?t.jsx(h.Icon,{type:"loader",className:"text-sub-label-text h-8 w-8 animate-spin"}):t.jsxs("div",{className:"flex flex-col items-center space-y-2 p-4 text-center",children:[t.jsx(h.Icon,{type:U?.type??"plus",className:d.cn("text-sub-label-text h-8 w-8",p?.icon)}),t.jsx(L.Typography,{variant:"body-md-medium",className:d.cn("text-sub-label-text",p?.title),children:l?`${j||"Добавить"} (${s.length}/${i})`:`${j||"Добавить"}`}),v&&t.jsx(L.Typography,{variant:"body-xxs-medium",className:d.cn("text-sub-label-text",p?.text),children:v})]})]})]}),A&&t.jsx("div",{className:"rounded-lg bg-red-50 p-3 text-sm text-red-600",children:A})]})};exports.FilesUploader=K;
 //# sourceMappingURL=components-files-uploader-files-uploader.cjs.map

package/dist/components-files-uploader-files-uploader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-files-uploader-files-uploader.cjs","sources":["../src/components/files-uploader/files-uploader.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { useCallback, useState } from \"react\";\nimport { type FileRejection, useDropzone } from \"react-dropzone\";\nimport { Icon, type IconProps } from \"../ui/icon\";\nimport { Typography } from \"../ui/typography\";\n\ntype Variant = \"grid\" | \"list\" | \"compact\";\ntype AcceptType = \"image\" | \"pdf\" | \"doc\" | \"excel\" | \"text\" | \"all\";\ntype UploadedFileData = {\n  url: string;\n  name: string;\n  size: string;\n  addedAt: string;\n};\ntype FilesUploaderValue = UploadedFileData | UploadedFileData[] | null;\n\ntype PropsFilesUploader = {\n  value?: FilesUploaderValue;\n  onChange?: (value: FilesUploaderValue) => void;\n  multiple?: boolean;\n  maxFiles?: number;\n  disabled?: boolean;\n  className?: {\n    container?: string;\n    blockAdd?: string;\n    title?: string;\n    text?: string;\n    icon?: string;\n  };\n  displayFiles?: boolean;\n  maxSize?: number;\n  variant?: Variant;\n  accepts?: AcceptType[];\n  icon?: IconProps;\n  title?: string;\n  text?: string;\n  showFiles?: boolean,\n  \n};\nconst FILE_SIZE_UNITS = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\"];\nconst FILE_SIZE_KB = 1024;\nconst DEFAULT_MAX_SIZE = 5 * FILE_SIZE_KB * FILE_SIZE_KB;\nconst DEFAULT_MAX_FILES = 5;\nconst DEFAULT_ACCEPT: AcceptType[] = [\"all\"];\nconst DEFAULT_TIMEOUT = 800;\n\nconst ACCEPT_MAP: Record<AcceptType, Record<string, string[]>> = {\n  image: { \"image/*\": [\".jpg\", \".jpeg\", \".png\", \".webp\"] },\n  pdf: { \"application/pdf\": [\".pdf\"] },\n  doc: {\n    \"application/msword\": [\".doc\"],\n    \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\": [\".docx\"],\n  },\n  excel: {\n    \"application/vnd.ms-excel\": [\".xls\"],\n    \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\": [\".xlsx\"],\n  },\n  text: { \"text/plain\": [\".txt\"] },\n  all: {},\n};\n\nconst formatFileSize = (bytes: number) => {\n  if (bytes === 0) return \"0 B\";\n  const i = Math.floor(Math.log(bytes) / Math.log(FILE_SIZE_KB));\n  return `${(bytes / Math.pow(FILE_SIZE_KB, i)).toFixed(2)} ${FILE_SIZE_UNITS[i]}`;\n};\n\nconst fileAcceptMap = (accepts: AcceptType[]): Record<string, string[]> =>\n  accepts.reduce((acc, t) => ({ ...acc, ...ACCEPT_MAP[t] }), {});\n\nconst getFileType = (file: UploadedFileData) => {\n  const ext = file.name.split(\".\").pop()?.toLowerCase();\n\n  if (!ext) return \"other\";\n\n  if ([\"jpg\", \"jpeg\", \"png\", \"webp\"].includes(ext)) return \"image\";\n  if (ext === \"pdf\") return \"pdf\";\n  if ([\"doc\", \"docx\"].includes(ext)) return \"doc\";\n  if ([\"xls\", \"xlsx\"].includes(ext)) return \"excel\";\n  if (ext === \"txt\") return \"text\";\n\n  return \"other\";\n};\n\nexport const FilesUploader = ({\n  value = null,\n  onChange,\n  multiple = false,\n  maxFiles = DEFAULT_MAX_FILES,\n  disabled = false,\n  className,\n  maxSize = DEFAULT_MAX_SIZE,\n  variant = \"grid\",\n  accepts = DEFAULT_ACCEPT,\n  icon,\n  title,\n  text,\n  showFiles = true,\n}: PropsFilesUploader) => {\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const files = Array.isArray(value) ? value : value ? [value] : [];\n  \n\n  const onDrop = useCallback(\n    (acceptedFiles: File[], rejectedFiles: FileRejection[]) => {\n      setError(null);\n\n      if (files.length + acceptedFiles.length > maxFiles) {\n        setError(`Максимальное количество файлов: ${maxFiles}`);\n        return;\n      }\n\n      if (rejectedFiles.length > 0) {\n        const rejection = rejectedFiles[0];\n        const errorMessage =\n          rejection.errors[0]?.code === \"file-too-large\"\n            ? `Файл слишком большой. Максимальный размер: ${maxSize / 1024 / 1024}MB`\n            : \"Неподдерживаемый формат файла\";\n        setError(errorMessage);\n        return;\n      }\n\n      setLoading(true);\n\n      setTimeout(() => {\n        const newFilesData: UploadedFileData[] = acceptedFiles.map((file) => ({\n          url: URL.createObjectURL(file),\n          name: file.name,\n          size: formatFileSize(file.size),\n          addedAt: new Date().toISOString(),\n        }));\n\n        if (multiple) {\n          onChange?.([...files, ...newFilesData]);\n        } else {\n          if (files[0]?.url?.startsWith(\"blob:\")) URL.revokeObjectURL(files[0].url);\n          onChange?.(newFilesData[0] ?? null);\n        }\n\n        setLoading(false);\n      }, DEFAULT_TIMEOUT);\n    },\n    [files, maxFiles, maxSize, multiple, onChange],\n  );\n\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    onDrop,\n    accept: fileAcceptMap(accepts),\n    maxSize,\n    multiple: multiple && maxFiles > 1,\n    disabled: disabled || loading,\n    maxFiles: maxFiles - files.length,\n  });\n\n  const removeImage = (index: number) => {\n    return () => {\n      if (files[index]?.url?.startsWith(\"blob:\")) {\n        URL.revokeObjectURL(files[index].url);\n      }\n      const newFiles = files.filter((_, i) => i !== index);\n      onChange?.(multiple ? newFiles : newFiles[0] || null);\n    };\n  };\n\n  const isMaxFilesReached = files.length >= maxFiles;\n\n  // Варианты отображения\n  const gridClasses = {\n    grid: \"grid-cols-2 sm:grid-cols-3 md:grid-cols-4\",\n    list: \"grid-cols-1\",\n    compact: \"grid-cols-2 sm:grid-cols-3\",\n  };\n\n  return (\n    <div className={cn(\"w-full space-y-4\", className?.container)}>\n      {/* Предпросмотр с возможностью добавления новых */}\n      <div\n        className={cn(\n          \"grid h-full w-full gap-4\",\n          variant === \"list\" ? \"grid-cols-1\" : gridClasses[variant],\n        )}\n      >\n        {showFiles && files.map((file, index) => {\n          const type = getFileType(file);\n\n          return (\n            <div\n              key={index}\n              className=\"group bg-primary-bg relative aspect-square h-full w-full\n                overflow-hidden rounded-lg\"\n            >\n              {type === \"image\" ? (\n                <img\n                  src={file.url}\n                  alt={`Preview ${index + 1}`}\n                  className=\"h-full w-full object-cover\"\n                />\n              ) : (\n                <div\n                  className=\"flex h-full w-full items-center justify-center bg-gray-100\n                    text-sm font-semibold\"\n                >\n                  {file.name.split(\".\").pop()?.toUpperCase()}\n                </div>\n              )}\n\n              <div\n                className=\"text-primary-bg bg-primary-inverse-bg/50 absolute inset-0 flex\n                cursor-pointer items-center justify-center rounded-lg opacity-0\n                transition-opacity hover:opacity-100\"\n                onClick={(e) => e.stopPropagation()}\n              >\n                <Icon\n                  type=\"close\"\n                  onClick={removeImage(index)}\n                />\n              </div>\n            </div>\n          );\n        })}\n        {/* Кнопка добавления нового изображения */}\n        {(!isMaxFilesReached || !showFiles) && (\n          <div\n            {...getRootProps()}\n            className={cn(\n              `relative flex cursor-pointer flex-col items-center justify-center\n              rounded-lg border-2 border-dashed border-gray-300 bg-gray-50\n              transition-colors hover:bg-gray-100`,\n              isDragActive && \"border-primary bg-primary/5\",\n              (disabled || loading) && \"cursor-not-allowed opacity-50\",\n              variant === \"list\" ? \"min-h-37.5\" : \"aspect-square\",\n              className?.blockAdd,\n            )}\n          >\n            <input {...getInputProps()} />\n\n            {loading ? (\n              <Icon\n                type=\"loader\"\n                className=\"text-sub-label-text h-8 w-8 animate-spin\"\n              />\n            ) : (\n              <div className=\"flex flex-col items-center space-y-2 p-4 text-center\">\n                <Icon\n                  type={icon?.type ?? \"plus\"}\n                  className={cn(\"text-sub-label-text h-8 w-8\", className?.icon)}\n                />\n                <Typography\n                  variant=\"body-md-medium\"\n                  className={cn(\"text-sub-label-text\", className?.title)}\n                >\n                  {multiple\n                    ? `${title || \"Добавить\"} (${files.length}/${maxFiles})`\n                    : `${title || \"Добавить\"}`}\n                </Typography>\n                {text && (\n                  <Typography variant=\"body-xxs-medium\" className={cn(\"text-sub-label-text\", className?.text)}>\n                    {text}\n                  </Typography>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Информация о количестве */}\n      {/* {multiple && images.length > 0 && (\n        <p className=\"text-xs text-gray-500\">\n          Загружено {images.length} из {maxFiles} изображений\n        </p>\n      )} */}\n\n      {/* Ошибка */}\n      {error && (\n        <div className=\"rounded-lg bg-red-50 p-3 text-sm text-red-600\">{error}</div>\n      )}\n    </div>\n  );\n};\n\nexport type { PropsFilesUploader, UploadedFileData, FilesUploaderValue };\n\n"],"names":["FILE_SIZE_UNITS","FILE_SIZE_KB","DEFAULT_MAX_SIZE","DEFAULT_MAX_FILES","DEFAULT_ACCEPT","DEFAULT_TIMEOUT","ACCEPT_MAP","formatFileSize","bytes","i","fileAcceptMap","accepts","acc","t","getFileType","file","ext","FilesUploader","value","onChange","multiple","maxFiles","disabled","className","maxSize","variant","icon","title","text","showFiles","loading","setLoading","useState","error","setError","files","onDrop","useCallback","acceptedFiles","rejectedFiles","errorMessage","newFilesData","getRootProps","getInputProps","isDragActive","useDropzone","removeImage","index","newFiles","_","isMaxFilesReached","gridClasses","cn","jsxs","type","jsx","e","Icon","Typography"],"mappings":"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"}
+{"version":3,"file":"components-files-uploader-files-uploader.cjs","sources":["../src/components/files-uploader/files-uploader.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { useCallback, useState } from \"react\";\nimport { type FileRejection, useDropzone } from \"react-dropzone\";\nimport { Icon, type IconProps } from \"../ui/icon\";\nimport { Typography } from \"../ui/typography\";\n\ntype Variant = \"grid\" | \"list\" | \"compact\";\ntype AcceptType = \"image\" | \"pdf\" | \"doc\" | \"excel\" | \"text\" | \"all\";\ntype UploadedFileData = {\n  url: string;\n  name: string;\n  size: string;\n  addedAt: string;\n};\ntype FilesUploaderValue = UploadedFileData | UploadedFileData[] | null;\n\ntype PropsFilesUploader = {\n  value?: FilesUploaderValue;\n  onChange?: (value: FilesUploaderValue) => void;\n  multiple?: boolean;\n  maxFiles?: number;\n  disabled?: boolean;\n  className?: {\n    container?: string;\n    blockAdd?: string;\n    title?: string;\n    text?: string;\n    icon?: string;\n  };\n  displayFiles?: boolean;\n  maxSize?: number;\n  variant?: Variant;\n  accepts?: AcceptType[];\n  icon?: IconProps;\n  title?: string;\n  text?: string;\n  showFiles?: boolean,\n  \n};\nconst FILE_SIZE_UNITS = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\"];\nconst FILE_SIZE_KB = 1024;\nconst DEFAULT_MAX_SIZE = 5 * FILE_SIZE_KB * FILE_SIZE_KB;\nconst DEFAULT_MAX_FILES = 5;\nconst DEFAULT_ACCEPT: AcceptType[] = [\"all\"];\nconst DEFAULT_TIMEOUT = 800;\n\nconst ACCEPT_MAP: Record<AcceptType, Record<string, string[]>> = {\n  image: { \"image/*\": [\".jpg\", \".jpeg\", \".png\", \".webp\"] },\n  pdf: { \"application/pdf\": [\".pdf\"] },\n  doc: {\n    \"application/msword\": [\".doc\"],\n    \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\": [\".docx\"],\n  },\n  excel: {\n    \"application/vnd.ms-excel\": [\".xls\"],\n    \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\": [\".xlsx\"],\n  },\n  text: { \"text/plain\": [\".txt\"] },\n  all: {},\n};\n\nconst formatFileSize = (bytes: number) => {\n  if (bytes === 0) return \"0 B\";\n  const i = Math.floor(Math.log(bytes) / Math.log(FILE_SIZE_KB));\n  return `${(bytes / Math.pow(FILE_SIZE_KB, i)).toFixed(2)} ${FILE_SIZE_UNITS[i]}`;\n};\n\nconst fileAcceptMap = (accepts: AcceptType[]): Record<string, string[]> =>\n  accepts.reduce((acc, t) => ({ ...acc, ...ACCEPT_MAP[t] }), {});\n\nconst getFileType = (file: UploadedFileData) => {\n  const ext = file.name.split(\".\").pop()?.toLowerCase();\n\n  if (!ext) return \"other\";\n\n  if ([\"jpg\", \"jpeg\", \"png\", \"webp\"].includes(ext)) return \"image\";\n  if (ext === \"pdf\") return \"pdf\";\n  if ([\"doc\", \"docx\"].includes(ext)) return \"doc\";\n  if ([\"xls\", \"xlsx\"].includes(ext)) return \"excel\";\n  if (ext === \"txt\") return \"text\";\n\n  return \"other\";\n};\n\nexport const FilesUploader = ({\n  value = null,\n  onChange,\n  multiple = false,\n  maxFiles = DEFAULT_MAX_FILES,\n  disabled = false,\n  className,\n  maxSize = DEFAULT_MAX_SIZE,\n  variant = \"grid\",\n  accepts = DEFAULT_ACCEPT,\n  icon,\n  title,\n  text,\n  showFiles = true,\n}: PropsFilesUploader) => {\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const files = Array.isArray(value) ? value : value ? [value] : [];\n  \n\n  const onDrop = useCallback(\n    (acceptedFiles: File[], rejectedFiles: FileRejection[]) => {\n      setError(null);\n\n      if (files.length + acceptedFiles.length > maxFiles) {\n        setError(`Максимальное количество файлов: ${maxFiles}`);\n        return;\n      }\n\n      if (rejectedFiles.length > 0) {\n        const rejection = rejectedFiles[0];\n        const errorMessage =\n          rejection.errors[0]?.code === \"file-too-large\"\n            ? `Файл слишком большой. Максимальный размер: ${maxSize / 1024 / 1024}MB`\n            : \"Неподдерживаемый формат файла\";\n        setError(errorMessage);\n        return;\n      }\n\n      setLoading(true);\n\n      setTimeout(() => {\n        const newFilesData: UploadedFileData[] = acceptedFiles.map((file) => ({\n          url: URL.createObjectURL(file),\n          name: file.name,\n          size: formatFileSize(file.size),\n          addedAt: new Date().toISOString(),\n        }));\n\n        if (multiple) {\n          onChange?.([...files, ...newFilesData]);\n        } else {\n          if (files[0]?.url?.startsWith(\"blob:\")) URL.revokeObjectURL(files[0].url);\n          onChange?.(newFilesData[0] ?? null);\n        }\n\n        setLoading(false);\n      }, DEFAULT_TIMEOUT);\n    },\n    [files, maxFiles, maxSize, multiple, onChange],\n  );\n\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    onDrop,\n    accept: fileAcceptMap(accepts),\n    maxSize,\n    multiple: multiple && maxFiles > 1,\n    disabled: disabled || loading,\n    maxFiles: maxFiles - files.length,\n  });\n\n  const removeImage = (index: number) => {\n    return () => {\n      if (files[index]?.url?.startsWith(\"blob:\")) {\n        URL.revokeObjectURL(files[index].url);\n      }\n      const newFiles = files.filter((_, i) => i !== index);\n      onChange?.(multiple ? newFiles : newFiles[0] || null);\n    };\n  };\n\n  const isMaxFilesReached = files.length >= maxFiles;\n\n  // Варианты отображения\n  const gridClasses = {\n    grid: \"grid-cols-2 sm:grid-cols-3 md:grid-cols-4\",\n    list: \"grid-cols-1\",\n    compact: \"grid-cols-2 sm:grid-cols-3\",\n  };\n\n  return (\n    <div className={cn(\"w-full space-y-4\", className?.container)}>\n      {/* Предпросмотр с возможностью добавления новых */}\n      <div\n        className={cn(\n          \"grid h-full w-full gap-4\",\n          variant === \"list\" ? \"grid-cols-1\" : gridClasses[variant],\n        )}\n      >\n        {showFiles && files.map((file, index) => {\n          const type = getFileType(file);\n\n          return (\n            <div\n              key={index}\n              className=\"group bg-primary-bg relative aspect-square h-full w-full\n                overflow-hidden rounded-lg\"\n            >\n              {type === \"image\" ? (\n                <img\n                  src={file.url}\n                  alt={`Preview ${index + 1}`}\n                  className=\"h-full w-full object-cover\"\n                />\n              ) : (\n                <div\n                  className=\"flex h-full w-full items-center justify-center bg-gray-100\n                    text-sm font-semibold\"\n                >\n                  {file.name.split(\".\").pop()?.toUpperCase()}\n                </div>\n              )}\n\n              <div\n                className=\"text-primary-bg bg-primary-inverse-bg/50 absolute inset-0 flex\n                cursor-pointer items-center justify-center rounded-lg opacity-0\n                transition-opacity hover:opacity-100\"\n                onClick={(e) => e.stopPropagation()}\n              >\n                <Icon\n                  type=\"close\"\n                  onClick={removeImage(index)}\n                />\n              </div>\n            </div>\n          );\n        })}\n        {/* Кнопка добавления нового изображения */}\n        {(!isMaxFilesReached || !showFiles) && (\n          <div\n            {...getRootProps()}\n            className={cn(\n              `relative flex cursor-pointer flex-col items-center justify-center\n              rounded-lg border-2 border-dashed border-gray-300 bg-gray-50\n              transition-colors hover:bg-gray-100`,\n              isDragActive && \"border-primary bg-primary/5\",\n              (disabled || loading) && \"cursor-not-allowed opacity-50\",\n              variant === \"list\" ? \"min-h-37.5\" : \"aspect-square\",\n              className?.blockAdd,\n            )}\n          >\n            <input {...getInputProps()} />\n\n            {loading ? (\n              <Icon\n                type=\"loader\"\n                className=\"text-sub-label-text h-8 w-8 animate-spin\"\n              />\n            ) : (\n              <div className=\"flex flex-col items-center space-y-2 p-4 text-center\">\n                <Icon\n                  type={icon?.type ?? \"plus\"}\n                  className={cn(\"text-sub-label-text h-8 w-8\", className?.icon)}\n                />\n                <Typography\n                  variant=\"body-md-medium\"\n                  className={cn(\"text-sub-label-text\", className?.title)}\n                >\n                  {multiple\n                    ? `${title || \"Добавить\"} (${files.length}/${maxFiles})`\n                    : `${title || \"Добавить\"}`}\n                </Typography>\n                {text && (\n                  <Typography variant=\"body-xxs-medium\" className={cn(\"text-sub-label-text\", className?.text)}>\n                    {text}\n                  </Typography>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Информация о количестве */}\n      {/* {multiple && images.length > 0 && (\n        <p className=\"text-xs text-gray-500\">\n          Загружено {images.length} из {maxFiles} изображений\n        </p>\n      )} */}\n\n      {/* Ошибка */}\n      {error && (\n        <div className=\"rounded-lg bg-red-50 p-3 text-sm text-red-600\">{error}</div>\n      )}\n    </div>\n  );\n};\n\nexport type { PropsFilesUploader, UploadedFileData, FilesUploaderValue };\n\n"],"names":["FILE_SIZE_UNITS","FILE_SIZE_KB","DEFAULT_MAX_SIZE","DEFAULT_MAX_FILES","DEFAULT_ACCEPT","DEFAULT_TIMEOUT","ACCEPT_MAP","formatFileSize","bytes","i","fileAcceptMap","accepts","acc","t","getFileType","file","ext","FilesUploader","value","onChange","multiple","maxFiles","disabled","className","maxSize","variant","icon","title","text","showFiles","loading","setLoading","useState","error","setError","files","onDrop","useCallback","acceptedFiles","rejectedFiles","errorMessage","newFilesData","getRootProps","getInputProps","isDragActive","useDropzone","removeImage","index","newFiles","_","isMaxFilesReached","gridClasses","cn","jsxs","type","jsx","e","Icon","Typography"],"mappings":"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"}

package/dist/components-files-uploader-files-uploader.js

@@ -0,0 +1,185 @@
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { cn as d } from "./lib-utils.js";
+import { useState as E, useCallback as C } from "react";
+import { u as P } from "./index-B5Id-jNC.js";
+import { Icon as x } from "./components-ui-icon-icon.js";
+import { Typography as U } from "./components-ui-typography-typography.js";
+import "./components-ui-typography-typography.styles.js";
+const S = ["B", "KB", "MB", "GB", "TB"], m = 1024, k = 5 * m * m, F = 5, O = ["all"], Z = 800, q = {
+  image: { "image/*": [".jpg", ".jpeg", ".png", ".webp"] },
+  pdf: { "application/pdf": [".pdf"] },
+  doc: {
+    "application/msword": [".doc"],
+    "application/vnd.openxmlformats-officedocument.wordprocessingml.document": [".docx"]
+  },
+  excel: {
+    "application/vnd.ms-excel": [".xls"],
+    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": [".xlsx"]
+  },
+  text: { "text/plain": [".txt"] },
+  all: {}
+}, z = (t) => {
+  if (t === 0) return "0 B";
+  const e = Math.floor(Math.log(t) / Math.log(m));
+  return `${(t / Math.pow(m, e)).toFixed(2)} ${S[e]}`;
+}, K = (t) => t.reduce((e, c) => ({ ...e, ...q[c] }), {}), W = (t) => {
+  const e = t.name.split(".").pop()?.toLowerCase();
+  return e ? ["jpg", "jpeg", "png", "webp"].includes(e) ? "image" : e === "pdf" ? "pdf" : ["doc", "docx"].includes(e) ? "doc" : ["xls", "xlsx"].includes(e) ? "excel" : e === "txt" ? "text" : "other" : "other";
+}, ee = ({
+  value: t = null,
+  onChange: e,
+  multiple: c = !1,
+  maxFiles: i = F,
+  disabled: y = !1,
+  className: p,
+  maxSize: g = k,
+  variant: f = "grid",
+  accepts: M = O,
+  icon: T,
+  title: v,
+  text: w,
+  showFiles: A = !0
+}) => {
+  const [b, L] = E(!1), [j, h] = E(null), r = Array.isArray(t) ? t : t ? [t] : [], I = C(
+    (o, l) => {
+      if (h(null), r.length + o.length > i) {
+        h(`Максимальное количество файлов: ${i}`);
+        return;
+      }
+      if (l.length > 0) {
+        const n = l[0].errors[0]?.code === "file-too-large" ? `Файл слишком большой. Максимальный размер: ${g / 1024 / 1024}MB` : "Неподдерживаемый формат файла";
+        h(n);
+        return;
+      }
+      L(!0), setTimeout(() => {
+        const a = o.map((n) => ({
+          url: URL.createObjectURL(n),
+          name: n.name,
+          size: z(n.size),
+          addedAt: (/* @__PURE__ */ new Date()).toISOString()
+        }));
+        c ? e?.([...r, ...a]) : (r[0]?.url?.startsWith("blob:") && URL.revokeObjectURL(r[0].url), e?.(a[0] ?? null)), L(!1);
+      }, Z);
+    },
+    [r, i, g, c, e]
+  ), { getRootProps: _, getInputProps: N, isDragActive: D } = P({
+    onDrop: I,
+    accept: K(M),
+    maxSize: g,
+    multiple: c && i > 1,
+    disabled: y || b,
+    maxFiles: i - r.length
+  }), $ = (o) => () => {
+    r[o]?.url?.startsWith("blob:") && URL.revokeObjectURL(r[o].url);
+    const l = r.filter((a, n) => n !== o);
+    e?.(c ? l : l[0] || null);
+  }, B = r.length >= i, R = {
+    grid: "grid-cols-2 sm:grid-cols-3 md:grid-cols-4",
+    list: "grid-cols-1",
+    compact: "grid-cols-2 sm:grid-cols-3"
+  };
+  return /* @__PURE__ */ u("div", { className: d("w-full space-y-4", p?.container), children: [
+    /* @__PURE__ */ u(
+      "div",
+      {
+        className: d(
+          "grid h-full w-full gap-4",
+          f === "list" ? "grid-cols-1" : R[f]
+        ),
+        children: [
+          A && r.map((o, l) => {
+            const a = W(o);
+            return /* @__PURE__ */ u(
+              "div",
+              {
+                className: `group bg-primary-bg relative aspect-square h-full w-full
+                overflow-hidden rounded-lg`,
+                children: [
+                  a === "image" ? /* @__PURE__ */ s(
+                    "img",
+                    {
+                      src: o.url,
+                      alt: `Preview ${l + 1}`,
+                      className: "h-full w-full object-cover"
+                    }
+                  ) : /* @__PURE__ */ s(
+                    "div",
+                    {
+                      className: `flex h-full w-full items-center justify-center bg-gray-100
+                    text-sm font-semibold`,
+                      children: o.name.split(".").pop()?.toUpperCase()
+                    }
+                  ),
+                  /* @__PURE__ */ s(
+                    "div",
+                    {
+                      className: `text-primary-bg bg-primary-inverse-bg/50 absolute inset-0 flex
+                cursor-pointer items-center justify-center rounded-lg opacity-0
+                transition-opacity hover:opacity-100`,
+                      onClick: (n) => n.stopPropagation(),
+                      children: /* @__PURE__ */ s(
+                        x,
+                        {
+                          type: "close",
+                          onClick: $(l)
+                        }
+                      )
+                    }
+                  )
+                ]
+              },
+              l
+            );
+          }),
+          (!B || !A) && /* @__PURE__ */ u(
+            "div",
+            {
+              ..._(),
+              className: d(
+                `relative flex cursor-pointer flex-col items-center justify-center
+              rounded-lg border-2 border-dashed border-gray-300 bg-gray-50
+              transition-colors hover:bg-gray-100`,
+                D && "border-primary bg-primary/5",
+                (y || b) && "cursor-not-allowed opacity-50",
+                f === "list" ? "min-h-37.5" : "aspect-square",
+                p?.blockAdd
+              ),
+              children: [
+                /* @__PURE__ */ s("input", { ...N() }),
+                b ? /* @__PURE__ */ s(
+                  x,
+                  {
+                    type: "loader",
+                    className: "text-sub-label-text h-8 w-8 animate-spin"
+                  }
+                ) : /* @__PURE__ */ u("div", { className: "flex flex-col items-center space-y-2 p-4 text-center", children: [
+                  /* @__PURE__ */ s(
+                    x,
+                    {
+                      type: T?.type ?? "plus",
+                      className: d("text-sub-label-text h-8 w-8", p?.icon)
+                    }
+                  ),
+                  /* @__PURE__ */ s(
+                    U,
+                    {
+                      variant: "body-md-medium",
+                      className: d("text-sub-label-text", p?.title),
+                      children: c ? `${v || "Добавить"} (${r.length}/${i})` : `${v || "Добавить"}`
+                    }
+                  ),
+                  w && /* @__PURE__ */ s(U, { variant: "body-xxs-medium", className: d("text-sub-label-text", p?.text), children: w })
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    j && /* @__PURE__ */ s("div", { className: "rounded-lg bg-red-50 p-3 text-sm text-red-600", children: j })
+  ] });
+};
+export {
+  ee as FilesUploader
+};
+//# sourceMappingURL=components-files-uploader-files-uploader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-files-uploader-files-uploader.js","sources":["../src/components/files-uploader/files-uploader.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { useCallback, useState } from \"react\";\nimport { type FileRejection, useDropzone } from \"react-dropzone\";\nimport { Icon, type IconProps } from \"../ui/icon\";\nimport { Typography } from \"../ui/typography\";\n\ntype Variant = \"grid\" | \"list\" | \"compact\";\ntype AcceptType = \"image\" | \"pdf\" | \"doc\" | \"excel\" | \"text\" | \"all\";\ntype UploadedFileData = {\n  url: string;\n  name: string;\n  size: string;\n  addedAt: string;\n};\ntype FilesUploaderValue = UploadedFileData | UploadedFileData[] | null;\n\ntype PropsFilesUploader = {\n  value?: FilesUploaderValue;\n  onChange?: (value: FilesUploaderValue) => void;\n  multiple?: boolean;\n  maxFiles?: number;\n  disabled?: boolean;\n  className?: {\n    container?: string;\n    blockAdd?: string;\n    title?: string;\n    text?: string;\n    icon?: string;\n  };\n  displayFiles?: boolean;\n  maxSize?: number;\n  variant?: Variant;\n  accepts?: AcceptType[];\n  icon?: IconProps;\n  title?: string;\n  text?: string;\n  showFiles?: boolean,\n  \n};\nconst FILE_SIZE_UNITS = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\"];\nconst FILE_SIZE_KB = 1024;\nconst DEFAULT_MAX_SIZE = 5 * FILE_SIZE_KB * FILE_SIZE_KB;\nconst DEFAULT_MAX_FILES = 5;\nconst DEFAULT_ACCEPT: AcceptType[] = [\"all\"];\nconst DEFAULT_TIMEOUT = 800;\n\nconst ACCEPT_MAP: Record<AcceptType, Record<string, string[]>> = {\n  image: { \"image/*\": [\".jpg\", \".jpeg\", \".png\", \".webp\"] },\n  pdf: { \"application/pdf\": [\".pdf\"] },\n  doc: {\n    \"application/msword\": [\".doc\"],\n    \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\": [\".docx\"],\n  },\n  excel: {\n    \"application/vnd.ms-excel\": [\".xls\"],\n    \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\": [\".xlsx\"],\n  },\n  text: { \"text/plain\": [\".txt\"] },\n  all: {},\n};\n\nconst formatFileSize = (bytes: number) => {\n  if (bytes === 0) return \"0 B\";\n  const i = Math.floor(Math.log(bytes) / Math.log(FILE_SIZE_KB));\n  return `${(bytes / Math.pow(FILE_SIZE_KB, i)).toFixed(2)} ${FILE_SIZE_UNITS[i]}`;\n};\n\nconst fileAcceptMap = (accepts: AcceptType[]): Record<string, string[]> =>\n  accepts.reduce((acc, t) => ({ ...acc, ...ACCEPT_MAP[t] }), {});\n\nconst getFileType = (file: UploadedFileData) => {\n  const ext = file.name.split(\".\").pop()?.toLowerCase();\n\n  if (!ext) return \"other\";\n\n  if ([\"jpg\", \"jpeg\", \"png\", \"webp\"].includes(ext)) return \"image\";\n  if (ext === \"pdf\") return \"pdf\";\n  if ([\"doc\", \"docx\"].includes(ext)) return \"doc\";\n  if ([\"xls\", \"xlsx\"].includes(ext)) return \"excel\";\n  if (ext === \"txt\") return \"text\";\n\n  return \"other\";\n};\n\nexport const FilesUploader = ({\n  value = null,\n  onChange,\n  multiple = false,\n  maxFiles = DEFAULT_MAX_FILES,\n  disabled = false,\n  className,\n  maxSize = DEFAULT_MAX_SIZE,\n  variant = \"grid\",\n  accepts = DEFAULT_ACCEPT,\n  icon,\n  title,\n  text,\n  showFiles = true,\n}: PropsFilesUploader) => {\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const files = Array.isArray(value) ? value : value ? [value] : [];\n  \n\n  const onDrop = useCallback(\n    (acceptedFiles: File[], rejectedFiles: FileRejection[]) => {\n      setError(null);\n\n      if (files.length + acceptedFiles.length > maxFiles) {\n        setError(`Максимальное количество файлов: ${maxFiles}`);\n        return;\n      }\n\n      if (rejectedFiles.length > 0) {\n        const rejection = rejectedFiles[0];\n        const errorMessage =\n          rejection.errors[0]?.code === \"file-too-large\"\n            ? `Файл слишком большой. Максимальный размер: ${maxSize / 1024 / 1024}MB`\n            : \"Неподдерживаемый формат файла\";\n        setError(errorMessage);\n        return;\n      }\n\n      setLoading(true);\n\n      setTimeout(() => {\n        const newFilesData: UploadedFileData[] = acceptedFiles.map((file) => ({\n          url: URL.createObjectURL(file),\n          name: file.name,\n          size: formatFileSize(file.size),\n          addedAt: new Date().toISOString(),\n        }));\n\n        if (multiple) {\n          onChange?.([...files, ...newFilesData]);\n        } else {\n          if (files[0]?.url?.startsWith(\"blob:\")) URL.revokeObjectURL(files[0].url);\n          onChange?.(newFilesData[0] ?? null);\n        }\n\n        setLoading(false);\n      }, DEFAULT_TIMEOUT);\n    },\n    [files, maxFiles, maxSize, multiple, onChange],\n  );\n\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    onDrop,\n    accept: fileAcceptMap(accepts),\n    maxSize,\n    multiple: multiple && maxFiles > 1,\n    disabled: disabled || loading,\n    maxFiles: maxFiles - files.length,\n  });\n\n  const removeImage = (index: number) => {\n    return () => {\n      if (files[index]?.url?.startsWith(\"blob:\")) {\n        URL.revokeObjectURL(files[index].url);\n      }\n      const newFiles = files.filter((_, i) => i !== index);\n      onChange?.(multiple ? newFiles : newFiles[0] || null);\n    };\n  };\n\n  const isMaxFilesReached = files.length >= maxFiles;\n\n  // Варианты отображения\n  const gridClasses = {\n    grid: \"grid-cols-2 sm:grid-cols-3 md:grid-cols-4\",\n    list: \"grid-cols-1\",\n    compact: \"grid-cols-2 sm:grid-cols-3\",\n  };\n\n  return (\n    <div className={cn(\"w-full space-y-4\", className?.container)}>\n      {/* Предпросмотр с возможностью добавления новых */}\n      <div\n        className={cn(\n          \"grid h-full w-full gap-4\",\n          variant === \"list\" ? \"grid-cols-1\" : gridClasses[variant],\n        )}\n      >\n        {showFiles && files.map((file, index) => {\n          const type = getFileType(file);\n\n          return (\n            <div\n              key={index}\n              className=\"group bg-primary-bg relative aspect-square h-full w-full\n                overflow-hidden rounded-lg\"\n            >\n              {type === \"image\" ? (\n                <img\n                  src={file.url}\n                  alt={`Preview ${index + 1}`}\n                  className=\"h-full w-full object-cover\"\n                />\n              ) : (\n                <div\n                  className=\"flex h-full w-full items-center justify-center bg-gray-100\n                    text-sm font-semibold\"\n                >\n                  {file.name.split(\".\").pop()?.toUpperCase()}\n                </div>\n              )}\n\n              <div\n                className=\"text-primary-bg bg-primary-inverse-bg/50 absolute inset-0 flex\n                cursor-pointer items-center justify-center rounded-lg opacity-0\n                transition-opacity hover:opacity-100\"\n                onClick={(e) => e.stopPropagation()}\n              >\n                <Icon\n                  type=\"close\"\n                  onClick={removeImage(index)}\n                />\n              </div>\n            </div>\n          );\n        })}\n        {/* Кнопка добавления нового изображения */}\n        {(!isMaxFilesReached || !showFiles) && (\n          <div\n            {...getRootProps()}\n            className={cn(\n              `relative flex cursor-pointer flex-col items-center justify-center\n              rounded-lg border-2 border-dashed border-gray-300 bg-gray-50\n              transition-colors hover:bg-gray-100`,\n              isDragActive && \"border-primary bg-primary/5\",\n              (disabled || loading) && \"cursor-not-allowed opacity-50\",\n              variant === \"list\" ? \"min-h-37.5\" : \"aspect-square\",\n              className?.blockAdd,\n            )}\n          >\n            <input {...getInputProps()} />\n\n            {loading ? (\n              <Icon\n                type=\"loader\"\n                className=\"text-sub-label-text h-8 w-8 animate-spin\"\n              />\n            ) : (\n              <div className=\"flex flex-col items-center space-y-2 p-4 text-center\">\n                <Icon\n                  type={icon?.type ?? \"plus\"}\n                  className={cn(\"text-sub-label-text h-8 w-8\", className?.icon)}\n                />\n                <Typography\n                  variant=\"body-md-medium\"\n                  className={cn(\"text-sub-label-text\", className?.title)}\n                >\n                  {multiple\n                    ? `${title || \"Добавить\"} (${files.length}/${maxFiles})`\n                    : `${title || \"Добавить\"}`}\n                </Typography>\n                {text && (\n                  <Typography variant=\"body-xxs-medium\" className={cn(\"text-sub-label-text\", className?.text)}>\n                    {text}\n                  </Typography>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Информация о количестве */}\n      {/* {multiple && images.length > 0 && (\n        <p className=\"text-xs text-gray-500\">\n          Загружено {images.length} из {maxFiles} изображений\n        </p>\n      )} */}\n\n      {/* Ошибка */}\n      {error && (\n        <div className=\"rounded-lg bg-red-50 p-3 text-sm text-red-600\">{error}</div>\n      )}\n    </div>\n  );\n};\n\nexport type { PropsFilesUploader, UploadedFileData, FilesUploaderValue };\n\n"],"names":["FILE_SIZE_UNITS","FILE_SIZE_KB","DEFAULT_MAX_SIZE","DEFAULT_MAX_FILES","DEFAULT_ACCEPT","DEFAULT_TIMEOUT","ACCEPT_MAP","formatFileSize","bytes","i","fileAcceptMap","accepts","acc","t","getFileType","file","ext","FilesUploader","value","onChange","multiple","maxFiles","disabled","className","maxSize","variant","icon","title","text","showFiles","loading","setLoading","useState","error","setError","files","onDrop","useCallback","acceptedFiles","rejectedFiles","errorMessage","newFilesData","getRootProps","getInputProps","isDragActive","useDropzone","removeImage","index","newFiles","_","isMaxFilesReached","gridClasses","cn","jsxs","type","jsx","e","Icon","Typography"],"mappings":"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"}

package/dist/components-files-uploader.js

@@ -0,0 +1,5 @@
+import { FilesUploader as r } from "./components-files-uploader-files-uploader.js";
+export {
+  r as FilesUploader
+};
+//# sourceMappingURL=components-files-uploader.js.map

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

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

package/dist/components-input-field-input-field.js

@@ -0,0 +1,56 @@
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import "react";
+import { FieldSet as c, FieldGroup as f, Field as h, FieldLabel as F, FieldDescription as I } from "./components-ui-field-field.js";
+import { Input as s } from "./components-ui-input-input.js";
+import { InputGroup as G, InputGroupInput as g, InputGroupAddon as v } from "./components-ui-input-group-input-group.js";
+const L = ({
+  date: p = [],
+  isValid: e,
+  disabled: i = !1,
+  label: l,
+  description: u,
+  classes: t,
+  ref: m,
+  ...a
+}) => {
+  const o = {
+    ...e === !0 && !i && { "aria-valid": !0 },
+    ...e === !1 && !i && { "aria-invalid": !0 },
+    disabled: i
+  };
+  return /* @__PURE__ */ r(c, { className: t?.fieldset, children: /* @__PURE__ */ r(f, { className: t?.fieldgroup, children: /* @__PURE__ */ d(h, { className: t?.field, children: [
+    l && /* @__PURE__ */ r(F, { ...o, children: l }),
+    p.length > 0 ? /* @__PURE__ */ d(G, { "data-slot": !0, children: [
+      /* @__PURE__ */ r(
+        g,
+        {
+          ref: m,
+          ...a,
+          ...o,
+          disabled: i
+        }
+      ),
+      p.map((n) => /* @__PURE__ */ r(
+        v,
+        {
+          align: n.position,
+          children: n.component
+        },
+        n.id
+      ))
+    ] }) : /* @__PURE__ */ r(
+      s,
+      {
+        ref: m,
+        ...a,
+        ...o,
+        disabled: i
+      }
+    ),
+    u && /* @__PURE__ */ r(I, { ...o, children: u })
+  ] }) }) });
+};
+export {
+  L as InputField
+};
+//# sourceMappingURL=components-input-field-input-field.js.map

package/dist/components-input-field-input-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-input-field-input-field.js","sources":["../src/components/input-field/input-field.tsx"],"sourcesContent":["import React from \"react\";\nimport { Field, FieldDescription, FieldGroup, FieldLabel, FieldSet } from \"../ui/field\";\nimport { Input } from \"../ui/input\";\nimport { InputGroup, InputGroupAddon, InputGroupInput } from \"../ui/input-group\";\n\nexport type DateAddon = {\n  id: string | number;\n  position?: \"inline-start\" | \"inline-end\" | \"block-start\" | \"block-end\" | null;\n  component: React.ReactNode;\n};\n\ntype BaseProps = {\n  date?: DateAddon[];\n  isValid?: boolean;\n  label?: string;\n  description?: string;\n  classes?: {\n    fieldset?: string;\n    fieldgroup?: string;\n    field?: string;\n  };\n};\n\ntype InputFieldProps = BaseProps & React.ComponentPropsWithRef<\"input\">;\n\nexport const InputField = ({\n  date = [],\n  isValid,\n  disabled = false,\n  label,\n  description,\n  classes,\n  ref,\n  ...rest\n}: InputFieldProps) => {\n  const validationProps = {\n    ...(isValid === true && !disabled && { \"aria-valid\": true }),\n    ...(isValid === false && !disabled && { \"aria-invalid\": true }),\n    disabled,\n  };\n\n  return (\n    <FieldSet className={classes?.fieldset}>\n      <FieldGroup className={classes?.fieldgroup}>\n        <Field className={classes?.field}>\n          {label && <FieldLabel {...validationProps}>{label}</FieldLabel>}\n          {date.length > 0 ? (\n            <InputGroup data-slot>\n              <InputGroupInput\n                ref={ref}\n                {...rest}\n                {...validationProps}\n                disabled={disabled}\n              />\n              {date.map((e) => (\n                <InputGroupAddon\n                  key={e.id}\n                  align={e.position}\n                >\n                  {e.component}\n                </InputGroupAddon>\n              ))}\n            </InputGroup>\n          ) : (\n            <Input\n              ref={ref}\n              {...rest}\n              {...validationProps}\n              disabled={disabled}\n            />\n          )}\n          {description && (\n            <FieldDescription {...validationProps}>{description}</FieldDescription>\n          )}\n        </Field>\n      </FieldGroup>\n    </FieldSet>\n  );\n};\n\ntype InputProps = InputFieldProps;\n\nexport type { InputFieldProps, InputProps };\n"],"names":["InputField","date","isValid","disabled","label","description","classes","ref","rest","validationProps","jsx","FieldSet","FieldGroup","jsxs","Field","FieldLabel","InputGroup","InputGroupInput","e","InputGroupAddon","Input","FieldDescription"],"mappings":";;;;;AAyBO,MAAMA,IAAa,CAAC;AAAA,EACzB,MAAAC,IAAO,CAAA;AAAA,EACP,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACL,MAAuB;AACrB,QAAMC,IAAkB;AAAA,IACtB,GAAIP,MAAY,MAAQ,CAACC,KAAY,EAAE,cAAc,GAAA;AAAA,IACrD,GAAID,MAAY,MAAS,CAACC,KAAY,EAAE,gBAAgB,GAAA;AAAA,IACxD,UAAAA;AAAA,EAAA;AAGF,SACE,gBAAAO,EAACC,GAAA,EAAS,WAAWL,GAAS,UAC5B,UAAA,gBAAAI,EAACE,GAAA,EAAW,WAAWN,GAAS,YAC9B,UAAA,gBAAAO,EAACC,GAAA,EAAM,WAAWR,GAAS,OACxB,UAAA;AAAA,IAAAF,KAAS,gBAAAM,EAACK,GAAA,EAAY,GAAGN,GAAkB,UAAAL,GAAM;AAAA,IACjDH,EAAK,SAAS,IACb,gBAAAY,EAACG,GAAA,EAAW,aAAS,IACnB,UAAA;AAAA,MAAA,gBAAAN;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,KAAAV;AAAA,UACC,GAAGC;AAAA,UACH,GAAGC;AAAA,UACJ,UAAAN;AAAA,QAAA;AAAA,MAAA;AAAA,MAEDF,EAAK,IAAI,CAACiB,MACT,gBAAAR;AAAA,QAACS;AAAA,QAAA;AAAA,UAEC,OAAOD,EAAE;AAAA,UAER,UAAAA,EAAE;AAAA,QAAA;AAAA,QAHEA,EAAE;AAAA,MAAA,CAKV;AAAA,IAAA,EAAA,CACH,IAEA,gBAAAR;AAAA,MAACU;AAAA,MAAA;AAAA,QACC,KAAAb;AAAA,QACC,GAAGC;AAAA,QACH,GAAGC;AAAA,QACJ,UAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,IAGHE,KACC,gBAAAK,EAACW,GAAA,EAAkB,GAAGZ,GAAkB,UAAAJ,EAAA,CAAY;AAAA,EAAA,EAAA,CAExD,GACF,GACF;AAEJ;"}

package/dist/components-input-field.js

@@ -0,0 +1,5 @@
+import { InputField as p } from "./components-input-field-input-field.js";
+export {
+  p as InputField
+};
+//# sourceMappingURL=components-input-field.js.map

package/dist/components-input-field.js.map

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

package/dist/components-input-password-input-password.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const r=require("react/jsx-runtime");;/* empty css                          */require("./lib-utils.cjs");require("class-variance-authority");require("react");require("./components-ui-badge-badge.styles.cjs");require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");const q=require("./components-ui-icon-icon.cjs");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");require("./components-ui-typography-typography.styles.cjs");const o=require("./hooks-usePopupControls.cjs");require("lucide-react");require("./components-app-pagination-app-pagination.styles.cjs");require("./components-app-sidebar-app-sidebar.styles.cjs");const n=require("./components-input-field-input-field.cjs");require("./components-select-field-select-field.cjs");require("lodash");require("recharts");require("./components-ui-chart-chart.cjs");require("react-dropzone");require("next-themes");require("sonner");require("vaul");const t=({...i})=>{const{isOpened:e,togglePopup:u}=o.usePopupControls();return r.jsx(n.InputField,{...i,type:e?"text":"password",date:[{id:"0",position:"inline-end",component:r.jsx(q.Icon,{type:e?"eye-off":"eye",onClick:u,className:"cursor-pointer"})}]})};exports.InputPassword=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const r=require("react/jsx-runtime");;/* empty css                   */require("./lib-utils.cjs");require("class-variance-authority");require("react");require("./components-ui-badge-badge.styles.cjs");require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");const q=require("./components-ui-icon-icon.cjs");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");require("./components-ui-typography-typography.styles.cjs");const o=require("./hooks-usePopupControls.cjs");require("lucide-react");require("./components-app-pagination-app-pagination.styles.cjs");require("./components-app-sidebar-app-sidebar.styles.cjs");const n=require("./components-input-field-input-field.cjs");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-CgVfpT_X.cjs");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");const t=({...i})=>{const{isOpened:e,togglePopup:u}=o.usePopupControls();return r.jsx(n.InputField,{...i,type:e?"text":"password",date:[{id:"0",position:"inline-end",component:r.jsx(q.Icon,{type:e?"eye-off":"eye",onClick:u,className:"cursor-pointer"})}]})};exports.InputPassword=t;
 //# sourceMappingURL=components-input-password-input-password.cjs.map

package/dist/components-input-password-input-password.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-input-password-input-password.cjs","sources":["../src/components/input-password/input-password.tsx"],"sourcesContent":["import { Icon, InputField, usePopupControls, type InputProps } from \"@/index\";\n\ntype InputPasswordProps = InputProps;\n\nexport const InputPassword: React.FC<InputPasswordProps> = ({ ...rest }) => {\n  const { isOpened, togglePopup } = usePopupControls();\n\n  return (\n    <InputField\n      {...rest}\n      type={isOpened ? \"text\" : \"password\"}\n      date={[\n        {\n          id: \"0\",\n          position: \"inline-end\",\n          component: (\n            <Icon\n              type={isOpened ? \"eye-off\" : \"eye\"}\n              onClick={togglePopup}\n              className=\"cursor-pointer\"\n            />\n          ),\n        },\n      ]}\n    />\n  );\n};\n\nexport type { InputPasswordProps };\n"],"names":["InputPassword","rest","isOpened","togglePopup","usePopupControls","jsx","InputField","Icon"],"mappings":"04DAIO,MAAMA,EAA8C,CAAC,CAAE,GAAGC,KAAW,CAC1E,KAAM,CAAE,SAAAC,EAAU,YAAAC,CAAA,EAAgBC,mBAAA,EAElC,OACEC,EAAAA,IAACC,EAAAA,WAAA,CACE,GAAGL,EACJ,KAAMC,EAAW,OAAS,WAC1B,KAAM,CACJ,CACE,GAAI,IACJ,SAAU,aACV,UACEG,EAAAA,IAACE,EAAAA,KAAA,CACC,KAAML,EAAW,UAAY,MAC7B,QAASC,EACT,UAAU,gBAAA,CAAA,CACZ,CAEJ,CACF,CAAA,CAGN"}
+{"version":3,"file":"components-input-password-input-password.cjs","sources":["../src/components/input-password/input-password.tsx"],"sourcesContent":["import { Icon, InputField, usePopupControls, type InputProps } from \"@/index\";\n\ntype InputPasswordProps = InputProps;\n\nexport const InputPassword: React.FC<InputPasswordProps> = ({ ...rest }) => {\n  const { isOpened, togglePopup } = usePopupControls();\n\n  return (\n    <InputField\n      {...rest}\n      type={isOpened ? \"text\" : \"password\"}\n      date={[\n        {\n          id: \"0\",\n          position: \"inline-end\",\n          component: (\n            <Icon\n              type={isOpened ? \"eye-off\" : \"eye\"}\n              onClick={togglePopup}\n              className=\"cursor-pointer\"\n            />\n          ),\n        },\n      ]}\n    />\n  );\n};\n\nexport type { InputPasswordProps };\n"],"names":["InputPassword","rest","isOpened","togglePopup","usePopupControls","jsx","InputField","Icon"],"mappings":"g2DAIO,MAAMA,EAA8C,CAAC,CAAE,GAAGC,KAAW,CAC1E,KAAM,CAAE,SAAAC,EAAU,YAAAC,CAAA,EAAgBC,mBAAA,EAElC,OACEC,EAAAA,IAACC,EAAAA,WAAA,CACE,GAAGL,EACJ,KAAMC,EAAW,OAAS,WAC1B,KAAM,CACJ,CACE,GAAI,IACJ,SAAU,aACV,UACEG,EAAAA,IAACE,EAAAA,KAAA,CACC,KAAML,EAAW,UAAY,MAC7B,QAASC,EACT,UAAU,gBAAA,CAAA,CACZ,CAEJ,CACF,CAAA,CAGN"}

package/dist/components-input-password-input-password.js

@@ -0,0 +1,67 @@
+import { jsx as t } from "react/jsx-runtime";
+import './brd-ui-kit.css';/* empty css                 */
+import "./lib-utils.js";
+import "class-variance-authority";
+import "react";
+import "./components-ui-badge-badge.styles.js";
+import "./components-ui-button-button.js";
+import "./components-ui-button-button.styles.js";
+import "./components-ui-card-card.js";
+import "./components-ui-checkbox-checkbox.js";
+import { Icon as i } from "./components-ui-icon-icon.js";
+import "./components-ui-combobox-combobox.js";
+import "./components-ui-dialog-dialog.js";
+import "./components-ui-label-label.js";
+import "./components-ui-separator-separator.js";
+import "./components-ui-field-field.styles.js";
+import "./components-ui-input-input.styles.js";
+import "./components-ui-textarea-textarea.js";
+import "./components-ui-input-group-input-group.styles.js";
+import "./components-ui-navigation-item-navigation-item.styles.js";
+import "./components-ui-navigation-menu-navigation-menu.styles.js";
+import "./components-ui-pagination-pagination.js";
+import "./components-ui-progress-progress.js";
+import "./components-ui-radio-group-radio-group.js";
+import "./components-ui-switch-switch.js";
+import "./components-ui-table-table.js";
+import "./components-ui-tabs-tabs.js";
+import "./components-ui-tooltip-tooltip.js";
+import "./components-ui-typography-typography.styles.js";
+import { usePopupControls as m } from "./hooks-usePopupControls.js";
+import "lucide-react";
+import "./components-app-pagination-app-pagination.styles.js";
+import "./components-app-sidebar-app-sidebar.styles.js";
+import { InputField as e } from "./components-input-field-input-field.js";
+import "./components-select-field-select-field.js";
+import "./lodash-FemA_LCk.js";
+import "./chart-D15EtNmb.js";
+import "./index-C4iHL8Gs.js";
+import "./index-C6N9aMq_.js";
+const U = ({ ...p }) => {
+  const { isOpened: o, togglePopup: r } = m();
+  return /* @__PURE__ */ t(
+    e,
+    {
+      ...p,
+      type: o ? "text" : "password",
+      date: [
+        {
+          id: "0",
+          position: "inline-end",
+          component: /* @__PURE__ */ t(
+            i,
+            {
+              type: o ? "eye-off" : "eye",
+              onClick: r,
+              className: "cursor-pointer"
+            }
+          )
+        }
+      ]
+    }
+  );
+};
+export {
+  U as InputPassword
+};
+//# sourceMappingURL=components-input-password-input-password.js.map

package/dist/components-input-password-input-password.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-input-password-input-password.js","sources":["../src/components/input-password/input-password.tsx"],"sourcesContent":["import { Icon, InputField, usePopupControls, type InputProps } from \"@/index\";\n\ntype InputPasswordProps = InputProps;\n\nexport const InputPassword: React.FC<InputPasswordProps> = ({ ...rest }) => {\n  const { isOpened, togglePopup } = usePopupControls();\n\n  return (\n    <InputField\n      {...rest}\n      type={isOpened ? \"text\" : \"password\"}\n      date={[\n        {\n          id: \"0\",\n          position: \"inline-end\",\n          component: (\n            <Icon\n              type={isOpened ? \"eye-off\" : \"eye\"}\n              onClick={togglePopup}\n              className=\"cursor-pointer\"\n            />\n          ),\n        },\n      ]}\n    />\n  );\n};\n\nexport type { InputPasswordProps };\n"],"names":["InputPassword","rest","isOpened","togglePopup","usePopupControls","jsx","InputField","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAMA,IAA8C,CAAC,EAAE,GAAGC,QAAW;AAC1E,QAAM,EAAE,UAAAC,GAAU,aAAAC,EAAA,IAAgBC,EAAA;AAElC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,MAAMC,IAAW,SAAS;AAAA,MAC1B,MAAM;AAAA,QACJ;AAAA,UACE,IAAI;AAAA,UACJ,UAAU;AAAA,UACV,WACE,gBAAAG;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAML,IAAW,YAAY;AAAA,cAC7B,SAASC;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAAA,MAEJ;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/components-input-password.js

@@ -0,0 +1,5 @@
+import { InputPassword as p } from "./components-input-password-input-password.js";
+export {
+  p as InputPassword
+};
+//# sourceMappingURL=components-input-password.js.map

package/dist/components-input-password.js.map

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