ics-ui-kit 0.1.0-alpha.35 → 0.1.0-alpha.36

package/dist/{Modal-9NNMBF-S.js → Modal-DWNmrjLy.js}

@@ -14,14 +14,14 @@ const H = b;
 H.displayName = "ModalTrigger";
 const O = c;
 O.displayName = "ModalPortal";
-const X = l.forwardRef(({ className: a, ...o }, s) => {
-  const t = z({ class: a });
-  return /* @__PURE__ */ e(w, { ref: s, className: t, ...o });
+const X = l.forwardRef(({ className: a, ...o }, t) => {
+  const s = z({ class: a });
+  return /* @__PURE__ */ e(w, { ref: t, className: s, ...o });
 });
 X.displayName = "ModalTitle";
-const k = l.forwardRef(({ className: a, ...o }, s) => {
-  const t = F({ class: a });
-  return /* @__PURE__ */ e(h, { ref: s, className: t, ...o });
+const k = l.forwardRef(({ className: a, ...o }, t) => {
+  const s = F({ class: a });
+  return /* @__PURE__ */ e(h, { ref: t, className: s, ...o });
 });
 k.displayName = "ModalDescription";
 const q = C;
@@ -33,12 +33,12 @@ E.displayName = "ModalFooter";
 const p = D;
 p.displayName = "ModalClose";
 const G = i({ extend: R }), f = l.forwardRef(
-  ({ className: a, blur: o, type: s, ...t }, r) => /* @__PURE__ */ e(m, { ref: r, className: G({ class: a, blur: o, type: s }), ...t })
+  ({ className: a, blur: o, type: t, ...s }, r) => /* @__PURE__ */ e(m, { ref: r, className: G({ class: a, blur: o, type: t }), ...s })
 );
 f.displayName = m.displayName;
 const J = i({
   base: [
-    "fixed left-[50%] top-[50%] z-50 max-h-[min(90vh,calc(100vh-44px))] w-full max-w-[min(480px,calc(100vw-32px))] translate-x-[-50%] translate-y-[-50%] lg:max-h-[min(90vh,830px)] lg:max-w-[min(544px,calc(100vw-32px))]",
+    "fixed left-[50%] top-[45%] z-50 max-h-[min(90vh,calc(100vh-44px))] w-full max-w-[min(480px,calc(100vw-32px))] translate-x-[-50%] translate-y-[-45%] lg:top-[35%] lg:max-h-[min(90vh,830px)] lg:max-w-[min(544px,calc(100vw-32px))] lg:translate-y-[-35%]",
     "flex flex-col gap-0 overflow-hidden rounded-xl bg-secondary-bg p-0 shadow-lg",
     "duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]"
   ],
@@ -48,8 +48,8 @@ const J = i({
   }
 }), K = l.forwardRef((a, o) => {
   const {
-    className: s,
-    children: t,
+    className: t,
+    children: s,
     overlayBlur: r,
     overlayType: y,
     showCloseButton: g = !0,
@@ -58,8 +58,8 @@ const J = i({
   } = a, d = J(), x = S(M);
   return /* @__PURE__ */ n(c, { container: x, children: [
     /* @__PURE__ */ e(f, { blur: r, type: y }),
-    /* @__PURE__ */ n(N, { ref: o, className: d.base({ className: s }), ...u, children: [
-      t,
+    /* @__PURE__ */ n(N, { ref: o, className: d.base({ className: t }), ...u, children: [
+      s,
       g && /* @__PURE__ */ e(p, { className: d.closeButton(), children: /* @__PURE__ */ e(P, { className: d.closeIcon(), size: "lg", icon: I }) })
     ] })
   ] });
@@ -78,4 +78,4 @@ export {
   O as i,
   H as j
 };
-//# sourceMappingURL=Modal-9NNMBF-S.js.map
+//# sourceMappingURL=Modal-DWNmrjLy.js.map

package/dist/Modal-DWNmrjLy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal-DWNmrjLy.js","sources":["../src/components/modal/Modal.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\nimport * as React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { Dialog, DialogClose, DialogOverlay, DialogPortal, DialogTrigger } from \"../dialog/Dialog\";\nimport { FormBody } from \"../form/components/form-body/FormBody\";\nimport { FormFooter } from \"../form/components/form-footer/FormFooter\";\nimport { formDescriptionStyles, FormHeader, formTitleStyles } from \"../form/components/form-header/FormHeader\";\nimport { Icon } from \"../icon\";\nimport { overlayStyles, OverlayVariants } from \"../overlay/Overlay\";\nimport { usePortalContainer } from \"../portal-container\";\n\nconst Modal = Dialog;\nModal.displayName = \"Modal\";\n\nconst ModalTrigger = DialogTrigger;\nModalTrigger.displayName = \"ModalTrigger\";\n\nconst ModalPortal = DialogPortal;\nModalPortal.displayName = \"ModalPortal\";\n\nconst ModalTitle = React.forwardRef<\n\tReact.ElementRef<typeof DialogPrimitive.Title>,\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => {\n\tconst styles = formTitleStyles({ class: className });\n\treturn <DialogPrimitive.Title ref={ref} className={styles} {...props} />;\n});\nModalTitle.displayName = \"ModalTitle\";\n\nconst ModalDescription = React.forwardRef<\n\tReact.ElementRef<typeof DialogPrimitive.Description>,\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => {\n\tconst styles = formDescriptionStyles({ class: className });\n\treturn <DialogPrimitive.Description ref={ref} className={styles} {...props} />;\n});\nModalDescription.displayName = \"ModalDescription\";\n\nconst ModalHeader = FormHeader;\nModalHeader.displayName = \"ModalHeader\";\n\nconst ModalBody = FormBody;\nModalBody.displayName = \"ModalBody\";\n\nconst ModalFooter = FormFooter;\nModalFooter.displayName = \"ModalFooter\";\n\nconst ModalClose = DialogClose;\nModalClose.displayName = \"ModalClose\";\n\nconst modalOverlayStyles = tv({ extend: overlayStyles });\n\ninterface ModalOverlayProps extends React.ComponentPropsWithoutRef<typeof DialogOverlay>, OverlayVariants {}\n\nconst ModalOverlay = React.forwardRef<React.ElementRef<typeof DialogOverlay>, ModalOverlayProps>(\n\t({ className, blur, type, ...props }, ref) => (\n\t\t<DialogOverlay ref={ref} className={modalOverlayStyles({ class: className, blur, type })} {...props} />\n\t)\n);\nModalOverlay.displayName = DialogOverlay.displayName;\n\nconst modalContentStyles = tv({\n\tbase: [\n\t\t\"fixed left-[50%] top-[45%] z-50 max-h-[min(90vh,calc(100vh-44px))] w-full max-w-[min(480px,calc(100vw-32px))] translate-x-[-50%] translate-y-[-45%] lg:top-[35%] lg:max-h-[min(90vh,830px)] lg:max-w-[min(544px,calc(100vw-32px))] lg:translate-y-[-35%]\",\n\t\t\"flex flex-col gap-0 overflow-hidden rounded-xl bg-secondary-bg p-0 shadow-lg\",\n\t\t\"duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]\"\n\t],\n\tslots: {\n\t\tcloseButton: \"absolute right-0 z-50 h-11 w-11 p-3.5 text-muted lg:right-2 lg:top-2 lg:p-3\",\n\t\tcloseIcon: \"h-4 w-4 lg:h-5 lg:w-5\"\n\t}\n});\n\ntype BackgroundProps = OverlayVariants;\n\nconst ModalContent = React.forwardRef<\n\tReact.ElementRef<typeof DialogPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n\t\toverlayBlur?: BackgroundProps[\"blur\"];\n\t\toverlayType?: BackgroundProps[\"type\"];\n\t\tshowCloseButton?: boolean;\n\t\t/**\n\t\t * Контейнер для портала. Если не указан, используется хук usePortalContainer\n\t\t * для поиска PortalContainer\n\t\t */\n\t\tportalContainer?: HTMLElement;\n\t}\n>((props, ref) => {\n\tconst {\n\t\tclassName,\n\t\tchildren,\n\t\toverlayBlur,\n\t\toverlayType,\n\t\tshowCloseButton = true,\n\t\tportalContainer,\n\t\t...restProps\n\t} = props;\n\tconst styles = modalContentStyles();\n\tconst container = usePortalContainer(portalContainer);\n\treturn (\n\t\t<DialogPortal container={container}>\n\t\t\t<ModalOverlay blur={overlayBlur} type={overlayType} />\n\t\t\t<DialogPrimitive.Content ref={ref} className={styles.base({ className })} {...restProps}>\n\t\t\t\t{children}\n\t\t\t\t{showCloseButton && (\n\t\t\t\t\t<ModalClose className={styles.closeButton()}>\n\t\t\t\t\t\t<Icon className={styles.closeIcon()} size=\"lg\" icon={X}></Icon>\n\t\t\t\t\t</ModalClose>\n\t\t\t\t)}\n\t\t\t</DialogPrimitive.Content>\n\t\t</DialogPortal>\n\t);\n});\nModalContent.displayName = \"ModalContent\";\n\nexport {\n\tModal,\n\tModalBody,\n\tModalClose,\n\tModalContent,\n\tModalDescription,\n\tModalFooter,\n\tModalHeader,\n\tModalOverlay,\n\tModalPortal,\n\tModalTitle,\n\tModalTrigger\n};\n"],"names":["Modal","Dialog","ModalTrigger","DialogTrigger","ModalPortal","DialogPortal","ModalTitle","React","className","props","ref","styles","formTitleStyles","jsx","DialogPrimitive.Title","ModalDescription","formDescriptionStyles","DialogPrimitive.Description","ModalHeader","FormHeader","ModalBody","FormBody","ModalFooter","FormFooter","ModalClose","DialogClose","modalOverlayStyles","tv","overlayStyles","ModalOverlay","blur","type","DialogOverlay","modalContentStyles","ModalContent","children","overlayBlur","overlayType","showCloseButton","portalContainer","restProps","container","usePortalContainer","jsxs","DialogPrimitive.Content","Icon","X"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAQC;AACdD,EAAM,cAAc;AAEpB,MAAME,IAAeC;AACrBD,EAAa,cAAc;AAE3B,MAAME,IAAcC;AACpBD,EAAY,cAAc;AAEpB,MAAAE,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ;AACnC,QAAMC,IAASC,EAAgB,EAAE,OAAOJ,GAAW;AAC5C,SAAA,gBAAAK,EAACC,GAAA,EAAsB,KAAAJ,GAAU,WAAWC,GAAS,GAAGF,GAAO;AACvE,CAAC;AACDH,EAAW,cAAc;AAEnB,MAAAS,IAAmBR,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ;AACnC,QAAMC,IAASK,EAAsB,EAAE,OAAOR,GAAW;AAClD,SAAA,gBAAAK,EAACI,GAAA,EAA4B,KAAAP,GAAU,WAAWC,GAAS,GAAGF,GAAO;AAC7E,CAAC;AACDM,EAAiB,cAAc;AAE/B,MAAMG,IAAcC;AACpBD,EAAY,cAAc;AAE1B,MAAME,IAAYC;AAClBD,EAAU,cAAc;AAExB,MAAME,IAAcC;AACpBD,EAAY,cAAc;AAE1B,MAAME,IAAaC;AACnBD,EAAW,cAAc;AAEzB,MAAME,IAAqBC,EAAG,EAAE,QAAQC,GAAe,GAIjDC,IAAetB,EAAM;AAAA,EAC1B,CAAC,EAAE,WAAAC,GAAW,MAAAsB,GAAM,MAAAC,GAAM,GAAGtB,KAASC,MACpC,gBAAAG,EAAAmB,GAAA,EAAc,KAAAtB,GAAU,WAAWgB,EAAmB,EAAE,OAAOlB,GAAW,MAAAsB,GAAM,MAAAC,EAAK,CAAC,GAAI,GAAGtB,EAAO,CAAA;AAEvG;AACAoB,EAAa,cAAcG,EAAc;AAEzC,MAAMC,IAAqBN,EAAG;AAAA,EAC7B,MAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA,OAAO;AAAA,IACN,aAAa;AAAA,IACb,WAAW;AAAA,EAAA;AAEb,CAAC,GAIKO,IAAe3B,EAAM,WAYzB,CAACE,GAAOC,MAAQ;AACX,QAAA;AAAA,IACL,WAAAF;AAAA,IACA,UAAA2B;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,iBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACA/B,GACEE,IAASsB,EAAmB,GAC5BQ,IAAYC,EAAmBH,CAAe;AAEnD,SAAA,gBAAAI,EAACtC,KAAa,WAAAoC,GACb,UAAA;AAAA,IAAA,gBAAA5B,EAACgB,GAAa,EAAA,MAAMO,GAAa,MAAMC,GAAa;AAAA,IACnD,gBAAAM,EAAAC,GAAA,EAAwB,KAAAlC,GAAU,WAAWC,EAAO,KAAK,EAAE,WAAAH,EAAW,CAAA,GAAI,GAAGgC,GAC5E,UAAA;AAAA,MAAAL;AAAA,MACAG,KACC,gBAAAzB,EAAAW,GAAA,EAAW,WAAWb,EAAO,eAC7B,UAAA,gBAAAE,EAACgC,GAAK,EAAA,WAAWlC,EAAO,UAAU,GAAG,MAAK,MAAK,MAAMmC,GAAG,EACzD,CAAA;AAAA,IAAA,EAEF,CAAA;AAAA,EAAA,GACD;AAEF,CAAC;AACDZ,EAAa,cAAc;"}

package/dist/{SearchSelectTag-DOHGWBGw.js → SearchSelectTag-Bkr3faVn.js}

@@ -1,6 +1,6 @@
 import { useState as b, useCallback as h, useEffect as k, useMemo as C } from "react";
 import { jsxs as g, jsx as i, Fragment as S } from "react/jsx-runtime";
-import { d as T, a as D, c as I, b as w } from "./Tag-D3JqSOIw.js";
+import { d as T, a as D, c as I, b as w } from "./Tag-CJpDh6a7.js";
 import { u as y } from "./useBreakpoints-wEcfJPHd.js";
 import { T as F } from "./index-BVqs-uqP.js";
 function K({ value: e, defaultValue: u, onChange: s }) {
@@ -92,4 +92,4 @@ export {
   L as a,
   K as u
 };
-//# sourceMappingURL=SearchSelectTag-DOHGWBGw.js.map
+//# sourceMappingURL=SearchSelectTag-Bkr3faVn.js.map

package/dist/{SearchSelectTag-DOHGWBGw.js.map → SearchSelectTag-Bkr3faVn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SearchSelectTag-DOHGWBGw.js","sources":["../src/hooks/useControllableState.ts","../src/hooks/useItemsKeyboardNavigation.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 { useCallback, useState, KeyboardEvent, useEffect } from \"react\";\n\n/**\n * Хук для навигации по элементам с помощью клавиатуры\n *\n * @example\n * ```tsx\n * function TagList({ tags, onTagSelect, onTagDelete }) {\n *   const containerRef = useRef(null);\n *\n *   const {\n *     focusedIndex,\n *     handleKeyDown,\n *     handleFocus,\n *     handleBlur,\n *     isFocused\n *   } = useItemsKeyboardNavigation({\n *     items: tags,\n *     onEnter: onTagSelect,\n *     onDelete: onTagDelete\n *   });\n *\n *   return (\n *     <div\n *       ref={containerRef}\n *       tabIndex={0}\n *       onKeyDown={handleKeyDown}\n *       onFocus={handleFocus}\n *       onBlur={handleBlur}\n *     >\n *       {tags.map((tag, index) => (\n *         <div key={tag.id} className={isFocused(index) ? \"focused\" : \"\"}>\n *           {tag.label}\n *         </div>\n *       ))}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useItemsKeyboardNavigation<T>({\n\titems,\n\tonEnter,\n\tonDelete,\n\tcycleNavigation = false\n}: {\n\t/** Массив элементов для навигации */\n\titems: T[];\n\t/** Функция, вызываемая при нажатии Enter на элементе */\n\tonEnter?: (item: T, index: number) => void;\n\t/** Функция, вызываемая при нажатии Delete/Backspace на элементе */\n\tonDelete?: (item: T, index: number) => void;\n\t/** Включает циклическую навигацию (с последнего элемента на первый и наоборот) */\n\tcycleNavigation?: boolean;\n}) {\n\t/** Индекс текущего элемента с фокусом */\n\tconst [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n\n\t/**\n\t * Следим за изменениями в items и корректируем focusedIndex при необходимости\n\t */\n\tuseEffect(() => {\n\t\tif (focusedIndex !== null && items.length > 0) {\n\t\t\t// Если текущий индекс выходит за границы массива\n\t\t\tif (focusedIndex >= items.length) {\n\t\t\t\t// Устанавливаем индекс на последний элемент\n\t\t\t\tsetFocusedIndex(items.length - 1);\n\t\t\t}\n\t\t} else if (items.length === 0) {\n\t\t\t// Если элементов нет, сбрасываем фокус\n\t\t\tsetFocusedIndex(null);\n\t\t} else if (focusedIndex === null && items.length > 0) {\n\t\t\tsetFocusedIndex(0);\n\t\t}\n\t}, [items, focusedIndex]);\n\n\t/**\n\t * Обработчик нажатия клавиш для навигации по элементам\n\t */\n\tconst handleKeyDown = useCallback(\n\t\t(e: KeyboardEvent<HTMLElement>) => {\n\t\t\t// Проверяем, есть ли элементы для навигации\n\t\t\tif (!items.length) return;\n\n\t\t\tswitch (e.key) {\n\t\t\t\tcase \"ArrowLeft\":\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tsetFocusedIndex((prev) => {\n\t\t\t\t\t\tif (prev === null) return 0;\n\t\t\t\t\t\tif (prev > 0) return prev - 1;\n\t\t\t\t\t\treturn cycleNavigation ? items.length - 1 : prev;\n\t\t\t\t\t});\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase \"ArrowRight\":\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tsetFocusedIndex((prev) => {\n\t\t\t\t\t\tif (prev === null) return 0;\n\t\t\t\t\t\tif (prev < items.length - 1) return prev + 1;\n\t\t\t\t\t\treturn cycleNavigation ? 0 : prev;\n\t\t\t\t\t});\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase \"Home\":\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tsetFocusedIndex(0);\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase \"End\":\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tsetFocusedIndex(items.length - 1);\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase \"Enter\":\n\t\t\t\t\tif (focusedIndex !== null && items[focusedIndex] && onEnter) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tonEnter(items[focusedIndex], focusedIndex);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase \"Delete\":\n\t\t\t\t\tif (focusedIndex !== null && items[focusedIndex] && onDelete) {\n\t\t\t\t\t\te.preventDefault();\n\n\t\t\t\t\t\t// Сохраняем текущий индекс перед удалением\n\t\t\t\t\t\tconst currentIndex = focusedIndex;\n\n\t\t\t\t\t\tonDelete(items[focusedIndex], focusedIndex);\n\n\t\t\t\t\t\t// Корректируем индекс после удаления\n\t\t\t\t\t\t// Это сработает корректно, если items обновится синхронно\n\t\t\t\t\t\t// В противном случае, корректировку нужно делать в эффекте\n\t\t\t\t\t\tif (currentIndex >= items.length - 1) {\n\t\t\t\t\t\t\tsetFocusedIndex(Math.max(0, items.length - 2));\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\n\t\t\t\tdefault:\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\t\t[items, focusedIndex, onEnter, onDelete, cycleNavigation]\n\t);\n\n\t/**\n\t * Обработчик получения фокуса контейнером\n\t */\n\tconst handleFocus = useCallback(() => {\n\t\tif (items.length) {\n\t\t\tsetFocusedIndex(0);\n\t\t}\n\t}, [items]);\n\n\t/**\n\t * Обработчик потери фокуса контейнером\n\t */\n\tconst handleBlur = useCallback(() => {\n\t\tsetFocusedIndex(null);\n\t}, []);\n\n\t/**\n\t * Проверяет, находится ли элемент с указанным индексом в фокусе\n\t */\n\tconst isFocused = useCallback((index: number) => focusedIndex === index, [focusedIndex]);\n\n\t/**\n\t * Безопасно устанавливает фокус на элемент по индексу\n\t * @param index Индекс элемента для фокусировки\n\t * @returns Возвращает true, если индекс был установлен успешно\n\t */\n\tconst focusItemAtIndex = useCallback(\n\t\t(index: number) => {\n\t\t\tif (index >= 0 && index < items.length) {\n\t\t\t\tsetFocusedIndex(index);\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\treturn false;\n\t\t},\n\t\t[items.length]\n\t);\n\n\treturn {\n\t\tfocusedIndex,\n\t\thandleKeyDown,\n\t\thandleFocus,\n\t\thandleBlur,\n\t\tisFocused,\n\t\tfocusItemAtIndex\n\t};\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\",\n\tvariants: {\n\t\tselected: {\n\t\t\ttrue: \"group-focus-within/search-select-trigger:shadow-focus\"\n\t\t}\n\t}\n});\ninterface SearchSelectTagProps {\n\tonLabelClick: (e: React.MouseEvent<HTMLElement>) => void;\n\tonClose: (e: React.MouseEvent<HTMLElement>) => void;\n\treadonly?: boolean;\n\tisFocused?: boolean;\n}\n\nexport const SearchSelectTag = (props: PropsWithChildren<SearchSelectTagProps>) => {\n\tconst { children, onLabelClick, onClose, readonly = false, isFocused: selected = false } = 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}>\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","useItemsKeyboardNavigation","items","onEnter","onDelete","cycleNavigation","focusedIndex","setFocusedIndex","useEffect","handleKeyDown","e","prev","currentIndex","handleFocus","handleBlur","isFocused","index","focusItemAtIndex","searchSelectTagStyles","tv","SearchSelectTag","props","children","onLabelClick","onClose","readonly","selected","hasClose","isMobile","useIsMobile","size","useMemo","styles","jsxs","TagWrapper","jsx","TagButton","Fragment","TagDivider","TagClose"],"mappings":"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"}
+{"version":3,"file":"SearchSelectTag-Bkr3faVn.js","sources":["../src/hooks/useControllableState.ts","../src/hooks/useItemsKeyboardNavigation.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 { useCallback, useState, KeyboardEvent, useEffect } from \"react\";\n\n/**\n * Хук для навигации по элементам с помощью клавиатуры\n *\n * @example\n * ```tsx\n * function TagList({ tags, onTagSelect, onTagDelete }) {\n *   const containerRef = useRef(null);\n *\n *   const {\n *     focusedIndex,\n *     handleKeyDown,\n *     handleFocus,\n *     handleBlur,\n *     isFocused\n *   } = useItemsKeyboardNavigation({\n *     items: tags,\n *     onEnter: onTagSelect,\n *     onDelete: onTagDelete\n *   });\n *\n *   return (\n *     <div\n *       ref={containerRef}\n *       tabIndex={0}\n *       onKeyDown={handleKeyDown}\n *       onFocus={handleFocus}\n *       onBlur={handleBlur}\n *     >\n *       {tags.map((tag, index) => (\n *         <div key={tag.id} className={isFocused(index) ? \"focused\" : \"\"}>\n *           {tag.label}\n *         </div>\n *       ))}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useItemsKeyboardNavigation<T>({\n\titems,\n\tonEnter,\n\tonDelete,\n\tcycleNavigation = false\n}: {\n\t/** Массив элементов для навигации */\n\titems: T[];\n\t/** Функция, вызываемая при нажатии Enter на элементе */\n\tonEnter?: (item: T, index: number) => void;\n\t/** Функция, вызываемая при нажатии Delete/Backspace на элементе */\n\tonDelete?: (item: T, index: number) => void;\n\t/** Включает циклическую навигацию (с последнего элемента на первый и наоборот) */\n\tcycleNavigation?: boolean;\n}) {\n\t/** Индекс текущего элемента с фокусом */\n\tconst [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n\n\t/**\n\t * Следим за изменениями в items и корректируем focusedIndex при необходимости\n\t */\n\tuseEffect(() => {\n\t\tif (focusedIndex !== null && items.length > 0) {\n\t\t\t// Если текущий индекс выходит за границы массива\n\t\t\tif (focusedIndex >= items.length) {\n\t\t\t\t// Устанавливаем индекс на последний элемент\n\t\t\t\tsetFocusedIndex(items.length - 1);\n\t\t\t}\n\t\t} else if (items.length === 0) {\n\t\t\t// Если элементов нет, сбрасываем фокус\n\t\t\tsetFocusedIndex(null);\n\t\t} else if (focusedIndex === null && items.length > 0) {\n\t\t\tsetFocusedIndex(0);\n\t\t}\n\t}, [items, focusedIndex]);\n\n\t/**\n\t * Обработчик нажатия клавиш для навигации по элементам\n\t */\n\tconst handleKeyDown = useCallback(\n\t\t(e: KeyboardEvent<HTMLElement>) => {\n\t\t\t// Проверяем, есть ли элементы для навигации\n\t\t\tif (!items.length) return;\n\n\t\t\tswitch (e.key) {\n\t\t\t\tcase \"ArrowLeft\":\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tsetFocusedIndex((prev) => {\n\t\t\t\t\t\tif (prev === null) return 0;\n\t\t\t\t\t\tif (prev > 0) return prev - 1;\n\t\t\t\t\t\treturn cycleNavigation ? items.length - 1 : prev;\n\t\t\t\t\t});\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase \"ArrowRight\":\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tsetFocusedIndex((prev) => {\n\t\t\t\t\t\tif (prev === null) return 0;\n\t\t\t\t\t\tif (prev < items.length - 1) return prev + 1;\n\t\t\t\t\t\treturn cycleNavigation ? 0 : prev;\n\t\t\t\t\t});\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase \"Home\":\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tsetFocusedIndex(0);\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase \"End\":\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tsetFocusedIndex(items.length - 1);\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase \"Enter\":\n\t\t\t\t\tif (focusedIndex !== null && items[focusedIndex] && onEnter) {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tonEnter(items[focusedIndex], focusedIndex);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase \"Delete\":\n\t\t\t\t\tif (focusedIndex !== null && items[focusedIndex] && onDelete) {\n\t\t\t\t\t\te.preventDefault();\n\n\t\t\t\t\t\t// Сохраняем текущий индекс перед удалением\n\t\t\t\t\t\tconst currentIndex = focusedIndex;\n\n\t\t\t\t\t\tonDelete(items[focusedIndex], focusedIndex);\n\n\t\t\t\t\t\t// Корректируем индекс после удаления\n\t\t\t\t\t\t// Это сработает корректно, если items обновится синхронно\n\t\t\t\t\t\t// В противном случае, корректировку нужно делать в эффекте\n\t\t\t\t\t\tif (currentIndex >= items.length - 1) {\n\t\t\t\t\t\t\tsetFocusedIndex(Math.max(0, items.length - 2));\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\n\t\t\t\tdefault:\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\t\t[items, focusedIndex, onEnter, onDelete, cycleNavigation]\n\t);\n\n\t/**\n\t * Обработчик получения фокуса контейнером\n\t */\n\tconst handleFocus = useCallback(() => {\n\t\tif (items.length) {\n\t\t\tsetFocusedIndex(0);\n\t\t}\n\t}, [items]);\n\n\t/**\n\t * Обработчик потери фокуса контейнером\n\t */\n\tconst handleBlur = useCallback(() => {\n\t\tsetFocusedIndex(null);\n\t}, []);\n\n\t/**\n\t * Проверяет, находится ли элемент с указанным индексом в фокусе\n\t */\n\tconst isFocused = useCallback((index: number) => focusedIndex === index, [focusedIndex]);\n\n\t/**\n\t * Безопасно устанавливает фокус на элемент по индексу\n\t * @param index Индекс элемента для фокусировки\n\t * @returns Возвращает true, если индекс был установлен успешно\n\t */\n\tconst focusItemAtIndex = useCallback(\n\t\t(index: number) => {\n\t\t\tif (index >= 0 && index < items.length) {\n\t\t\t\tsetFocusedIndex(index);\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\treturn false;\n\t\t},\n\t\t[items.length]\n\t);\n\n\treturn {\n\t\tfocusedIndex,\n\t\thandleKeyDown,\n\t\thandleFocus,\n\t\thandleBlur,\n\t\tisFocused,\n\t\tfocusItemAtIndex\n\t};\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\",\n\tvariants: {\n\t\tselected: {\n\t\t\ttrue: \"group-focus-within/search-select-trigger:shadow-focus\"\n\t\t}\n\t}\n});\ninterface SearchSelectTagProps {\n\tonLabelClick: (e: React.MouseEvent<HTMLElement>) => void;\n\tonClose: (e: React.MouseEvent<HTMLElement>) => void;\n\treadonly?: boolean;\n\tisFocused?: boolean;\n}\n\nexport const SearchSelectTag = (props: PropsWithChildren<SearchSelectTagProps>) => {\n\tconst { children, onLabelClick, onClose, readonly = false, isFocused: selected = false } = 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}>\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","useItemsKeyboardNavigation","items","onEnter","onDelete","cycleNavigation","focusedIndex","setFocusedIndex","useEffect","handleKeyDown","e","prev","currentIndex","handleFocus","handleBlur","isFocused","index","focusItemAtIndex","searchSelectTagStyles","tv","SearchSelectTag","props","children","onLabelClick","onClose","readonly","selected","hasClose","isMobile","useIsMobile","size","useMemo","styles","jsxs","TagWrapper","jsx","TagButton","Fragment","TagDivider","TagClose"],"mappings":"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"}

package/dist/{Tag-D3JqSOIw.js → Tag-CJpDh6a7.js}

@@ -1,9 +1,9 @@
-import { jsx as r, jsxs as l, Fragment as w } from "react/jsx-runtime";
+import { jsx as r, jsxs as l, Fragment as C } from "react/jsx-runtime";
 import { T as c } from "./index-BVqs-uqP.js";
 import { S as h } from "./index-5Bhkapwi.js";
-import { D as N } from "./Divider-Dm2gjy8W.js";
-import { I as T } from "./Icon-DH3ev9GK.js";
-import { X as C } from "./x-tDTt7hTQ.js";
+import { D as z } from "./Divider-Dm2gjy8W.js";
+import { I } from "./Icon-DH3ev9GK.js";
+import { X as S } from "./x-tDTt7hTQ.js";
 const g = c({
   base: "inline-flex items-center justify-center overflow-hidden font-medium leading-none transition-colors",
   variants: {
@@ -61,11 +61,11 @@ const g = c({
       class: "border-transparent bg-status-error hover:bg-status-error-hover"
     }
   ]
-}), z = ({ asChild: e = !1, children: t, ...s }) => /* @__PURE__ */ r(e ? h : "span", { className: g(s), ...s, children: t });
-z.displayName = "TagBase";
-const I = c({
+}), B = ({ asChild: e = !1, children: t, ...s }) => /* @__PURE__ */ r(e ? h : "span", { className: g(s), ...s, children: t });
+B.displayName = "TagBase";
+const k = c({
   extend: g,
-  base: "flex cursor-pointer items-center justify-center rounded-sm border focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary",
+  base: "flex cursor-pointer items-center justify-center whitespace-nowrap rounded-sm border focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary",
   variants: {
     size: {
       sm: "gap-1",
@@ -87,11 +87,11 @@ const I = c({
     position: "standalone"
   }
 }), f = (e) => {
-  const { asChild: t = !1, children: s, className: o, ...n } = e, a = t ? h : "button", i = I({ className: o, ...n });
+  const { asChild: t = !1, children: s, className: o, ...n } = e, a = t ? h : "button", i = k({ className: o, ...n });
   return /* @__PURE__ */ r(a, { className: i, ...n, children: s });
 };
 f.displayName = "TagButton";
-const S = c({
+const D = c({
   extend: g,
   base: "aspect-square cursor-pointer rounded-l-none rounded-r-sm border border-l-0 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary",
   variants: {
@@ -115,11 +115,11 @@ const S = c({
     }
   }
 }), p = (e) => {
-  const { icon: t = C, size: s, tag: o = "button", className: n, ...a } = e, i = S({ className: n, size: s, ...a });
-  return /* @__PURE__ */ r(o, { type: "button", className: i, "aria-label": "Удалить", size: s, ...a, children: /* @__PURE__ */ r(T, { icon: t, className: d({ size: s }) }) });
+  const { icon: t = S, size: s, tag: o = "button", className: n, ...a } = e, i = D({ className: n, size: s, ...a });
+  return /* @__PURE__ */ r(o, { type: "button", className: i, "aria-label": "Удалить", size: s, ...a, children: /* @__PURE__ */ r(I, { icon: t, className: d({ size: s }) }) });
 };
 p.displayName = "TagClose";
-const B = c({
+const j = c({
   base: "",
   variants: {
     status: {
@@ -135,10 +135,10 @@ const B = c({
   }
 }), v = (e) => {
   const { status: t, ...s } = e;
-  return /* @__PURE__ */ r(N, { orientation: "vertical", className: B({ status: t }), ...s });
+  return /* @__PURE__ */ r(z, { orientation: "vertical", className: j({ status: t }), ...s });
 };
 v.displayName = "TagDivider";
-const k = c({
+const V = c({
   base: "inline-flex items-center rounded-sm",
   variants: {
     size: {
@@ -147,10 +147,10 @@ const k = c({
       lg: "h-7"
     }
   }
-}), D = (e) => {
-  const { children: t, className: s, size: o, ...n } = e, a = k({ className: s, size: o });
+}), E = (e) => {
+  const { children: t, className: s, size: o, ...n } = e, a = V({ className: s, size: o });
   return /* @__PURE__ */ r("div", { className: a, ...n, children: t });
-}, j = (e) => {
+}, q = (e) => {
   const {
     startIcon: t,
     endIcon: s,
@@ -159,9 +159,12 @@ const k = c({
     onClose: a,
     status: i,
     focus: b,
-    size: u = "md"
-  } = e, m = !!a, x = t && /* @__PURE__ */ r(t, { className: d({ size: u }) }), y = s && /* @__PURE__ */ r(s, { className: d({ size: u }) });
-  return /* @__PURE__ */ l(D, { size: u, children: [
+    size: u = "md",
+    className: x,
+    buttonClassName: y,
+    ...w
+  } = e, m = !!a, N = t && /* @__PURE__ */ r(t, { className: d({ size: u }) }), T = s && /* @__PURE__ */ r(s, { className: d({ size: u }) });
+  return /* @__PURE__ */ l(E, { size: u, className: x, children: [
     /* @__PURE__ */ l(
       f,
       {
@@ -170,26 +173,28 @@ const k = c({
         focus: b,
         size: u,
         onClick: n,
+        className: y,
+        ...w,
         children: [
-          x,
+          N,
           o,
-          y
+          T
         ]
       }
     ),
-    m && /* @__PURE__ */ l(w, { children: [
+    m && /* @__PURE__ */ l(C, { children: [
       /* @__PURE__ */ r(v, { status: i }),
       /* @__PURE__ */ r(p, { status: i, focus: b, size: u, onClick: a })
     ] })
   ] });
 };
-j.displayName = "Tag";
+q.displayName = "Tag";
 export {
-  z as T,
+  B as T,
   f as a,
   p as b,
   v as c,
-  D as d,
-  j as e
+  E as d,
+  q as e
 };
-//# sourceMappingURL=Tag-D3JqSOIw.js.map
+//# sourceMappingURL=Tag-CJpDh6a7.js.map

package/dist/Tag-CJpDh6a7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag-CJpDh6a7.js","sources":["../src/components/tag/Tag.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { LucideIcon, X } from \"lucide-react\";\nimport { Divider } from \"../divider\";\nimport { Icon } from \"../icon\";\nimport { ButtonProps } from \"../button/button/Button\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\n\nexport interface TagBaseVariants {\n\tstatus?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\";\n\tfocus?: \"low\" | \"high\";\n\tsize?: \"sm\" | \"md\" | \"lg\";\n}\n\nconst tagBaseStyles = tv({\n\tbase: \"inline-flex items-center justify-center overflow-hidden font-medium leading-none transition-colors\",\n\tvariants: {\n\t\tstatus: {\n\t\t\tdefault: \"border-primary-border bg-status-neutral-bg text-primary-fg hover:bg-status-neutral-bg-hover\",\n\t\t\tinfo: \"border-status-info-border bg-status-info-bg text-status-info hover:bg-status-info-bg-hover\",\n\t\t\tsuccess:\n\t\t\t\t\"border-status-success-border bg-status-success-bg text-status-success hover:bg-status-success-bg-hover\",\n\t\t\twarning:\n\t\t\t\t\"border-status-warning-border bg-status-warning-bg text-status-warning hover:bg-status-warning-bg-hover\",\n\t\t\terror: \"border-status-error-border bg-status-error-bg text-status-error hover:bg-status-error-bg-hover\"\n\t\t},\n\t\tfocus: {\n\t\t\tlow: \"shadow-sm\",\n\t\t\thigh: \"shadow-base\"\n\t\t},\n\t\tsize: {\n\t\t\tsm: \"h-5 px-1.5 py-1 text-xs\",\n\t\t\tmd: \"h-6 px-1.5 py-1 text-sm\",\n\t\t\tlg: \"h-7 px-2 py-1 text-base\"\n\t\t}\n\t} satisfies VariantsConfig<TagBaseVariants>,\n\tdefaultVariants: {\n\t\tstatus: \"default\",\n\t\tfocus: \"low\",\n\t\tsize: \"md\"\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tstatus: [\"info\", \"success\", \"warning\", \"error\"],\n\t\t\tfocus: \"high\",\n\t\t\tclass: \"text-white\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"default\",\n\t\t\tfocus: \"high\",\n\t\t\tclass: \"border-transparent bg-status-neutral text-primary-bg hover:bg-status-neutral-hover\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"info\",\n\t\t\tfocus: \"high\",\n\t\t\tclass: \"border-transparent bg-status-info hover:bg-status-info-hover\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"success\",\n\t\t\tfocus: \"high\",\n\t\t\tclass: \"border-transparent bg-status-success hover:bg-status-success-hover\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"warning\",\n\t\t\tfocus: \"high\",\n\t\t\tclass: \"border-transparent bg-status-warning hover:bg-status-warning-hover\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"error\",\n\t\t\tfocus: \"high\",\n\t\t\tclass: \"border-transparent bg-status-error hover:bg-status-error-hover\"\n\t\t}\n\t]\n});\n\nexport type TagBaseProps = React.HTMLAttributes<HTMLElement> &\n\tTagBaseVariants & {\n\t\tasChild?: boolean;\n\t};\n\nexport const TagBase = ({ asChild = false, children, ...props }: PropsWithChildren<TagBaseProps>) => {\n\tconst Comp = asChild ? Slot : \"span\";\n\treturn (\n\t\t<Comp className={tagBaseStyles(props)} {...props}>\n\t\t\t{children}\n\t\t</Comp>\n\t);\n};\n\nTagBase.displayName = \"TagBase\";\n\nexport interface TagButtonVariants {\n\tsize?: \"sm\" | \"md\" | \"lg\";\n\tclickable?: boolean;\n\tposition?: \"standalone\" | \"left\" | \"right\" | \"middle\";\n}\n\nconst tagButtonStyles = tv({\n\textend: tagBaseStyles,\n\tbase: \"flex cursor-pointer items-center justify-center whitespace-nowrap rounded-sm border focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary\",\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: \"gap-1\",\n\t\t\tmd: \"gap-1\",\n\t\t\tlg: \"gap-1.5\"\n\t\t},\n\t\tclickable: {\n\t\t\tfalse: \"cursor-default\"\n\t\t},\n\t\tposition: {\n\t\t\tstandalone: \"\",\n\t\t\tleft: \"rounded-r-none border-r-0\",\n\t\t\tright: \"rounded-l-none border-l-0\",\n\t\t\tmiddle: \"rounded-none border-l-0 border-r-0\"\n\t\t}\n\t} satisfies VariantsConfig<TagButtonVariants>,\n\tdefaultVariants: {\n\t\tclickable: true,\n\t\tposition: \"standalone\"\n\t}\n});\n\nexport type TagButtonProps = React.HTMLAttributes<HTMLElement> &\n\tTagButtonVariants &\n\tOmit<TagBaseVariants, \"size\"> & {\n\t\tasChild?: boolean;\n\t};\n\nexport const TagButton = (props: PropsWithChildren<TagButtonProps>) => {\n\tconst { asChild = false, children, className, ...rest } = props;\n\tconst Comp = asChild ? Slot : \"button\";\n\tconst styles = tagButtonStyles({ className, ...rest });\n\treturn (\n\t\t<Comp className={styles} {...rest}>\n\t\t\t{children}\n\t\t</Comp>\n\t);\n};\n\nTagButton.displayName = \"TagButton\";\n\nexport interface TagCloseVariants {\n\tsize?: \"sm\" | \"md\" | \"lg\";\n\tfocus?: \"low\" | \"high\";\n}\n\nconst tagCloseStyles = tv({\n\textend: tagBaseStyles,\n\tbase: \"aspect-square cursor-pointer rounded-l-none rounded-r-sm border border-l-0 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary\",\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: \"h-5 p-1 text-xs\",\n\t\t\tmd: \"h-6 p-1 text-sm\",\n\t\t\tlg: \"h-7 p-1.5 text-base\"\n\t\t},\n\t\tfocus: {\n\t\t\tlow: \"!text-primary-fg\",\n\t\t\thigh: \"\"\n\t\t}\n\t} satisfies VariantsConfig<TagCloseVariants>\n});\n\nconst tagIconStyles = tv({\n\tbase: \"aspect-square flex-shrink-0\",\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: \"h-3 w-3\",\n\t\t\tmd: \"h-3.5 w-3.5\",\n\t\t\tlg: \"h-4 w-4\"\n\t\t}\n\t}\n});\n\nexport type TagCloseProps = React.ButtonHTMLAttributes<HTMLButtonElement> &\n\tTagCloseVariants &\n\tOmit<TagBaseVariants, \"size\"> & {\n\t\ticon?: LucideIcon;\n\t\ttag?: React.ElementType;\n\t};\n\nexport const TagClose = (props: TagCloseProps) => {\n\tconst { icon = X, size, tag: Tag = \"button\", className, ...rest } = props;\n\tconst styles = tagCloseStyles({ className, size, ...rest });\n\treturn (\n\t\t<Tag type=\"button\" className={styles} aria-label=\"Удалить\" size={size} {...rest}>\n\t\t\t<Icon icon={icon} className={tagIconStyles({ size })} />\n\t\t</Tag>\n\t);\n};\n\nTagClose.displayName = \"TagClose\";\n\nexport interface TagDividerVariants {\n\tstatus?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\";\n}\n\nconst tagDividerStyles = tv({\n\tbase: \"\",\n\tvariants: {\n\t\tstatus: {\n\t\t\tdefault: \"bg-primary-border\",\n\t\t\tinfo: \"bg-status-info-border\",\n\t\t\tsuccess: \"bg-status-success-border\",\n\t\t\twarning: \"bg-status-warning-border\",\n\t\t\terror: \"bg-status-error-border\"\n\t\t}\n\t} satisfies VariantsConfig<TagDividerVariants>,\n\tdefaultVariants: {\n\t\tstatus: \"default\"\n\t}\n});\n\nexport type TagDividerProps = React.HTMLAttributes<HTMLDivElement> & TagDividerVariants;\n\nexport const TagDivider = (props: TagDividerProps) => {\n\tconst { status, ...rest } = props;\n\treturn <Divider orientation=\"vertical\" className={tagDividerStyles({ status })} {...rest} />;\n};\n\nTagDivider.displayName = \"TagDivider\";\n\nexport interface TagWrapperVariants {\n\tsize?: \"sm\" | \"md\" | \"lg\";\n}\n\nconst tagWrapperStyles = tv({\n\tbase: \"inline-flex items-center rounded-sm\",\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: \"h-5\",\n\t\t\tmd: \"h-6\",\n\t\t\tlg: \"h-7\"\n\t\t}\n\t} satisfies VariantsConfig<TagWrapperVariants>\n});\n\nexport type TagWrapperProps = React.HTMLAttributes<HTMLDivElement> & TagWrapperVariants;\n\nexport const TagWrapper = (props: TagWrapperProps) => {\n\tconst { children, className, size, ...rest } = props;\n\tconst styles = tagWrapperStyles({ className, size });\n\treturn (\n\t\t<div className={styles} {...rest}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nexport type TagProps = PropsWithChildren<\n\tPick<TagBaseVariants, \"focus\" | \"size\"> &\n\t\tButtonProps & {\n\t\t\tonLabelClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n\t\t\tonClose?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n\t\t\tclassName?: string;\n\t\t\tbuttonClassName?: string;\n\t\t}\n>;\n\nexport const Tag = (props: TagProps) => {\n\tconst {\n\t\tstartIcon: StartIcon,\n\t\tendIcon: EndIcon,\n\t\tchildren,\n\t\tonLabelClick,\n\t\tonClose,\n\t\tstatus,\n\t\tfocus,\n\t\tsize = \"md\",\n\t\tclassName,\n\t\tbuttonClassName,\n\t\t...rest\n\t} = props;\n\tconst hasClose = Boolean(onClose);\n\n\tconst startIconEl = StartIcon && <StartIcon className={tagIconStyles({ size })} />;\n\tconst endIconEl = EndIcon && <EndIcon className={tagIconStyles({ size })} />;\n\n\treturn (\n\t\t<TagWrapper size={size} className={className}>\n\t\t\t<TagButton\n\t\t\t\tposition={hasClose ? \"left\" : undefined}\n\t\t\t\tstatus={status}\n\t\t\t\tfocus={focus}\n\t\t\t\tsize={size}\n\t\t\t\tonClick={onLabelClick}\n\t\t\t\tclassName={buttonClassName}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{startIconEl}\n\t\t\t\t{children}\n\t\t\t\t{endIconEl}\n\t\t\t</TagButton>\n\n\t\t\t{hasClose && (\n\t\t\t\t<>\n\t\t\t\t\t<TagDivider status={status} />\n\t\t\t\t\t<TagClose status={status} focus={focus} size={size} onClick={onClose} />\n\t\t\t\t</>\n\t\t\t)}\n\t\t</TagWrapper>\n\t);\n};\n\nTag.displayName = \"Tag\";\n"],"names":["tagBaseStyles","tv","TagBase","asChild","children","props","jsx","Slot","tagButtonStyles","TagButton","className","rest","Comp","styles","tagCloseStyles","tagIconStyles","TagClose","icon","X","size","Tag","Icon","tagDividerStyles","TagDivider","status","Divider","tagWrapperStyles","TagWrapper","StartIcon","EndIcon","onLabelClick","onClose","focus","buttonClassName","hasClose","startIconEl","endIconEl","jsxs","Fragment"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-export { Checkbox } from './Checkbox';
-export { CheckboxField } from './checkbox-field/CheckboxField';
+export { Checkbox, type CheckboxProps } from './Checkbox';
+export { CheckboxField, type CheckboxFieldProps } from './checkbox-field/CheckboxField';

package/dist/components/color-tile/ColorTile.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface ColorTileVariants {
+    selected?: boolean;
+}
+export type ColorTileProps = ColorTileVariants & React.HTMLAttributes<HTMLDivElement>;
+export declare const ColorTile: React.ForwardRefExoticComponent<ColorTileVariants & React.HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/color-tile/ColorTile.stories.d.ts

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

package/dist/components/color-tile/index.d.ts

@@ -0,0 +1 @@
+export { ColorTile, type ColorTileProps } from './ColorTile';

package/dist/components/color-tile.d.ts

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

package/dist/components/color-tile.js

@@ -0,0 +1,26 @@
+import { jsx as e } from "react/jsx-runtime";
+import l from "react";
+import { T as d } from "../index-BVqs-uqP.js";
+const c = d({
+  slots: {
+    wrapper: "flex aspect-square h-[1.375rem] w-[1.375rem] items-center justify-center rounded-md",
+    color: "aspect-square h-4 w-4 rounded-sm border border-alpha-high-90 hover:cursor-pointer"
+  },
+  variants: {
+    selected: {
+      true: {
+        wrapper: "border border-muted"
+      }
+    }
+  }
+}), i = l.forwardRef(
+  ({ className: o, selected: s, ...t }, a) => {
+    const r = c({ selected: s });
+    return /* @__PURE__ */ e("div", { className: r.wrapper(), children: /* @__PURE__ */ e("div", { className: r.color({ className: o }), ref: a, ...t }) });
+  }
+);
+i.displayName = "ColorTile";
+export {
+  i as ColorTile
+};
+//# sourceMappingURL=color-tile.js.map

package/dist/components/color-tile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-tile.js","sources":["../../src/components/color-tile/ColorTile.tsx"],"sourcesContent":["import { VariantsConfig } from \"@/lib/utils/variants\";\nimport React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\n\ninterface ColorTileVariants {\n\tselected?: boolean;\n}\n\nconst colorTileVariants = tv({\n\tslots: {\n\t\twrapper: \"flex aspect-square h-[1.375rem] w-[1.375rem] items-center justify-center rounded-md\",\n\t\tcolor: \"aspect-square h-4 w-4 rounded-sm border border-alpha-high-90 hover:cursor-pointer\"\n\t},\n\tvariants: {\n\t\tselected: {\n\t\t\ttrue: {\n\t\t\t\twrapper: \"border border-muted\"\n\t\t\t}\n\t\t}\n\t} satisfies VariantsConfig<ColorTileVariants>\n});\n\nexport type ColorTileProps = ColorTileVariants & React.HTMLAttributes<HTMLDivElement>;\n\nexport const ColorTile = React.forwardRef<HTMLDivElement, PropsWithChildren<ColorTileProps>>(\n\t({ className, selected, ...props }, ref) => {\n\t\tconst styles = colorTileVariants({ selected });\n\n\t\treturn (\n\t\t\t<div className={styles.wrapper()}>\n\t\t\t\t<div className={styles.color({ className })} ref={ref} {...props} />\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nColorTile.displayName = \"ColorTile\";\n"],"names":["colorTileVariants","tv","ColorTile","React","className","selected","props","ref","styles"],"mappings":";;;AASA,MAAMA,IAAoBC,EAAG;AAAA,EAC5B,OAAO;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACT,UAAU;AAAA,MACT,MAAM;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACV;AAAA,EACD;AAEF,CAAC,GAIYC,IAAYC,EAAM;AAAA,EAC9B,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAAQ;AAC3C,UAAMC,IAASR,EAAkB,EAAE,UAAAK,GAAU;AAE7C,6BACE,OAAI,EAAA,WAAWG,EAAO,QAAQ,GAC9B,4BAAC,OAAI,EAAA,WAAWA,EAAO,MAAM,EAAE,WAAAJ,EAAU,CAAC,GAAG,KAAAG,GAAW,GAAGD,EAAO,CAAA,GACnE;AAAA,EAAA;AAGH;AAEAJ,EAAU,cAAc;"}

package/dist/components/gallery.js

@@ -5,7 +5,7 @@ import { I as N } from "../ImageUploader-Dn9N2b0r.js";
 import { I as T } from "../ImagePlaceholder-B6mGYVx2.js";
 import { I as _ } from "../ImagePreview-RtfJHGfM.js";
 import { T as F } from "../index-BVqs-uqP.js";
-import { b as G, d as L, e as O, a as P } from "../Modal-9NNMBF-S.js";
+import { b as G, d as L, e as O, a as P } from "../Modal-DWNmrjLy.js";
 import { d as S } from "../downloadFile-yZV-aaO2.js";
 const $ = (r) => {
   const s = URL.createObjectURL(r);

package/dist/components/modal.js

@@ -1,5 +1,5 @@
-import { M as t, a as d } from "../Modal-9NNMBF-S.js";
-import { b as g, f as h, c as x, d as y, g as B, e as j, h as u, i as C, j as R } from "../Modal-9NNMBF-S.js";
+import { M as t, a as d } from "../Modal-DWNmrjLy.js";
+import { b as g, f as h, c as x, d as y, g as B, e as j, h as u, i as C, j as R } from "../Modal-DWNmrjLy.js";
 import { jsx as a } from "react/jsx-runtime";
 import s from "react";
 import { F as m, B as i } from "../FormHeaderTemplate-NfdHG33w.js";

package/dist/components/search-select.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as T, Fragment as B } from "react/jsx-runtime";
 import M, { useState as w, useCallback as x, useEffect as F, forwardRef as Y, useMemo as V, useRef as q } from "react";
 import { T as A } from "../index-BVqs-uqP.js";
-import { u as H, a as fe, S as me } from "../SearchSelectTag-DOHGWBGw.js";
+import { u as H, a as fe, S as me } from "../SearchSelectTag-Bkr3faVn.js";
 import { b as Se, f as Z, C as ee, c as te, d as ge, h as ve } from "../Command-CIbwIJiT.js";
 import { I as K } from "../Icon-DH3ev9GK.js";
 import { b as ye, P as j, a as _ } from "../Popover-YwPKBpCX.js";

package/dist/components/stepper/Stepper.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
+    defaultValue?: number;
+    value?: number;
+    onValueChange?: (value: number) => void;
+    orientation?: "horizontal" | "vertical";
+}
+export declare function Stepper({ defaultValue, value, onValueChange, orientation, className, ...props }: StepperProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/stepper/Stepper.stories.d.ts

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

package/dist/components/stepper/StepperContext.d.ts

@@ -0,0 +1,9 @@
+import { Context } from 'react';
+type StepperContextValue = {
+    activeStep: number;
+    setActiveStep: (step: number) => void;
+    orientation: "horizontal" | "vertical";
+};
+export declare const StepperContext: Context<StepperContextValue | undefined>;
+export declare const useStepper: () => StepperContextValue;
+export {};

package/dist/components/stepper/components/stepper-description/StepperDescription.d.ts

@@ -0,0 +1 @@
+export declare function StepperDescription({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/stepper/components/stepper-indicator/StepperIndicator.d.ts

@@ -0,0 +1,4 @@
+export interface StepperIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    asChild?: boolean;
+}
+export declare function StepperIndicator({ asChild, className, children, ...props }: StepperIndicatorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/stepper/components/stepper-item/StepperItem.d.ts

@@ -0,0 +1,7 @@
+export interface StepperItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    step: number;
+    completed?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+}
+export declare function StepperItem({ step, completed, disabled, loading, className, children, ...props }: StepperItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/stepper/components/stepper-item/StepperItemContext.d.ts

@@ -0,0 +1,11 @@
+import { Context } from 'react';
+type StepItemContextValue = {
+    step: number;
+    state: StepState;
+    isDisabled: boolean;
+    isLoading: boolean;
+};
+export type StepState = "active" | "completed" | "inactive" | "loading";
+export declare const StepItemContext: Context<StepItemContextValue | undefined>;
+export declare const useStepItem: () => StepItemContextValue;
+export {};

package/dist/components/stepper/components/stepper-title/StepperTitle.d.ts

@@ -0,0 +1 @@
+export declare function StepperTitle({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/stepper/components/stepper-trigger/StepperTrigger.d.ts

@@ -0,0 +1,4 @@
+export interface StepperTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+}
+export declare function StepperTrigger({ asChild, className, children, ...props }: StepperTriggerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+export { Stepper, type StepperProps } from './Stepper';
+export { useStepper, StepperContext } from './StepperContext';
+export { StepperItem, type StepperItemProps } from './components/stepper-item/StepperItem';
+export { StepItemContext, useStepItem } from './components/stepper-item/StepperItemContext';
+export { StepperIndicator, type StepperIndicatorProps } from './components/stepper-indicator/StepperIndicator';
+export { StepperTitle } from './components/stepper-title/StepperTitle';
+export { StepperTrigger, type StepperTriggerProps } from './components/stepper-trigger/StepperTrigger';
+export { StepperSeparator } from './stepper-separator/StepperSeparator';
+export { StepperDescription } from './components/stepper-description/StepperDescription';

package/dist/components/stepper/stepper-separator/StepperSeparator.d.ts

@@ -0,0 +1 @@
+export declare function StepperSeparator({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/stepper.d.ts

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