@liujip0/components 0.2.23 → 0.2.25

package/dist/components/Input/Input.js

@@ -1,16 +1,17 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import '../../assets/outlined.css';/* empty css                      */
 import { s as e } from "../../Input.module-lBhDn5k1.js";
-function y({
+function D({
   id: t,
   value: m,
   onChange: l,
   type: o = "text",
   label: s,
-  helperText: n,
-  startIcon: u,
-  endIcon: p,
-  error: a,
-  disabled: i,
+  helperText: i,
+  startIcon: p,
+  endIcon: u,
+  error: n,
+  disabled: a,
   className: h,
   outlineClassName: x,
   inputClassName: N,
@@ -31,37 +32,37 @@ function y({
     /* @__PURE__ */ c(
       "div",
       {
-        className: e.outline + " " + (x || "") + " " + (a ? e.errorOutline : ""),
+        className: e.outline + " " + (x || "") + " " + (n ? e.errorOutline : ""),
         children: [
-          u,
+          p,
           /* @__PURE__ */ r(
             "input",
             {
-              className: e.input + " " + (N || "") + " " + (i ? e.inputDisabled : ""),
+              className: e.input + " " + (N || "") + " " + (a ? e.inputDisabled : ""),
               value: m,
               onChange: (T) => {
                 l && l(T.currentTarget.value);
               },
               type: o,
               id: t,
-              disabled: i,
+              disabled: a,
               ref: v,
               ...j
             }
           ),
-          p
+          u
         ]
       }
     ),
-    n && /* @__PURE__ */ r(
+    i && /* @__PURE__ */ r(
       "p",
       {
-        className: e.helperText + " " + (f || "") + " " + (a ? e.helperTextError : ""),
-        children: n
+        className: e.helperText + " " + (f || "") + " " + (n ? e.helperTextError : ""),
+        children: i
       }
     )
   ] });
 }
 export {
-  y as Input
+  D as Input
 };

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

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

package/dist/components/Input/Input.stories.js

@@ -0,0 +1,13 @@
+import { Input as t } from "./Input.js";
+const a = {
+  component: t
+}, e = {
+  args: {
+    id: "input-id",
+    value: ""
+  }
+};
+export {
+  e as Default,
+  a as default
+};

package/dist/components/Input/Password.js

@@ -1,8 +1,9 @@
 import { jsx as o } from "react/jsx-runtime";
+import '../../assets/outlined.css';/* empty css                      */
 import { useState as r } from "react";
 import { IconButton as e } from "../Button/IconButton/IconButton.js";
 import { Input as n } from "./Input.js";
-import '../../assets/Password.css';function d({ ...t }) {
+function d({ ...t }) {
   const [s, i] = r(!1);
   return /* @__PURE__ */ o(
     n,

package/dist/components/Input/Password.stories.d.ts

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

package/dist/components/Input/Password.stories.js

@@ -0,0 +1,13 @@
+import { Password as o } from "./Password.js";
+const s = {
+  component: o
+}, t = {
+  args: {
+    id: "password-id",
+    value: ""
+  }
+};
+export {
+  t as Default,
+  s as default
+};

package/dist/components/Input/Radio/Radio.js

@@ -1,7 +1,8 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { IconButton as u } from "../../Button/IconButton/IconButton.js";
-import '../../../assets/Radio.css';const m = "_container_12u6r_1", _ = "_label_12u6r_7", a = {
-  container: m,
+import '../../../assets/outlined.css';import '../../../assets/Radio.css';/* empty css                         */
+import { IconButton as m } from "../../Button/IconButton/IconButton.js";
+const u = "_container_12u6r_1", _ = "_label_12u6r_7", a = {
+  container: u,
   label: _
 };
 function h({
@@ -15,7 +16,7 @@ function h({
 }) {
   return /* @__PURE__ */ i("div", { className: a.container + " " + (r || ""), children: [
     /* @__PURE__ */ i(
-      u,
+      m,
       {
         className: d || "",
         onClick: () => {
@@ -49,10 +50,10 @@ function h({
     )
   ] });
 }
-function k({ ...c }) {
+function N({ ...c }) {
   return /* @__PURE__ */ t(h, { ...c });
 }
 export {
-  k as Radio,
+  N as Radio,
   h as RadioInternal
 };

package/dist/components/Input/Radio/Radio.stories.d.ts

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

package/dist/components/Input/Radio/Radio.stories.js

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

package/dist/components/Input/Radio/RadioGroup.js

@@ -1,15 +1,16 @@
 import { jsxs as h, jsx as t } from "react/jsx-runtime";
+import '../../../assets/outlined.css';import '../../../assets/RadioGroup.css';/* empty css                         */
 import l from "react";
-import '../../../assets/RadioGroup.css';const x = "_container_1ygqk_1", d = "_outline_1ygqk_6", T = "_label_1ygqk_12", y = "_helperText_1ygqk_17", E = "_helperTextError_1ygqk_24", r = {
+const x = "_container_1ygqk_1", d = "_outline_1ygqk_6", T = "_label_1ygqk_12", y = "_helperText_1ygqk_17", E = "_helperTextError_1ygqk_24", r = {
   container: x,
   outline: d,
   label: T,
   helperText: y,
   helperTextError: E
 };
-function k({
-  name: a,
-  value: i,
+function q({
+  name: i,
+  value: a,
   onChange: n,
   children: c,
   label: o,
@@ -18,8 +19,8 @@ function k({
   className: _
 }) {
   const m = l.Children.map(c, (e) => l.isValidElement(e) ? l.cloneElement(e, {
-    name: a,
-    selected: i === e.props.value,
+    name: i,
+    selected: a === e.props.value,
     onChange: (u) => {
       n(u ? e.props.value : "");
     }
@@ -37,5 +38,5 @@ function k({
   ] });
 }
 export {
-  k as RadioGroup
+  q as RadioGroup
 };

package/dist/components/Input/Radio/RadioGroup.stories.d.ts

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

package/dist/components/Input/Radio/RadioGroup.stories.js

@@ -0,0 +1,51 @@
+import { jsxs as r, Fragment as i, jsx as o } from "react/jsx-runtime";
+import { Radio as a } from "./Radio.js";
+import { RadioGroup as d } from "./RadioGroup.js";
+const p = {
+  component: d
+}, t = {
+  args: {
+    name: "radio-group-id",
+    value: "1",
+    onChange: () => {
+    },
+    children: /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ o(
+        a,
+        {
+          id: "radio-group-1",
+          value: "1",
+          label: "Radio 1"
+        }
+      ),
+      /* @__PURE__ */ o(
+        a,
+        {
+          id: "radio-group-2",
+          value: "2",
+          label: "Radio 2"
+        }
+      ),
+      /* @__PURE__ */ o(
+        a,
+        {
+          id: "radio-group-3",
+          value: "3",
+          label: "Radio 3"
+        }
+      ),
+      /* @__PURE__ */ o(
+        a,
+        {
+          id: "radio-group-4",
+          value: "4",
+          label: "Radio 4"
+        }
+      )
+    ] })
+  }
+};
+export {
+  t as Default,
+  p as default
+};

package/dist/components/Input/Select/Select.js

@@ -1,6 +1,7 @@
 import { jsxs as y, jsx as l } from "react/jsx-runtime";
+import '../../../assets/outlined.css';import '../../../assets/Select.css';/* empty css                         */
 import "react";
-import '../../../assets/Select.css';const b = "_container_cgwzy_1", w = "_outline_cgwzy_6", z = "_errorOutline_cgwzy_19", d = "_select_cgwzy_23", T = "_selectDisabled_cgwzy_40", N = "_helperText_cgwzy_52", D = "_helperTextError_cgwzy_59", E = "_label_cgwzy_63", e = {
+const b = "_container_cgwzy_1", w = "_outline_cgwzy_6", z = "_errorOutline_cgwzy_19", d = "_select_cgwzy_23", T = "_selectDisabled_cgwzy_40", N = "_helperText_cgwzy_52", D = "_helperTextError_cgwzy_59", E = "_label_cgwzy_63", e = {
   container: b,
   outline: w,
   errorOutline: z,
@@ -10,7 +11,7 @@ import '../../../assets/Select.css';const b = "_container_cgwzy_1", w = "_outlin
   helperTextError: D,
   label: E
 };
-function v({
+function j({
   id: t,
   value: a,
   onChange: r,
@@ -22,8 +23,8 @@ function v({
   className: _,
   outlineClassName: h,
   selectClassName: p,
-  labelClassName: u,
-  helperTextClassName: m,
+  labelClassName: m,
+  helperTextClassName: u,
   ...x
 }) {
   return /* @__PURE__ */ y("div", { className: e.container + " " + (_ || ""), children: [
@@ -31,7 +32,7 @@ function v({
       "label",
       {
         htmlFor: t,
-        className: e.label + " " + (e.labelClassName || "") + " " + (u || ""),
+        className: e.label + " " + (e.labelClassName || "") + " " + (m || ""),
         children: c
       }
     ),
@@ -58,12 +59,12 @@ function v({
     s && /* @__PURE__ */ l(
       "p",
       {
-        className: e.helperText + " " + (n ? e.helperTextError : "") + " " + (m || ""),
+        className: e.helperText + " " + (n ? e.helperTextError : "") + " " + (u || ""),
         children: s
       }
     )
   ] });
 }
 export {
-  v as Select
+  j as Select
 };

package/dist/components/Input/Select/Select.stories.d.ts

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

package/dist/components/Input/Select/Select.stories.js

@@ -0,0 +1,20 @@
+import { jsxs as o, Fragment as t, jsx as e } from "react/jsx-runtime";
+import { Select as n } from "./Select.js";
+const r = {
+  component: n
+}, p = {
+  args: {
+    id: "select-id",
+    value: "1",
+    children: /* @__PURE__ */ o(t, { children: [
+      /* @__PURE__ */ e("option", { value: "1", children: "Option 1" }),
+      /* @__PURE__ */ e("option", { value: "2", children: "Option 2" }),
+      /* @__PURE__ */ e("option", { value: "3", children: "Option 3" }),
+      /* @__PURE__ */ e("option", { value: "4", children: "Option 4" })
+    ] })
+  }
+};
+export {
+  p as Default,
+  r as default
+};

package/dist/components/Input/TextArea.d.ts

@@ -11,7 +11,7 @@ type TextAreaProps = {
     textAreaClassName?: string;
     labelClassName?: string;
     helperTextClassName?: string;
-    ref?: React.RefObject<HTMLTextAreaElement>;
+    ref?: React.Ref<HTMLTextAreaElement>;
 } & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "id" | "value" | "onChange" | "disabled" | "className">;
 export declare function TextArea({ id, value, onChange, label, helperText, error, disabled, className, outlineClassName, textAreaClassName, labelClassName, helperTextClassName, ref, ...props }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Input/TextArea.js

@@ -1,17 +1,18 @@
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import '../../assets/outlined.css';/* empty css                      */
 import { s as e } from "../../Input.module-lBhDn5k1.js";
-function j({
-  id: a,
+function b({
+  id: t,
   value: c,
-  onChange: t,
+  onChange: a,
   label: l,
   helperText: s,
   error: i,
   disabled: n,
   className: m,
   outlineClassName: o,
-  textAreaClassName: u,
-  labelClassName: p,
+  textAreaClassName: p,
+  labelClassName: u,
   helperTextClassName: h,
   ref: x,
   ...N
@@ -20,8 +21,8 @@ function j({
     l && /* @__PURE__ */ r(
       "label",
       {
-        htmlFor: a,
-        className: e.label + " " + (p || ""),
+        htmlFor: t,
+        className: e.label + " " + (u || ""),
         children: l
       }
     ),
@@ -32,12 +33,12 @@ function j({
         children: /* @__PURE__ */ r(
           "textarea",
           {
-            className: e.input + " " + (u || "") + " " + (n ? e.inputDisabled : ""),
+            className: e.input + " " + (p || "") + " " + (n ? e.inputDisabled : ""),
             value: c,
             onChange: (d) => {
-              t && t(d.currentTarget.value);
+              a && a(d.currentTarget.value);
             },
-            id: a,
+            id: t,
             disabled: n,
             ref: x,
             ...N
@@ -55,5 +56,5 @@ function j({
   ] });
 }
 export {
-  j as TextArea
+  b as TextArea
 };

package/dist/components/Input/TextArea.stories.d.ts

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

package/dist/components/Input/TextArea.stories.js

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

package/dist/components/Snackbar/Snackbar.js

@@ -1,13 +1,14 @@
-import { jsxs as _, jsx as c, Fragment as b } from "react/jsx-runtime";
+import { jsxs as _, jsx as a, Fragment as b } from "react/jsx-runtime";
+import '../../assets/outlined.css';import '../../assets/Snackbar.css';/* empty css                      */
 import { useEffect as g } from "react";
-import '../../assets/Snackbar.css';const k = "_snackbar_tl00m_1", d = "_message_tl00m_18", r = {
+const k = "_snackbar_tl00m_1", d = "_message_tl00m_18", c = {
   snackbar: k,
   message: d
 };
-function N({
+function x({
   open: s,
   onClose: e,
-  autoHideDuration: a,
+  autoHideDuration: r,
   message: m,
   action: t,
   className: n,
@@ -15,17 +16,17 @@ function N({
   actionClassName: l
 }) {
   return g(() => {
-    if (s && a && e) {
+    if (s && r && e) {
       const f = setTimeout(() => {
         e();
-      }, a);
+      }, r);
       return () => clearTimeout(f);
     }
-  }, [s, a, e]), s ? /* @__PURE__ */ _("div", { className: r.snackbar + " " + (n || ""), children: [
-    /* @__PURE__ */ c("p", { className: r.message + " " + (i || ""), children: m }),
-    /* @__PURE__ */ c("div", { className: l || "", children: t })
-  ] }) : /* @__PURE__ */ c(b, {});
+  }, [s, r, e]), s ? /* @__PURE__ */ _("div", { className: c.snackbar + " " + (n || ""), children: [
+    /* @__PURE__ */ a("p", { className: c.message + " " + (i || ""), children: m }),
+    /* @__PURE__ */ a("div", { className: l || "", children: t })
+  ] }) : /* @__PURE__ */ a(b, {});
 }
 export {
-  N as Snackbar
+  x as Snackbar
 };

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

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

package/dist/components/Snackbar/Snackbar.stories.js

@@ -0,0 +1,19 @@
+import { jsx as o } from "react/jsx-runtime";
+import '../../assets/outlined.css';import '../../assets/main.css';/* empty css                  */
+/* empty css                      */
+import { IconButton as t } from "../Button/IconButton/IconButton.js";
+import "react";
+import { Snackbar as a } from "./Snackbar.js";
+const c = {
+  component: a
+}, p = {
+  args: {
+    open: !0,
+    message: "This is a snackbar message",
+    action: /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o("span", { className: "material-symbols-outlined", children: "close" }) })
+  }
+};
+export {
+  p as Default,
+  c as default
+};

package/dist/components/Table/Table.js

@@ -1,9 +1,10 @@
 import { jsx as a } from "react/jsx-runtime";
-import '../../assets/Table.css';const l = "_table_10gvy_1", s = "_tableHead_10gvy_8", c = "_th_10gvy_21", d = "_td_10gvy_33", n = {
+import '../../assets/outlined.css';import '../../assets/Table.css';/* empty css                      */
+const l = "_table_10gvy_1", s = "_tableHead_10gvy_8", c = "_th_10gvy_21", o = "_td_10gvy_33", n = {
   table: l,
   tableHead: s,
   th: c,
-  td: d
+  td: o
 };
 function _({ children: t, className: e }) {
   return /* @__PURE__ */ a("table", { className: n.table + " " + (e || ""), children: t });
@@ -11,15 +12,15 @@ function _({ children: t, className: e }) {
 function b({ children: t, className: e }) {
   return /* @__PURE__ */ a("thead", { className: n.tableHead + " " + (e || ""), children: t });
 }
-function r({ children: t, className: e }) {
+function u({ children: t, className: e }) {
   return /* @__PURE__ */ a("th", { className: n.th + " " + (e || ""), children: t });
 }
-function u({ children: t, className: e }) {
+function h({ children: t, className: e }) {
   return /* @__PURE__ */ a("td", { className: n.td + " " + (e || ""), children: t });
 }
 export {
   _ as Table,
   b as TableHead,
-  u as Td,
-  r as Th
+  h as Td,
+  u as Th
 };

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

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

package/dist/components/Table/Table.stories.js

@@ -0,0 +1,40 @@
+import { jsxs as t, Fragment as d, jsx as e } from "react/jsx-runtime";
+import { Table as l, TableHead as c, Th as r, Td as n } from "./Table.js";
+const o = {
+  component: l
+}, a = {
+  args: {
+    children: /* @__PURE__ */ t(d, { children: [
+      /* @__PURE__ */ e(c, { children: /* @__PURE__ */ t("tr", { children: [
+        /* @__PURE__ */ e(r, { children: "Header 1" }),
+        /* @__PURE__ */ e(r, { children: "Header 2" }),
+        /* @__PURE__ */ e(r, { children: "Header 3" }),
+        /* @__PURE__ */ e(r, { children: "Header 4" })
+      ] }) }),
+      /* @__PURE__ */ t("tbody", { children: [
+        /* @__PURE__ */ t("tr", { children: [
+          /* @__PURE__ */ e(r, { children: "Row 1" }),
+          /* @__PURE__ */ e(n, { children: "Content 1" }),
+          /* @__PURE__ */ e(n, { children: "Content 2" }),
+          /* @__PURE__ */ e(n, { children: "Content 3" })
+        ] }),
+        /* @__PURE__ */ t("tr", { children: [
+          /* @__PURE__ */ e(r, { children: "Row 2" }),
+          /* @__PURE__ */ e(n, { children: "Content 4" }),
+          /* @__PURE__ */ e(n, { children: "Content 5" }),
+          /* @__PURE__ */ e(n, { children: "Content 6" })
+        ] }),
+        /* @__PURE__ */ t("tr", { children: [
+          /* @__PURE__ */ e(r, { children: "Row 3" }),
+          /* @__PURE__ */ e(n, { children: "Content 7" }),
+          /* @__PURE__ */ e(n, { children: "Content 8" }),
+          /* @__PURE__ */ e(n, { children: "Content 9" })
+        ] })
+      ] })
+    ] })
+  }
+};
+export {
+  a as Default,
+  o as default
+};

package/dist/components/Tabs/Tab.js

@@ -1,16 +1,17 @@
-import { jsx as s } from "react/jsx-runtime";
-import '../../assets/Tab.css';const i = "_tab_1m0oo_1", n = "_activeTab_1m0oo_15", t = {
-  tab: i,
-  activeTab: n
+import { jsx as i } from "react/jsx-runtime";
+import '../../assets/outlined.css';import '../../assets/Tab.css';/* empty css                      */
+const s = "_tab_1m0oo_1", m = "_activeTab_1m0oo_15", t = {
+  tab: s,
+  activeTab: m
 };
-function m({
+function _({
   selected: a,
   onClick: o,
   children: b,
   className: c,
   ...e
 }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ i(
     "div",
     {
       className: t.tab + " " + (c || "") + " " + (a ? t.activeTab : ""),
@@ -21,5 +22,5 @@ function m({
   );
 }
 export {
-  m as Tab
+  _ as Tab
 };