@fangxinyan/lumina 0.6.17 → 0.7.0

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

@@ -1,7 +1,8 @@
-import { Table } from './chunk-UGAN4BBW.js';
-import './tokens-RYJ3DFTU.css';
+import { Table } from './chunk-EA3NZBCZ.js';
+import { withComponentTheme, InternalComponentThemePart } from './chunk-DRDDQCDD.js';
+import './tokens-CEJVVA3G.css';
 import './shared-NJHRNLRH.css';
-import './TablePro-3NGWERWT.css';
+import './TablePro-WYE6TXWJ.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -23,6 +24,7 @@ var TableProInner = ({
   sortKey,
   sortDir,
   onSort,
+  onChange,
   rowSelection,
   selectable,
   selected,
@@ -30,6 +32,8 @@ var TableProInner = ({
   expandable,
   pagination,
   scroll,
+  tableProps,
+  caption,
   onRowClick,
   empty,
   ...rootProps
@@ -48,7 +52,7 @@ var TableProInner = ({
           /* @__PURE__ */ jsx("div", { className: "table-toolbar-main", children: toolbar }),
           actions && /* @__PURE__ */ jsx("div", { className: "table-toolbar-actions", children: actions })
         ] }),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(InternalComponentThemePart, { components: "Table", children: /* @__PURE__ */ jsx(
           Table,
           {
             columns,
@@ -60,6 +64,7 @@ var TableProInner = ({
             sortKey,
             sortDir,
             onSort,
+            onChange,
             rowSelection,
             selectable,
             selected,
@@ -67,18 +72,25 @@ var TableProInner = ({
             expandable,
             pagination,
             scroll,
+            tableProps,
+            caption,
             onRowClick,
             empty,
             className: innerTableClassName,
             style: tableStyle
           }
-        ),
+        ) }),
         footer && /* @__PURE__ */ jsx("div", { className: "table-footer", children: footer })
       ]
     }
   );
 };
-var TablePro = React.forwardRef(TableProInner);
-TablePro.displayName = "TablePro";
+var TableProBase = React.forwardRef(TableProInner);
+TableProBase.displayName = "TablePro";
+var TablePro = withComponentTheme(
+  TableProBase,
+  "TablePro",
+  ["table-pro", "table", "button", "checkbox", "pagination", "select", "input"]
+);
 
 export { TablePro };

package/dist/{chunk-MYW7LNB2.cjs → chunk-WROF2PVG.cjs}

@@ -1,8 +1,9 @@
 'use strict';
 
-require('./tokens-RYJ3DFTU.css');
+var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
+require('./tokens-CEJVVA3G.css');
 require('./shared-NJHRNLRH.css');
-require('./Switch-COAQIOMH.css');
+require('./Switch-TATU3LPB.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -26,8 +27,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// src/components/Switch/Switch.tsx
-var Switch = React__namespace.forwardRef(({
+var SwitchBase = React__namespace.forwardRef(({
   checked,
   defaultChecked,
   onChange,
@@ -38,14 +38,22 @@ var Switch = React__namespace.forwardRef(({
   unCheckedChildren,
   className = "",
   id,
+  name,
+  value: formValue,
+  required,
+  form,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-invalid": ariaInvalid,
+  "aria-required": ariaRequired,
   ...rest
 }, ref) => {
   const [inner, setInner] = React__namespace.useState(defaultChecked ?? false);
   const isControlled = checked !== void 0;
   const value = isControlled ? checked : inner;
-  const toggle = () => {
+  const toggle = (next) => {
     if (disabled) return;
-    const next = !value;
     if (!isControlled) setInner(next);
     onChange?.(next);
   };
@@ -59,28 +67,39 @@ var Switch = React__namespace.forwardRef(({
     className
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsxs("label", { ref, className: cls, ...rest, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
       {
-        type: "button",
-        role: "switch",
-        "aria-checked": value,
+        type: "checkbox",
+        className: "switch-native",
+        checked: value,
         disabled,
-        onClick: toggle,
+        onChange: (event) => toggle(event.target.checked),
         id,
-        className: "switch-track",
-        children: [
-          hasChildren && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "switch-inner", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "switch-inner-on", children: checkedChildren }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "switch-inner-off", children: unCheckedChildren })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "switch-thumb" })
-        ]
+        name,
+        value: formValue ?? "on",
+        required,
+        form,
+        role: "switch",
+        "aria-checked": value,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": ariaDescribedBy,
+        "aria-invalid": ariaInvalid,
+        "aria-required": ariaRequired
       }
     ),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": "true", className: "switch-track", children: [
+      hasChildren && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "switch-inner", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "switch-inner-on", children: checkedChildren }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "switch-inner-off", children: unCheckedChildren })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "switch-thumb" })
+    ] }),
     label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "switch-label", children: label })
   ] });
 });
-Switch.displayName = "Switch";
+SwitchBase.displayName = "Switch";
+var Switch = chunkNRJXZPZR_cjs.withComponentTheme(SwitchBase, "Switch", "switch");
 
 exports.Switch = Switch;

package/dist/chunk-XZXY3XCL.cjs

@@ -0,0 +1,105 @@
+'use strict';
+
+var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
+require('./tokens-CEJVVA3G.css');
+require('./shared-NJHRNLRH.css');
+require('./Tabs-A3IG6UZ6.css');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var getFirstEnabledKey = (items) => items.find((item) => !item.disabled)?.key;
+var TabsBase = React__namespace.forwardRef(({
+  items,
+  activeKey,
+  defaultActiveKey,
+  onChange,
+  variant = "line",
+  centered,
+  className = "",
+  ...rest
+}, ref) => {
+  const baseId = React__namespace.useId();
+  const tabRefs = React__namespace.useRef(/* @__PURE__ */ new Map());
+  const [inner, setInner] = React__namespace.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__ */ jsxRuntime.jsxs("div", { ref, className: `tabs ${variant} ${centered ? "centered" : ""} ${className}`, ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tabs-nav", role: "tablist", children: items.map((it, index) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+      "div",
+      {
+        id: `${baseId}-panel-${activeIndex}`,
+        className: "tabs-content",
+        role: "tabpanel",
+        "aria-labelledby": `${baseId}-tab-${activeIndex}`,
+        tabIndex: 0,
+        children: active.content
+      }
+    )
+  ] });
+});
+TabsBase.displayName = "Tabs";
+var Tabs = chunkNRJXZPZR_cjs.withComponentTheme(TabsBase, "Tabs", "tabs");
+
+exports.Tabs = Tabs;