@liujip0/components 0.2.23 → 0.2.25

package/dist/components/Backdrop/Backdrop.js

@@ -1,18 +1,19 @@
-import { jsx as c, Fragment as t } from "react/jsx-runtime";
-import '../../assets/Backdrop.css';const p = "_backdrop_qbjym_1", d = {
+import { jsx as o, Fragment as a } from "react/jsx-runtime";
+import '../../assets/outlined.css';import '../../assets/Backdrop.css';/* empty css                      */
+const p = "_backdrop_qbjym_1", d = {
   backdrop: p
 };
-function n({ open: o, onClose: r, className: a }) {
-  return o ? /* @__PURE__ */ c(
+function m({ open: c, onClose: r, className: t }) {
+  return c ? /* @__PURE__ */ o(
     "div",
     {
       onClick: () => {
         r && r();
       },
-      className: d.backdrop + " " + (a || "")
+      className: d.backdrop + " " + (t || "")
     }
-  ) : /* @__PURE__ */ c(t, {});
+  ) : /* @__PURE__ */ o(a, {});
 }
 export {
-  n as Backdrop
+  m as Backdrop
 };

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

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

package/dist/components/Backdrop/Backdrop.stories.js

@@ -0,0 +1,12 @@
+import { Backdrop as o } from "./Backdrop.js";
+const e = {
+  component: o
+}, a = {
+  args: {
+    open: !0
+  }
+};
+export {
+  a as Default,
+  e as default
+};

package/dist/components/Button/Button.js

@@ -1,9 +1,10 @@
-import { jsx as s } from "react/jsx-runtime";
-import '../../assets/Button.css';const r = "_button_y7o2r_1", b = {
-  button: r
+import { jsx as r } from "react/jsx-runtime";
+import '../../assets/outlined.css';import '../../assets/Button.css';/* empty css                      */
+const s = "_button_y7o2r_1", b = {
+  button: s
 };
-function e({ ref: t, children: o, className: n, ...u }) {
-  return /* @__PURE__ */ s(
+function m({ ref: t, children: o, className: n, ...u }) {
+  return /* @__PURE__ */ r(
     "button",
     {
       ref: t,
@@ -14,5 +15,5 @@ function e({ ref: t, children: o, className: n, ...u }) {
   );
 }
 export {
-  e as Button
+  m as Button
 };

package/dist/components/Button/Button.stories.js

@@ -1,8 +1,12 @@
 import { Button as t } from "./Button.js";
-const e = {
+const n = {
   component: t
-}, n = {};
+}, e = {
+  args: {
+    children: "Button"
+  }
+};
 export {
-  n as Default,
-  e as default
+  e as Default,
+  n as default
 };

package/dist/components/Button/IconButton/IconButton.js

@@ -1,8 +1,9 @@
 import { jsx as s } from "react/jsx-runtime";
-import '../../../assets/IconButton.css';const b = "_button_180ek_1", c = {
-  button: b
+import '../../../assets/outlined.css';import '../../../assets/IconButton.css';/* empty css                         */
+const r = "_button_180ek_1", b = {
+  button: r
 };
-function r({
+function m({
   ref: t,
   children: o,
   className: n,
@@ -12,12 +13,12 @@ function r({
     "button",
     {
       ref: t,
-      className: c.button + " " + (n || ""),
+      className: b.button + " " + (n || ""),
       ...u,
       children: o
     }
   );
 }
 export {
-  r as IconButton
+  m as IconButton
 };

package/dist/components/Button/IconButton/IconButton.stories.d.ts

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

package/dist/components/Button/IconButton/IconButton.stories.js

@@ -0,0 +1,13 @@
+import { jsx as t } from "react/jsx-runtime";
+import { IconButton as o } from "./IconButton.js";
+const e = {
+  component: o
+}, i = {
+  args: {
+    children: /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: "visibility" })
+  }
+};
+export {
+  i as Default,
+  e as default
+};

package/dist/components/Button/ToggleButton/ToggleButton.js

@@ -1,11 +1,12 @@
 import { jsx as e } from "react/jsx-runtime";
+import '../../../assets/outlined.css';import '../../../assets/ToggleButton.css';/* empty css                         */
 import { omit as C } from "../../../utils/omit.js";
-import { Button as b } from "../Button.js";
-import '../../../assets/ToggleButton.css';const f = "_buttonFalse_1ed44_1", m = "_buttonTrue_1ed44_8", u = {
-  buttonFalse: f,
-  buttonTrue: m
+import { Button as m } from "../Button.js";
+const b = "_buttonFalse_1ed44_1", f = "_buttonTrue_1ed44_8", i = {
+  buttonFalse: b,
+  buttonTrue: f
 };
-function i({
+function u({
   ref: t,
   value: o,
   children: l,
@@ -15,10 +16,10 @@ function i({
   ...n
 }) {
   return /* @__PURE__ */ e(
-    b,
+    m,
     {
       ref: t,
-      className: (("selected" in n ? n.selected : o) ? u.buttonTrue + " " + (c || "") : u.buttonFalse + " " + (g || "")) + " " + (a || ""),
+      className: (("selected" in n ? n.selected : o) ? i.buttonTrue + " " + (c || "") : i.buttonFalse + " " + (g || "")) + " " + (a || ""),
       onClick: () => {
         "onChange" in n && n.onChange ? n.onChange(!o) : "onClick" in n && n.onClick && n.onClick();
       },
@@ -27,12 +28,12 @@ function i({
     }
   );
 }
-function _({
+function d({
   ...t
 }) {
-  return "onChange" in t ? /* @__PURE__ */ e(i, { ...t }) : /* @__PURE__ */ e(i, { ...t });
+  return "onChange" in t ? /* @__PURE__ */ e(u, { ...t }) : /* @__PURE__ */ e(u, { ...t });
 }
 export {
-  _ as ToggleButton,
-  i as ToggleButtonInternal
+  d as ToggleButton,
+  u as ToggleButtonInternal
 };

package/dist/components/Button/ToggleButton/ToggleButton.stories.d.ts

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

package/dist/components/Button/ToggleButton/ToggleButton.stories.js

@@ -0,0 +1,23 @@
+import { ToggleButton as e } from "./ToggleButton.js";
+const a = {
+  component: e
+}, n = {
+  args: {
+    children: "Toggle False",
+    value: !1,
+    onChange: () => {
+    }
+  }
+}, l = {
+  args: {
+    children: "Toggle True",
+    value: !0,
+    onChange: () => {
+    }
+  }
+};
+export {
+  n as False,
+  l as True,
+  a as default
+};

package/dist/components/Button/ToggleButton/ToggleButtonGroup.js

@@ -1,22 +1,23 @@
 import { jsxs as _, jsx as n } from "react/jsx-runtime";
+import '../../../assets/outlined.css';import '../../../assets/ToggleButtonGroup.css';/* empty css                         */
 import t from "react";
-import '../../../assets/ToggleButtonGroup.css';const u = "_container_1ngm3_1", x = "_outline_1ngm3_6", h = "_label_1ngm3_11", T = "_helperText_1ngm3_16", g = "_helperTextError_1ngm3_23", r = {
+const u = "_container_1ngm3_1", x = "_outline_1ngm3_6", h = "_label_1ngm3_11", T = "_helperText_1ngm3_16", g = "_helperTextError_1ngm3_23", r = {
   container: u,
   outline: x,
   label: h,
   helperText: T,
   helperTextError: g
 };
-function f({
+function v({
   value: l,
   onChange: o,
-  children: c,
+  children: i,
   label: s,
   helperText: p,
-  error: i,
+  error: c,
   className: a
 }) {
-  const m = t.Children.map(c, (e) => t.isValidElement(e) ? t.cloneElement(e, {
+  const m = t.Children.map(i, (e) => t.isValidElement(e) ? t.cloneElement(e, {
     selected: l === e.props.value,
     onClick: () => {
       l === e.props.value ? o("") : o(e.props.value);
@@ -28,12 +29,12 @@ function f({
     p && /* @__PURE__ */ n(
       "p",
       {
-        className: r.helperText + " " + (i ? r.helperTextError : ""),
+        className: r.helperText + " " + (c ? r.helperTextError : ""),
         children: p
       }
     )
   ] });
 }
 export {
-  f as ToggleButtonGroup
+  v as ToggleButtonGroup
 };

package/dist/components/Button/ToggleButton/ToggleButtonGroup.stories.d.ts

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

package/dist/components/Button/ToggleButton/ToggleButtonGroup.stories.js

@@ -0,0 +1,22 @@
+import { jsxs as l, Fragment as r, jsx as e } from "react/jsx-runtime";
+import { ToggleButton as o } from "./ToggleButton.js";
+import { ToggleButtonGroup as g } from "./ToggleButtonGroup.js";
+const u = {
+  component: g
+}, c = {
+  args: {
+    value: "1",
+    onChange: () => {
+    },
+    children: /* @__PURE__ */ l(r, { children: [
+      /* @__PURE__ */ e(o, { value: "1", children: "Toggle 1" }),
+      /* @__PURE__ */ e(o, { value: "2", children: "Toggle 2" }),
+      /* @__PURE__ */ e(o, { value: "3", children: "Toggle 3" }),
+      /* @__PURE__ */ e(o, { value: "4", children: "Toggle 4" })
+    ] })
+  }
+};
+export {
+  c as Default,
+  u as default
+};

package/dist/components/Dialog/Dialog.js

@@ -1,26 +1,27 @@
-import { jsx as i, Fragment as c } from "react/jsx-runtime";
-import '../../assets/Dialog.css';const g = "_screenDarken_9wfqy_1", r = "_dialog_9wfqy_16", d = "_dialogTitle_9wfqy_29", _ = "_dialogContent_9wfqy_36", f = "_dialogActions_9wfqy_41", t = {
-  screenDarken: g,
-  dialog: r,
+import { jsx as n, Fragment as c } from "react/jsx-runtime";
+import '../../assets/outlined.css';import '../../assets/Dialog.css';/* empty css                      */
+const r = "_screenDarken_9wfqy_1", g = "_dialog_9wfqy_16", d = "_dialogTitle_9wfqy_29", _ = "_dialogContent_9wfqy_36", f = "_dialogActions_9wfqy_41", t = {
+  screenDarken: r,
+  dialog: g,
   dialogTitle: d,
   dialogContent: _,
   dialogActions: f
 };
-function u({
-  open: n,
+function D({
+  open: i,
   onClose: o,
   children: a,
   backdropClassName: e,
   dialogClassName: l
 }) {
-  return n ? /* @__PURE__ */ i(
+  return i ? /* @__PURE__ */ n(
     "div",
     {
       className: t.screenDarken + " " + (e || ""),
       onClick: () => {
         o && o();
       },
-      children: /* @__PURE__ */ i(
+      children: /* @__PURE__ */ n(
         "div",
         {
           className: t.dialog + " " + (l || ""),
@@ -31,20 +32,20 @@ function u({
         }
       )
     }
-  ) : /* @__PURE__ */ i(c, {});
+  ) : /* @__PURE__ */ n(c, {});
 }
-function D({ children: n, className: o }) {
-  return /* @__PURE__ */ i("h2", { className: t.dialogTitle + " " + (o || ""), children: n });
+function k({ children: i, className: o }) {
+  return /* @__PURE__ */ n("h2", { className: t.dialogTitle + " " + (o || ""), children: i });
 }
-function k({ children: n, className: o }) {
-  return /* @__PURE__ */ i("div", { className: t.dialogContent + " " + (o || ""), children: n });
+function y({ children: i, className: o }) {
+  return /* @__PURE__ */ n("div", { className: t.dialogContent + " " + (o || ""), children: i });
 }
-function y({ children: n, className: o }) {
-  return /* @__PURE__ */ i("div", { className: t.dialogActions + " " + (o || ""), children: n });
+function C({ children: i, className: o }) {
+  return /* @__PURE__ */ n("div", { className: t.dialogActions + " " + (o || ""), children: i });
 }
 export {
-  u as Dialog,
-  y as DialogActions,
-  k as DialogContent,
-  D as DialogTitle
+  D as Dialog,
+  C as DialogActions,
+  y as DialogContent,
+  k as DialogTitle
 };

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

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

package/dist/components/Dialog/Dialog.stories.js

@@ -0,0 +1,22 @@
+import { jsxs as e, Fragment as t, jsx as o } from "react/jsx-runtime";
+import { Button as n } from "../Button/Button.js";
+import { Dialog as i, DialogTitle as l, DialogContent as r, DialogActions as a } from "./Dialog.js";
+const h = {
+  component: i
+}, s = {
+  args: {
+    open: !0,
+    children: /* @__PURE__ */ e(t, { children: [
+      /* @__PURE__ */ o(l, { children: "Dialog Title" }),
+      /* @__PURE__ */ o(r, { children: "Blah" }),
+      /* @__PURE__ */ e(a, { children: [
+        /* @__PURE__ */ o(n, { children: "Cancel" }),
+        /* @__PURE__ */ o(n, { children: "Done" })
+      ] })
+    ] })
+  }
+};
+export {
+  s as Default,
+  h as default
+};

package/dist/components/Divider/Divider.js

@@ -1,10 +1,11 @@
 import { jsx as d } from "react/jsx-runtime";
-import '../../assets/Divider.css';const v = "_divider_rubc3_1", t = "_horizontalDivider_rubc3_8", o = "_verticalDivider_rubc3_13", i = {
-  divider: v,
-  horizontalDivider: t,
+import '../../assets/outlined.css';import '../../assets/Divider.css';/* empty css                      */
+const t = "_divider_rubc3_1", v = "_horizontalDivider_rubc3_8", o = "_verticalDivider_rubc3_13", i = {
+  divider: t,
+  horizontalDivider: v,
   verticalDivider: o
 };
-function n({ orientation: r, className: e }) {
+function s({ orientation: r, className: e }) {
   return /* @__PURE__ */ d(
     "div",
     {
@@ -13,5 +14,5 @@ function n({ orientation: r, className: e }) {
   );
 }
 export {
-  n as Divider
+  s as Divider
 };

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

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

package/dist/components/Divider/Divider.stories.js

@@ -0,0 +1,17 @@
+import { Divider as o } from "./Divider.js";
+const r = {
+  component: o
+}, a = {
+  args: {
+    orientation: "horizontal"
+  }
+}, i = {
+  args: {
+    orientation: "vertical"
+  }
+};
+export {
+  a as Horizontal,
+  i as Vertical,
+  r as default
+};

package/dist/components/Input/Checkbox/Checkbox.js

@@ -1,10 +1,11 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import '../../../assets/outlined.css';import '../../../assets/Radio.css';/* empty css                         */
 import { IconButton as b } from "../../Button/IconButton/IconButton.js";
-import '../../../assets/Radio.css';const d = "_container_12u6r_1", _ = "_label_12u6r_7", r = {
+const d = "_container_12u6r_1", _ = "_label_12u6r_7", r = {
   container: d,
   label: _
 };
-function p({
+function x({
   id: n,
   value: c,
   onChange: l,
@@ -51,5 +52,5 @@ function p({
   ] });
 }
 export {
-  p as Checkbox
+  x as Checkbox
 };

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

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

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

@@ -0,0 +1,16 @@
+import { Checkbox as e } from "./Checkbox.js";
+const a = {
+  component: e
+}, t = {
+  args: {
+    id: "id",
+    value: !0,
+    onChange: () => {
+    },
+    label: "Checkbox Label"
+  }
+};
+export {
+  t as Default,
+  a as default
+};

package/dist/components/Input/Counter/Counter.js

@@ -1,13 +1,14 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { Button as r } from "../../Button/Button.js";
+import '../../../assets/outlined.css';import '../../../assets/Counter.css';/* empty css                         */
+import { Button as c } from "../../Button/Button.js";
 import { Input as f } from "../Input.js";
-import '../../../assets/Counter.css';const k = "_container_12kgw_1", h = "_button_12kgw_6", D = "_buttonDisabled_12kgw_19", N = "_input_12kgw_31", t = {
+const k = "_container_12kgw_1", h = "_button_12kgw_6", D = "_buttonDisabled_12kgw_19", N = "_input_12kgw_31", t = {
   container: k,
   button: h,
   buttonDisabled: D,
   input: N
 };
-function j({
+function v({
   id: a,
   value: i,
   increment: u,
@@ -17,15 +18,15 @@ function j({
   label: m,
   disabled: n,
   className: b,
-  buttonClassName: c,
+  buttonClassName: r,
   inputClassName: p,
   ..._
 }) {
   return /* @__PURE__ */ d("div", { className: t.container + " " + (b || ""), children: [
     /* @__PURE__ */ o(
-      r,
+      c,
       {
-        className: t.button + " " + (n ? t.buttonDisabled : "") + " " + (c || ""),
+        className: t.button + " " + (n ? t.buttonDisabled : "") + " " + (r || ""),
         onClick: () => {
           (s === void 0 || i > s) && l();
         },
@@ -46,9 +47,9 @@ function j({
       }
     ),
     /* @__PURE__ */ o(
-      r,
+      c,
       {
-        className: t.button + " " + (n ? t.buttonDisabled : "") + " " + (c || ""),
+        className: t.button + " " + (n ? t.buttonDisabled : "") + " " + (r || ""),
         onClick: () => {
           (e === void 0 || i < e) && u();
         },
@@ -59,5 +60,5 @@ function j({
   ] });
 }
 export {
-  j as Counter
+  v as Counter
 };

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

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

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

@@ -0,0 +1,18 @@
+import { Counter as e } from "./Counter.js";
+const a = {
+  component: e
+}, n = {
+  args: {
+    id: "id",
+    value: 0,
+    increment: () => {
+    },
+    decrement: () => {
+    },
+    label: "label"
+  }
+};
+export {
+  n as Default,
+  a as default
+};

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

@@ -14,6 +14,6 @@ export type InputProps = {
     inputClassName?: string;
     labelClassName?: string;
     helperTextClassName?: string;
-    ref?: React.RefObject<HTMLInputElement>;
+    ref?: React.Ref<HTMLInputElement>;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "id" | "value" | "onChange" | "type" | "disabled" | "className">;
 export declare function Input({ id, value, onChange, type, label, helperText, startIcon, endIcon, error, disabled, className, outlineClassName, inputClassName, labelClassName, helperTextClassName, ref, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;