@fangxinyan/lumina 0.7.0 → 0.9.0

package/dist/Tooltip.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var chunk77HU7JWK_cjs = require('./chunk-77HU7JWK.cjs');
+var chunkXHKSUKKL_cjs = require('./chunk-XHKSUKKL.cjs');
 require('./chunk-FJB3243S.cjs');
 require('./chunk-HSDMJUB6.cjs');
-require('./chunk-NRJXZPZR.cjs');
-require('./chunk-EE5KXDRK.cjs');
+require('./chunk-V6BLBIY6.cjs');
+require('./chunk-I4GJZLJU.cjs');
 
 
 
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunk77HU7JWK_cjs.Tooltip; }
+  get: function () { return chunkXHKSUKKL_cjs.Tooltip; }
 });

package/dist/Tooltip.js

@@ -1,5 +1,5 @@
-export { Tooltip } from './chunk-U3SG2YT2.js';
+export { Tooltip } from './chunk-TALNKJQ2.js';
 import './chunk-3QXP2ZNP.js';
 import './chunk-2A4GYSN4.js';
-import './chunk-DRDDQCDD.js';
-import './chunk-ULTDRMGN.js';
+import './chunk-5HLNFDV4.js';
+import './chunk-CPVUDSIY.js';

package/dist/Typography.cjs

@@ -1,31 +1,31 @@
 'use strict';
 
-var chunk3EMWDDWK_cjs = require('./chunk-3EMWDDWK.cjs');
+var chunk3D5RJA7R_cjs = require('./chunk-3D5RJA7R.cjs');
 require('./chunk-FJB3243S.cjs');
 require('./chunk-HSDMJUB6.cjs');
-require('./chunk-2AUXUZ3Z.cjs');
-require('./chunk-NRJXZPZR.cjs');
-require('./chunk-EE5KXDRK.cjs');
+require('./chunk-VDVKY2IX.cjs');
+require('./chunk-V6BLBIY6.cjs');
+require('./chunk-I4GJZLJU.cjs');
 
 
 
 Object.defineProperty(exports, "Link", {
   enumerable: true,
-  get: function () { return chunk3EMWDDWK_cjs.Link; }
+  get: function () { return chunk3D5RJA7R_cjs.Link; }
 });
 Object.defineProperty(exports, "Paragraph", {
   enumerable: true,
-  get: function () { return chunk3EMWDDWK_cjs.Paragraph; }
+  get: function () { return chunk3D5RJA7R_cjs.Paragraph; }
 });
 Object.defineProperty(exports, "Text", {
   enumerable: true,
-  get: function () { return chunk3EMWDDWK_cjs.Text; }
+  get: function () { return chunk3D5RJA7R_cjs.Text; }
 });
 Object.defineProperty(exports, "Title", {
   enumerable: true,
-  get: function () { return chunk3EMWDDWK_cjs.Title; }
+  get: function () { return chunk3D5RJA7R_cjs.Title; }
 });
 Object.defineProperty(exports, "Typography", {
   enumerable: true,
-  get: function () { return chunk3EMWDDWK_cjs.Typography; }
+  get: function () { return chunk3D5RJA7R_cjs.Typography; }
 });

package/dist/Typography.js

@@ -1,6 +1,6 @@
-export { Link, Paragraph, Text, Title, Typography } from './chunk-UQI4R32R.js';
+export { Link, Paragraph, Text, Title, Typography } from './chunk-2COQYOVG.js';
 import './chunk-3QXP2ZNP.js';
 import './chunk-2A4GYSN4.js';
-import './chunk-LQMOYVQF.js';
-import './chunk-DRDDQCDD.js';
-import './chunk-ULTDRMGN.js';
+import './chunk-2BM65ITV.js';
+import './chunk-5HLNFDV4.js';
+import './chunk-CPVUDSIY.js';

package/dist/{chunk-LQMOYVQF.js → chunk-2BM65ITV.js}

@@ -1,5 +1,5 @@
-import { withComponentTheme } from './chunk-DRDDQCDD.js';
-import './tokens-CEJVVA3G.css';
+import { withComponentTheme } from './chunk-5HLNFDV4.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './Icon-HJSUVW4O.css';
 import * as React from 'react';

package/dist/{chunk-UQI4R32R.js → chunk-2COQYOVG.js}

@@ -1,9 +1,9 @@
 import { useFloating } from './chunk-3QXP2ZNP.js';
 import { useOverlayLayer } from './chunk-2A4GYSN4.js';
-import { Icon } from './chunk-LQMOYVQF.js';
-import { useComponentPortalTheme, withComponentTheme } from './chunk-DRDDQCDD.js';
-import { usePortalContainer } from './chunk-ULTDRMGN.js';
-import './tokens-CEJVVA3G.css';
+import { Icon } from './chunk-2BM65ITV.js';
+import { useComponentPortalTheme, withComponentTheme } from './chunk-5HLNFDV4.js';
+import { usePortalContainer } from './chunk-CPVUDSIY.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './Typography-CQ2OZXQH.css';
 import * as React from 'react';

package/dist/{chunk-WMZV7PNO.js → chunk-2NECDEAJ.js}

@@ -1,6 +1,6 @@
-import { Table } from './chunk-EA3NZBCZ.js';
-import { withComponentTheme, InternalComponentThemePart } from './chunk-DRDDQCDD.js';
-import './tokens-CEJVVA3G.css';
+import { Table } from './chunk-JMYUO7V7.js';
+import { withComponentTheme, InternalComponentThemePart } from './chunk-5HLNFDV4.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './TablePro-WYE6TXWJ.css';
 import * as React from 'react';
@@ -35,6 +35,8 @@ var TableProInner = ({
   tableProps,
   caption,
   onRowClick,
+  activeRowKey,
+  rowClassName,
   empty,
   ...rootProps
 }, ref) => {
@@ -75,6 +77,8 @@ var TableProInner = ({
             tableProps,
             caption,
             onRowClick,
+            activeRowKey,
+            rowClassName,
             empty,
             className: innerTableClassName,
             style: tableStyle

package/dist/{chunk-I4YPBAQ5.js → chunk-2NXLVPF4.js}

@@ -1,6 +1,6 @@
-import { Icon } from './chunk-LQMOYVQF.js';
-import { withComponentTheme, withInternalComponentThemePart } from './chunk-DRDDQCDD.js';
-import './tokens-CEJVVA3G.css';
+import { Icon } from './chunk-2BM65ITV.js';
+import { withComponentTheme, withInternalComponentThemePart } from './chunk-5HLNFDV4.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './AppShell-OWJRJ4ZD.css';
 import * as React from 'react';

package/dist/{chunk-7QAVPVMW.js → chunk-2V6RQQRI.js}

@@ -1,8 +1,8 @@
 import { useOverlayZIndex } from './chunk-2A4GYSN4.js';
-import { Icon } from './chunk-LQMOYVQF.js';
-import { useComponentPortalTheme, withComponentTheme } from './chunk-DRDDQCDD.js';
-import { usePortalContainer } from './chunk-ULTDRMGN.js';
-import './tokens-CEJVVA3G.css';
+import { Icon } from './chunk-2BM65ITV.js';
+import { useComponentPortalTheme, withComponentTheme } from './chunk-5HLNFDV4.js';
+import { usePortalContainer } from './chunk-CPVUDSIY.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './Message-OTZWQTQ5.css';
 import * as React from 'react';

package/dist/{chunk-ZEYK37VW.cjs → chunk-2XDLXAZT.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunk2AUXUZ3Z_cjs = require('./chunk-2AUXUZ3Z.cjs');
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkVDVKY2IX_cjs = require('./chunk-VDVKY2IX.cjs');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./Alert-DJ3K7N7L.css');
 var React = require('react');
@@ -55,18 +55,18 @@ var AlertBase = React__namespace.forwardRef(({
       role: "alert",
       ...rest,
       children: [
-        showIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "alert-ico", children: chunk2AUXUZ3Z_cjs.renderIconSlot(iconNode, { size: 14 }) }),
+        showIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "alert-ico", children: chunkVDVKY2IX_cjs.renderIconSlot(iconNode, { size: 14 }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "alert-body", children: [
           title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "alert-title", children: title }),
           children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "alert-desc", children })
         ] }),
         action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "alert-action", children: action }),
-        closable && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "alert-close", onClick: handleClose, "aria-label": "\u5173\u95ED\u63D0\u793A", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "x", size: 12 }) })
+        closable && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "alert-close", onClick: handleClose, "aria-label": "\u5173\u95ED\u63D0\u793A", children: /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "x", size: 12 }) })
       ]
     }
   );
 });
 AlertBase.displayName = "Alert";
-var Alert = chunkNRJXZPZR_cjs.withComponentTheme(AlertBase, "Alert", "alert");
+var Alert = chunkV6BLBIY6_cjs.withComponentTheme(AlertBase, "Alert", "alert");
 
 exports.Alert = Alert;

package/dist/{chunk-TYZ6L7E6.cjs → chunk-33YRXHVK.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunk2AUXUZ3Z_cjs = require('./chunk-2AUXUZ3Z.cjs');
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkVDVKY2IX_cjs = require('./chunk-VDVKY2IX.cjs');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./Collapse-BTSBHBSY.css');
 var React = require('react');
@@ -118,7 +118,7 @@ var CollapseBase = React__namespace.forwardRef(({
                     "aria-expanded": open,
                     "aria-controls": panelId,
                     "aria-label": open ? "\u6536\u8D77\u9762\u677F" : "\u5C55\u5F00\u9762\u677F",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "chevDown", size: 16, "aria-hidden": true })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "chevDown", size: 16, "aria-hidden": true })
                   }
                 )
               ] }) : /* @__PURE__ */ jsxRuntime.jsxs(
@@ -133,7 +133,7 @@ var CollapseBase = React__namespace.forwardRef(({
                   "aria-controls": panelId,
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("span", { children: it.label }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "collapse-chev", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "chevDown", size: 16 }) })
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "collapse-chev", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "chevDown", size: 16 }) })
                   ]
                 }
               ),
@@ -147,6 +147,6 @@ var CollapseBase = React__namespace.forwardRef(({
   );
 });
 CollapseBase.displayName = "Collapse";
-var Collapse = chunkNRJXZPZR_cjs.withComponentTheme(CollapseBase, "Collapse", "collapse");
+var Collapse = chunkV6BLBIY6_cjs.withComponentTheme(CollapseBase, "Collapse", "collapse");
 
 exports.Collapse = Collapse;

package/dist/{chunk-3EMWDDWK.cjs → chunk-3D5RJA7R.cjs}

@@ -2,10 +2,10 @@
 
 var chunkFJB3243S_cjs = require('./chunk-FJB3243S.cjs');
 var chunkHSDMJUB6_cjs = require('./chunk-HSDMJUB6.cjs');
-var chunk2AUXUZ3Z_cjs = require('./chunk-2AUXUZ3Z.cjs');
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-var chunkEE5KXDRK_cjs = require('./chunk-EE5KXDRK.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkVDVKY2IX_cjs = require('./chunk-VDVKY2IX.cjs');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+var chunkI4GJZLJU_cjs = require('./chunk-I4GJZLJU.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./Typography-CQ2OZXQH.css');
 var React = require('react');
@@ -96,8 +96,8 @@ function composeTypographyRef(internalRef, forwardedRef) {
 var EllipsisTooltip = React__namespace.forwardRef(({ content, children }, forwardedRef) => {
   const [open, setOpen] = React__namespace.useState(false);
   const tooltipId = React__namespace.useId();
-  const portalContainer = chunkEE5KXDRK_cjs.usePortalContainer();
-  const portalTheme = chunkNRJXZPZR_cjs.useComponentPortalTheme([
+  const portalContainer = chunkI4GJZLJU_cjs.usePortalContainer();
+  const portalTheme = chunkV6BLBIY6_cjs.useComponentPortalTheme([
     "Typography",
     "Title",
     "Text",
@@ -269,8 +269,8 @@ var CopyAction = ({ config, fallbackText }) => {
     timerRef.current = window.setTimeout(() => setStatus("idle"), 2400);
   };
   const [defIcon, doneIcon] = config.icon ?? [
-    /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "copy", size: 12 }, "def"),
-    /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "check", size: 12 }, "done")
+    /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "copy", size: 12 }, "def"),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "check", size: 12 }, "done")
   ];
   const tipText = config.tooltips === false ? void 0 : status === "error" ? "\u590D\u5236\u5931\u8D25" : Array.isArray(config.tooltips) ? status === "copied" ? config.tooltips[1] : config.tooltips[0] : status === "copied" ? "\u5DF2\u590D\u5236" : "\u590D\u5236";
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -362,7 +362,7 @@ var EditableEditor = ({ initial, multiline, maxLength, autoSize, enterIcon, onCo
     onKeyDown: handleKeyDown
   };
   const editor = multiline ? /* @__PURE__ */ jsxRuntime.jsx("textarea", { rows: 1, ...common }) : /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", ...common });
-  const resolvedEnterIcon = enterIcon === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "check", size: 12 }) : enterIcon;
+  const resolvedEnterIcon = enterIcon === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "check", size: 12 }) : enterIcon;
   const showEnterAction = !multiline && resolvedEnterIcon !== null && resolvedEnterIcon !== false;
   return /* @__PURE__ */ jsxRuntime.jsxs("span", { ref: groupRef, className: "typo-editor-wrap", onBlur: handleGroupBlur, children: [
     editor,
@@ -459,7 +459,7 @@ function useTypographyBody(props) {
           startEdit();
         },
         className: "typo-action typo-edit",
-        children: editConf.icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "edit", size: 12 })
+        children: editConf.icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "edit", size: 12 })
       }
     );
   }
@@ -598,7 +598,7 @@ var TitleBase = React__namespace.forwardRef((props, ref) => {
   return body.tooltipContent ? /* @__PURE__ */ jsxRuntime.jsx(EllipsisTooltip, { content: body.tooltipContent, children: element }) : element;
 });
 TitleBase.displayName = "Typography.Title";
-var Title = chunkNRJXZPZR_cjs.withComponentTheme(TitleBase, "Title", "typography");
+var Title = chunkV6BLBIY6_cjs.withComponentTheme(TitleBase, "Title", "typography");
 var TextBase = React__namespace.forwardRef((props, ref) => {
   const { as = "span", ...rest } = props;
   const body = useTypographyBody({ ...rest});
@@ -648,7 +648,7 @@ var TextBase = React__namespace.forwardRef((props, ref) => {
   return body.tooltipContent ? /* @__PURE__ */ jsxRuntime.jsx(EllipsisTooltip, { content: body.tooltipContent, children: element }) : element;
 });
 TextBase.displayName = "Typography.Text";
-var Text = chunkNRJXZPZR_cjs.withComponentTheme(TextBase, "Text", "typography");
+var Text = chunkV6BLBIY6_cjs.withComponentTheme(TextBase, "Text", "typography");
 var ParagraphBase = React__namespace.forwardRef(
   (props, ref) => {
     const body = useTypographyBody({ ...props});
@@ -697,7 +697,7 @@ var ParagraphBase = React__namespace.forwardRef(
   }
 );
 ParagraphBase.displayName = "Typography.Paragraph";
-var Paragraph = chunkNRJXZPZR_cjs.withComponentTheme(
+var Paragraph = chunkV6BLBIY6_cjs.withComponentTheme(
   ParagraphBase,
   "Paragraph",
   "typography"
@@ -833,7 +833,7 @@ var LinkBase = React__namespace.forwardRef(
         },
         children: [
           body.inner,
-          external && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "typo-link-ext", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: externalIcon, size: 12 }) })
+          external && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "typo-link-ext", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: externalIcon, size: 12 }) })
         ]
       }
     );
@@ -850,7 +850,7 @@ var LinkBase = React__namespace.forwardRef(
   }
 );
 LinkBase.displayName = "Typography.Link";
-var Link = chunkNRJXZPZR_cjs.withComponentTheme(LinkBase, "Link", "typography");
+var Link = chunkV6BLBIY6_cjs.withComponentTheme(LinkBase, "Link", "typography");
 var TypographyRoot = React__namespace.forwardRef(
   ({ className = "", children, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "article",
@@ -863,7 +863,7 @@ var TypographyRoot = React__namespace.forwardRef(
   )
 );
 TypographyRoot.displayName = "Typography";
-var ThemedTypography = chunkNRJXZPZR_cjs.withComponentTheme(
+var ThemedTypography = chunkV6BLBIY6_cjs.withComponentTheme(
   TypographyRoot,
   "Typography",
   "typography"

package/dist/{chunk-VX6MZO4K.cjs → chunk-3J7HOTD6.cjs}

@@ -2,9 +2,9 @@
 
 var chunkFJB3243S_cjs = require('./chunk-FJB3243S.cjs');
 var chunkHSDMJUB6_cjs = require('./chunk-HSDMJUB6.cjs');
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-var chunkEE5KXDRK_cjs = require('./chunk-EE5KXDRK.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+var chunkI4GJZLJU_cjs = require('./chunk-I4GJZLJU.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./Popover-LCXLR3EU.css');
 var React = require('react');
@@ -62,8 +62,8 @@ var PopoverBase = React__namespace.forwardRef(({
   style,
   ...rest
 }, ref) => {
-  const portalContainer = chunkEE5KXDRK_cjs.usePortalContainer();
-  const portalTheme = chunkNRJXZPZR_cjs.useComponentPortalTheme("Popover");
+  const portalContainer = chunkI4GJZLJU_cjs.usePortalContainer();
+  const portalTheme = chunkV6BLBIY6_cjs.useComponentPortalTheme("Popover");
   const [inner, setInner] = React__namespace.useState(defaultOpen);
   const hoverTimeout = React__namespace.useRef();
   const nestedPointerEvents = React__namespace.useRef(/* @__PURE__ */ new WeakSet());
@@ -245,6 +245,6 @@ var PopoverBase = React__namespace.forwardRef(({
   ] });
 });
 PopoverBase.displayName = "Popover";
-var Popover = chunkNRJXZPZR_cjs.withComponentTheme(PopoverBase, "Popover", "popover");
+var Popover = chunkV6BLBIY6_cjs.withComponentTheme(PopoverBase, "Popover", "popover");
 
 exports.Popover = Popover;

package/dist/{chunk-ARUN2DMD.js → chunk-427CDZDU.js}

@@ -1,5 +1,5 @@
-import { withComponentTheme } from './chunk-DRDDQCDD.js';
-import './tokens-CEJVVA3G.css';
+import { withComponentTheme } from './chunk-5HLNFDV4.js';
+import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
 import './Badge-DBWJEV4C.css';
 import * as React from 'react';

package/dist/chunk-4JANYBXO.js

@@ -0,0 +1,100 @@
+import { withComponentTheme } from './chunk-5HLNFDV4.js';
+import './tokens-223RYVVS.css';
+import './shared-NJHRNLRH.css';
+import './Tabs-FB2AMBWL.css';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var getFirstEnabledKey = (items) => items.find((item) => !item.disabled)?.key;
+var TabsBase = React.forwardRef(({
+  items,
+  activeKey,
+  defaultActiveKey,
+  onChange,
+  variant = "line",
+  centered,
+  tabBarClassName = "",
+  contentClassName = "",
+  fill = false,
+  className = "",
+  ...rest
+}, ref) => {
+  const baseId = React.useId();
+  const tabRefs = React.useRef(/* @__PURE__ */ new Map());
+  const [inner, setInner] = React.useState(defaultActiveKey ?? getFirstEnabledKey(items));
+  const isControlled = activeKey !== void 0;
+  const requested = isControlled ? activeKey : inner;
+  const current = items.some((item) => item.key === requested && !item.disabled) ? requested : getFirstEnabledKey(items);
+  const select = (k) => {
+    if (items.find((item) => item.key === k)?.disabled) return;
+    if (!isControlled) setInner(k);
+    onChange?.(k);
+  };
+  const handleTabKeyDown = (event) => {
+    const enabled = items.filter((item) => !item.disabled);
+    const index = enabled.findIndex((item) => item.key === current);
+    let target;
+    if (event.key === "ArrowRight") target = enabled[(index + 1) % enabled.length];
+    if (event.key === "ArrowLeft") target = enabled[(index - 1 + enabled.length) % enabled.length];
+    if (event.key === "Home") target = enabled[0];
+    if (event.key === "End") target = enabled[enabled.length - 1];
+    if (!target) return;
+    event.preventDefault();
+    tabRefs.current.get(target.key)?.focus();
+    select(target.key);
+  };
+  const active = items.find((i) => i.key === current);
+  const activeIndex = items.findIndex((item) => item.key === current);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: [
+        "tabs",
+        variant,
+        centered ? "centered" : "",
+        fill ? "fill" : "",
+        className
+      ].filter(Boolean).join(" "),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: ["tabs-nav", tabBarClassName].filter(Boolean).join(" "), role: "tablist", children: items.map((it, index) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            ref: (node) => {
+              if (node) tabRefs.current.set(it.key, node);
+              else tabRefs.current.delete(it.key);
+            },
+            type: "button",
+            role: "tab",
+            id: `${baseId}-tab-${index}`,
+            "aria-selected": current === it.key,
+            "aria-controls": it.content !== void 0 ? `${baseId}-panel-${index}` : void 0,
+            tabIndex: current === it.key ? 0 : -1,
+            disabled: it.disabled,
+            className: `tab ${current === it.key ? "active" : ""}`,
+            onClick: () => select(it.key),
+            onKeyDown: handleTabKeyDown,
+            children: it.label
+          },
+          it.key
+        )) }),
+        active?.content !== void 0 && /* @__PURE__ */ jsx(
+          "div",
+          {
+            id: `${baseId}-panel-${activeIndex}`,
+            className: ["tabs-content", contentClassName].filter(Boolean).join(" "),
+            role: "tabpanel",
+            "aria-labelledby": `${baseId}-tab-${activeIndex}`,
+            tabIndex: 0,
+            children: active.content
+          }
+        )
+      ]
+    }
+  );
+});
+TabsBase.displayName = "Tabs";
+var Tabs = withComponentTheme(TabsBase, "Tabs", "tabs");
+
+export { Tabs };

package/dist/{chunk-ZHVR4YPB.cjs → chunk-4LYJRFD2.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./Empty-U5CBLCAL.css');
 var React = require('react');
@@ -43,6 +43,6 @@ var EmptyBase = React__namespace.forwardRef(({
   action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-action", children: action })
 ] }));
 EmptyBase.displayName = "Empty";
-var Empty = chunkNRJXZPZR_cjs.withComponentTheme(EmptyBase, "Empty", "empty");
+var Empty = chunkV6BLBIY6_cjs.withComponentTheme(EmptyBase, "Empty", "empty");
 
 exports.Empty = Empty;

package/dist/{chunk-LG62MPMU.cjs → chunk-4MZW2KBN.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
 var chunkG5LCOBOT_cjs = require('./chunk-G5LCOBOT.cjs');
-var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
-var chunkEE5KXDRK_cjs = require('./chunk-EE5KXDRK.cjs');
-require('./tokens-CEJVVA3G.css');
+var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
+var chunkI4GJZLJU_cjs = require('./chunk-I4GJZLJU.cjs');
+require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
 require('./Surface-CTN775GD.css');
 var React = require('react');
@@ -73,8 +73,8 @@ var Surface = React__namespace.forwardRef(
     style,
     ...rest
   }, ref) => {
-    const inherited = chunkEE5KXDRK_cjs.useThemeOptional();
-    const normalizedTheme = chunkNRJXZPZR_cjs.normalizeComponentThemeInput(theme);
+    const inherited = chunkI4GJZLJU_cjs.useThemeOptional();
+    const normalizedTheme = chunkV6BLBIY6_cjs.normalizeComponentThemeInput(theme);
     const presetConfig = preset === "inherit" ? void 0 : surfacePresetMap[preset];
     const effectiveSurfaceMode = mode ?? colorScheme ?? normalizedTheme?.colorScheme ?? presetConfig?.base ?? inherited?.mode ?? "light";
     const [systemDark, setSystemDark] = React__namespace.useState(
@@ -89,7 +89,7 @@ var Surface = React__namespace.forwardRef(
       return () => media.removeEventListener?.("change", handleChange);
     }, [effectiveSurfaceMode]);
     const registeredModePreset = effectiveSurfaceMode != null && effectiveSurfaceMode !== "light" && effectiveSurfaceMode !== "dark" && effectiveSurfaceMode !== "system" ? themes?.[effectiveSurfaceMode] ?? inherited?.themes[effectiveSurfaceMode] : void 0;
-    const localComponents = chunkEE5KXDRK_cjs.mergeComponentThemeOverrides(
+    const localComponents = chunkI4GJZLJU_cjs.mergeComponentThemeOverrides(
       normalizedTheme?.components,
       components
     );
@@ -131,7 +131,7 @@ var Surface = React__namespace.forwardRef(
       },
       scope: "self"
     } : void 0;
-    const [themeRootElement, themeRootRef] = chunkNRJXZPZR_cjs.useComponentThemeRootRef(
+    const [themeRootElement, themeRootRef] = chunkV6BLBIY6_cjs.useComponentThemeRootRef(
       ref,
       { component: "Surface", theme: localSurfaceTheme }
     );
@@ -147,7 +147,7 @@ var Surface = React__namespace.forwardRef(
       className
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNRJXZPZR_cjs.ComponentThemeBoundary,
+      chunkV6BLBIY6_cjs.ComponentThemeBoundary,
       {
         component: "Surface",
         cssPrefix: "surface",
@@ -167,8 +167,8 @@ var Surface = React__namespace.forwardRef(
               children
             }
           );
-          return /* @__PURE__ */ jsxRuntime.jsx(chunkEE5KXDRK_cjs.ComponentOverridesProvider, { value: localComponents, children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkEE5KXDRK_cjs.ThemeProvider,
+          return /* @__PURE__ */ jsxRuntime.jsx(chunkI4GJZLJU_cjs.ComponentOverridesProvider, { value: localComponents, children: /* @__PURE__ */ jsxRuntime.jsx(
+            chunkI4GJZLJU_cjs.ThemeProvider,
             {
               enabled: usesLocalTheme,
               target: "scope",
@@ -191,7 +191,7 @@ var Surface = React__namespace.forwardRef(
                 ...normalizedTheme?.colors ?? {},
                 ...colors ?? {}
               },
-              components: chunkEE5KXDRK_cjs.mergeComponentThemeOverrides(
+              components: chunkI4GJZLJU_cjs.mergeComponentThemeOverrides(
                 presetConfig?.components,
                 localComponents
               ),