@liujip0/components 0.2.23 → 0.2.25

package/dist/components/Tabs/Tab.stories.d.ts

@@ -0,0 +1,8 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Tab } from './Tab';
+declare const meta: {
+    component: typeof Tab;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Tabs/Tab.stories.js

@@ -0,0 +1,13 @@
+import { Tab as a } from "./Tab.js";
+const t = {
+  component: a
+}, o = {
+  args: {
+    value: "value",
+    children: "Tab Label"
+  }
+};
+export {
+  o as Default,
+  t as default
+};

package/dist/components/Tabs/TabBar.js

@@ -1,17 +1,18 @@
 import { jsx as l } from "react/jsx-runtime";
-import r from "react";
-import '../../assets/TabBar.css';const m = "_tabBar_1oym3_1", p = {
+import '../../assets/outlined.css';import '../../assets/TabBar.css';/* empty css                      */
+import e from "react";
+const m = "_tabBar_1oym3_1", p = {
   tabBar: m
 };
-function u({ value: t, onChange: a, children: n, className: o }) {
-  const s = r.Children.map(n, (e) => r.isValidElement(e) ? r.cloneElement(e, {
-    selected: t === e.props.value,
+function b({ value: t, onChange: a, children: o, className: n }) {
+  const s = e.Children.map(o, (r) => e.isValidElement(r) ? e.cloneElement(r, {
+    selected: t === r.props.value,
     onClick: () => {
-      a(e.props.value);
+      a(r.props.value);
     }
-  }) : e);
-  return /* @__PURE__ */ l("div", { className: p.tabBar + " " + (o || ""), children: s });
+  }) : r);
+  return /* @__PURE__ */ l("div", { className: p.tabBar + " " + (n || ""), children: s });
 }
 export {
-  u as TabBar
+  b as TabBar
 };

package/dist/components/Tabs/TabBar.stories.d.ts

@@ -0,0 +1,8 @@
+import { StoryObj } from '@storybook/react-vite';
+import { TabBar } from './TabBar';
+declare const meta: {
+    component: typeof TabBar;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Tabs/TabBar.stories.js

@@ -0,0 +1,22 @@
+import { jsxs as r, Fragment as l, jsx as a } from "react/jsx-runtime";
+import { Tab as e } from "./Tab.js";
+import { TabBar as n } from "./TabBar.js";
+const i = {
+  component: n
+}, m = {
+  args: {
+    value: "value",
+    onChange: () => {
+    },
+    children: /* @__PURE__ */ r(l, { children: [
+      /* @__PURE__ */ a(e, { value: "1", children: "Tab 1" }),
+      /* @__PURE__ */ a(e, { value: "2", children: "Tab 2" }),
+      /* @__PURE__ */ a(e, { value: "3", children: "Tab 3" }),
+      /* @__PURE__ */ a(e, { value: "4", children: "Tab 4" })
+    ] })
+  }
+};
+export {
+  m as Default,
+  i as default
+};

package/dist/components/Tabs/Tabs.js

@@ -1,14 +1,15 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { useState as i } from "react";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import '../../assets/outlined.css';import '../../assets/Tabs.css';/* empty css                      */
+import { useState as a } from "react";
 import { Tab as s } from "./Tab.js";
 import { TabBar as m } from "./TabBar.js";
-import '../../assets/Tabs.css';const l = "_container_1q694_1", u = "_contentContainer_1q694_6", o = {
+const l = "_container_1q694_1", p = "_contentContainer_1q694_6", o = {
   container: l,
-  contentContainer: u
+  contentContainer: p
 };
-function f({ tabs: e }) {
-  const [r, c] = i(Object.keys(e)[0]);
-  return /* @__PURE__ */ a("div", { className: o.container, children: [
+function h({ tabs: e }) {
+  const [r, c] = a(Object.keys(e)[0]);
+  return /* @__PURE__ */ i("div", { className: o.container, children: [
     /* @__PURE__ */ t(
       m,
       {
@@ -30,5 +31,5 @@ function f({ tabs: e }) {
   ] });
 }
 export {
-  f as Tabs
+  h as Tabs
 };

package/dist/components/Tabs/Tabs.stories.d.ts

@@ -0,0 +1,8 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Tabs } from './Tabs';
+declare const meta: {
+    component: typeof Tabs;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Tabs/Tabs.stories.js

@@ -0,0 +1,16 @@
+import { Tabs as t } from "./Tabs.js";
+const n = {
+  component: t
+}, o = {
+  args: {
+    tabs: {
+      tab1: "Tab 1 Content",
+      tab2: "Tab 2 Content",
+      tab3: "Tab 3 Content"
+    }
+  }
+};
+export {
+  o as Default,
+  n as default
+};

package/dist/components/Tooltip/Tooltip.js

@@ -1,11 +1,12 @@
-import { jsxs as _, jsx as n } from "react/jsx-runtime";
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import '../../assets/outlined.css';import '../../assets/Tooltip.css';/* empty css                      */
 import i from "react";
-import '../../assets/Tooltip.css';const m = "_container_147qb_1", f = "_tooltipContainer_147qb_7", b = "_tooltip_147qb_7", t = {
-  container: m,
+const _ = "_container_147qb_1", f = "_tooltipContainer_147qb_7", b = "_tooltip_147qb_7", t = {
+  container: _,
   tooltipContainer: f,
   tooltip: b
 };
-function C({ content: s, children: l }) {
+function y({ content: s, children: l }) {
   const [r, o] = i.useState(!1), [a, c] = i.useState(
     {}
   ), p = (d) => {
@@ -17,7 +18,7 @@ function C({ content: s, children: l }) {
   }, u = () => {
     o(!1);
   };
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ m(
     "div",
     {
       className: t.container,
@@ -38,5 +39,5 @@ function C({ content: s, children: l }) {
   );
 }
 export {
-  C as Tooltip
+  y as Tooltip
 };

package/dist/components/Tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,8 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Tooltip } from './Tooltip';
+declare const meta: {
+    component: typeof Tooltip;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Tooltip/Tooltip.stories.js

@@ -0,0 +1,13 @@
+import { Tooltip as o } from "./Tooltip.js";
+const e = {
+  component: o
+}, a = {
+  args: {
+    content: "Tooltip Message",
+    children: "Tooltip Target"
+  }
+};
+export {
+  a as Default,
+  e as default
+};

package/dist/main.d.ts

@@ -1,5 +1,6 @@
 declare const _default: "./main.css";
 export default _default;
+export { Backdrop } from './components/Backdrop/Backdrop.tsx';
 export { Button } from './components/Button/Button.tsx';
 export { IconButton } from './components/Button/IconButton/IconButton.tsx';
 export { ToggleButton } from './components/Button/ToggleButton/ToggleButton.tsx';

package/dist/main.js

@@ -1,50 +1,53 @@
-import { Password as e } from "./components/Input/Password.js";
+import './assets/main.css';/* empty css              */
+import { Backdrop as p } from "./components/Backdrop/Backdrop.js";
 import { Button as x } from "./components/Button/Button.js";
-import { IconButton as a } from "./components/Button/IconButton/IconButton.js";
+import { IconButton as f } from "./components/Button/IconButton/IconButton.js";
 import { ToggleButton as n } from "./components/Button/ToggleButton/ToggleButton.js";
-import { ToggleButtonGroup as l } from "./components/Button/ToggleButton/ToggleButtonGroup.js";
-import { Dialog as u, DialogActions as g, DialogContent as s, DialogTitle as b } from "./components/Dialog/Dialog.js";
-import { Divider as d } from "./components/Divider/Divider.js";
-import { Input as D } from "./components/Input/Input.js";
-import { TextArea as h } from "./components/Input/TextArea.js";
-import { Checkbox as A } from "./components/Input/Checkbox/Checkbox.js";
-import { Counter as I } from "./components/Input/Counter/Counter.js";
-import { Radio as S } from "./components/Input/Radio/Radio.js";
-import { RadioGroup as w } from "./components/Input/Radio/RadioGroup.js";
-import { Select as P } from "./components/Input/Select/Select.js";
-import { Snackbar as q } from "./components/Snackbar/Snackbar.js";
-import { Table as z, TableHead as E, Td as F, Th as J } from "./components/Table/Table.js";
-import { Tab as L } from "./components/Tabs/Tab.js";
-import { TabBar as N } from "./components/Tabs/TabBar.js";
-import { Tabs as Q } from "./components/Tabs/Tabs.js";
-import { Tooltip as V } from "./components/Tooltip/Tooltip.js";
-const o = "./main.css";
+import { ToggleButtonGroup as T } from "./components/Button/ToggleButton/ToggleButtonGroup.js";
+import { Dialog as c, DialogActions as d, DialogContent as g, DialogTitle as s } from "./components/Dialog/Dialog.js";
+import { Divider as B } from "./components/Divider/Divider.js";
+import { Input as k } from "./components/Input/Input.js";
+import { Password as h } from "./components/Input/Password.js";
+import { TextArea as G } from "./components/Input/TextArea.js";
+import { Checkbox as R } from "./components/Input/Checkbox/Checkbox.js";
+import { Counter as v } from "./components/Input/Counter/Counter.js";
+import { Radio as H } from "./components/Input/Radio/Radio.js";
+import { RadioGroup as j } from "./components/Input/Radio/RadioGroup.js";
+import { Select as y } from "./components/Input/Select/Select.js";
+import { Snackbar as E } from "./components/Snackbar/Snackbar.js";
+import { Table as J, TableHead as K, Td as L, Th as M } from "./components/Table/Table.js";
+import { Tab as O } from "./components/Tabs/Tab.js";
+import { TabBar as U } from "./components/Tabs/TabBar.js";
+import { Tabs as W } from "./components/Tabs/Tabs.js";
+import { Tooltip as Y } from "./components/Tooltip/Tooltip.js";
+const r = "./main.css";
 export {
+  p as Backdrop,
   x as Button,
-  A as Checkbox,
-  I as Counter,
-  u as Dialog,
-  g as DialogActions,
-  s as DialogContent,
-  b as DialogTitle,
-  d as Divider,
-  a as IconButton,
-  D as Input,
-  e as Password,
-  S as Radio,
-  w as RadioGroup,
-  P as Select,
-  q as Snackbar,
-  L as Tab,
-  N as TabBar,
-  z as Table,
-  E as TableHead,
-  Q as Tabs,
-  F as Td,
-  h as TextArea,
-  J as Th,
+  R as Checkbox,
+  v as Counter,
+  c as Dialog,
+  d as DialogActions,
+  g as DialogContent,
+  s as DialogTitle,
+  B as Divider,
+  f as IconButton,
+  k as Input,
+  h as Password,
+  H as Radio,
+  j as RadioGroup,
+  y as Select,
+  E as Snackbar,
+  O as Tab,
+  U as TabBar,
+  J as Table,
+  K as TableHead,
+  W as Tabs,
+  L as Td,
+  G as TextArea,
+  M as Th,
   n as ToggleButton,
-  l as ToggleButtonGroup,
-  V as Tooltip,
-  o as default
+  T as ToggleButtonGroup,
+  Y as Tooltip,
+  r as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@liujip0/components",
   "private": false,
-  "version": "0.2.23",
+  "version": "0.2.25",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -14,36 +14,41 @@
     "react-dom": "^19.2.3"
   },
   "devDependencies": {
-    "@eslint-react/eslint-plugin": "^2.3.13",
+    "@eslint-react/eslint-plugin": "^2.4.0",
     "@eslint/css": "^0.14.1",
     "@eslint/js": "^9.39.2",
     "@eslint/json": "^0.14.0",
     "@eslint/markdown": "^7.5.1",
     "@material-symbols/font-400": "^0.40.2",
-    "@storybook/addon-docs": "10.1.8",
-    "@storybook/addon-onboarding": "10.1.8",
-    "@storybook/react-vite": "10.1.8",
-    "@types/node": "^25.0.2",
+    "@storybook/addon-docs": "10.1.10",
+    "@storybook/addon-onboarding": "10.1.10",
+    "@storybook/addon-vitest": "10.1.10",
+    "@storybook/react-vite": "10.1.10",
+    "@types/node": "^25.0.3",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.2",
+    "@vitest/browser-playwright": "^4.0.16",
+    "@vitest/coverage-v8": "^4.0.16",
     "eslint": "^9.39.2",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.24",
-    "eslint-plugin-storybook": "10.1.8",
+    "eslint-plugin-react-refresh": "^0.4.26",
+    "eslint-plugin-storybook": "10.1.10",
     "glob": "^13.0.0",
     "globals": "^16.5.0",
     "jiti": "^2.6.1",
+    "playwright": "^1.57.0",
     "prettier": "^3.7.4",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
-    "storybook": "10.1.8",
+    "storybook": "10.1.10",
     "typescript": "~5.9.3",
-    "typescript-eslint": "^8.49.0",
-    "vite": "^7.2.7",
+    "typescript-eslint": "^8.50.1",
+    "vite": "^7.3.0",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-lib-inject-css": "^2.2.2"
+    "vite-plugin-lib-inject-css": "^2.2.2",
+    "vitest": "^4.0.16"
   },
   "sideEffects": [
     "**/*.css"