@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/cjs/browser/modules/tabs/tabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs/tabs.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/tabs/tabs.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import {\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport {\n  arrayMove,\n  horizontalListSortingStrategy,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  useSortable,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { Ellipsis, GripVertical, Plus, X } from 'lucide-react';\nimport {\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { DropdownControl as Dropdown } from '../dropdown/dropdown';\nimport { classes } from '../shared/classes';\nimport { useMotionEnabled } from '../shared/motion';\nimport type { ControlSize } from '../shared/types';\nimport { useDragAnnouncements } from '../shared/use-drag-announcements';\nimport { useFormattedText } from '../shared/use-formatted-text';\nimport { useText } from '../shared/use-text';\nimport { useMovingIndicator } from './use-moving-indicator';\n\nexport interface TabItem {\n  key: string;\n  label: ReactNode;\n  children: ReactNode;\n  disabled?: boolean;\n  icon?: ReactNode;\n  closable?: boolean;\n}\nexport interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  items: readonly TabItem[];\n  activeKey?: string;\n  defaultActiveKey?: string;\n  onChange?: (key: string) => void;\n  type?: 'line' | 'card';\n  placement?: 'top' | 'bottom' | 'left' | 'right';\n  size?: ControlSize;\n  activationMode?: 'automatic' | 'manual';\n  destroyInactive?: boolean;\n  extra?: ReactNode;\n  onClose?: (key: string, event: MouseEvent<HTMLButtonElement>) => void;\n  onAdd?: () => void;\n  addLabel?: string;\n  overflow?: boolean;\n  sortable?: boolean;\n  onReorder?: (items: TabItem[]) => void;\n}\nexport function TabsControl({\n  items,\n  activeKey,\n  defaultActiveKey,\n  onChange,\n  type = 'line',\n  placement = 'top',\n  size = 'md',\n  activationMode = 'automatic',\n  destroyInactive = false,\n  extra,\n  onClose,\n  onAdd,\n  addLabel,\n  overflow = true,\n  sortable = false,\n  onReorder,\n  className,\n  'aria-label': label,\n  ...props\n}: TabsProps) {\n  const { direction } = useLeafConfig();\n  const t = useText();\n  const format = useFormattedText();\n  const enabled = items.filter((item) => !item.disabled);\n  const [internal, setInternal] = useState(defaultActiveKey ?? enabled[0]?.key);\n  const requested = activeKey ?? internal;\n  const selected = enabled.find((item) => item.key === requested)?.key ?? enabled[0]?.key;\n  const [focused, setFocused] = useState<string>();\n  const focusKey = enabled.some((item) => item.key === focused) ? focused : selected;\n  const [visited, setVisited] = useState<readonly string[]>(selected ? [selected] : []);\n  if (selected && !visited.includes(selected)) setVisited([...visited, selected]);\n  const id = useId();\n  const list = useRef<HTMLDivElement>(null);\n  const track = useRef<HTMLDivElement>(null);\n  const indicator = useRef<HTMLSpanElement>(null);\n  useMovingIndicator(\n    track,\n    indicator,\n    '[data-leaf-indicator-item][data-active=\"true\"]',\n    `${selected}-${placement}-${type}-${direction}`,\n    items.length > 0,\n  );\n  const header = useRef<HTMLDivElement>(null);\n  const [overflowKeys, setOverflowKeys] = useState<string[]>([]);\n  const sorting = sortable && Boolean(onReorder);\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Observe the new tab elements after the item list changes.\n  useEffect(() => {\n    const node = list.current;\n    const container = header.current;\n    if (!overflow || !node || !container) {\n      setOverflowKeys([]);\n      return;\n    }\n    const measure = () => {\n      const horizontal = placement === 'top' || placement === 'bottom';\n      const entries = Array.from(node.querySelectorAll<HTMLElement>('[data-tab-key]'));\n      const more = container.querySelector<HTMLElement>('[data-tabs-more]');\n      const fullSize =\n        (horizontal ? node.clientWidth : node.clientHeight) +\n        (more\n          ? (horizontal ? more.offsetWidth : more.offsetHeight) +\n            (Number.parseFloat(getComputedStyle(container)[horizontal ? 'columnGap' : 'rowGap']) ||\n              0)\n          : 0);\n      const total = horizontal ? node.scrollWidth : node.scrollHeight;\n      const rect = node.getBoundingClientRect();\n      const keys =\n        total <= fullSize + 1\n          ? []\n          : entries\n              .filter((entry) => {\n                const item = entry.getBoundingClientRect();\n                return horizontal\n                  ? item.left < rect.left - 1 || item.right > rect.right + 1\n                  : item.top < rect.top - 1 || item.bottom > rect.bottom + 1;\n              })\n              .map((entry) => entry.dataset.tabKey ?? '');\n      setOverflowKeys((previous) =>\n        previous.length === keys.length && previous.every((key, index) => key === keys[index])\n          ? previous\n          : keys,\n      );\n    };\n    measure();\n    const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(measure);\n    observer?.observe(node);\n    observer?.observe(container);\n    for (const entry of node.children) observer?.observe(entry);\n    node.addEventListener('scroll', measure, { passive: true });\n    window.addEventListener('resize', measure);\n    return () => {\n      observer?.disconnect();\n      node.removeEventListener('scroll', measure);\n      window.removeEventListener('resize', measure);\n    };\n  }, [overflow, placement, items]);\n  const choose = (key: string) => {\n    if (!enabled.some((item) => item.key === key)) return;\n    if (activeKey === undefined) setInternal(key);\n    if (key !== selected) onChange?.(key);\n  };\n  if (items.length === 0) return null;\n  return (\n    <div\n      {...props}\n      className={classes(\n        'leaf-tabs',\n        `leaf-tabs--${type}`,\n        `leaf-tabs--${placement}`,\n        `leaf-tabs--${size}`,\n        className,\n      )}\n    >\n      <TabDragScope enabled={sorting} items={items} onReorder={onReorder}>\n        <div className=\"leaf-tabs__header\" ref={header}>\n          <div\n            ref={list}\n            onBlur={(event) => {\n              if (!event.currentTarget.contains(event.relatedTarget)) setFocused(undefined);\n            }}\n            role=\"tablist\"\n            aria-label={label}\n            aria-orientation={\n              placement === 'left' || placement === 'right' ? 'vertical' : 'horizontal'\n            }\n            className=\"leaf-tabs__list\"\n          >\n            <div ref={track} className=\"leaf-tabs__track\">\n              <span ref={indicator} className=\"leaf-tabs__indicator\" aria-hidden=\"true\" />\n              <SortableContext\n                items={items.map((item) => item.key)}\n                strategy={\n                  placement === 'top' || placement === 'bottom'\n                    ? horizontalListSortingStrategy\n                    : verticalListSortingStrategy\n                }\n              >\n                {items.map((item, index) => (\n                  <TabEntry\n                    item={item}\n                    sortable={sorting}\n                    className=\"leaf-tabs__entry\"\n                    key={item.key}\n                    data-active={item.key === selected || undefined}\n                    data-leaf-indicator-item=\"\"\n                  >\n                    <button\n                      id={`${id}-tab-${index}`}\n                      type=\"button\"\n                      role=\"tab\"\n                      aria-selected={item.key === selected}\n                      aria-controls={`${id}-panel-${index}`}\n                      disabled={item.disabled}\n                      tabIndex={item.key === focusKey ? 0 : -1}\n                      className=\"leaf-tabs__tab\"\n                      onFocus={() => setFocused(item.key)}\n                      onClick={() => choose(item.key)}\n                      onKeyDown={(event) => {\n                        let next: string | undefined;\n                        const position = enabled.findIndex((entry) => entry.key === item.key);\n                        const forward =\n                          placement === 'left' || placement === 'right'\n                            ? 'ArrowDown'\n                            : direction === 'rtl'\n                              ? 'ArrowLeft'\n                              : 'ArrowRight';\n                        const backward =\n                          placement === 'left' || placement === 'right'\n                            ? 'ArrowUp'\n                            : direction === 'rtl'\n                              ? 'ArrowRight'\n                              : 'ArrowLeft';\n                        if (event.key === forward)\n                          next = enabled[(position + 1) % enabled.length]?.key;\n                        else if (event.key === backward)\n                          next = enabled[(position - 1 + enabled.length) % enabled.length]?.key;\n                        else if (event.key === 'Home') next = enabled[0]?.key;\n                        else if (event.key === 'End') next = enabled.at(-1)?.key;\n                        if (next !== undefined) {\n                          event.preventDefault();\n                          setFocused(next);\n                          const nextIndex = items.findIndex((entry) => entry.key === next);\n                          list.current\n                            ?.querySelector<HTMLButtonElement>(`[id='${id}-tab-${nextIndex}']`)\n                            ?.focus();\n                          if (activationMode === 'automatic') choose(next);\n                        }\n                      }}\n                    >\n                      {item.icon && <span aria-hidden=\"true\">{item.icon}</span>}\n                      {item.label}\n                    </button>\n                    {item.closable && (\n                      <button\n                        type=\"button\"\n                        className=\"leaf-tabs__close\"\n                        disabled={item.disabled || !onClose}\n                        aria-label={format('tabs.closeLabel', {\n                          label: typeof item.label === 'string' ? item.label : item.key,\n                        })}\n                        onClick={(event) => {\n                          onClose?.(item.key, event);\n                          if (event.defaultPrevented) return;\n                          const position = enabled.findIndex((entry) => entry.key === item.key);\n                          const next =\n                            item.key === selected\n                              ? (enabled[position + 1] ?? enabled[position - 1])\n                              : enabled.find((entry) => entry.key === selected);\n                          if (next) {\n                            if (item.key === selected) choose(next.key);\n                            const nextIndex = items.findIndex((entry) => entry.key === next.key);\n                            list.current\n                              ?.querySelector<HTMLButtonElement>(`[id='${id}-tab-${nextIndex}']`)\n                              ?.focus();\n                          }\n                        }}\n                      >\n                        <X size={13} aria-hidden=\"true\" />\n                      </button>\n                    )}\n                  </TabEntry>\n                ))}\n              </SortableContext>\n            </div>\n          </div>\n          {overflowKeys.length > 0 && (\n            <Dropdown\n              items={items\n                .filter((item) => overflowKeys.includes(item.key))\n                .map((item) => ({\n                  key: item.key,\n                  label: item.label,\n                  disabled: item.disabled,\n                  onClick: () => {\n                    choose(item.key);\n                    requestAnimationFrame(() => {\n                      const target = document.getElementById(`${id}-tab-${items.indexOf(item)}`);\n                      target?.scrollIntoView?.({ block: 'nearest', inline: 'nearest' });\n                      target?.focus();\n                    });\n                  },\n                }))}\n            >\n              <ButtonControl\n                className=\"leaf-tabs__action\"\n                data-tabs-more=\"\"\n                variant=\"ghost\"\n                size={size}\n                startIcon={<Ellipsis size={16} />}\n                aria-label={t('tabs.moreTabs')}\n              />\n            </Dropdown>\n          )}\n          {onAdd && (\n            <ButtonControl\n              className=\"leaf-tabs__action\"\n              variant=\"ghost\"\n              size={size}\n              startIcon={<Plus size={16} />}\n              aria-label={addLabel ?? t('tabs.addTab')}\n              onClick={onAdd}\n            />\n          )}\n          {extra && <div className=\"leaf-tabs__extra\">{extra}</div>}\n        </div>\n      </TabDragScope>\n      <div className=\"leaf-tabs__panels\">\n        {items.map((item, index) => (\n          <div\n            key={item.key}\n            id={`${id}-panel-${index}`}\n            role=\"tabpanel\"\n            aria-labelledby={`${id}-tab-${index}`}\n            hidden={item.key !== selected}\n            // biome-ignore lint/a11y/noNoninteractiveTabindex: Tabpanels are keyboard focus destinations in the ARIA tabs pattern.\n            tabIndex={0}\n            className=\"leaf-tabs__panel\"\n          >\n            {(item.key === selected || (!destroyInactive && visited.includes(item.key))) &&\n              item.children}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction TabEntry({\n  item,\n  sortable,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & { item: TabItem; sortable: boolean }) {\n  return sortable ? (\n    <SortableTab item={item} {...props} />\n  ) : (\n    <div {...props} data-tab-key={item.key} />\n  );\n}\nfunction SortableTab({\n  item,\n  children,\n  ...props\n}: HTMLAttributes<HTMLDivElement> & { item: TabItem }) {\n  const format = useFormattedText();\n  const motion = useMotionEnabled();\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    setActivatorNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id: item.key, disabled: item.disabled });\n  return (\n    <div\n      {...props}\n      ref={setNodeRef}\n      data-tab-key={item.key}\n      data-dragging={isDragging || undefined}\n      style={{\n        ...props.style,\n        transform: CSS.Transform.toString(transform),\n        transition:\n          motion && transition\n            ? 'transform var(--leaf-motion-slow) var(--leaf-motion-easing)'\n            : undefined,\n      }}\n    >\n      <button\n        type=\"button\"\n        {...attributes}\n        {...listeners}\n        ref={setActivatorNodeRef}\n        disabled={item.disabled}\n        className=\"leaf-tabs__drag\"\n        aria-label={format('tabs.reorder', {\n          label: typeof item.label === 'string' ? item.label : item.key,\n        })}\n      >\n        <GripVertical size={13} aria-hidden=\"true\" />\n      </button>\n      {children}\n    </div>\n  );\n}\n\nfunction TabDragScope({\n  enabled,\n  items,\n  onReorder,\n  children,\n}: {\n  enabled: boolean;\n  items: readonly TabItem[];\n  onReorder?: (items: TabItem[]) => void;\n  children: ReactNode;\n}) {\n  return enabled ? (\n    <TabSortScope items={items} onReorder={onReorder}>\n      {children}\n    </TabSortScope>\n  ) : (\n    children\n  );\n}\nfunction TabSortScope({\n  items,\n  onReorder,\n  children,\n}: {\n  items: readonly TabItem[];\n  onReorder?: (items: TabItem[]) => void;\n  children: ReactNode;\n}) {\n  const id = useId();\n  const accessibility = useDragAnnouncements((key) => {\n    const item = items.find((entry) => entry.key === key);\n    return typeof item?.label === 'string' ? item.label : String(key);\n  });\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 6 } }),\n    useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }),\n  );\n  return (\n    <DndContext\n      id={id}\n      sensors={sensors}\n      collisionDetection={closestCenter}\n      accessibility={accessibility}\n      onDragEnd={({ active, over }) => {\n        if (!over || active.id === over.id) return;\n        const from = items.findIndex((item) => item.key === active.id);\n        const to = items.findIndex((item) => item.key === over.id);\n        if (from >= 0 && to >= 0 && !items[to]?.disabled)\n          onReorder?.(arrayMove([...items], from, to));\n      }}\n    >\n      {children}\n    </DndContext>\n  );\n}\n\nexport function Tabs(rawProps: TabsProps) {\n  const props = useComponentProps('Tabs', rawProps);\n  return <TabsControl {...props} />;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","TabsControl","items","activeKey","defaultActiveKey","onChange","type","placement","size","activationMode","destroyInactive","extra","onClose","onAdd","addLabel","overflow","sortable","onReorder","className","label","props","direction","useLeafConfig","t","useText","format","useFormattedText","enabled","item","internal","setInternal","useState","requested","selected","focused","setFocused","focusKey","visited","setVisited","id","useId","list","useRef","track","indicator","useMovingIndicator","header","overflowKeys","setOverflowKeys","sorting","Boolean","useEffect","node","container","measure","horizontal","entries","Array","more","fullSize","Number","getComputedStyle","total","rect","keys","entry","previous","index","observer","ResizeObserver","window","choose","undefined","classes","TabDragScope","event","SortableContext","horizontalListSortingStrategy","verticalListSortingStrategy","TabEntry","next","position","forward","backward","nextIndex","X","Dropdown","requestAnimationFrame","target","document","ButtonControl","Ellipsis","Plus","SortableTab","children","motion","useMotionEnabled","attributes","listeners","setNodeRef","setActivatorNodeRef","transform","transition","isDragging","useSortable","CSS","GripVertical","TabSortScope","accessibility","useDragAnnouncements","String","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","DndContext","closestCenter","active","over","from","to","arrayMove","Tabs","rawProps","useComponentProps"],"mappings":"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"}

package/dist/cjs/browser/modules/tabs/use-moving-indicator.cjs

@@ -0,0 +1,119 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    useMovingIndicator: ()=>useMovingIndicator
+});
+const external_react_namespaceObject = require("react");
+const useBrowserLayoutEffect = "u" < typeof window ? external_react_namespaceObject.useEffect : external_react_namespaceObject.useLayoutEffect;
+function useMovingIndicator(container, indicator, selector, selection, enabled = true) {
+    const previous = (0, external_react_namespaceObject.useRef)(null);
+    const refresh = (0, external_react_namespaceObject.useRef)(()=>{});
+    useBrowserLayoutEffect(()=>{
+        const host = container.current;
+        const marker = indicator.current;
+        if (!enabled || !host || !marker) return;
+        let frame = 0;
+        const measure = (animate)=>{
+            const active = host.querySelector(selector);
+            if (!active || active.closest('[inert],[hidden]')) {
+                marker.dataset.visible = 'false';
+                previous.current = null;
+                return;
+            }
+            const bounds = host.getBoundingClientRect();
+            const item = active.getBoundingClientRect();
+            const scaleX = host.offsetWidth ? bounds.width / host.offsetWidth : 1;
+            const scaleY = host.offsetHeight ? bounds.height / host.offsetHeight : 1;
+            const geometry = {
+                '--leaf-indicator-x': `${(item.left - bounds.left) / (scaleX || 1) + host.scrollLeft - host.clientLeft}px`,
+                '--leaf-indicator-y': `${(item.top - bounds.top) / (scaleY || 1) + host.scrollTop - host.clientTop}px`,
+                '--leaf-indicator-width': `${item.width / (scaleX || 1)}px`,
+                '--leaf-indicator-height': `${item.height / (scaleY || 1)}px`
+            };
+            if ('true' === marker.dataset.visible && Object.entries(geometry).every(([key, value])=>marker.style.getPropertyValue(key) === value)) return;
+            marker.dataset.animate = String(animate && null !== previous.current);
+            for (const [key, value] of Object.entries(geometry))marker.style.setProperty(key, value);
+            marker.dataset.visible = String(item.width > 0 && item.height > 0);
+            previous.current = active;
+        };
+        refresh.current = measure;
+        const schedule = ()=>{
+            cancelAnimationFrame(frame);
+            frame = requestAnimationFrame(()=>{
+                for (const node of host.querySelectorAll('[data-leaf-indicator-item]'))observer?.observe(node);
+                measure(false);
+            });
+        };
+        const observer = "u" < typeof ResizeObserver ? null : new ResizeObserver(schedule);
+        observer?.observe(host);
+        for (const node of host.querySelectorAll('[data-leaf-indicator-item]'))observer?.observe(node);
+        const mutation = "u" < typeof MutationObserver ? null : new MutationObserver((records)=>{
+            if (records.some((record)=>record.target !== marker)) schedule();
+        });
+        mutation?.observe(host, {
+            childList: true,
+            subtree: true,
+            characterData: true
+        });
+        host.addEventListener('scroll', schedule, {
+            passive: true
+        });
+        window.addEventListener('resize', schedule);
+        measure(false);
+        document.fonts?.addEventListener('loadingdone', schedule);
+        return ()=>{
+            cancelAnimationFrame(frame);
+            observer?.disconnect();
+            mutation?.disconnect();
+            host.removeEventListener('scroll', schedule);
+            window.removeEventListener('resize', schedule);
+            document.fonts?.removeEventListener('loadingdone', schedule);
+            refresh.current = ()=>{};
+        };
+    }, [
+        container,
+        indicator,
+        selector,
+        enabled
+    ]);
+    useBrowserLayoutEffect(()=>refresh.current(true), [
+        selection
+    ]);
+}
+exports.useMovingIndicator = __webpack_exports__.useMovingIndicator;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "useMovingIndicator"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=use-moving-indicator.cjs.map

package/dist/cjs/browser/modules/tabs/use-moving-indicator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs/use-moving-indicator.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/tabs/use-moving-indicator.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type RefObject, useEffect, useLayoutEffect, useRef } from 'react';\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\n/** A single selection surface follows the actual item geometry, including RTL scroll offsets. */\nexport function useMovingIndicator(\n  container: RefObject<HTMLElement | null>,\n  indicator: RefObject<HTMLElement | null>,\n  selector: string,\n  selection: unknown,\n  enabled = true,\n) {\n  const previous = useRef<HTMLElement | null>(null);\n  const refresh = useRef<(animate: boolean) => void>(() => {});\n  useBrowserLayoutEffect(() => {\n    const host = container.current;\n    const marker = indicator.current;\n    if (!enabled || !host || !marker) return;\n    let frame = 0;\n    const measure = (animate: boolean) => {\n      const active = host.querySelector<HTMLElement>(selector);\n      if (!active || active.closest('[inert],[hidden]')) {\n        marker.dataset.visible = 'false';\n        previous.current = null;\n        return;\n      }\n      const bounds = host.getBoundingClientRect();\n      const item = active.getBoundingClientRect();\n      const scaleX = host.offsetWidth ? bounds.width / host.offsetWidth : 1;\n      const scaleY = host.offsetHeight ? bounds.height / host.offsetHeight : 1;\n      const geometry = {\n        '--leaf-indicator-x': `${(item.left - bounds.left) / (scaleX || 1) + host.scrollLeft - host.clientLeft}px`,\n        '--leaf-indicator-y': `${(item.top - bounds.top) / (scaleY || 1) + host.scrollTop - host.clientTop}px`,\n        '--leaf-indicator-width': `${item.width / (scaleX || 1)}px`,\n        '--leaf-indicator-height': `${item.height / (scaleY || 1)}px`,\n      };\n      if (\n        marker.dataset.visible === 'true' &&\n        Object.entries(geometry).every(\n          ([key, value]) => marker.style.getPropertyValue(key) === value,\n        )\n      )\n        return;\n      marker.dataset.animate = String(animate && previous.current !== null);\n      for (const [key, value] of Object.entries(geometry)) marker.style.setProperty(key, value);\n      marker.dataset.visible = String(item.width > 0 && item.height > 0);\n      previous.current = active;\n    };\n    refresh.current = measure;\n    const schedule = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(() => {\n        for (const node of host.querySelectorAll<HTMLElement>('[data-leaf-indicator-item]'))\n          observer?.observe(node);\n        measure(false);\n      });\n    };\n    const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(schedule);\n    observer?.observe(host);\n    for (const node of host.querySelectorAll<HTMLElement>('[data-leaf-indicator-item]'))\n      observer?.observe(node);\n    const mutation =\n      typeof MutationObserver === 'undefined'\n        ? null\n        : new MutationObserver((records) => {\n            if (records.some((record) => record.target !== marker)) schedule();\n          });\n    mutation?.observe(host, { childList: true, subtree: true, characterData: true });\n    host.addEventListener('scroll', schedule, { passive: true });\n    window.addEventListener('resize', schedule);\n    measure(false);\n    // Font loading can change intrinsic widths without a viewport resize.\n    document.fonts?.addEventListener('loadingdone', schedule);\n    return () => {\n      cancelAnimationFrame(frame);\n      observer?.disconnect();\n      mutation?.disconnect();\n      host.removeEventListener('scroll', schedule);\n      window.removeEventListener('resize', schedule);\n      document.fonts?.removeEventListener('loadingdone', schedule);\n      refresh.current = () => {};\n    };\n  }, [container, indicator, selector, enabled]);\n  useBrowserLayoutEffect(() => refresh.current(true), [selection]);\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","useBrowserLayoutEffect","window","useEffect","useLayoutEffect","useMovingIndicator","container","indicator","selector","selection","enabled","previous","useRef","refresh","host","marker","frame","measure","animate","active","bounds","item","scaleX","scaleY","geometry","value","String","schedule","cancelAnimationFrame","requestAnimationFrame","node","observer","ResizeObserver","mutation","MutationObserver","records","record","document"],"mappings":"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"}

package/dist/cjs/browser/modules/tag/group.cjs

@@ -0,0 +1,110 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/tag.css');
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    CheckableTag: ()=>CheckableTag,
+    TagGroup: ()=>TagGroup
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const field_cjs_namespaceObject = require("../shared/field.cjs");
+const motion_cjs_namespaceObject = require("../shared/motion.cjs");
+const use_controllable_cjs_namespaceObject = require("../shared/use-controllable.cjs");
+function CheckableTag(rawProps) {
+    const { checked, defaultChecked = false, onChange, size = 'md', children, className, onClick, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('CheckableTag', rawProps);
+    const [current, change] = (0, use_controllable_cjs_namespaceObject.useControllable)(checked, defaultChecked, onChange);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+        ...props,
+        type: props.type ?? 'button',
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-tag', 'leaf-tag--soft', `leaf-tag--${size}`, 'leaf-checkable-tag', className),
+        "aria-pressed": current,
+        "data-color": current ? 'primary' : 'default',
+        onClick: (event)=>{
+            onClick?.(event);
+            if (!event.defaultPrevented) change(!current);
+        },
+        children: children
+    });
+}
+function TagGroup(rawProps) {
+    const { options, value, defaultValue = [], onChange, disabled, size, name, form, required, className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('TagGroup', rawProps);
+    const trigger = (0, external_react_namespaceObject.useRef)(null);
+    const root = (0, external_react_namespaceObject.useRef)(null);
+    const [current, setCurrent] = (0, field_cjs_namespaceObject.useFieldValue)(value, defaultValue, trigger, form);
+    (0, motion_cjs_namespaceObject.useListMotion)(root, JSON.stringify(options.map((option)=>option.value)), '.leaf-checkable-tag[data-motion-key]');
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ...props,
+        ref: root,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-tag-group', className),
+        children: [
+            options.map((option, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                    ref: 0 === index ? trigger : void 0,
+                    type: "button",
+                    className: (0, classes_cjs_namespaceObject.classes)('leaf-tag', 'leaf-tag--soft', `leaf-tag--${size ?? 'md'}`, 'leaf-checkable-tag'),
+                    "data-color": current.includes(option.value) ? 'primary' : 'default',
+                    "data-motion-key": option.value,
+                    "aria-pressed": current.includes(option.value),
+                    disabled: disabled || option.disabled,
+                    onClick: ()=>{
+                        const next = current.includes(option.value) ? current.filter((key)=>key !== option.value) : [
+                            ...current,
+                            option.value
+                        ];
+                        setCurrent(next);
+                        onChange?.(next);
+                    },
+                    children: option.label
+                }, option.value)),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(field_cjs_namespaceObject.FormValue, {
+                name: name,
+                form: form,
+                required: required,
+                disabled: disabled,
+                value: current.length ? JSON.stringify(current) : '',
+                triggerRef: trigger
+            })
+        ]
+    });
+}
+exports.CheckableTag = __webpack_exports__.CheckableTag;
+exports.TagGroup = __webpack_exports__.TagGroup;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "CheckableTag",
+    "TagGroup"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=group.cjs.map

package/dist/cjs/browser/modules/tag/group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag/group.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/tag/group.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type ButtonHTMLAttributes, type HTMLAttributes, type ReactNode, useRef } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue } from '../shared/field';\nimport { useListMotion } from '../shared/motion';\nimport type { ControlSize } from '../shared/types';\nimport { useControllable } from '../shared/use-controllable';\nexport interface CheckableTagProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  size?: ControlSize;\n}\nexport function CheckableTag(rawProps: CheckableTagProps) {\n  const {\n    checked,\n    defaultChecked = false,\n    onChange,\n    size = 'md',\n    children,\n    className,\n    onClick,\n    ...props\n  } = useComponentProps('CheckableTag', rawProps);\n  const [current, change] = useControllable(checked, defaultChecked, onChange);\n  return (\n    <button\n      {...props}\n      type={props.type ?? 'button'}\n      className={classes(\n        'leaf-tag',\n        'leaf-tag--soft',\n        `leaf-tag--${size}`,\n        'leaf-checkable-tag',\n        className,\n      )}\n      aria-pressed={current}\n      data-color={current ? 'primary' : 'default'}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) change(!current);\n      }}\n    >\n      {children}\n    </button>\n  );\n}\nexport interface TagOption {\n  value: string;\n  label: ReactNode;\n  disabled?: boolean;\n}\nexport interface TagGroupProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  options: readonly TagOption[];\n  value?: readonly string[];\n  defaultValue?: readonly string[];\n  onChange?: (values: string[]) => void;\n  disabled?: boolean;\n  size?: ControlSize;\n  name?: string;\n  form?: string;\n  required?: boolean;\n}\nexport function TagGroup(rawProps: TagGroupProps) {\n  const {\n    options,\n    value,\n    defaultValue = [],\n    onChange,\n    disabled,\n    size,\n    name,\n    form,\n    required,\n    className,\n    ...props\n  } = useComponentProps('TagGroup', rawProps);\n  const trigger = useRef<HTMLButtonElement>(null);\n  const root = useRef<HTMLDivElement>(null);\n  const [current, setCurrent] = useFieldValue(value, defaultValue, trigger, form);\n  useListMotion(\n    root,\n    JSON.stringify(options.map((option) => option.value)),\n    '.leaf-checkable-tag[data-motion-key]',\n  );\n  return (\n    <div {...props} ref={root} className={classes('leaf-tag-group', className)}>\n      {options.map((option, index) => (\n        <button\n          key={option.value}\n          ref={index === 0 ? trigger : undefined}\n          type=\"button\"\n          className={classes(\n            'leaf-tag',\n            'leaf-tag--soft',\n            `leaf-tag--${size ?? 'md'}`,\n            'leaf-checkable-tag',\n          )}\n          data-color={current.includes(option.value) ? 'primary' : 'default'}\n          data-motion-key={option.value}\n          aria-pressed={current.includes(option.value)}\n          disabled={disabled || option.disabled}\n          onClick={() => {\n            const next = current.includes(option.value)\n              ? current.filter((key) => key !== option.value)\n              : [...current, option.value];\n            setCurrent(next);\n            onChange?.(next);\n          }}\n        >\n          {option.label}\n        </button>\n      ))}\n      <FormValue\n        name={name}\n        form={form}\n        required={required}\n        disabled={disabled}\n        value={current.length ? JSON.stringify(current) : ''}\n        triggerRef={trigger}\n      />\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","CheckableTag","rawProps","checked","defaultChecked","onChange","size","children","className","onClick","props","useComponentProps","current","change","useControllable","classes","event","TagGroup","options","value","defaultValue","disabled","name","form","required","trigger","useRef","root","setCurrent","useFieldValue","useListMotion","JSON","option","index","undefined","next","FormValue"],"mappings":"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"}

package/dist/cjs/browser/modules/tag/index.cjs

@@ -0,0 +1,50 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    CheckableTag: ()=>external_group_cjs_namespaceObject.CheckableTag,
+    Tag: ()=>external_tag_cjs_namespaceObject.Tag,
+    TagGroup: ()=>external_group_cjs_namespaceObject.TagGroup
+});
+const external_group_cjs_namespaceObject = require("./group.cjs");
+const external_tag_cjs_namespaceObject = require("./tag.cjs");
+exports.CheckableTag = __webpack_exports__.CheckableTag;
+exports.Tag = __webpack_exports__.Tag;
+exports.TagGroup = __webpack_exports__.TagGroup;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "CheckableTag",
+    "Tag",
+    "TagGroup"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/browser/modules/tag/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/browser/modules/tag/tag.cjs

@@ -0,0 +1,173 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/tag.css');
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Tag: ()=>Tag
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const external_colors_cjs_namespaceObject = require("../colors.cjs");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const dom_cjs_namespaceObject = require("../shared/dom.cjs");
+const inert_cjs_namespaceObject = require("../shared/inert.cjs");
+const presence_cjs_namespaceObject = require("../shared/presence.cjs");
+const presets = [
+    'default',
+    'primary',
+    'success',
+    'warning',
+    'error',
+    'info'
+];
+function Tag(rawProps) {
+    const { color = 'default', variant = 'soft', size = 'md', icon, closable = false, onClose, className, style, children, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Tag', rawProps);
+    const { messages, theme } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const [closed, setClosed] = (0, external_react_namespaceObject.useState)(false);
+    const root = (0, external_react_namespaceObject.useRef)(null);
+    const present = (0, presence_cjs_namespaceObject.usePresence)(!closed, root);
+    const custom = !presets.includes(color);
+    const surface = theme.tokens?.surfaceColor ?? external_colors_cjs_namespaceObject.defaultColors[theme.appearance ?? 'light'].surface;
+    const customVariables = custom ? {
+        '--leaf-tag-color': color,
+        '--leaf-tag-color-alpha-10': (0, external_colors_cjs_namespaceObject.mixColors)(color, 'transparent', 10),
+        '--leaf-tag-color-surface-8': (0, external_colors_cjs_namespaceObject.mixColors)(color, surface, 8)
+    } : {};
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const node = root.current;
+        if (!node || !custom) return;
+        const sync = ()=>{
+            const probe = document.createElement('span');
+            probe.style.color = color;
+            probe.hidden = true;
+            node.append(probe);
+            const concrete = getComputedStyle(probe).color;
+            const background = getComputedStyle(node).getPropertyValue('--leaf-color-surface').trim() || surface;
+            probe.remove();
+            for (const [suffix, target, weight] of [
+                [
+                    'alpha-10',
+                    'transparent',
+                    10
+                ],
+                [
+                    'surface-8',
+                    background,
+                    8
+                ]
+            ]){
+                const value = (0, external_colors_cjs_namespaceObject.mixColors)(concrete, target, weight);
+                const key = `--leaf-tag-color-${suffix}`;
+                if (value && node.style.getPropertyValue(key) !== value) node.style.setProperty(key, value);
+            }
+        };
+        sync();
+        const observer = new MutationObserver(sync);
+        let ancestor = node;
+        while(ancestor){
+            observer.observe(ancestor, {
+                attributes: true,
+                attributeFilter: [
+                    'class',
+                    'style',
+                    'data-leaf-theme'
+                ]
+            });
+            ancestor = (0, dom_cjs_namespaceObject.composedParent)(ancestor);
+        }
+        return ()=>observer.disconnect();
+    }, [
+        color,
+        custom,
+        surface
+    ]);
+    if (!present) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+        ...props,
+        ...(0, inert_cjs_namespaceObject.inertProps)(closed),
+        ref: root,
+        "data-state": closed ? 'closing' : void 0,
+        "aria-hidden": closed || props['aria-hidden'],
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-tag', `leaf-tag--${variant}`, `leaf-tag--${size}`, className),
+        "data-color": presets.includes(color) ? color : void 0,
+        style: {
+            ...customVariables,
+            ...style
+        },
+        children: [
+            icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "leaf-tag__icon",
+                "aria-hidden": "true",
+                children: icon
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                children: children
+            }),
+            closable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                type: "button",
+                className: "leaf-tag__close",
+                "aria-label": messages.common.remove,
+                onClick: (event)=>{
+                    onClose?.(event);
+                    if (!event.defaultPrevented) {
+                        const node = root.current;
+                        if (node) {
+                            node.style.setProperty('--leaf-tag-width', `${node.getBoundingClientRect().width}px`);
+                            node.offsetWidth;
+                            if (node.contains(document.activeElement)) {
+                                const buttons = Array.from(node.parentElement?.querySelectorAll('.leaf-tag__close') ?? []);
+                                const index = buttons.indexOf(event.currentTarget);
+                                (buttons[index + 1] ?? buttons[index - 1])?.focus();
+                            }
+                        }
+                        setClosed(true);
+                    }
+                },
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
+                    size: 12,
+                    "aria-hidden": "true"
+                })
+            })
+        ]
+    });
+}
+exports.Tag = __webpack_exports__.Tag;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Tag"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=tag.cjs.map

package/dist/cjs/browser/modules/tag/tag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag/tag.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/tag/tag.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { X } from 'lucide-react';\nimport {\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { defaultColors, mixColors } from '../colors';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { composedParent } from '../shared/dom';\nimport { inertProps } from '../shared/inert';\nimport { usePresence } from '../shared/presence';\nimport type { ControlSize } from '../shared/types';\n\nexport interface TagProps extends HTMLAttributes<HTMLSpanElement> {\n  color?: 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info' | (string & {});\n  variant?: 'soft' | 'solid';\n  size?: ControlSize;\n  icon?: ReactNode;\n  closable?: boolean;\n  onClose?: (event: MouseEvent<HTMLButtonElement>) => void;\n}\nconst presets = ['default', 'primary', 'success', 'warning', 'error', 'info'];\nexport function Tag(rawProps: TagProps) {\n  const {\n    color = 'default',\n    variant = 'soft',\n    size = 'md',\n    icon,\n    closable = false,\n    onClose,\n    className,\n    style,\n    children,\n    ...props\n  } = useComponentProps('Tag', rawProps);\n  const { messages, theme } = useLeafConfig();\n  const [closed, setClosed] = useState(false);\n  const root = useRef<HTMLSpanElement>(null);\n  const present = usePresence(!closed, root);\n  const custom = !presets.includes(color);\n  const surface = theme.tokens?.surfaceColor ?? defaultColors[theme.appearance ?? 'light'].surface;\n  const customVariables = custom\n    ? {\n        '--leaf-tag-color': color,\n        '--leaf-tag-color-alpha-10': mixColors(color, 'transparent', 10),\n        '--leaf-tag-color-surface-8': mixColors(color, surface, 8),\n      }\n    : {};\n  useEffect(() => {\n    const node = root.current;\n    if (!node || !custom) return;\n    const sync = () => {\n      const probe = document.createElement('span');\n      probe.style.color = color;\n      probe.hidden = true;\n      node.append(probe);\n      const concrete = getComputedStyle(probe).color;\n      const background =\n        getComputedStyle(node).getPropertyValue('--leaf-color-surface').trim() || surface;\n      probe.remove();\n      for (const [suffix, target, weight] of [\n        ['alpha-10', 'transparent', 10],\n        ['surface-8', background, 8],\n      ] as const) {\n        const value = mixColors(concrete, target, weight);\n        const key = `--leaf-tag-color-${suffix}`;\n        if (value && node.style.getPropertyValue(key) !== value) node.style.setProperty(key, value);\n      }\n    };\n    sync();\n    const observer = new MutationObserver(sync);\n    let ancestor: HTMLElement | null = node;\n    while (ancestor) {\n      observer.observe(ancestor, {\n        attributes: true,\n        attributeFilter: ['class', 'style', 'data-leaf-theme'],\n      });\n      ancestor = composedParent(ancestor);\n    }\n    return () => observer.disconnect();\n  }, [color, custom, surface]);\n  if (!present) return null;\n  return (\n    <span\n      {...props}\n      {...inertProps(closed)}\n      ref={root}\n      data-state={closed ? 'closing' : undefined}\n      aria-hidden={closed || props['aria-hidden']}\n      className={classes('leaf-tag', `leaf-tag--${variant}`, `leaf-tag--${size}`, className)}\n      data-color={presets.includes(color) ? color : undefined}\n      style={{ ...customVariables, ...style }}\n    >\n      {icon && (\n        <span className=\"leaf-tag__icon\" aria-hidden=\"true\">\n          {icon}\n        </span>\n      )}\n      <span>{children}</span>\n      {closable && (\n        <button\n          type=\"button\"\n          className=\"leaf-tag__close\"\n          aria-label={messages.common.remove}\n          onClick={(event) => {\n            onClose?.(event);\n            if (!event.defaultPrevented) {\n              const node = root.current;\n              if (node) {\n                node.style.setProperty(\n                  '--leaf-tag-width',\n                  `${node.getBoundingClientRect().width}px`,\n                );\n                void node.offsetWidth;\n                if (node.contains(document.activeElement)) {\n                  const buttons = Array.from(\n                    node.parentElement?.querySelectorAll<HTMLButtonElement>('.leaf-tag__close') ??\n                      [],\n                  );\n                  const index = buttons.indexOf(event.currentTarget);\n                  (buttons[index + 1] ?? buttons[index - 1])?.focus();\n                }\n              }\n              setClosed(true);\n            }\n          }}\n        >\n          <X size={12} aria-hidden=\"true\" />\n        </button>\n      )}\n    </span>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","presets","Tag","rawProps","color","variant","size","icon","closable","onClose","className","style","children","props","useComponentProps","messages","theme","useLeafConfig","closed","setClosed","useState","root","useRef","present","usePresence","custom","surface","defaultColors","customVariables","mixColors","useEffect","node","sync","probe","document","concrete","getComputedStyle","background","suffix","target","weight","value","observer","MutationObserver","ancestor","composedParent","inertProps","undefined","classes","event","buttons","Array","index","X"],"mappings":"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"}