ics-ui-kit 0.1.0-alpha.52 → 0.1.0-alpha.55

package/dist/{FormFooterTemplate-CAZGzVYy.js → FormFooterTemplate-I-NxFuYd.js}

@@ -5,7 +5,7 @@ import { T as F } from "./index-BVqs-uqP.js";
 import { d as T, e as N, b as v, a as y } from "./FormHeader-BA2dJOPS.js";
 import { B as h } from "./Button--ooZ8ALo.js";
 import { a as b } from "./CheckboxField-C2G3OAEz.js";
-import { u as k } from "./useBreakpoints-wEcfJPHd.js";
+import { e as k } from "./useBreakpoints-D8wKOvil.js";
 const H = F({
   slots: {
     header: "flex items-start gap-4",
@@ -85,4 +85,4 @@ export {
   z as F,
   R as a
 };
-//# sourceMappingURL=FormFooterTemplate-CAZGzVYy.js.map
+//# sourceMappingURL=FormFooterTemplate-I-NxFuYd.js.map

package/dist/{FormFooterTemplate-CAZGzVYy.js.map → FormFooterTemplate-I-NxFuYd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FormFooterTemplate-CAZGzVYy.js","sources":["../src/components/form/templates/header-template/FormHeaderTemplate.tsx","../src/components/form/templates/footer-template/FormFooterTemplate.tsx"],"sourcesContent":["import { FeatureIcon } from \"@/components/icon/feature-icon/FeatureIcon\";\nimport { LucideIcon } from \"lucide-react\";\nimport React, { HTMLAttributes, PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { FormDescription, FormHeader, FormTitle } from \"../../components/form-header/FormHeader\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\n\nexport interface FormHeaderTemplateVariants {\n\talignment?: \"compact\" | \"left\" | \"center\";\n}\n\nconst formHeaderTemplateStyles = tv({\n\tslots: {\n\t\theader: \"flex items-start gap-4\",\n\t\tcontentWrapper: \"flex flex-col gap-px lg:gap-1.5\",\n\t\ticon: \"flex-shrink-0\"\n\t},\n\tvariants: {\n\t\talignment: {\n\t\t\tcompact: {\n\t\t\t\theader: \"flex-row pr-9\"\n\t\t\t},\n\t\t\tleft: {\n\t\t\t\theader: \"flex-col gap-2 lg:gap-4\",\n\t\t\t\tcontentWrapper: \"gap-0.5 lg:gap-1\"\n\t\t\t},\n\t\t\tcenter: {\n\t\t\t\theader: \"flex-col items-center gap-2 text-center lg:gap-4\",\n\t\t\t\tcontentWrapper: \"gap-0.5 lg:gap-1\"\n\t\t\t}\n\t\t}\n\t} satisfies VariantsConfig<FormHeaderTemplateVariants>,\n\tdefaultVariants: {\n\t\talignment: \"compact\"\n\t}\n});\n\nexport type BaseHeaderTemplateProps = Omit<HTMLAttributes<HTMLDivElement>, \"title\"> &\n\tFormHeaderTemplateVariants & {\n\t\t/** Заголовок формы */\n\t\ttitle: React.ReactNode;\n\t\t/** Описание формы */\n\t\tdescription?: React.ReactNode;\n\t\t/** Иконка заголовка */\n\t\ticon?: LucideIcon;\n\t\t/** Кастомная иконка заголовка */\n\t\tcustomIcon?: React.ReactNode;\n\t};\n\nexport const BaseHeaderTemplate = React.forwardRef<HTMLDivElement, PropsWithChildren<BaseHeaderTemplateProps>>(\n\t({ className, icon: Icon, title, alignment, description, customIcon, ...props }, ref) => {\n\t\tconst { header, contentWrapper, icon } = formHeaderTemplateStyles({ alignment });\n\n\t\treturn (\n\t\t\t<FormHeader ref={ref} className={header({ class: className })} {...props}>\n\t\t\t\t{Icon && <FeatureIcon size=\"xl\" type=\"primary\" icon={Icon} className={icon()} />}\n\t\t\t\t{customIcon && customIcon}\n\t\t\t\t<div className={contentWrapper()}>\n\t\t\t\t\t{title}\n\t\t\t\t\t{description}\n\t\t\t\t</div>\n\t\t\t</FormHeader>\n\t\t);\n\t}\n);\n\n/**\n * Темплейт заголовка формы. Содержит иконку, заголовок и описание.\n * Имеет различные варианты расположения элементов\n */\nexport const FormHeaderTemplate = React.forwardRef<HTMLDivElement, PropsWithChildren<BaseHeaderTemplateProps>>(\n\t({ title, description, ...props }, ref) => {\n\t\treturn (\n\t\t\t<BaseHeaderTemplate\n\t\t\t\ttitle={<FormTitle>{title}</FormTitle>}\n\t\t\t\tdescription={<FormDescription>{description}</FormDescription>}\n\t\t\t\tref={ref}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t}\n);\n\nFormHeaderTemplate.displayName = \"FormHeaderTemplate\";\n","import { Button, ButtonProps } from \"@/components/button/button/Button\";\nimport { CheckboxField, CheckboxFieldProps } from \"@/components/checkbox/checkbox-field/CheckboxField\";\nimport { useIsMobile } from \"@/hooks/useBreakpoints\";\nimport React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { FormFooter } from \"../../components/form-footer/FormFooter\";\n\nconst formFooterTemplateStyles = tv({\n\tslots: {\n\t\tcontainer: \"flex w-full flex-col gap-3 lg:flex-row\",\n\t\tstartBlock: \"flex items-center py-1 lg:py-2.5\",\n\t\tendBlock: \"ml-auto flex w-full flex-col gap-3 lg:w-auto lg:flex-row\"\n\t}\n});\n\nexport interface FormFooterTemplateProps {\n\t/** Дополнительные классы */\n\tclassName?: string;\n\t/** Текст для чекбокса */\n\tcheckboxLabel?: string;\n\t/** Пропсы для чекбокса */\n\tcheckboxProps?: CheckboxFieldProps;\n\t/** Основная кнопка */\n\tprimaryButton?: React.ReactNode;\n\t/** Пропсы для основной кнопки */\n\tprimaryButtonProps?: ButtonProps;\n\t/** Вторичная кнопка */\n\tsecondaryButton?: React.ReactNode;\n\t/** Пропсы для вторичной кнопки */\n\tsecondaryButtonProps?: ButtonProps;\n}\n\n/**\n * Темплейт футера формы. Содержит чекбокс и 2 кнопки, которыми можно управлять.\n * Адаптивен к размерам устройств\n */\nexport const FormFooterTemplate = React.forwardRef<HTMLDivElement, FormFooterTemplateProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tprimaryButton,\n\t\t\tsecondaryButton,\n\t\t\tcheckboxLabel,\n\t\t\tcheckboxProps,\n\t\t\tprimaryButtonProps,\n\t\t\tsecondaryButtonProps\n\t\t},\n\t\tref\n\t) => {\n\t\tconst isMobile = useIsMobile();\n\t\tconst { container, startBlock, endBlock } = formFooterTemplateStyles();\n\n\t\tif (isMobile) {\n\t\t\tprimaryButtonProps = { ...primaryButtonProps, size: \"xl\" };\n\t\t\tsecondaryButtonProps = { ...secondaryButtonProps, size: \"xl\" };\n\t\t}\n\t\tconst primaryButtonElement = primaryButton && (\n\t\t\t<Button key=\"primary-button\" variant=\"primary\" {...primaryButtonProps}>\n\t\t\t\t{primaryButton}\n\t\t\t</Button>\n\t\t);\n\n\t\tconst secondaryButtonElement = secondaryButton && (\n\t\t\t<Button key=\"secondary-button\" variant=\"outline\" {...secondaryButtonProps}>\n\t\t\t\t{secondaryButton}\n\t\t\t</Button>\n\t\t);\n\n\t\treturn (\n\t\t\t<FormFooter className={className} ref={ref}>\n\t\t\t\t<div className={container()}>\n\t\t\t\t\t{checkboxLabel && (\n\t\t\t\t\t\t<div className={startBlock()}>\n\t\t\t\t\t\t\t<CheckboxField label={checkboxLabel} {...checkboxProps} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className={endBlock()}>\n\t\t\t\t\t\t{isMobile\n\t\t\t\t\t\t\t? [primaryButtonElement, secondaryButtonElement]\n\t\t\t\t\t\t\t: [secondaryButtonElement, primaryButtonElement]}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</FormFooter>\n\t\t);\n\t}\n);\n\nFormFooterTemplate.displayName = \"FormFooterTemplate\";\n"],"names":["formHeaderTemplateStyles","tv","BaseHeaderTemplate","React","className","Icon","title","alignment","description","customIcon","props","ref","header","contentWrapper","icon","jsxs","FormHeader","jsx","FeatureIcon","FormHeaderTemplate","FormTitle","FormDescription","formFooterTemplateStyles","FormFooterTemplate","primaryButton","secondaryButton","checkboxLabel","checkboxProps","primaryButtonProps","secondaryButtonProps","isMobile","useIsMobile","container","startBlock","endBlock","primaryButtonElement","Button","secondaryButtonElement","FormFooter","CheckboxField"],"mappings":"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"}
+{"version":3,"file":"FormFooterTemplate-I-NxFuYd.js","sources":["../src/components/form/templates/header-template/FormHeaderTemplate.tsx","../src/components/form/templates/footer-template/FormFooterTemplate.tsx"],"sourcesContent":["import { FeatureIcon } from \"@/components/icon/feature-icon/FeatureIcon\";\nimport { LucideIcon } from \"lucide-react\";\nimport React, { HTMLAttributes, PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { FormDescription, FormHeader, FormTitle } from \"../../components/form-header/FormHeader\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\n\nexport interface FormHeaderTemplateVariants {\n\talignment?: \"compact\" | \"left\" | \"center\";\n}\n\nconst formHeaderTemplateStyles = tv({\n\tslots: {\n\t\theader: \"flex items-start gap-4\",\n\t\tcontentWrapper: \"flex flex-col gap-px lg:gap-1.5\",\n\t\ticon: \"flex-shrink-0\"\n\t},\n\tvariants: {\n\t\talignment: {\n\t\t\tcompact: {\n\t\t\t\theader: \"flex-row pr-9\"\n\t\t\t},\n\t\t\tleft: {\n\t\t\t\theader: \"flex-col gap-2 lg:gap-4\",\n\t\t\t\tcontentWrapper: \"gap-0.5 lg:gap-1\"\n\t\t\t},\n\t\t\tcenter: {\n\t\t\t\theader: \"flex-col items-center gap-2 text-center lg:gap-4\",\n\t\t\t\tcontentWrapper: \"gap-0.5 lg:gap-1\"\n\t\t\t}\n\t\t}\n\t} satisfies VariantsConfig<FormHeaderTemplateVariants>,\n\tdefaultVariants: {\n\t\talignment: \"compact\"\n\t}\n});\n\nexport type BaseHeaderTemplateProps = Omit<HTMLAttributes<HTMLDivElement>, \"title\"> &\n\tFormHeaderTemplateVariants & {\n\t\t/** Заголовок формы */\n\t\ttitle: React.ReactNode;\n\t\t/** Описание формы */\n\t\tdescription?: React.ReactNode;\n\t\t/** Иконка заголовка */\n\t\ticon?: LucideIcon;\n\t\t/** Кастомная иконка заголовка */\n\t\tcustomIcon?: React.ReactNode;\n\t};\n\nexport const BaseHeaderTemplate = React.forwardRef<HTMLDivElement, PropsWithChildren<BaseHeaderTemplateProps>>(\n\t({ className, icon: Icon, title, alignment, description, customIcon, ...props }, ref) => {\n\t\tconst { header, contentWrapper, icon } = formHeaderTemplateStyles({ alignment });\n\n\t\treturn (\n\t\t\t<FormHeader ref={ref} className={header({ class: className })} {...props}>\n\t\t\t\t{Icon && <FeatureIcon size=\"xl\" type=\"primary\" icon={Icon} className={icon()} />}\n\t\t\t\t{customIcon && customIcon}\n\t\t\t\t<div className={contentWrapper()}>\n\t\t\t\t\t{title}\n\t\t\t\t\t{description}\n\t\t\t\t</div>\n\t\t\t</FormHeader>\n\t\t);\n\t}\n);\n\n/**\n * Темплейт заголовка формы. Содержит иконку, заголовок и описание.\n * Имеет различные варианты расположения элементов\n */\nexport const FormHeaderTemplate = React.forwardRef<HTMLDivElement, PropsWithChildren<BaseHeaderTemplateProps>>(\n\t({ title, description, ...props }, ref) => {\n\t\treturn (\n\t\t\t<BaseHeaderTemplate\n\t\t\t\ttitle={<FormTitle>{title}</FormTitle>}\n\t\t\t\tdescription={<FormDescription>{description}</FormDescription>}\n\t\t\t\tref={ref}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t}\n);\n\nFormHeaderTemplate.displayName = \"FormHeaderTemplate\";\n","import { Button, ButtonProps } from \"@/components/button/button/Button\";\nimport { CheckboxField, CheckboxFieldProps } from \"@/components/checkbox/checkbox-field/CheckboxField\";\nimport { useIsMobile } from \"@/hooks/useBreakpoints\";\nimport React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { FormFooter } from \"../../components/form-footer/FormFooter\";\n\nconst formFooterTemplateStyles = tv({\n\tslots: {\n\t\tcontainer: \"flex w-full flex-col gap-3 lg:flex-row\",\n\t\tstartBlock: \"flex items-center py-1 lg:py-2.5\",\n\t\tendBlock: \"ml-auto flex w-full flex-col gap-3 lg:w-auto lg:flex-row\"\n\t}\n});\n\nexport interface FormFooterTemplateProps {\n\t/** Дополнительные классы */\n\tclassName?: string;\n\t/** Текст для чекбокса */\n\tcheckboxLabel?: string;\n\t/** Пропсы для чекбокса */\n\tcheckboxProps?: CheckboxFieldProps;\n\t/** Основная кнопка */\n\tprimaryButton?: React.ReactNode;\n\t/** Пропсы для основной кнопки */\n\tprimaryButtonProps?: ButtonProps;\n\t/** Вторичная кнопка */\n\tsecondaryButton?: React.ReactNode;\n\t/** Пропсы для вторичной кнопки */\n\tsecondaryButtonProps?: ButtonProps;\n}\n\n/**\n * Темплейт футера формы. Содержит чекбокс и 2 кнопки, которыми можно управлять.\n * Адаптивен к размерам устройств\n */\nexport const FormFooterTemplate = React.forwardRef<HTMLDivElement, FormFooterTemplateProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tprimaryButton,\n\t\t\tsecondaryButton,\n\t\t\tcheckboxLabel,\n\t\t\tcheckboxProps,\n\t\t\tprimaryButtonProps,\n\t\t\tsecondaryButtonProps\n\t\t},\n\t\tref\n\t) => {\n\t\tconst isMobile = useIsMobile();\n\t\tconst { container, startBlock, endBlock } = formFooterTemplateStyles();\n\n\t\tif (isMobile) {\n\t\t\tprimaryButtonProps = { ...primaryButtonProps, size: \"xl\" };\n\t\t\tsecondaryButtonProps = { ...secondaryButtonProps, size: \"xl\" };\n\t\t}\n\t\tconst primaryButtonElement = primaryButton && (\n\t\t\t<Button key=\"primary-button\" variant=\"primary\" {...primaryButtonProps}>\n\t\t\t\t{primaryButton}\n\t\t\t</Button>\n\t\t);\n\n\t\tconst secondaryButtonElement = secondaryButton && (\n\t\t\t<Button key=\"secondary-button\" variant=\"outline\" {...secondaryButtonProps}>\n\t\t\t\t{secondaryButton}\n\t\t\t</Button>\n\t\t);\n\n\t\treturn (\n\t\t\t<FormFooter className={className} ref={ref}>\n\t\t\t\t<div className={container()}>\n\t\t\t\t\t{checkboxLabel && (\n\t\t\t\t\t\t<div className={startBlock()}>\n\t\t\t\t\t\t\t<CheckboxField label={checkboxLabel} {...checkboxProps} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className={endBlock()}>\n\t\t\t\t\t\t{isMobile\n\t\t\t\t\t\t\t? [primaryButtonElement, secondaryButtonElement]\n\t\t\t\t\t\t\t: [secondaryButtonElement, primaryButtonElement]}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</FormFooter>\n\t\t);\n\t}\n);\n\nFormFooterTemplate.displayName = \"FormFooterTemplate\";\n"],"names":["formHeaderTemplateStyles","tv","BaseHeaderTemplate","React","className","Icon","title","alignment","description","customIcon","props","ref","header","contentWrapper","icon","jsxs","FormHeader","jsx","FeatureIcon","FormHeaderTemplate","FormTitle","FormDescription","formFooterTemplateStyles","FormFooterTemplate","primaryButton","secondaryButton","checkboxLabel","checkboxProps","primaryButtonProps","secondaryButtonProps","isMobile","useIsMobile","container","startBlock","endBlock","primaryButtonElement","Button","secondaryButtonElement","FormFooter","CheckboxField"],"mappings":"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"}

package/dist/SearchSelectTag-DLLzQvUa.js

@@ -0,0 +1,56 @@
+import { useState as p, useCallback as g, useMemo as h } from "react";
+import { jsxs as m, jsx as c, Fragment as b } from "react/jsx-runtime";
+import { d as C, a as S, c as T, b as v } from "./Tag-CofZF1d0.js";
+import { e as y } from "./useBreakpoints-D8wKOvil.js";
+import { T as w } from "./index-BVqs-uqP.js";
+function D({ value: t, defaultValue: r, onChange: l }) {
+  const [n, i] = p(r), e = t !== void 0, s = e ? t : n, u = g(
+    (o) => {
+      const a = typeof o == "function" ? o(s) : o;
+      e || i(a), l?.(a);
+    },
+    [s, e, l]
+  );
+  return [s, u];
+}
+const k = w({
+  base: "rounded-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary",
+  variants: {
+    selected: {
+      true: "group-focus-within/search-select-trigger:shadow-focus"
+    }
+  }
+}), N = (t) => {
+  const {
+    children: r,
+    onLabelClick: l,
+    onClose: n,
+    onKeyDown: i,
+    readonly: e = !1,
+    isFocused: s = !1,
+    tabIndex: u
+  } = t, o = !!n, a = y(), d = h(() => a ? "lg" : "md", [a]), f = k({ selected: s });
+  return /* @__PURE__ */ m(C, { size: d, className: f, tabIndex: u, onKeyDown: i, children: [
+    /* @__PURE__ */ c(
+      S,
+      {
+        className: "!shadow-none",
+        position: o && !e ? "left" : void 0,
+        size: d,
+        onClick: l,
+        asChild: !0,
+        children: /* @__PURE__ */ c("span", { children: r })
+      }
+    ),
+    !e && /* @__PURE__ */ m(b, { children: [
+      /* @__PURE__ */ c(T, {}),
+      /* @__PURE__ */ c(v, { className: "!shadow-none", size: d, onClick: n, tag: "span" })
+    ] })
+  ] });
+};
+N.displayName = "SearchSelectTag";
+export {
+  N as S,
+  D as u
+};
+//# sourceMappingURL=SearchSelectTag-DLLzQvUa.js.map

package/dist/{SearchSelectTag-DSedIRSV.js.map → SearchSelectTag-DLLzQvUa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SearchSelectTag-DSedIRSV.js","sources":["../src/hooks/useControllableState.ts","../src/components/search-select/components/SearchSelectTag.tsx"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\ntype UseControllableStateParams<T> = {\n\t/** Controlled значение */\n\tvalue?: T;\n\t/** Значение по умолчанию для uncontrolled режима */\n\tdefaultValue?: T;\n\t/** Callback при изменении значения */\n\tonChange?: (value: T) => void;\n};\n\n/**\n * Универсальный хук для управления controlled/uncontrolled состоянием.\n */\nexport function useControllableState<T>({ value, defaultValue, onChange }: UseControllableStateParams<T>) {\n\tconst [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n\n\tconst isControlled = value !== undefined;\n\tconst actualValue = isControlled ? value : uncontrolledValue;\n\n\tconst setValue = useCallback(\n\t\t(nextValue: T | ((prevValue: T) => T)) => {\n\t\t\tconst resolvedValue =\n\t\t\t\ttypeof nextValue === \"function\" ? (nextValue as (prevValue: T) => T)(actualValue as T) : nextValue;\n\n\t\t\tif (!isControlled) {\n\t\t\t\tsetUncontrolledValue(resolvedValue);\n\t\t\t}\n\n\t\t\tonChange?.(resolvedValue);\n\t\t},\n\t\t[actualValue, isControlled, onChange]\n\t);\n\n\treturn [actualValue, setValue] as const;\n}\n","import { TagButton, TagClose, TagDivider, TagWrapper } from \"@/components/tag/Tag\";\nimport { useIsMobile } from \"@/hooks/useBreakpoints\";\nimport { PropsWithChildren, useMemo } from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst searchSelectTagStyles = tv({\n\tbase: \"rounded-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary\",\n\tvariants: {\n\t\tselected: {\n\t\t\ttrue: \"group-focus-within/search-select-trigger:shadow-focus\"\n\t\t}\n\t}\n});\n\nexport interface SearchSelectTagProps {\n\tonLabelClick: (e: React.MouseEvent<HTMLElement>) => void;\n\tonClose: (e: React.MouseEvent<HTMLElement>) => void;\n\tonKeyDown?: (e: React.KeyboardEvent<HTMLDivElement>) => void;\n\treadonly?: boolean;\n\tisFocused?: boolean;\n\ttabIndex?: number;\n}\n\nexport const SearchSelectTag = (props: PropsWithChildren<SearchSelectTagProps>) => {\n\tconst {\n\t\tchildren,\n\t\tonLabelClick,\n\t\tonClose,\n\t\tonKeyDown,\n\t\treadonly = false,\n\t\tisFocused: selected = false,\n\t\ttabIndex\n\t} = props;\n\tconst hasClose = Boolean(onClose);\n\tconst isMobile = useIsMobile();\n\tconst size = useMemo(() => (isMobile ? \"lg\" : \"md\"), [isMobile]);\n\tconst styles = searchSelectTagStyles({ selected });\n\n\treturn (\n\t\t<TagWrapper size={size} className={styles} tabIndex={tabIndex} onKeyDown={onKeyDown}>\n\t\t\t<TagButton position={hasClose && !readonly ? \"left\" : undefined} size={size} onClick={onLabelClick} asChild>\n\t\t\t\t<span>{children}</span>\n\t\t\t</TagButton>\n\n\t\t\t{!readonly && (\n\t\t\t\t<>\n\t\t\t\t\t<TagDivider />\n\t\t\t\t\t<TagClose size={size} onClick={onClose} tag=\"span\" />\n\t\t\t\t</>\n\t\t\t)}\n\t\t</TagWrapper>\n\t);\n};\n\nSearchSelectTag.displayName = \"SearchSelectTag\";\n"],"names":["useControllableState","value","defaultValue","onChange","uncontrolledValue","setUncontrolledValue","useState","isControlled","actualValue","setValue","useCallback","nextValue","resolvedValue","searchSelectTagStyles","tv","SearchSelectTag","props","children","onLabelClick","onClose","onKeyDown","readonly","selected","tabIndex","hasClose","isMobile","useIsMobile","size","useMemo","styles","TagWrapper","jsx","TagButton","jsxs","Fragment","TagDivider","TagClose"],"mappings":";;;;;AAcO,SAASA,EAAwB,EAAE,OAAAC,GAAO,cAAAC,GAAc,UAAAC,KAA2C;AACzG,QAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAASJ,CAAY,GAEjEK,IAAeN,MAAU,QACzBO,IAAcD,IAAeN,IAAQG,GAErCK,IAAWC;AAAA,IAChB,CAACC,MAAyC;AACzC,YAAMC,IACL,OAAOD,KAAc,aAAcA,EAAkCH,CAAgB,IAAIG;AAE1F,MAAKJ,KACJF,EAAqBO,CAAa,GAGnCT,IAAWS,CAAa;AAAA,IACzB;AAAA,IACA,CAACJ,GAAaD,GAAcJ,CAAQ;AAAA,EACrC;AAEO,SAAA,CAACK,GAAaC,CAAQ;AAC9B;AC9BA,MAAMI,IAAwBC,EAAG;AAAA,EAChC,MAAM;AAAA,EACN,UAAU;AAAA,IACT,UAAU;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACP;AAEF,CAAC,GAWYC,IAAkB,CAACC,MAAmD;AAC5E,QAAA;AAAA,IACL,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,WAAWC,IAAW;AAAA,IACtB,UAAAC;AAAA,EAAA,IACGP,GACEQ,IAAW,EAAQL,GACnBM,IAAWC,EAAY,GACvBC,IAAOC,EAAQ,MAAOH,IAAW,OAAO,MAAO,CAACA,CAAQ,CAAC,GACzDI,IAAShB,EAAsB,EAAE,UAAAS,GAAU;AAEjD,2BACEQ,GAAW,EAAA,MAAAH,GAAY,WAAWE,GAAQ,UAAAN,GAAoB,WAAAH,GAC9D,UAAA;AAAA,IAAA,gBAAAW,EAACC,GAAU,EAAA,UAAUR,KAAY,CAACH,IAAW,SAAS,QAAW,MAAAM,GAAY,SAAST,GAAc,SAAO,IAC1G,UAAC,gBAAAa,EAAA,QAAA,EAAM,UAAAd,EAAS,CAAA,GACjB;AAAA,IAEC,CAACI,KAEA,gBAAAY,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAW,EAAA;AAAA,wBACXC,GAAS,EAAA,MAAAT,GAAY,SAASR,GAAS,KAAI,OAAO,CAAA;AAAA,IAAA,EACpD,CAAA;AAAA,EAAA,GAEF;AAEF;AAEAJ,EAAgB,cAAc;"}
+{"version":3,"file":"SearchSelectTag-DLLzQvUa.js","sources":["../src/hooks/useControllableState.ts","../src/components/search-select/components/SearchSelectTag.tsx"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\ntype UseControllableStateParams<T> = {\n\t/** Controlled значение */\n\tvalue?: T;\n\t/** Значение по умолчанию для uncontrolled режима */\n\tdefaultValue?: T;\n\t/** Callback при изменении значения */\n\tonChange?: (value: T) => void;\n};\n\n/**\n * Универсальный хук для управления controlled/uncontrolled состоянием.\n */\nexport function useControllableState<T>({ value, defaultValue, onChange }: UseControllableStateParams<T>) {\n\tconst [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n\n\tconst isControlled = value !== undefined;\n\tconst actualValue = isControlled ? value : uncontrolledValue;\n\n\tconst setValue = useCallback(\n\t\t(nextValue: T | ((prevValue: T) => T)) => {\n\t\t\tconst resolvedValue =\n\t\t\t\ttypeof nextValue === \"function\" ? (nextValue as (prevValue: T) => T)(actualValue as T) : nextValue;\n\n\t\t\tif (!isControlled) {\n\t\t\t\tsetUncontrolledValue(resolvedValue);\n\t\t\t}\n\n\t\t\tonChange?.(resolvedValue);\n\t\t},\n\t\t[actualValue, isControlled, onChange]\n\t);\n\n\treturn [actualValue, setValue] as const;\n}\n","import { TagButton, TagClose, TagDivider, TagWrapper } from \"@/components/tag/Tag\";\nimport { useIsMobile } from \"@/hooks/useBreakpoints\";\nimport { PropsWithChildren, useMemo } from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst searchSelectTagStyles = tv({\n\tbase: \"rounded-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary\",\n\tvariants: {\n\t\tselected: {\n\t\t\ttrue: \"group-focus-within/search-select-trigger:shadow-focus\"\n\t\t}\n\t}\n});\n\nexport interface SearchSelectTagProps {\n\tonLabelClick: (e: React.MouseEvent<HTMLElement>) => void;\n\tonClose: (e: React.MouseEvent<HTMLElement>) => void;\n\tonKeyDown?: (e: React.KeyboardEvent<HTMLDivElement>) => void;\n\treadonly?: boolean;\n\tisFocused?: boolean;\n\ttabIndex?: number;\n}\n\nexport const SearchSelectTag = (props: PropsWithChildren<SearchSelectTagProps>) => {\n\tconst {\n\t\tchildren,\n\t\tonLabelClick,\n\t\tonClose,\n\t\tonKeyDown,\n\t\treadonly = false,\n\t\tisFocused: selected = false,\n\t\ttabIndex\n\t} = props;\n\tconst hasClose = Boolean(onClose);\n\tconst isMobile = useIsMobile();\n\tconst size = useMemo(() => (isMobile ? \"lg\" : \"md\"), [isMobile]);\n\tconst styles = searchSelectTagStyles({ selected });\n\n\treturn (\n\t\t<TagWrapper size={size} className={styles} tabIndex={tabIndex} onKeyDown={onKeyDown}>\n\t\t\t<TagButton\n\t\t\t\tclassName=\"!shadow-none\"\n\t\t\t\tposition={hasClose && !readonly ? \"left\" : undefined}\n\t\t\t\tsize={size}\n\t\t\t\tonClick={onLabelClick}\n\t\t\t\tasChild\n\t\t\t>\n\t\t\t\t<span>{children}</span>\n\t\t\t</TagButton>\n\n\t\t\t{!readonly && (\n\t\t\t\t<>\n\t\t\t\t\t<TagDivider />\n\t\t\t\t\t<TagClose className=\"!shadow-none\" size={size} onClick={onClose} tag=\"span\" />\n\t\t\t\t</>\n\t\t\t)}\n\t\t</TagWrapper>\n\t);\n};\n\nSearchSelectTag.displayName = \"SearchSelectTag\";\n"],"names":["useControllableState","value","defaultValue","onChange","uncontrolledValue","setUncontrolledValue","useState","isControlled","actualValue","setValue","useCallback","nextValue","resolvedValue","searchSelectTagStyles","tv","SearchSelectTag","props","children","onLabelClick","onClose","onKeyDown","readonly","selected","tabIndex","hasClose","isMobile","useIsMobile","size","useMemo","styles","TagWrapper","jsx","TagButton","jsxs","Fragment","TagDivider","TagClose"],"mappings":";;;;;AAcO,SAASA,EAAwB,EAAE,OAAAC,GAAO,cAAAC,GAAc,UAAAC,KAA2C;AACzG,QAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAASJ,CAAY,GAEjEK,IAAeN,MAAU,QACzBO,IAAcD,IAAeN,IAAQG,GAErCK,IAAWC;AAAA,IAChB,CAACC,MAAyC;AACzC,YAAMC,IACL,OAAOD,KAAc,aAAcA,EAAkCH,CAAgB,IAAIG;AAE1F,MAAKJ,KACJF,EAAqBO,CAAa,GAGnCT,IAAWS,CAAa;AAAA,IACzB;AAAA,IACA,CAACJ,GAAaD,GAAcJ,CAAQ;AAAA,EACrC;AAEO,SAAA,CAACK,GAAaC,CAAQ;AAC9B;AC9BA,MAAMI,IAAwBC,EAAG;AAAA,EAChC,MAAM;AAAA,EACN,UAAU;AAAA,IACT,UAAU;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACP;AAEF,CAAC,GAWYC,IAAkB,CAACC,MAAmD;AAC5E,QAAA;AAAA,IACL,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,WAAWC,IAAW;AAAA,IACtB,UAAAC;AAAA,EAAA,IACGP,GACEQ,IAAW,EAAQL,GACnBM,IAAWC,EAAY,GACvBC,IAAOC,EAAQ,MAAOH,IAAW,OAAO,MAAO,CAACA,CAAQ,CAAC,GACzDI,IAAShB,EAAsB,EAAE,UAAAS,GAAU;AAEjD,2BACEQ,GAAW,EAAA,MAAAH,GAAY,WAAWE,GAAQ,UAAAN,GAAoB,WAAAH,GAC9D,UAAA;AAAA,IAAA,gBAAAW;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,WAAU;AAAA,QACV,UAAUR,KAAY,CAACH,IAAW,SAAS;AAAA,QAC3C,MAAAM;AAAA,QACA,SAAST;AAAA,QACT,SAAO;AAAA,QAEP,UAAA,gBAAAa,EAAC,UAAM,UAAAd,EAAS,CAAA;AAAA,MAAA;AAAA,IACjB;AAAA,IAEC,CAACI,KAEA,gBAAAY,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAW,EAAA;AAAA,MACZ,gBAAAJ,EAACK,KAAS,WAAU,gBAAe,MAAAT,GAAY,SAASR,GAAS,KAAI,OAAO,CAAA;AAAA,IAAA,EAC7E,CAAA;AAAA,EAAA,GAEF;AAEF;AAEAJ,EAAgB,cAAc;"}

package/dist/components/card.js

@@ -3,7 +3,7 @@ import { S as c } from "../index-5Bhkapwi.js";
 import d, { useCallback as g } from "react";
 import { T as l } from "../index-BVqs-uqP.js";
 import { I as h } from "../IconButton-moydR8IU.js";
-import { u as C } from "../useBreakpoints-wEcfJPHd.js";
+import { e as C } from "../useBreakpoints-D8wKOvil.js";
 import { c as v } from "../createLucideIcon-DwBrHnj9.js";
 /**
  * @license lucide-react v0.460.0 - ISC

package/dist/components/dialog.js

@@ -2,7 +2,7 @@ import { D as s, a as i } from "../Dialog-CZdFN7TO.js";
 import { b as y, c as B, d as C, e as h, f as x, g as j, h as u, i as v, j as O, M as P, k as R, l as _, m as b, n as k, o as q, p as w, q as N, r as z, s as A, t as E } from "../Dialog-CZdFN7TO.js";
 import { jsx as a } from "react/jsx-runtime";
 import d from "react";
-import { F as g, B as m } from "../FormFooterTemplate-CAZGzVYy.js";
+import { F as g, B as m } from "../FormFooterTemplate-I-NxFuYd.js";
 const o = d.forwardRef(
   ({ title: e, description: l, ...r }, t) => /* @__PURE__ */ a(
     m,

package/dist/components/file-upload.js

@@ -1,23 +1,23 @@
-import { jsx as a, jsxs as h } from "react/jsx-runtime";
+import { jsx as a, jsxs as p, Fragment as J } from "react/jsx-runtime";
 import { I as H } from "../IconButton-moydR8IU.js";
 import { f as j, u as S } from "../useFileUpload-iDag0iqM.js";
 import U, { useMemo as T, useCallback as M } from "react";
 import { T as b } from "../index-BVqs-uqP.js";
 import { F as V } from "../FeatureIcon-yM7FhAXa.js";
 import { c as F } from "../createLucideIcon-DwBrHnj9.js";
-import { I as J } from "../image-BqL5JP90.js";
+import { I as K } from "../image-BqL5JP90.js";
 import { X as q } from "../x-tDTt7hTQ.js";
-import { A as K, b as P, a as Q } from "../AlertIcon-DQs4wtDT.js";
-import { C as Y } from "../circle-alert-CVIokIC7.js";
-import { B as ee } from "../Button--ooZ8ALo.js";
-import { I as ae } from "../Icon-DH3ev9GK.js";
+import { A as P, b as Q, a as Y } from "../AlertIcon-DQs4wtDT.js";
+import { C as ee } from "../circle-alert-CVIokIC7.js";
+import { B as ae } from "../Button--ooZ8ALo.js";
+import { I as te } from "../Icon-DH3ev9GK.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 te = F("FileArchive", [
+const re = F("FileArchive", [
   ["path", { d: "M10 12v-1", key: "v7bkov" }],
   ["path", { d: "M10 18v-2", key: "1cjy8d" }],
   ["path", { d: "M10 7V6", key: "dljcrl" }],
@@ -34,7 +34,7 @@ const te = F("FileArchive", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const re = F("FileSpreadsheet", [
+const oe = F("FileSpreadsheet", [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M8 13h2", key: "yr2amv" }],
@@ -48,7 +48,7 @@ const re = F("FileSpreadsheet", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const oe = F("FileText", [
+const se = F("FileText", [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
@@ -61,7 +61,7 @@ const oe = F("FileText", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const se = F("File", [
+const le = F("File", [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }]
 ]);
@@ -71,7 +71,7 @@ const se = F("File", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const le = F("Headphones", [
+const ie = F("Headphones", [
   [
     "path",
     {
@@ -97,7 +97,7 @@ const B = F("Upload", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ie = F("Video", [
+const ne = F("Video", [
   [
     "path",
     {
@@ -108,13 +108,13 @@ const ie = F("Video", [
   ["rect", { x: "2", y: "6", width: "14", height: "12", rx: "2", key: "158x01" }]
 ]), Z = (r) => {
   const e = r.type, t = r.name;
-  return e.includes("pdf") || t.endsWith(".pdf") || e.includes("word") || t.endsWith(".doc") || t.endsWith(".docx") ? oe : e.includes("zip") || e.includes("archive") || t.endsWith(".zip") || t.endsWith(".rar") ? te : e.includes("excel") || t.endsWith(".xls") || t.endsWith(".xlsx") ? re : e.includes("video/") ? ie : e.includes("audio/") ? le : e.startsWith("image/") ? J : se;
-}, ne = b({
+  return e.includes("pdf") || t.endsWith(".pdf") || e.includes("word") || t.endsWith(".doc") || t.endsWith(".docx") ? se : e.includes("zip") || e.includes("archive") || t.endsWith(".zip") || t.endsWith(".rar") ? re : e.includes("excel") || t.endsWith(".xls") || t.endsWith(".xlsx") ? oe : e.includes("video/") ? ne : e.includes("audio/") ? ie : e.startsWith("image/") ? K : le;
+}, de = b({
   base: "size-10 rounded-md p-2.5 text-muted !shadow-none"
-}), de = ({ file: r }) => {
+}), ce = ({ file: r }) => {
   const e = Z(r);
-  return /* @__PURE__ */ a(V, { icon: e, type: "primary", size: "2xl", className: ne() });
-}, ce = b({
+  return /* @__PURE__ */ a(V, { icon: e, type: "primary", size: "2xl", className: de() });
+}, pe = b({
   slots: {
     wrapper: "box-border flex h-16 justify-between gap-2 rounded-xl border border-secondary-border bg-background p-3 pe-3",
     icon: "-me-3 -mt-3 size-9 text-muted hover:bg-transparent",
@@ -125,11 +125,11 @@ const ie = F("Video", [
   }
 }), L = U.forwardRef(
   ({ onClear: r, file: e, className: t, ...l }, i) => {
-    const o = ce();
-    return /* @__PURE__ */ h("div", { className: o.wrapper({ className: t }), ref: i, ...l, children: [
-      /* @__PURE__ */ h("div", { className: o.infoWrapper(), children: [
-        /* @__PURE__ */ a(de, { file: e }),
-        /* @__PURE__ */ h("div", { className: o.textWrapper(), children: [
+    const o = pe();
+    return /* @__PURE__ */ p("div", { className: o.wrapper({ className: t }), ref: i, ...l, children: [
+      /* @__PURE__ */ p("div", { className: o.infoWrapper(), children: [
+        /* @__PURE__ */ a(ce, { file: e }),
+        /* @__PURE__ */ p("div", { className: o.textWrapper(), children: [
           /* @__PURE__ */ a("p", { className: o.title(), children: e.name }),
           /* @__PURE__ */ a("p", { className: o.description(), children: j(e.size) })
         ] })
@@ -152,13 +152,13 @@ L.displayName = "FileUploadItem";
 const D = U.forwardRef(({ error: r, ...e }, t) => {
   const l = Array.isArray(r) ? r.join(`
 `) : r;
-  return /* @__PURE__ */ h(K, { status: "error", focus: "medium", ...e, ref: t, children: [
-    /* @__PURE__ */ a(P, { icon: Y }),
-    /* @__PURE__ */ a(Q, { className: "whitespace-pre-line", children: l })
+  return /* @__PURE__ */ p(P, { status: "error", focus: "medium", ...e, ref: t, children: [
+    /* @__PURE__ */ a(Q, { icon: ee }),
+    /* @__PURE__ */ a(Y, { className: "whitespace-pre-line", children: l })
   ] });
 });
 D.displayName = "FileUploadError";
-const pe = b({
+const me = b({
   base: "shrink-0"
 }), W = ({ icon: r, className: e, ...t }) => /* @__PURE__ */ a(
   V,
@@ -166,12 +166,12 @@ const pe = b({
     type: "primary",
     size: "2xl",
     icon: r,
-    className: pe({ className: e }),
+    className: me({ className: e }),
     ...t
   }
 );
 W.displayName = "FileUploadDropAreaIcon";
-const me = b({
+const he = b({
   slots: {
     wrapper: [
       "has-[:disabled]:pointer-events-none has-[:disabled]:opacity-50",
@@ -199,8 +199,8 @@ Infinity size`,
     children: o,
     ...s
   }, c) => {
-    const y = me();
-    return /* @__PURE__ */ h("div", { role: "button", className: y.wrapper({ className: r }), ref: c, ...s, children: [
+    const y = he();
+    return /* @__PURE__ */ p("div", { role: "button", className: y.wrapper({ className: r }), ref: c, ...s, children: [
       /* @__PURE__ */ a(W, { icon: l || B, className: y.icon() }),
       /* @__PURE__ */ a("p", { className: y.title(), children: e }),
       t && /* @__PURE__ */ a("p", { className: y.description(), children: t }),
@@ -210,7 +210,7 @@ Infinity size`,
   }
 );
 E.displayName = "FileUploadDropArea";
-const he = b({
+const fe = b({
   slots: {
     wrapper: [
       "has-[:disabled]:pointer-events-none has-[:disabled]:opacity-50",
@@ -221,21 +221,26 @@ const he = b({
     ],
     icon: "mr-3 size-8 rounded-sm p-2",
     title: "text-sm font-medium text-primary-accent",
-    description: "ml-1.5 flex flex-wrap justify-center gap-1.5 text-xs text-primary-fg"
+    description: "ml-1.5 flex flex-wrap justify-center gap-1.5 text-xs text-muted"
   }
 }), O = U.forwardRef(
   ({ className: r, title: e = "Upload files", description: t = "Drag & drop or click to browse", icon: l, children: i, ...o }, s) => {
-    const c = he();
-    return /* @__PURE__ */ h("div", { role: "button", className: c.wrapper({ className: r }), ref: s, ...o, children: [
+    const c = fe();
+    return /* @__PURE__ */ p("div", { role: "button", className: c.wrapper({ className: r }), ref: s, ...o, children: [
       /* @__PURE__ */ a(W, { icon: l || B, className: c.icon() }),
-      /* @__PURE__ */ a("p", { className: c.title(), children: e }),
-      t && /* @__PURE__ */ a("p", { className: c.description(), children: t }),
-      i
+      /* @__PURE__ */ p("div", { className: "flex items-baseline", children: [
+        /* @__PURE__ */ a("p", { className: c.title(), children: e }),
+        t && /* @__PURE__ */ p(J, { children: [
+          /* @__PURE__ */ a("span", { className: "ml-1.5 text-muted", children: "∙" }),
+          /* @__PURE__ */ a("p", { className: c.description(), children: t })
+        ] }),
+        i
+      ] })
     ] });
   }
 );
 O.displayName = "FileUploadInlineDropArea";
-const _ = ({ children: r = "Remove all files", ...e }) => /* @__PURE__ */ a(ee, { size: "sm", variant: "outline", type: "button", ...e, children: r });
+const _ = ({ children: r = "Remove all files", ...e }) => /* @__PURE__ */ a(ae, { size: "sm", variant: "outline", type: "button", ...e, children: r });
 _.displayName = "FileUploadClearButton";
 const X = ({
   isDragging: r,
@@ -283,7 +288,7 @@ const $ = ({
   }
 );
 $.displayName = "FileUploadCompactInputZone";
-const fe = b({
+const ue = b({
   slots: {
     wrapper: "box-border flex h-10 items-center gap-2 rounded-lg border border-secondary-border bg-background p-2.5 pr-10",
     icon: "text-muted",
@@ -295,11 +300,11 @@ const fe = b({
   }
 }), G = U.forwardRef(
   ({ onClear: r, file: e, className: t, renderIcon: l, ...i }, o) => {
-    const s = fe(), c = Z(e);
-    return /* @__PURE__ */ h("div", { className: "relative", children: [
-      /* @__PURE__ */ h("div", { className: s.wrapper({ className: t }), ref: o, ...i, children: [
-        l ?? /* @__PURE__ */ a("div", { className: "size-5", children: /* @__PURE__ */ a(ae, { icon: c, size: "lg", className: s.icon() }) }),
-        /* @__PURE__ */ a("div", { className: s.infoWrapper(), children: /* @__PURE__ */ h("div", { className: s.textWrapper(), children: [
+    const s = ue(), c = Z(e);
+    return /* @__PURE__ */ p("div", { className: "relative", children: [
+      /* @__PURE__ */ p("div", { className: s.wrapper({ className: t }), ref: o, ...i, children: [
+        l ?? /* @__PURE__ */ a("div", { className: "size-5", children: /* @__PURE__ */ a(te, { icon: c, size: "lg", className: s.icon() }) }),
+        /* @__PURE__ */ a("div", { className: s.infoWrapper(), children: /* @__PURE__ */ p("div", { className: s.textWrapper(), children: [
           /* @__PURE__ */ a("p", { className: s.title(), children: e.name }),
           /* @__PURE__ */ a("p", { className: s.description(), children: j(e.size) })
         ] }) })
@@ -319,9 +324,9 @@ const fe = b({
   }
 );
 G.displayName = "FileUploadItemCompact";
-const ue = b({
+const ye = b({
   base: "flex flex-col gap-3"
-}), ye = (r) => {
+}), be = (r) => {
   const {
     files: e,
     onRemove: t,
@@ -343,23 +348,23 @@ const ue = b({
     multiple: N,
     errorMessages: z,
     onFilesChange: (d) => {
-      const u = d.map((m) => m.file);
+      const u = d.map((h) => h.file);
       s?.(u);
     },
     onFilesAdded: (d) => {
-      const u = d.map((m) => m.file);
+      const u = d.map((h) => h.file);
       l?.(u);
     }
-  }), n = T(() => e || g.map((d) => d.file), [e, g]), p = M(() => {
+  }), n = T(() => e || g.map((d) => d.file), [e, g]), m = M(() => {
     v.clearFiles(), i?.();
   }, [v, i]), f = M(
     (d, u) => {
-      const m = g.find((R) => R.file.name === d.name && R.file.size === d.size)?.id;
-      m && v.removeFile(m), t?.(d, u);
+      const h = g.find((R) => R.file.name === d.name && R.file.size === d.size)?.id;
+      h && v.removeFile(h), t?.(d, u);
     },
     [g, v, t]
   );
-  return /* @__PURE__ */ h("div", { className: ue({ className: c }), children: [
+  return /* @__PURE__ */ p("div", { className: ye({ className: c }), children: [
     /* @__PURE__ */ a(
       X,
       {
@@ -371,16 +376,16 @@ const ue = b({
       }
     ),
     x.length > 0 && /* @__PURE__ */ a(D, { error: x }),
-    n.length > 0 && /* @__PURE__ */ h("div", { className: "space-y-2", children: [
+    n.length > 0 && /* @__PURE__ */ p("div", { className: "space-y-2", children: [
       n.map((d, u) => /* @__PURE__ */ a(L, { file: d, onClear: () => f(d, u) }, u)),
-      n.length > 1 && /* @__PURE__ */ a(_, { onClick: p, children: C })
+      n.length > 1 && /* @__PURE__ */ a(_, { onClick: m, children: C })
     ] })
   ] });
 };
-ye.displayName = "FileUpload";
-const be = b({
+be.displayName = "FileUpload";
+const ge = b({
   base: "box-border flex flex-col gap-2"
-}), ge = (r) => {
+}), xe = (r) => {
   const {
     files: e,
     onRemove: t,
@@ -400,48 +405,48 @@ const be = b({
     multiple: I,
     errorMessages: w,
     onFilesChange: (n) => {
-      const p = n.map((f) => f.file);
-      o?.(p);
+      const m = n.map((f) => f.file);
+      o?.(m);
     },
     onFilesAdded: (n) => {
-      const p = n.map((f) => f.file);
-      l?.(p);
+      const m = n.map((f) => f.file);
+      l?.(m);
     }
   }), x = T(() => e || N.map((n) => n.file), [e, N]), v = M(
-    (n, p) => {
+    (n, m) => {
       const f = N.find((d) => d.file.name === n.name && d.file.size === n.size)?.id;
-      f && k.removeFile(f), t?.(n, p);
+      f && k.removeFile(f), t?.(n, m);
     },
     [N, k, t]
   );
-  return /* @__PURE__ */ h("div", { className: be({ className: s }), children: [
+  return /* @__PURE__ */ p("div", { className: ge({ className: s }), children: [
     /* @__PURE__ */ a($, { ...k, isDragging: A, title: c, description: y }),
     g.length > 0 && /* @__PURE__ */ a(D, { error: g }),
-    x.length > 0 && /* @__PURE__ */ a("div", { children: x.map((n, p) => {
-      const f = p === 0, d = x.length === 1, u = p === x.length - 1;
-      let m = "";
-      return d ? m = "" : f ? m = "border-b-0 rounded-b-none" : u ? m = "rounded-t-none" : m = "border-b-0 rounded-none", /* @__PURE__ */ a(
+    x.length > 0 && /* @__PURE__ */ a("div", { children: x.map((n, m) => {
+      const f = m === 0, d = x.length === 1, u = m === x.length - 1;
+      let h = "";
+      return d ? h = "" : f ? h = "border-b-0 rounded-b-none" : u ? h = "rounded-t-none" : h = "border-b-0 rounded-none", /* @__PURE__ */ a(
         G,
         {
           file: n,
-          onClear: () => v(n, p),
-          className: m,
+          onClear: () => v(n, m),
+          className: h,
           renderIcon: C?.(n)
         },
-        p
+        m
       );
     }) })
   ] });
 };
-ge.displayName = "FileUploadCompact";
+xe.displayName = "FileUploadCompact";
 export {
-  ye as FileUpload,
+  be as FileUpload,
   _ as FileUploadClearButton,
-  ge as FileUploadCompact,
+  xe as FileUploadCompact,
   $ as FileUploadCompactInputZone,
   E as FileUploadDropArea,
   D as FileUploadError,
-  de as FileUploadIcon,
+  ce as FileUploadIcon,
   O as FileUploadInlineDropArea,
   X as FileUploadInputZone,
   L as FileUploadItem,