@fangxinyan/lumina 0.6.17 → 0.7.0

package/dist/Typography.d.cts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { IconName } from './Icon.cjs';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.cjs';
 import 'react/jsx-runtime';
 
 type TypographyType = "secondary" | "success" | "warning" | "danger";
@@ -7,12 +8,14 @@ interface CopyableConfig {
     /** Text to copy. Defaults to the rendered children string. */
     text?: string;
     /** Fired after a successful copy. */
-    onCopy?: (event: React.MouseEvent<HTMLSpanElement>) => void;
+    onCopy?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** 复制失败时触发，接收浏览器抛出的错误。 */
+    onCopyError?: (error: unknown) => void;
     /** Custom icons `[default, copied]`. */
     icon?: [React.ReactNode, React.ReactNode];
     /** Custom tooltip text `[default, copied]`. Pass `false` to disable. */
     tooltips?: [React.ReactNode, React.ReactNode] | false;
-    /** Format/MIME hint when calling `navigator.clipboard.write` is not used. */
+    /** 写入剪贴板时使用的文本格式。 */
     format?: "text/plain" | "text/html";
 }
 interface EditableConfig {
@@ -41,7 +44,7 @@ interface EditableConfig {
     icon?: React.ReactNode;
     /** Tooltip text on the trigger icon. Pass `false` to disable. */
     tooltip?: React.ReactNode | false;
-    /** Use a single-line input instead of textarea. */
+    /** 单行编辑器的确认按钮内容；默认使用勾选图标，传入 `null` 可隐藏。 */
     enterIcon?: React.ReactNode;
 }
 interface EllipsisConfig {
@@ -58,7 +61,7 @@ interface EllipsisConfig {
     /** Optional suffix that should always remain visible (e.g. an em-dash author). */
     suffix?: string;
 }
-interface BaseTypographyProps {
+interface BaseTypographyProps extends ComponentThemeProps {
     /** Semantic color. */
     type?: TypographyType;
     /** Render disabled (muted + not selectable). */
@@ -90,38 +93,18 @@ interface BaseTypographyProps {
     children?: React.ReactNode;
 }
 type TitleLevel = 1 | 2 | 3 | 4 | 5;
-interface TitleProps extends BaseTypographyProps {
+interface TitleProps extends BaseTypographyProps, Omit<React.HTMLAttributes<HTMLHeadingElement>, keyof BaseTypographyProps> {
     /** Heading level — 1..5. Defaults to 1. */
     level?: TitleLevel;
 }
-/**
- * `Typography.Title` — semantic heading.
- *
- * @example
- * <Title level={2} copyable>章节标题</Title>
- */
 declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLElement>>;
-interface TextProps extends BaseTypographyProps {
+interface TextProps extends BaseTypographyProps, Omit<React.HTMLAttributes<HTMLElement>, keyof BaseTypographyProps> {
     /** Force the rendered tag (default `<span>`). */
     as?: keyof JSX.IntrinsicElements;
 }
-/**
- * `Typography.Text` — inline text with semantic / decorative variants.
- *
- * @example
- * <Text type="success" strong>成功</Text>
- * <Text code>npm install</Text>
- * <Text copyable>可复制内容</Text>
- */
 declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;
-interface ParagraphProps extends BaseTypographyProps {
+interface ParagraphProps extends BaseTypographyProps, Omit<React.HTMLAttributes<HTMLParagraphElement>, keyof BaseTypographyProps> {
 }
-/**
- * `Typography.Paragraph` — block paragraph with the same decorations as `Text`.
- *
- * @example
- * <Paragraph ellipsis={{ rows: 3, expandable: true }}>{long}</Paragraph>
- */
 declare const Paragraph: React.ForwardRefExoticComponent<ParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
 interface LinkProps extends BaseTypographyProps, Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof BaseTypographyProps | "type"> {
     href?: string;
@@ -130,18 +113,11 @@ interface LinkProps extends BaseTypographyProps, Omit<React.AnchorHTMLAttributes
     /** Override the external icon. */
     externalIcon?: IconName;
 }
-/**
- * `Typography.Link` — styled `<a>` that participates in the same decoration
- * system as `Text`. Adds a small `arrow` for `external` links.
- *
- * @example
- * <Link href="https://example.com" external>外部链接</Link>
- */
 declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
-interface TypographyProps extends React.HTMLAttributes<HTMLDivElement> {
+interface TypographyProps extends React.HTMLAttributes<HTMLElement>, ComponentThemeProps {
     children?: React.ReactNode;
 }
-interface TypographyComponent extends React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLDivElement>> {
+interface TypographyComponent extends React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>> {
     Title: typeof Title;
     Text: typeof Text;
     Paragraph: typeof Paragraph;

package/dist/Typography.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { IconName } from './Icon.js';
+import { f as ComponentThemeProps } from './componentThemeTypes-Jt4B5aU8.js';
 import 'react/jsx-runtime';
 
 type TypographyType = "secondary" | "success" | "warning" | "danger";
@@ -7,12 +8,14 @@ interface CopyableConfig {
     /** Text to copy. Defaults to the rendered children string. */
     text?: string;
     /** Fired after a successful copy. */
-    onCopy?: (event: React.MouseEvent<HTMLSpanElement>) => void;
+    onCopy?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** 复制失败时触发，接收浏览器抛出的错误。 */
+    onCopyError?: (error: unknown) => void;
     /** Custom icons `[default, copied]`. */
     icon?: [React.ReactNode, React.ReactNode];
     /** Custom tooltip text `[default, copied]`. Pass `false` to disable. */
     tooltips?: [React.ReactNode, React.ReactNode] | false;
-    /** Format/MIME hint when calling `navigator.clipboard.write` is not used. */
+    /** 写入剪贴板时使用的文本格式。 */
     format?: "text/plain" | "text/html";
 }
 interface EditableConfig {
@@ -41,7 +44,7 @@ interface EditableConfig {
     icon?: React.ReactNode;
     /** Tooltip text on the trigger icon. Pass `false` to disable. */
     tooltip?: React.ReactNode | false;
-    /** Use a single-line input instead of textarea. */
+    /** 单行编辑器的确认按钮内容；默认使用勾选图标，传入 `null` 可隐藏。 */
     enterIcon?: React.ReactNode;
 }
 interface EllipsisConfig {
@@ -58,7 +61,7 @@ interface EllipsisConfig {
     /** Optional suffix that should always remain visible (e.g. an em-dash author). */
     suffix?: string;
 }
-interface BaseTypographyProps {
+interface BaseTypographyProps extends ComponentThemeProps {
     /** Semantic color. */
     type?: TypographyType;
     /** Render disabled (muted + not selectable). */
@@ -90,38 +93,18 @@ interface BaseTypographyProps {
     children?: React.ReactNode;
 }
 type TitleLevel = 1 | 2 | 3 | 4 | 5;
-interface TitleProps extends BaseTypographyProps {
+interface TitleProps extends BaseTypographyProps, Omit<React.HTMLAttributes<HTMLHeadingElement>, keyof BaseTypographyProps> {
     /** Heading level — 1..5. Defaults to 1. */
     level?: TitleLevel;
 }
-/**
- * `Typography.Title` — semantic heading.
- *
- * @example
- * <Title level={2} copyable>章节标题</Title>
- */
 declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLElement>>;
-interface TextProps extends BaseTypographyProps {
+interface TextProps extends BaseTypographyProps, Omit<React.HTMLAttributes<HTMLElement>, keyof BaseTypographyProps> {
     /** Force the rendered tag (default `<span>`). */
     as?: keyof JSX.IntrinsicElements;
 }
-/**
- * `Typography.Text` — inline text with semantic / decorative variants.
- *
- * @example
- * <Text type="success" strong>成功</Text>
- * <Text code>npm install</Text>
- * <Text copyable>可复制内容</Text>
- */
 declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;
-interface ParagraphProps extends BaseTypographyProps {
+interface ParagraphProps extends BaseTypographyProps, Omit<React.HTMLAttributes<HTMLParagraphElement>, keyof BaseTypographyProps> {
 }
-/**
- * `Typography.Paragraph` — block paragraph with the same decorations as `Text`.
- *
- * @example
- * <Paragraph ellipsis={{ rows: 3, expandable: true }}>{long}</Paragraph>
- */
 declare const Paragraph: React.ForwardRefExoticComponent<ParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
 interface LinkProps extends BaseTypographyProps, Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof BaseTypographyProps | "type"> {
     href?: string;
@@ -130,18 +113,11 @@ interface LinkProps extends BaseTypographyProps, Omit<React.AnchorHTMLAttributes
     /** Override the external icon. */
     externalIcon?: IconName;
 }
-/**
- * `Typography.Link` — styled `<a>` that participates in the same decoration
- * system as `Text`. Adds a small `arrow` for `external` links.
- *
- * @example
- * <Link href="https://example.com" external>外部链接</Link>
- */
 declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
-interface TypographyProps extends React.HTMLAttributes<HTMLDivElement> {
+interface TypographyProps extends React.HTMLAttributes<HTMLElement>, ComponentThemeProps {
     children?: React.ReactNode;
 }
-interface TypographyComponent extends React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLDivElement>> {
+interface TypographyComponent extends React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>> {
     Title: typeof Title;
     Text: typeof Text;
     Paragraph: typeof Paragraph;

package/dist/Typography.js

@@ -1,3 +1,6 @@
-export { Link, Paragraph, Text, Title, Typography } from './chunk-6HF6UF73.js';
-import './chunk-DUFRASGO.js';
-import './chunk-FDZG27IG.js';
+export { Link, Paragraph, Text, Title, Typography } from './chunk-UQI4R32R.js';
+import './chunk-3QXP2ZNP.js';
+import './chunk-2A4GYSN4.js';
+import './chunk-LQMOYVQF.js';
+import './chunk-DRDDQCDD.js';
+import './chunk-ULTDRMGN.js';

package/dist/chunk-2A4GYSN4.js

@@ -0,0 +1,294 @@
+import * as React from 'react';
+
+// src/utils/overlayStack.ts
+var FOCUSABLE_SELECTOR = [
+  "a[href]",
+  "button:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "[tabindex]:not([tabindex='-1'])",
+  "[contenteditable='true']"
+].join(",");
+var layers = [];
+var listeningDocuments = /* @__PURE__ */ new Map();
+var scrollLocks = /* @__PURE__ */ new Map();
+var nextOverlayZIndex = 1e3;
+var nextLayerOrder = 0;
+var OverlayZIndexContext = React.createContext(void 0);
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
+function OverlayZIndexProvider({ zIndex, children }) {
+  return React.createElement(OverlayZIndexContext.Provider, { value: zIndex }, children);
+}
+function useOverlayZIndex(open, explicitZIndex) {
+  const parentZIndex = React.useContext(OverlayZIndexContext);
+  const allocatedZIndexRef = React.useRef();
+  const wasOpenRef = React.useRef(false);
+  const hasValidExplicitZIndex = explicitZIndex != null && Number.isFinite(explicitZIndex);
+  if (hasValidExplicitZIndex) {
+    if (open) nextOverlayZIndex = Math.max(nextOverlayZIndex, explicitZIndex);
+    wasOpenRef.current = open;
+    return explicitZIndex;
+  }
+  if (!open) {
+    wasOpenRef.current = false;
+    return allocatedZIndexRef.current ?? Math.max(nextOverlayZIndex, parentZIndex ?? 0);
+  }
+  const floor = parentZIndex ?? 0;
+  if (!wasOpenRef.current || allocatedZIndexRef.current == null || allocatedZIndexRef.current <= floor) {
+    nextOverlayZIndex = Math.max(nextOverlayZIndex, floor) + 10;
+    allocatedZIndexRef.current = nextOverlayZIndex;
+  }
+  wasOpenRef.current = true;
+  return allocatedZIndexRef.current;
+}
+function isElementVisibleForFocus(element, container) {
+  const view = element.ownerDocument.defaultView;
+  if (!view) return true;
+  const elementStyle = view.getComputedStyle(element);
+  if (elementStyle.visibility === "hidden" || elementStyle.visibility === "collapse") return false;
+  let current = element;
+  while (current) {
+    const style = view.getComputedStyle(current);
+    if (style.display === "none" || style.contentVisibility === "hidden") return false;
+    if (current === container) break;
+    current = current.parentElement;
+  }
+  return true;
+}
+function getFocusableElements(container) {
+  return Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR)).filter(
+    (element) => element.tabIndex >= 0 && element.getAttribute("aria-hidden") !== "true" && !element.hasAttribute("hidden") && !element.closest("[hidden],[inert]") && isElementVisibleForFocus(element, container)
+  );
+}
+function getLayerZIndex(layer) {
+  if (layer.zIndex != null && Number.isFinite(layer.zIndex)) return layer.zIndex;
+  const container = layer.containerRef.current;
+  if (!container) return 0;
+  const inlineValue = container.style.zIndex.trim();
+  const computedValue = inlineValue || container.ownerDocument.defaultView?.getComputedStyle(container).zIndex || "";
+  const parsed = Number.parseFloat(computedValue);
+  return Number.isFinite(parsed) ? parsed : 0;
+}
+function isOwnedBy(child, parent, documentLayers, visited = /* @__PURE__ */ new Set()) {
+  if (child === parent || visited.has(child.id)) return false;
+  visited.add(child.id);
+  const owner = child.ownerRef?.current;
+  const parentContainer = parent.containerRef.current;
+  if (!owner || !parentContainer) return false;
+  if (parentContainer.contains(owner)) return true;
+  return documentLayers.some(
+    (candidate) => candidate !== child && candidate !== parent && candidate.containerRef.current?.contains(owner) && isOwnedBy(candidate, parent, documentLayers, visited)
+  );
+}
+function isLayerOwnedByElement(layer, owner, documentLayers, visited = /* @__PURE__ */ new Set()) {
+  if (visited.has(layer.id)) return false;
+  visited.add(layer.id);
+  const layerOwner = layer.ownerRef?.current;
+  if (!layerOwner) return false;
+  if (layerOwner === owner || owner.contains(layerOwner)) return true;
+  return documentLayers.some((candidate) => {
+    if (candidate === layer || !candidate.containerRef.current?.contains(layerOwner)) return false;
+    return isLayerOwnedByElement(candidate, owner, documentLayers, visited);
+  });
+}
+function isTargetWithinOverlayScope(owner, target) {
+  const NodeConstructor = owner.ownerDocument.defaultView?.Node;
+  if (!target || !NodeConstructor || !(target instanceof NodeConstructor)) return false;
+  if (owner.contains(target)) return true;
+  const documentLayers = layers.filter((layer) => layer.document === owner.ownerDocument);
+  return documentLayers.some(
+    (layer) => !!layer.containerRef.current?.contains(target) && isLayerOwnedByElement(layer, owner, documentLayers)
+  );
+}
+function orderDocumentLayers(documentLayers) {
+  return [...documentLayers].sort((left, right) => {
+    if (isOwnedBy(right, left, documentLayers)) return -1;
+    if (isOwnedBy(left, right, documentLayers)) return 1;
+    const zIndexDelta = getLayerZIndex(left) - getLayerZIndex(right);
+    return zIndexDelta || left.order - right.order;
+  });
+}
+function createFocusScope(trappingLayer, documentLayers) {
+  const container = trappingLayer.containerRef.current;
+  if (!container) return null;
+  const containers = [container];
+  const focusable = getFocusableElements(container);
+  const ownedLayers = orderDocumentLayers(documentLayers).filter((layer) => isOwnedBy(layer, trappingLayer, documentLayers));
+  ownedLayers.forEach((layer) => {
+    const childContainer = layer.containerRef.current;
+    if (!childContainer) return;
+    containers.push(childContainer);
+    const childFocusable = getFocusableElements(childContainer);
+    if (childFocusable.length === 0) return;
+    const owner = layer.ownerRef?.current;
+    const ownerIndex = owner ? focusable.findIndex((element) => element === owner || owner.contains(element) || element.contains(owner)) : -1;
+    focusable.splice(ownerIndex >= 0 ? ownerIndex + 1 : focusable.length, 0, ...childFocusable);
+  });
+  return { containers, focusable: [...new Set(focusable)] };
+}
+function trapTabKey(event, scope) {
+  const { containers, focusable } = scope;
+  const container = containers[0];
+  if (focusable.length === 0) {
+    event.preventDefault();
+    container.focus();
+    return;
+  }
+  const active = container.ownerDocument.activeElement;
+  const activeInsideScope = containers.some((scopeContainer) => scopeContainer.contains(active));
+  const activeIndex = focusable.indexOf(active);
+  if (!activeInsideScope || activeIndex < 0) {
+    event.preventDefault();
+    (event.shiftKey ? focusable[focusable.length - 1] : focusable[0]).focus();
+    return;
+  }
+  const direction = event.shiftKey ? -1 : 1;
+  const nextIndex = (activeIndex + direction + focusable.length) % focusable.length;
+  event.preventDefault();
+  focusable[nextIndex].focus();
+}
+function handleDocumentKeyDown(event) {
+  const documentLayers = layers.filter((layer) => layer.document === event.currentTarget);
+  const orderedLayers = orderDocumentLayers(documentLayers);
+  const top = orderedLayers[orderedLayers.length - 1];
+  if (!top) return;
+  if (event.key === "Escape" && top.onEscape) {
+    event.preventDefault();
+    event.stopPropagation();
+    top.onEscape();
+    return;
+  }
+  if (event.key === "Tab") {
+    const active = top.document.activeElement;
+    const trappingLayer = [...orderedLayers].reverse().find((layer) => {
+      if (!layer.trapFocus) return false;
+      const scope2 = createFocusScope(layer, documentLayers);
+      if (!scope2) return false;
+      const ownsTop = layer === top || isOwnedBy(top, layer, documentLayers);
+      const containsActive = scope2.containers.some((container) => container.contains(active));
+      return ownsTop || containsActive;
+    });
+    const scope = trappingLayer ? createFocusScope(trappingLayer, documentLayers) : null;
+    if (scope) trapTabKey(event, scope);
+  }
+}
+function retainDocumentListener(doc) {
+  const count = listeningDocuments.get(doc) ?? 0;
+  if (count === 0) doc.addEventListener("keydown", handleDocumentKeyDown, true);
+  listeningDocuments.set(doc, count + 1);
+}
+function releaseDocumentListener(doc) {
+  const count = listeningDocuments.get(doc) ?? 0;
+  if (count <= 1) {
+    doc.removeEventListener("keydown", handleDocumentKeyDown, true);
+    listeningDocuments.delete(doc);
+    return;
+  }
+  listeningDocuments.set(doc, count - 1);
+}
+function lockDocumentScroll(doc) {
+  const existing = scrollLocks.get(doc);
+  if (existing) {
+    existing.count += 1;
+    return;
+  }
+  const body = doc.body;
+  const scrollbarWidth = Math.max(0, doc.defaultView.innerWidth - doc.documentElement.clientWidth);
+  const computedPadding = Number.parseFloat(doc.defaultView.getComputedStyle(body).paddingRight) || 0;
+  scrollLocks.set(doc, {
+    count: 1,
+    overflow: body.style.overflow,
+    paddingRight: body.style.paddingRight
+  });
+  body.style.overflow = "hidden";
+  if (scrollbarWidth > 0) body.style.paddingRight = `${computedPadding + scrollbarWidth}px`;
+}
+function unlockDocumentScroll(doc) {
+  const state = scrollLocks.get(doc);
+  if (!state) return;
+  state.count -= 1;
+  if (state.count > 0) return;
+  doc.body.style.overflow = state.overflow;
+  doc.body.style.paddingRight = state.paddingRight;
+  scrollLocks.delete(doc);
+}
+function useOverlayLayer({
+  open,
+  containerRef,
+  ownerRef,
+  zIndex,
+  onEscape,
+  escapeEnabled = true,
+  trapFocus = false,
+  autoFocus = false,
+  restoreFocus = false,
+  lockScroll = false,
+  initialFocusRef
+}) {
+  const idRef = React.useRef(/* @__PURE__ */ Symbol("lumina-overlay"));
+  const entryRef = React.useRef(null);
+  const previousFocusRef = React.useRef(null);
+  const restoreFocusRef = React.useRef(restoreFocus);
+  restoreFocusRef.current = restoreFocus;
+  if (entryRef.current) {
+    entryRef.current.containerRef = containerRef;
+    entryRef.current.ownerRef = ownerRef;
+    entryRef.current.zIndex = zIndex;
+    entryRef.current.onEscape = escapeEnabled ? onEscape : void 0;
+    entryRef.current.trapFocus = trapFocus;
+  }
+  useIsomorphicLayoutEffect(() => {
+    if (!open || typeof document === "undefined") return;
+    const container = containerRef.current;
+    const doc = container?.ownerDocument ?? document;
+    previousFocusRef.current = doc.activeElement;
+    const entry = {
+      id: idRef.current,
+      containerRef,
+      ownerRef,
+      zIndex,
+      onEscape: escapeEnabled ? onEscape : void 0,
+      trapFocus,
+      document: doc,
+      order: ++nextLayerOrder
+    };
+    entryRef.current = entry;
+    layers.push(entry);
+    retainDocumentListener(doc);
+    const frame = autoFocus ? doc.defaultView?.requestAnimationFrame(() => {
+      const currentContainer = containerRef.current;
+      if (!currentContainer) return;
+      const target = initialFocusRef?.current ?? getFocusableElements(currentContainer)[0] ?? currentContainer;
+      target?.focus();
+    }) : void 0;
+    return () => {
+      if (frame != null) doc.defaultView?.cancelAnimationFrame(frame);
+      const index = layers.findIndex((layer) => layer.id === entry.id);
+      if (index >= 0) layers.splice(index, 1);
+      releaseDocumentListener(doc);
+      const currentEntry = entryRef.current ?? entry;
+      entryRef.current = null;
+      if (restoreFocusRef.current) {
+        const previous = previousFocusRef.current;
+        const owner = currentEntry.ownerRef?.current;
+        const ownerTarget = owner ? owner.tabIndex >= 0 ? owner : getFocusableElements(owner)[0] : void 0;
+        const closingContainer = currentEntry.containerRef.current ?? container;
+        doc.defaultView?.requestAnimationFrame(() => {
+          const active = doc.activeElement;
+          const focusWasReleased = active == null || active === doc.body || active === doc.documentElement || !active.isConnected || closingContainer?.contains(active);
+          const target = ownerTarget?.isConnected ? ownerTarget : previous;
+          if (target?.isConnected && focusWasReleased) target.focus();
+        });
+      }
+    };
+  }, [open]);
+  useIsomorphicLayoutEffect(() => {
+    if (!open || !lockScroll || typeof document === "undefined") return;
+    const doc = containerRef.current?.ownerDocument ?? document;
+    lockDocumentScroll(doc);
+    return () => unlockDocumentScroll(doc);
+  }, [open, lockScroll, containerRef]);
+}
+
+export { OverlayZIndexProvider, isTargetWithinOverlayScope, useOverlayLayer, useOverlayZIndex };

package/dist/{chunk-QMX67CVT.cjs → chunk-2AUXUZ3Z.cjs}

@@ -1,7 +1,9 @@
 'use strict';
 
-require('./tokens-RYJ3DFTU.css');
+var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
+require('./tokens-CEJVVA3G.css');
 require('./shared-NJHRNLRH.css');
+require('./Icon-HJSUVW4O.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -25,7 +27,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// src/components/Icon/Icon.tsx
 var paths = {
   search: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "11", cy: "11", r: "7" }),
@@ -186,11 +187,11 @@ var paths = {
   ] }),
   checkCircleFilled: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "currentColor", stroke: "none" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m7.8 12.2 2.7 2.7 5.8-6", stroke: "var(--bg)", strokeWidth: "2.2", fill: "none" })
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m7.8 12.2 2.7 2.7 5.8-6", stroke: "var(--lmn-icon-bg, var(--bg))", strokeWidth: "2.2", fill: "none" })
   ] }),
   clockCircleFilled: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "currentColor", stroke: "none" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 6.5v5.7l3.6 2.1", stroke: "var(--bg)", strokeWidth: "2.1", fill: "none" })
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 6.5v5.7l3.6 2.1", stroke: "var(--lmn-icon-bg, var(--bg))", strokeWidth: "2.1", fill: "none" })
   ] }),
   closeCircle: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
@@ -256,27 +257,50 @@ var paths = {
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "4", cy: "18", r: "1", fill: "currentColor", stroke: "none" })
   ] })
 };
-var Icon = React__namespace.forwardRef(
-  ({ name, size = 16, stroke = 2, style, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      ref,
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: stroke,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      overflow: "visible",
-      style,
-      ...rest,
-      children: paths[name]
-    }
-  )
+var IconBase = React__namespace.forwardRef(
+  ({
+    name,
+    size = 16,
+    stroke = 2,
+    title,
+    style,
+    role,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    focusable,
+    ...rest
+  }, ref) => {
+    const semantic = !!(title || ariaLabel || ariaLabelledBy || role);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: stroke,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        overflow: "visible",
+        style,
+        role: semantic ? role ?? "img" : void 0,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-hidden": semantic ? void 0 : true,
+        focusable: focusable ?? "false",
+        ...rest,
+        children: [
+          title && /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }),
+          paths[name]
+        ]
+      }
+    );
+  }
 );
-Icon.displayName = "Icon";
+IconBase.displayName = "Icon";
+var Icon = chunkNRJXZPZR_cjs.withComponentTheme(IconBase, "Icon", "icon");
 var isIconName = (value) => typeof value === "string" && Object.prototype.hasOwnProperty.call(paths, value);
 var renderIconSlot = (icon, { size = 14, className } = {}) => {
   if (icon == null || icon === false) return null;
@@ -333,7 +357,7 @@ var NAMED_ICON_MAP = {
 var resolveIconName = (name, fallback = "appstore") => NAMED_ICON_MAP[name] ?? fallback;
 var createNamedIcon = (displayName, defaultSpin = false) => {
   const iconName = NAMED_ICON_MAP[displayName];
-  const Component = React__namespace.forwardRef(
+  const NamedIconBase = React__namespace.forwardRef(
     ({ spin, rotate, size = "1em", className = "", style, ...rest }, ref) => {
       const shouldSpin = spin ?? defaultSpin;
       const transform = rotate ? `${style?.transform ? `${style.transform} ` : ""}rotate(${rotate}deg)` : style?.transform;
@@ -343,7 +367,7 @@ var createNamedIcon = (displayName, defaultSpin = false) => {
           ref,
           role: "img",
           "aria-label": displayName,
-          className,
+          className: `named-icon ${shouldSpin ? "spinning" : ""} ${className}`.trim(),
           style: {
             display: "inline-flex",
             alignItems: "center",
@@ -355,19 +379,20 @@ var createNamedIcon = (displayName, defaultSpin = false) => {
           },
           ...rest,
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            Icon,
+            IconBase,
             {
               name: iconName,
-              size,
-              style: shouldSpin ? { animation: "spin 0.9s linear infinite" } : void 0
+              size
             }
           )
         }
       );
     }
   );
-  Component.displayName = displayName;
-  return Component;
+  NamedIconBase.displayName = displayName;
+  const NamedIcon = chunkNRJXZPZR_cjs.withComponentTheme(NamedIconBase, "Icon", "icon");
+  NamedIcon.displayName = displayName;
+  return NamedIcon;
 };
 var AimOutlined = createNamedIcon("AimOutlined");
 var AppstoreOutlined = createNamedIcon("AppstoreOutlined");