ics-ui-kit 0.1.0-alpha.47 → 0.1.0-alpha.49

package/dist/Popover-DmwXZwYd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover-DmwXZwYd.js","sources":["../node_modules/.pnpm/@radix-ui+react-popover@1.1.15_@types+react-dom@18.3.6_@types+react@18.3.20__@types+react@18._yzidqq64zv67maddrn5ycxmur4/node_modules/@radix-ui/react-popover/dist/index.mjs","../src/components/popover/Popover.tsx"],"sourcesContent":["\"use client\";\n\n// src/popover.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { DismissableLayer } from \"@radix-ui/react-dismissable-layer\";\nimport { useFocusGuards } from \"@radix-ui/react-focus-guards\";\nimport { FocusScope } from \"@radix-ui/react-focus-scope\";\nimport { useId } from \"@radix-ui/react-id\";\nimport * as PopperPrimitive from \"@radix-ui/react-popper\";\nimport { createPopperScope } from \"@radix-ui/react-popper\";\nimport { Portal as PortalPrimitive } from \"@radix-ui/react-portal\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { createSlot } from \"@radix-ui/react-slot\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { hideOthers } from \"aria-hidden\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { jsx } from \"react/jsx-runtime\";\nvar POPOVER_NAME = \"Popover\";\nvar [createPopoverContext, createPopoverScope] = createContextScope(POPOVER_NAME, [\n  createPopperScope\n]);\nvar usePopperScope = createPopperScope();\nvar [PopoverProvider, usePopoverContext] = createPopoverContext(POPOVER_NAME);\nvar Popover = (props) => {\n  const {\n    __scopePopover,\n    children,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    modal = false\n  } = props;\n  const popperScope = usePopperScope(__scopePopover);\n  const triggerRef = React.useRef(null);\n  const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);\n  const [open, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen ?? false,\n    onChange: onOpenChange,\n    caller: POPOVER_NAME\n  });\n  return /* @__PURE__ */ jsx(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ jsx(\n    PopoverProvider,\n    {\n      scope: __scopePopover,\n      contentId: useId(),\n      triggerRef,\n      open,\n      onOpenChange: setOpen,\n      onOpenToggle: React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),\n      hasCustomAnchor,\n      onCustomAnchorAdd: React.useCallback(() => setHasCustomAnchor(true), []),\n      onCustomAnchorRemove: React.useCallback(() => setHasCustomAnchor(false), []),\n      modal,\n      children\n    }\n  ) });\n};\nPopover.displayName = POPOVER_NAME;\nvar ANCHOR_NAME = \"PopoverAnchor\";\nvar PopoverAnchor = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopePopover, ...anchorProps } = props;\n    const context = usePopoverContext(ANCHOR_NAME, __scopePopover);\n    const popperScope = usePopperScope(__scopePopover);\n    const { onCustomAnchorAdd, onCustomAnchorRemove } = context;\n    React.useEffect(() => {\n      onCustomAnchorAdd();\n      return () => onCustomAnchorRemove();\n    }, [onCustomAnchorAdd, onCustomAnchorRemove]);\n    return /* @__PURE__ */ jsx(PopperPrimitive.Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });\n  }\n);\nPopoverAnchor.displayName = ANCHOR_NAME;\nvar TRIGGER_NAME = \"PopoverTrigger\";\nvar PopoverTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopePopover, ...triggerProps } = props;\n    const context = usePopoverContext(TRIGGER_NAME, __scopePopover);\n    const popperScope = usePopperScope(__scopePopover);\n    const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);\n    const trigger = /* @__PURE__ */ jsx(\n      Primitive.button,\n      {\n        type: \"button\",\n        \"aria-haspopup\": \"dialog\",\n        \"aria-expanded\": context.open,\n        \"aria-controls\": context.contentId,\n        \"data-state\": getState(context.open),\n        ...triggerProps,\n        ref: composedTriggerRef,\n        onClick: composeEventHandlers(props.onClick, context.onOpenToggle)\n      }\n    );\n    return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsx(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: trigger });\n  }\n);\nPopoverTrigger.displayName = TRIGGER_NAME;\nvar PORTAL_NAME = \"PopoverPortal\";\nvar [PortalProvider, usePortalContext] = createPopoverContext(PORTAL_NAME, {\n  forceMount: void 0\n});\nvar PopoverPortal = (props) => {\n  const { __scopePopover, forceMount, children, container } = props;\n  const context = usePopoverContext(PORTAL_NAME, __scopePopover);\n  return /* @__PURE__ */ jsx(PortalProvider, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(PortalPrimitive, { asChild: true, container, children }) }) });\n};\nPopoverPortal.displayName = PORTAL_NAME;\nvar CONTENT_NAME = \"PopoverContent\";\nvar PopoverContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const portalContext = usePortalContext(CONTENT_NAME, props.__scopePopover);\n    const { forceMount = portalContext.forceMount, ...contentProps } = props;\n    const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });\n  }\n);\nPopoverContent.displayName = CONTENT_NAME;\nvar Slot = createSlot(\"PopoverContent.RemoveScroll\");\nvar PopoverContentModal = React.forwardRef(\n  (props, forwardedRef) => {\n    const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);\n    const contentRef = React.useRef(null);\n    const composedRefs = useComposedRefs(forwardedRef, contentRef);\n    const isRightClickOutsideRef = React.useRef(false);\n    React.useEffect(() => {\n      const content = contentRef.current;\n      if (content) return hideOthers(content);\n    }, []);\n    return /* @__PURE__ */ jsx(RemoveScroll, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ jsx(\n      PopoverContentImpl,\n      {\n        ...props,\n        ref: composedRefs,\n        trapFocus: context.open,\n        disableOutsidePointerEvents: true,\n        onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {\n          event.preventDefault();\n          if (!isRightClickOutsideRef.current) context.triggerRef.current?.focus();\n        }),\n        onPointerDownOutside: composeEventHandlers(\n          props.onPointerDownOutside,\n          (event) => {\n            const originalEvent = event.detail.originalEvent;\n            const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;\n            const isRightClick = originalEvent.button === 2 || ctrlLeftClick;\n            isRightClickOutsideRef.current = isRightClick;\n          },\n          { checkForDefaultPrevented: false }\n        ),\n        onFocusOutside: composeEventHandlers(\n          props.onFocusOutside,\n          (event) => event.preventDefault(),\n          { checkForDefaultPrevented: false }\n        )\n      }\n    ) });\n  }\n);\nvar PopoverContentNonModal = React.forwardRef(\n  (props, forwardedRef) => {\n    const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);\n    const hasInteractedOutsideRef = React.useRef(false);\n    const hasPointerDownOutsideRef = React.useRef(false);\n    return /* @__PURE__ */ jsx(\n      PopoverContentImpl,\n      {\n        ...props,\n        ref: forwardedRef,\n        trapFocus: false,\n        disableOutsidePointerEvents: false,\n        onCloseAutoFocus: (event) => {\n          props.onCloseAutoFocus?.(event);\n          if (!event.defaultPrevented) {\n            if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();\n            event.preventDefault();\n          }\n          hasInteractedOutsideRef.current = false;\n          hasPointerDownOutsideRef.current = false;\n        },\n        onInteractOutside: (event) => {\n          props.onInteractOutside?.(event);\n          if (!event.defaultPrevented) {\n            hasInteractedOutsideRef.current = true;\n            if (event.detail.originalEvent.type === \"pointerdown\") {\n              hasPointerDownOutsideRef.current = true;\n            }\n          }\n          const target = event.target;\n          const targetIsTrigger = context.triggerRef.current?.contains(target);\n          if (targetIsTrigger) event.preventDefault();\n          if (event.detail.originalEvent.type === \"focusin\" && hasPointerDownOutsideRef.current) {\n            event.preventDefault();\n          }\n        }\n      }\n    );\n  }\n);\nvar PopoverContentImpl = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopePopover,\n      trapFocus,\n      onOpenAutoFocus,\n      onCloseAutoFocus,\n      disableOutsidePointerEvents,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      ...contentProps\n    } = props;\n    const context = usePopoverContext(CONTENT_NAME, __scopePopover);\n    const popperScope = usePopperScope(__scopePopover);\n    useFocusGuards();\n    return /* @__PURE__ */ jsx(\n      FocusScope,\n      {\n        asChild: true,\n        loop: true,\n        trapped: trapFocus,\n        onMountAutoFocus: onOpenAutoFocus,\n        onUnmountAutoFocus: onCloseAutoFocus,\n        children: /* @__PURE__ */ jsx(\n          DismissableLayer,\n          {\n            asChild: true,\n            disableOutsidePointerEvents,\n            onInteractOutside,\n            onEscapeKeyDown,\n            onPointerDownOutside,\n            onFocusOutside,\n            onDismiss: () => context.onOpenChange(false),\n            children: /* @__PURE__ */ jsx(\n              PopperPrimitive.Content,\n              {\n                \"data-state\": getState(context.open),\n                role: \"dialog\",\n                id: context.contentId,\n                ...popperScope,\n                ...contentProps,\n                ref: forwardedRef,\n                style: {\n                  ...contentProps.style,\n                  // re-namespace exposed content custom properties\n                  ...{\n                    \"--radix-popover-content-transform-origin\": \"var(--radix-popper-transform-origin)\",\n                    \"--radix-popover-content-available-width\": \"var(--radix-popper-available-width)\",\n                    \"--radix-popover-content-available-height\": \"var(--radix-popper-available-height)\",\n                    \"--radix-popover-trigger-width\": \"var(--radix-popper-anchor-width)\",\n                    \"--radix-popover-trigger-height\": \"var(--radix-popper-anchor-height)\"\n                  }\n                }\n              }\n            )\n          }\n        )\n      }\n    );\n  }\n);\nvar CLOSE_NAME = \"PopoverClose\";\nvar PopoverClose = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopePopover, ...closeProps } = props;\n    const context = usePopoverContext(CLOSE_NAME, __scopePopover);\n    return /* @__PURE__ */ jsx(\n      Primitive.button,\n      {\n        type: \"button\",\n        ...closeProps,\n        ref: forwardedRef,\n        onClick: composeEventHandlers(props.onClick, () => context.onOpenChange(false))\n      }\n    );\n  }\n);\nPopoverClose.displayName = CLOSE_NAME;\nvar ARROW_NAME = \"PopoverArrow\";\nvar PopoverArrow = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopePopover, ...arrowProps } = props;\n    const popperScope = usePopperScope(__scopePopover);\n    return /* @__PURE__ */ jsx(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });\n  }\n);\nPopoverArrow.displayName = ARROW_NAME;\nfunction getState(open) {\n  return open ? \"open\" : \"closed\";\n}\nvar Root2 = Popover;\nvar Anchor2 = PopoverAnchor;\nvar Trigger = PopoverTrigger;\nvar Portal = PopoverPortal;\nvar Content2 = PopoverContent;\nvar Close = PopoverClose;\nvar Arrow2 = PopoverArrow;\nexport {\n  Anchor2 as Anchor,\n  Arrow2 as Arrow,\n  Close,\n  Content2 as Content,\n  Popover,\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverClose,\n  PopoverContent,\n  PopoverPortal,\n  PopoverTrigger,\n  Portal,\n  Root2 as Root,\n  Trigger,\n  createPopoverScope\n};\n//# sourceMappingURL=index.mjs.map\n","import * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { tv } from \"tailwind-variants\";\nimport { cn } from \"@/lib/utils\";\nimport { usePortalContainer } from \"../portal-container\";\nimport { TriggerButton } from \"../button\";\nimport { TriggerButtonProps } from \"../button/trigger-button/TriggerButton\";\n\nconst popoverStyles = tv({\n\tbase: \"z-50 w-72 origin-[--radix-popover-content-transform-origin] rounded-lg border border-secondary-border bg-secondary-bg p-4 text-popover-foreground shadow-soft-md outline-none 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\"\n});\n\ntype PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {\n\t/**\n\t * Контейнер для портала. Если не указан, используется хук usePortalContainer\n\t * для поиска PortalContainer\n\t */\n\tportalContainer?: HTMLElement;\n};\n\n/**\n * Корневой компонент Popover, который оборачивает всю функциональность всплывающего окна.\n * Построен на основе Radix UI Popover primitive.\n */\nconst Popover = PopoverPrimitive.Root;\n\n/**\n * Элемент-триггер, который открывает всплывающее окно при клике.\n */\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\n/**\n * Элемент-якорь, относительно которого позиционируется всплывающее окно.\n */\nconst PopoverAnchor = PopoverPrimitive.Anchor;\n\n/**\n * Компонент содержимого всплывающего окна.\n */\nconst PopoverContent = React.forwardRef<React.ElementRef<typeof PopoverPrimitive.Content>, PopoverContentProps>(\n\t({ className, align = \"center\", sideOffset = 4, portalContainer, ...props }, ref) => {\n\t\tconst container = usePortalContainer(portalContainer);\n\t\treturn (\n\t\t\t<PopoverPrimitive.Portal container={container}>\n\t\t\t\t<PopoverPrimitive.Content\n\t\t\t\t\t// Фикс скроллинга внутри Popover когда он находится в Dialog\n\t\t\t\t\t// RemoveScroll в Dialog блокирует прокрутку body, но может блокировать и вложенные элементы\n\t\t\t\t\t// stopPropagation предотвращает всплытие событий скроллинга к заблокированному body\n\t\t\t\t\t// https://github.com/radix-ui/primitives/issues/1159\n\t\t\t\t\tonWheel={(e) => {\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t}}\n\t\t\t\t\tonTouchMove={(e) => {\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t}}\n\t\t\t\t\tref={ref}\n\t\t\t\t\talign={align}\n\t\t\t\t\tsideOffset={sideOffset}\n\t\t\t\t\tclassName={cn(popoverStyles(), className)}\n\t\t\t\t\t{...props}\n\t\t\t\t/>\n\t\t\t</PopoverPrimitive.Portal>\n\t\t);\n\t}\n);\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\n/**\n * Компонент-обертка для использования TriggerButton в качестве триггера поповера\n */\nconst PopoverTriggerButton = React.forwardRef<\n\tReact.ElementRef<typeof PopoverTrigger>,\n\tReact.ComponentPropsWithoutRef<typeof PopoverTrigger> & Omit<TriggerButtonProps, \"dataState\">\n>(({ children, ...props }, ref) => {\n\treturn (\n\t\t<PopoverTrigger asChild ref={ref}>\n\t\t\t<TriggerButton {...props}>{children}</TriggerButton>\n\t\t</PopoverTrigger>\n\t);\n});\n\nPopoverTriggerButton.displayName = \"PopoverTriggerButton\";\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverTriggerButton };\n"],"names":["POPOVER_NAME","createPopoverContext","createPopoverScope","createContextScope","createPopperScope","usePopperScope","PopoverProvider","usePopoverContext","Popover","props","__scopePopover","children","openProp","defaultOpen","onOpenChange","modal","popperScope","triggerRef","React","hasCustomAnchor","setHasCustomAnchor","open","setOpen","useControllableState","jsx","PopperPrimitive.Root","useId","prevOpen","ANCHOR_NAME","PopoverAnchor","forwardedRef","anchorProps","context","onCustomAnchorAdd","onCustomAnchorRemove","PopperPrimitive.Anchor","TRIGGER_NAME","PopoverTrigger","triggerProps","composedTriggerRef","useComposedRefs","trigger","Primitive","getState","composeEventHandlers","PORTAL_NAME","PortalProvider","usePortalContext","PopoverPortal","forceMount","container","Presence","PortalPrimitive","CONTENT_NAME","PopoverContent","portalContext","contentProps","PopoverContentModal","PopoverContentNonModal","Slot","createSlot","contentRef","composedRefs","isRightClickOutsideRef","content","hideOthers","RemoveScroll","PopoverContentImpl","event","originalEvent","ctrlLeftClick","isRightClick","hasInteractedOutsideRef","hasPointerDownOutsideRef","target","trapFocus","onOpenAutoFocus","onCloseAutoFocus","disableOutsidePointerEvents","onEscapeKeyDown","onPointerDownOutside","onFocusOutside","onInteractOutside","useFocusGuards","FocusScope","DismissableLayer","PopperPrimitive.Content","CLOSE_NAME","PopoverClose","closeProps","ARROW_NAME","PopoverArrow","arrowProps","PopperPrimitive.Arrow","Root2","Anchor2","Trigger","Portal","Content2","popoverStyles","tv","PopoverPrimitive.Root","PopoverPrimitive.Trigger","PopoverPrimitive.Anchor","className","align","sideOffset","portalContainer","ref","usePortalContainer","PopoverPrimitive.Portal","PopoverPrimitive.Content","e","cn","PopoverTriggerButton","TriggerButton"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/RichButton-BuenN3bJ.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichButton-BuenN3bJ.js","sources":["../src/components/button/rich-button/RichButton.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\r\nimport { ButtonBase, ButtonBaseProps } from \"../button-base/ButtonBase\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { LucideIcon } from \"lucide-react\";\r\nimport { FeatureIcon } from \"@/components/icon\";\r\nimport { Description } from \"@/components/description\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\nexport interface RichButtonVariants {\r\n\tsize?: \"sm\" | \"lg\";\r\n}\r\n\r\nexport const richButtonStyles = tv({\r\n\tslots: {\r\n\t\tbase: \"w-full justify-start\",\r\n\t\twrapper: \"flex flex-col items-start\",\r\n\t\tdescription: \"\",\r\n\t\ttext: \"font-semibold\"\r\n\t},\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\tsm: {\r\n\t\t\t\tbase: \"h-12 gap-2 rounded-xl px-2 py-1.5\",\r\n\t\t\t\tdescription: \"text-xs\",\r\n\t\t\t\ttext: \"text-sm\"\r\n\t\t\t},\r\n\t\t\tlg: {\r\n\t\t\t\tbase: \"h-[4.5rem] gap-3 rounded-2xl p-3\",\r\n\t\t\t\twrapper: \"gap-1\",\r\n\t\t\t\tdescription: \"text-sm\",\r\n\t\t\t\ttext: \"text-base\"\r\n\t\t\t}\r\n\t\t}\r\n\t} satisfies VariantsConfig<RichButtonVariants>,\r\n\tdefaultVariants: {\r\n\t\tsize: \"sm\"\r\n\t}\r\n});\r\n\r\nexport type RichButtonProps = ButtonBaseProps &\r\n\tRichButtonVariants & {\r\n\t\ttitle: React.ReactNode;\r\n\t\tdescription: React.ReactNode;\r\n\t\ticon: LucideIcon;\r\n\t};\r\n\r\nexport const RichButton = React.forwardRef<HTMLButtonElement, PropsWithChildren<RichButtonProps>>(\r\n\t({ icon, size, title, description, className, ...props }, ref) => {\r\n\t\tconst styles = richButtonStyles({ size });\r\n\t\tconst iconSize = size === \"lg\" ? \"2xl\" : \"md\";\r\n\r\n\t\treturn (\r\n\t\t\t<ButtonBase variant=\"outline\" className={styles.base({ class: className })} ref={ref} {...props}>\r\n\t\t\t\t<FeatureIcon size={iconSize} type=\"primary\" icon={icon}></FeatureIcon>\r\n\r\n\t\t\t\t<div className={styles.wrapper()}>\r\n\t\t\t\t\t<span className={styles.text()}>{title}</span>\r\n\t\t\t\t\t<Description className={styles.description()}>{description}</Description>\r\n\t\t\t\t</div>\r\n\t\t\t</ButtonBase>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nRichButton.displayName = \"RichButton\";\r\n"],"names":["richButtonStyles","tv","RichButton","React","icon","size","title","description","className","props","ref","styles","iconSize","jsxs","ButtonBase","jsx","FeatureIcon","Description"],"mappings":";;;;;;AAYO,MAAMA,IAAmBC,EAAG;AAAA,EAClC,OAAO;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,aAAa;AAAA,IACb,MAAM;AAAA,EACP;AAAA,EACA,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI;AAAA,QACH,MAAM;AAAA,QACN,aAAa;AAAA,QACb,MAAM;AAAA,MACP;AAAA,MACA,IAAI;AAAA,QACH,MAAM;AAAA,QACN,SAAS;AAAA,QACT,aAAa;AAAA,QACb,MAAM;AAAA,MAAA;AAAA,IACP;AAAA,EAEF;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GASYC,IAAaC,EAAM;AAAA,EAC/B,CAAC,EAAE,MAAAC,GAAM,MAAAC,GAAM,OAAAC,GAAO,aAAAC,GAAa,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ;AACjE,UAAMC,IAASX,EAAiB,EAAE,MAAAK,GAAM,GAClCO,IAAWP,MAAS,OAAO,QAAQ;AAEzC,WACE,gBAAAQ,EAAAC,GAAA,EAAW,SAAQ,WAAU,WAAWH,EAAO,KAAK,EAAE,OAAOH,EAAW,CAAA,GAAG,KAAAE,GAAW,GAAGD,GACzF,UAAA;AAAA,MAAA,gBAAAM,EAACC,GAAY,EAAA,MAAMJ,GAAU,MAAK,WAAU,MAAAR,GAAY;AAAA,MAEvD,gBAAAS,EAAA,OAAA,EAAI,WAAWF,EAAO,QACtB,GAAA,UAAA;AAAA,QAAA,gBAAAI,EAAC,QAAK,EAAA,WAAWJ,EAAO,QAAS,UAAML,GAAA;AAAA,0BACtCW,GAAY,EAAA,WAAWN,EAAO,eAAgB,UAAYJ,EAAA,CAAA;AAAA,MAAA,EAC5D,CAAA;AAAA,IAAA,GACD;AAAA,EAAA;AAGH;AAEAL,EAAW,cAAc;"}
+{"version":3,"file":"RichButton-BuenN3bJ.js","sources":["../src/components/button/rich-button/RichButton.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\nimport { ButtonBase, ButtonBaseProps } from \"../button-base/ButtonBase\";\nimport { tv } from \"tailwind-variants\";\nimport { LucideIcon } from \"lucide-react\";\nimport { FeatureIcon } from \"@/components/icon\";\nimport { Description } from \"@/components/description\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\n\nexport interface RichButtonVariants {\n\tsize?: \"sm\" | \"lg\";\n}\n\nexport const richButtonStyles = tv({\n\tslots: {\n\t\tbase: \"w-full justify-start\",\n\t\twrapper: \"flex flex-col items-start\",\n\t\tdescription: \"\",\n\t\ttext: \"font-semibold\"\n\t},\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: {\n\t\t\t\tbase: \"h-12 gap-2 rounded-xl px-2 py-1.5\",\n\t\t\t\tdescription: \"text-xs\",\n\t\t\t\ttext: \"text-sm\"\n\t\t\t},\n\t\t\tlg: {\n\t\t\t\tbase: \"h-[4.5rem] gap-3 rounded-2xl p-3\",\n\t\t\t\twrapper: \"gap-1\",\n\t\t\t\tdescription: \"text-sm\",\n\t\t\t\ttext: \"text-base\"\n\t\t\t}\n\t\t}\n\t} satisfies VariantsConfig<RichButtonVariants>,\n\tdefaultVariants: {\n\t\tsize: \"sm\"\n\t}\n});\n\nexport type RichButtonProps = ButtonBaseProps &\n\tRichButtonVariants & {\n\t\ttitle: React.ReactNode;\n\t\tdescription: React.ReactNode;\n\t\ticon: LucideIcon;\n\t};\n\nexport const RichButton = React.forwardRef<HTMLButtonElement, PropsWithChildren<RichButtonProps>>(\n\t({ icon, size, title, description, className, ...props }, ref) => {\n\t\tconst styles = richButtonStyles({ size });\n\t\tconst iconSize = size === \"lg\" ? \"2xl\" : \"md\";\n\n\t\treturn (\n\t\t\t<ButtonBase variant=\"outline\" className={styles.base({ class: className })} ref={ref} {...props}>\n\t\t\t\t<FeatureIcon size={iconSize} type=\"primary\" icon={icon}></FeatureIcon>\n\n\t\t\t\t<div className={styles.wrapper()}>\n\t\t\t\t\t<span className={styles.text()}>{title}</span>\n\t\t\t\t\t<Description className={styles.description()}>{description}</Description>\n\t\t\t\t</div>\n\t\t\t</ButtonBase>\n\t\t);\n\t}\n);\n\nRichButton.displayName = \"RichButton\";\n"],"names":["richButtonStyles","tv","RichButton","React","icon","size","title","description","className","props","ref","styles","iconSize","jsxs","ButtonBase","jsx","FeatureIcon","Description"],"mappings":";;;;;;AAYO,MAAMA,IAAmBC,EAAG;AAAA,EAClC,OAAO;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,aAAa;AAAA,IACb,MAAM;AAAA,EACP;AAAA,EACA,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI;AAAA,QACH,MAAM;AAAA,QACN,aAAa;AAAA,QACb,MAAM;AAAA,MACP;AAAA,MACA,IAAI;AAAA,QACH,MAAM;AAAA,QACN,SAAS;AAAA,QACT,aAAa;AAAA,QACb,MAAM;AAAA,MAAA;AAAA,IACP;AAAA,EAEF;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GASYC,IAAaC,EAAM;AAAA,EAC/B,CAAC,EAAE,MAAAC,GAAM,MAAAC,GAAM,OAAAC,GAAO,aAAAC,GAAa,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ;AACjE,UAAMC,IAASX,EAAiB,EAAE,MAAAK,GAAM,GAClCO,IAAWP,MAAS,OAAO,QAAQ;AAEzC,WACE,gBAAAQ,EAAAC,GAAA,EAAW,SAAQ,WAAU,WAAWH,EAAO,KAAK,EAAE,OAAOH,EAAW,CAAA,GAAG,KAAAE,GAAW,GAAGD,GACzF,UAAA;AAAA,MAAA,gBAAAM,EAACC,GAAY,EAAA,MAAMJ,GAAU,MAAK,WAAU,MAAAR,GAAY;AAAA,MAEvD,gBAAAS,EAAA,OAAA,EAAI,WAAWF,EAAO,QACtB,GAAA,UAAA;AAAA,QAAA,gBAAAI,EAAC,QAAK,EAAA,WAAWJ,EAAO,QAAS,UAAML,GAAA;AAAA,0BACtCW,GAAY,EAAA,WAAWN,EAAO,eAAgB,UAAYJ,EAAA,CAAA;AAAA,MAAA,EAC5D,CAAA;AAAA,IAAA,GACD;AAAA,EAAA;AAGH;AAEAL,EAAW,cAAc;"}

package/dist/ScrollShadowContainer-ODG9ChxA.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollShadowContainer-ODG9ChxA.js","sources":["../src/components/scroll-shadow-container/ScrollShadowContainer.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst scrollShadowContainerStyles = tv({\r\n\tbase: \"relative overflow-hidden\",\r\n\tslots: {\r\n\t\tshadow: \"pointer-events-none absolute left-0 right-0 z-10 h-[10px]\",\r\n\t\ttopShadow: \"top-0 bg-gradient-to-b from-shadow-scroll to-transparent opacity-5\",\r\n\t\tbottomShadow: \"bottom-0 bg-gradient-to-t from-shadow-scroll to-transparent opacity-5\",\r\n\t\tcontent: \"h-full w-full overflow-auto\"\r\n\t}\r\n});\r\n\r\nexport interface ScrollShadowContainerProps extends React.HTMLAttributes<HTMLDivElement> {\r\n\tchildren: React.ReactNode;\r\n\twrapperClassName?: string;\r\n\tshadowTopClassName?: string;\r\n\tshadowBottomClassName?: string;\r\n}\r\n\r\nexport const ScrollShadowContainer = React.forwardRef<HTMLDivElement, ScrollShadowContainerProps>(\r\n\t({ className, children, shadowTopClassName, shadowBottomClassName, wrapperClassName, ...props }, ref) => {\r\n\t\tconst containerRef = React.useRef<HTMLDivElement>(null);\r\n\t\tconst [showTopShadow, setShowTopShadow] = React.useState(false);\r\n\t\tconst [showBottomShadow, setShowBottomShadow] = React.useState(false);\r\n\r\n\t\tconst { base, shadow, topShadow, bottomShadow, content } = scrollShadowContainerStyles();\r\n\r\n\t\tReact.useImperativeHandle(ref, () => containerRef.current as HTMLDivElement);\r\n\r\n\t\t// Функция проверки скролла для отображения теней\r\n\t\tconst checkScroll = React.useCallback(() => {\r\n\t\t\tif (!containerRef.current) return;\r\n\r\n\t\t\tconst { scrollTop, scrollHeight, clientHeight } = containerRef.current;\r\n\r\n\t\t\t// Показываем верхнюю тень только если прокрутили вниз\r\n\t\t\tsetShowTopShadow(scrollTop > 0);\r\n\r\n\t\t\t// Показываем нижнюю тень только если не докрутили до конца\r\n\t\t\tsetShowBottomShadow(scrollTop < scrollHeight - clientHeight - 1);\r\n\t\t}, []);\r\n\r\n\t\tReact.useEffect(() => {\r\n\t\t\tconst container = containerRef.current;\r\n\t\t\tif (!container) return;\r\n\t\t\tcheckScroll();\r\n\t\t\tcontainer.addEventListener(\"scroll\", checkScroll);\r\n\t\t\treturn () => {\r\n\t\t\t\tcontainer.removeEventListener(\"scroll\", checkScroll);\r\n\t\t\t};\r\n\t\t}, [checkScroll]);\r\n\r\n\t\treturn (\r\n\t\t\t<div className={base({ className: wrapperClassName })} {...props}>\r\n\t\t\t\t{showTopShadow && (\r\n\t\t\t\t\t<div className={shadow({ className: topShadow({ className: shadowTopClassName }) })} />\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t<div ref={containerRef} className={content({ className })}>\r\n\t\t\t\t\t{children}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t{showBottomShadow && (\r\n\t\t\t\t\t<div className={shadow({ className: bottomShadow({ className: shadowBottomClassName }) })} />\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nScrollShadowContainer.displayName = \"ScrollShadowContainer\";\r\n"],"names":["scrollShadowContainerStyles","tv","ScrollShadowContainer","React","className","children","shadowTopClassName","shadowBottomClassName","wrapperClassName","props","ref","containerRef","showTopShadow","setShowTopShadow","showBottomShadow","setShowBottomShadow","base","shadow","topShadow","bottomShadow","content","checkScroll","scrollTop","scrollHeight","clientHeight","container","jsxs","jsx"],"mappings":";;;AAGA,MAAMA,IAA8BC,EAAG;AAAA,EACtC,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,cAAc;AAAA,IACd,SAAS;AAAA,EAAA;AAEX,CAAC,GASYC,IAAwBC,EAAM;AAAA,EAC1C,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,oBAAAC,GAAoB,uBAAAC,GAAuB,kBAAAC,GAAkB,GAAGC,EAAM,GAAGC,MAAQ;AAClG,UAAAC,IAAeR,EAAM,OAAuB,IAAI,GAChD,CAACS,GAAeC,CAAgB,IAAIV,EAAM,SAAS,EAAK,GACxD,CAACW,GAAkBC,CAAmB,IAAIZ,EAAM,SAAS,EAAK,GAE9D,EAAE,MAAAa,GAAM,QAAAC,GAAQ,WAAAC,GAAW,cAAAC,GAAc,SAAAC,MAAYpB,EAA4B;AAEvF,IAAAG,EAAM,oBAAoBO,GAAK,MAAMC,EAAa,OAAyB;AAGrE,UAAAU,IAAclB,EAAM,YAAY,MAAM;AACvC,UAAA,CAACQ,EAAa,QAAS;AAE3B,YAAM,EAAE,WAAAW,GAAW,cAAAC,GAAc,cAAAC,MAAiBb,EAAa;AAG/D,MAAAE,EAAiBS,IAAY,CAAC,GAGVP,EAAAO,IAAYC,IAAeC,IAAe,CAAC;AAAA,IAChE,GAAG,EAAE;AAEL,WAAArB,EAAM,UAAU,MAAM;AACrB,YAAMsB,IAAYd,EAAa;AAC/B,UAAKc;AACO,eAAAJ,EAAA,GACFI,EAAA,iBAAiB,UAAUJ,CAAW,GACzC,MAAM;AACF,UAAAI,EAAA,oBAAoB,UAAUJ,CAAW;AAAA,QACpD;AAAA,IAAA,GACE,CAACA,CAAW,CAAC,GAGf,gBAAAK,EAAC,OAAI,EAAA,WAAWV,EAAK,EAAE,WAAWR,EAAkB,CAAA,GAAI,GAAGC,GACzD,UAAA;AAAA,MAAAG,KACC,gBAAAe,EAAA,OAAA,EAAI,WAAWV,EAAO,EAAE,WAAWC,EAAU,EAAE,WAAWZ,EAAA,CAAoB,EAAA,CAAG,EAAG,CAAA;AAAA,MAGtF,gBAAAqB,EAAC,OAAI,EAAA,KAAKhB,GAAc,WAAWS,EAAQ,EAAE,WAAAhB,EAAA,CAAW,GACtD,UAAAC,GACF;AAAA,MAECS,KACA,gBAAAa,EAAC,OAAI,EAAA,WAAWV,EAAO,EAAE,WAAWE,EAAa,EAAE,WAAWZ,EAAuB,CAAA,EAAG,CAAA,EAAG,CAAA;AAAA,IAAA,GAE7F;AAAA,EAAA;AAGH;AAEAL,EAAsB,cAAc;"}
+{"version":3,"file":"ScrollShadowContainer-ODG9ChxA.js","sources":["../src/components/scroll-shadow-container/ScrollShadowContainer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst scrollShadowContainerStyles = tv({\n\tbase: \"relative overflow-hidden\",\n\tslots: {\n\t\tshadow: \"pointer-events-none absolute left-0 right-0 z-10 h-[10px]\",\n\t\ttopShadow: \"top-0 bg-gradient-to-b from-shadow-scroll to-transparent opacity-5\",\n\t\tbottomShadow: \"bottom-0 bg-gradient-to-t from-shadow-scroll to-transparent opacity-5\",\n\t\tcontent: \"h-full w-full overflow-auto\"\n\t}\n});\n\nexport interface ScrollShadowContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n\tchildren: React.ReactNode;\n\twrapperClassName?: string;\n\tshadowTopClassName?: string;\n\tshadowBottomClassName?: string;\n}\n\nexport const ScrollShadowContainer = React.forwardRef<HTMLDivElement, ScrollShadowContainerProps>(\n\t({ className, children, shadowTopClassName, shadowBottomClassName, wrapperClassName, ...props }, ref) => {\n\t\tconst containerRef = React.useRef<HTMLDivElement>(null);\n\t\tconst [showTopShadow, setShowTopShadow] = React.useState(false);\n\t\tconst [showBottomShadow, setShowBottomShadow] = React.useState(false);\n\n\t\tconst { base, shadow, topShadow, bottomShadow, content } = scrollShadowContainerStyles();\n\n\t\tReact.useImperativeHandle(ref, () => containerRef.current as HTMLDivElement);\n\n\t\t// Функция проверки скролла для отображения теней\n\t\tconst checkScroll = React.useCallback(() => {\n\t\t\tif (!containerRef.current) return;\n\n\t\t\tconst { scrollTop, scrollHeight, clientHeight } = containerRef.current;\n\n\t\t\t// Показываем верхнюю тень только если прокрутили вниз\n\t\t\tsetShowTopShadow(scrollTop > 0);\n\n\t\t\t// Показываем нижнюю тень только если не докрутили до конца\n\t\t\tsetShowBottomShadow(scrollTop < scrollHeight - clientHeight - 1);\n\t\t}, []);\n\n\t\tReact.useEffect(() => {\n\t\t\tconst container = containerRef.current;\n\t\t\tif (!container) return;\n\t\t\tcheckScroll();\n\t\t\tcontainer.addEventListener(\"scroll\", checkScroll);\n\t\t\treturn () => {\n\t\t\t\tcontainer.removeEventListener(\"scroll\", checkScroll);\n\t\t\t};\n\t\t}, [checkScroll]);\n\n\t\treturn (\n\t\t\t<div className={base({ className: wrapperClassName })} {...props}>\n\t\t\t\t{showTopShadow && (\n\t\t\t\t\t<div className={shadow({ className: topShadow({ className: shadowTopClassName }) })} />\n\t\t\t\t)}\n\n\t\t\t\t<div ref={containerRef} className={content({ className })}>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\n\t\t\t\t{showBottomShadow && (\n\t\t\t\t\t<div className={shadow({ className: bottomShadow({ className: shadowBottomClassName }) })} />\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nScrollShadowContainer.displayName = \"ScrollShadowContainer\";\n"],"names":["scrollShadowContainerStyles","tv","ScrollShadowContainer","React","className","children","shadowTopClassName","shadowBottomClassName","wrapperClassName","props","ref","containerRef","showTopShadow","setShowTopShadow","showBottomShadow","setShowBottomShadow","base","shadow","topShadow","bottomShadow","content","checkScroll","scrollTop","scrollHeight","clientHeight","container","jsxs","jsx"],"mappings":";;;AAGA,MAAMA,IAA8BC,EAAG;AAAA,EACtC,MAAM;AAAA,EACN,OAAO;AAAA,IACN,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,cAAc;AAAA,IACd,SAAS;AAAA,EAAA;AAEX,CAAC,GASYC,IAAwBC,EAAM;AAAA,EAC1C,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,oBAAAC,GAAoB,uBAAAC,GAAuB,kBAAAC,GAAkB,GAAGC,EAAM,GAAGC,MAAQ;AAClG,UAAAC,IAAeR,EAAM,OAAuB,IAAI,GAChD,CAACS,GAAeC,CAAgB,IAAIV,EAAM,SAAS,EAAK,GACxD,CAACW,GAAkBC,CAAmB,IAAIZ,EAAM,SAAS,EAAK,GAE9D,EAAE,MAAAa,GAAM,QAAAC,GAAQ,WAAAC,GAAW,cAAAC,GAAc,SAAAC,MAAYpB,EAA4B;AAEvF,IAAAG,EAAM,oBAAoBO,GAAK,MAAMC,EAAa,OAAyB;AAGrE,UAAAU,IAAclB,EAAM,YAAY,MAAM;AACvC,UAAA,CAACQ,EAAa,QAAS;AAE3B,YAAM,EAAE,WAAAW,GAAW,cAAAC,GAAc,cAAAC,MAAiBb,EAAa;AAG/D,MAAAE,EAAiBS,IAAY,CAAC,GAGVP,EAAAO,IAAYC,IAAeC,IAAe,CAAC;AAAA,IAChE,GAAG,EAAE;AAEL,WAAArB,EAAM,UAAU,MAAM;AACrB,YAAMsB,IAAYd,EAAa;AAC/B,UAAKc;AACO,eAAAJ,EAAA,GACFI,EAAA,iBAAiB,UAAUJ,CAAW,GACzC,MAAM;AACF,UAAAI,EAAA,oBAAoB,UAAUJ,CAAW;AAAA,QACpD;AAAA,IAAA,GACE,CAACA,CAAW,CAAC,GAGf,gBAAAK,EAAC,OAAI,EAAA,WAAWV,EAAK,EAAE,WAAWR,EAAkB,CAAA,GAAI,GAAGC,GACzD,UAAA;AAAA,MAAAG,KACC,gBAAAe,EAAA,OAAA,EAAI,WAAWV,EAAO,EAAE,WAAWC,EAAU,EAAE,WAAWZ,EAAA,CAAoB,EAAA,CAAG,EAAG,CAAA;AAAA,MAGtF,gBAAAqB,EAAC,OAAI,EAAA,KAAKhB,GAAc,WAAWS,EAAQ,EAAE,WAAAhB,EAAA,CAAW,GACtD,UAAAC,GACF;AAAA,MAECS,KACA,gBAAAa,EAAC,OAAI,EAAA,WAAWV,EAAO,EAAE,WAAWE,EAAa,EAAE,WAAWZ,EAAuB,CAAA,EAAG,CAAA,EAAG,CAAA;AAAA,IAAA,GAE7F;AAAA,EAAA;AAGH;AAEAL,EAAsB,cAAc;"}

package/dist/{SearchSelectTag-D1bFK1ux.js → SearchSelectTag-Ce-Q9JGR.js}

@@ -1,6 +1,6 @@
 import { useState as p, 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-DJuVSJh5.js";
+import { d as T, a as D, c as I, b as w } from "./Tag-CofZF1d0.js";
 import { u as y } from "./useBreakpoints-wEcfJPHd.js";
 import { T as F } from "./index-BVqs-uqP.js";
 function K({ value: e, defaultValue: c, onChange: s }) {
@@ -93,4 +93,4 @@ export {
   L as a,
   K as u
 };
-//# sourceMappingURL=SearchSelectTag-D1bFK1ux.js.map
+//# sourceMappingURL=SearchSelectTag-Ce-Q9JGR.js.map

package/dist/SearchSelectTag-Ce-Q9JGR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchSelectTag-Ce-Q9JGR.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\tcase \"Backspace\":\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});\n\nexport interface 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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"}