@anoki/fse-ui 1.0.367 → 1.0.368

package/dist/index.es25.js

@@ -1,5 +1,5 @@
-import { j as o } from "./index.es141.js";
-import { createColorClasses as a } from "./index.es152.js";
+import { j as s } from "./index.es141.js";
+import { createColorClasses as d } from "./index.es152.js";
 import { clsx as w } from "./index.es143.js";
 import './components/ui/Button/Button.css';/* empty css            */
 import { Spinner as B } from "./index.es114.js";
@@ -9,69 +9,69 @@ const R = ({
   bg: m = "primary",
   textColor: p = "white",
   border: i = "white",
-  size: f = "3",
-  className: c,
-  disabled: n,
-  loading: s,
-  onClick: l,
-  type: b = "button",
-  form: d = "",
-  asLink: r,
-  href: j,
-  target: C = void 0,
-  rel: S = void 0,
-  ...u
+  size: c = "3",
+  className: l,
+  disabled: r,
+  loading: o,
+  onClick: b,
+  type: f = "button",
+  form: j = "",
+  asLink: x,
+  href: C,
+  target: S = void 0,
+  rel: y = void 0,
+  ...n
 }) => {
-  const y = t ? "" : a({
+  const N = t ? "" : d({
     bg: m,
     text: p,
     border: i
-  }), x = w(
+  }), u = w(
     "ui-button",
     {
       2: "fs-6 py-x12 px-x24",
       3: "fs-7 py-x12 px-x24",
       4: "fs-6 py-x4 px-x8"
-    }[f],
+    }[c],
     // Apply variant class if provided
     t && `ui-button-${t}`,
     // Otherwise use traditional classes
-    !t && y,
+    !t && N,
     {
-      "ui-button-disabled": n || s
+      "ui-button-disabled": r || o
     },
     {
-      "ui-button-loading": s
+      "ui-button-loading": o
     },
-    c,
+    l,
     "fw-bold"
   );
-  if (r) {
-    const N = r;
-    return /* @__PURE__ */ o.jsx(
-      N,
+  if (x) {
+    const a = x;
+    return /* @__PURE__ */ s.jsx(
+      a,
       {
-        target: C,
-        rel: S,
-        href: j,
-        className: x,
-        ...u,
+        target: S,
+        rel: y,
+        href: C,
+        className: u,
+        ...n,
         children: e
       }
     );
   }
-  return /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ s.jsxs(
     "button",
     {
-      type: b,
-      form: d,
-      className: x,
-      onClick: l,
-      disabled: n || s,
-      ...u,
+      type: f,
+      form: j,
+      className: u,
+      onClick: b,
+      disabled: r || o,
+      ...n,
       children: [
         e,
-        s ? /* @__PURE__ */ o.jsx(B, {}) : null
+        o ? /* @__PURE__ */ s.jsx(B, {}) : null
       ]
     }
   );

package/dist/index.es25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es25.js","sources":["../src/components/ui/Button/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\nimport clsx from \"clsx\";\nimport \"./Button.scss\";\nimport { Spinner } from \"@/icons\";\n\ntype ButtonSize = \"2\" | \"3\" | \"4\";\ntype ButtonVariant = \"primary\" | \"secondary\";\n\ntype BaseButtonProps = {\n  children: React.ReactNode;\n  variant?: ButtonVariant;\n  bg?: ColorKeys;\n  textColor?: ColorKeys;\n  border?: ColorKeys;\n  size?: ButtonSize;\n  className?: string;\n  disabled?: boolean;\n  loading?: boolean;\n  form?: string;\n  rel?: string;\n  target?: string;\n};\n\ntype ButtonAsButtonProps = BaseButtonProps & {\n  onClick?: () => void;\n  type?: \"button\" | \"submit\" | \"reset\";\n  asLink?: never;\n  href?: never;\n};\n\ntype ButtonAsLinkProps = BaseButtonProps & {\n  href: string;\n  onClick?: never;\n  type?: never;\n  asLink?: \"a\" | React.ComponentType<any>;\n};\n\ntype ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;\n\nexport const Button = ({\n  children,\n  variant,\n  bg = \"primary\",\n  textColor = \"white\",\n  border = \"white\",\n  size = \"3\",\n  className,\n  disabled,\n  loading,\n  onClick,\n  type = \"button\",\n  form = \"\",\n  asLink,\n  href,\n  target = undefined,\n  rel = undefined,\n  ...props\n}: ButtonProps) => {\n  // Only apply color classes if no variant is specified\n  const colorClasses = !variant\n    ? createColorClasses({\n        bg,\n        text: textColor,\n        border,\n      })\n    : \"\";\n\n  const BTN_SIZES = {\n    \"2\": \"fs-6 py-x12 px-x24\",\n    \"3\": \"fs-7 py-x12 px-x24\",\n    \"4\": \"fs-6 py-x4 px-x8\",\n  };\n\n  const baseClasses = clsx(\n    \"ui-button\",\n    BTN_SIZES[size],\n    // Apply variant class if provided\n    variant && `ui-button-${variant}`,\n    // Otherwise use traditional classes\n    !variant && colorClasses,\n    {\n      \"ui-button-disabled\": disabled || loading,\n    },\n    {\n      \"ui-button-loading\": loading,\n    },\n    className,\n    \"fw-bold\",\n  );\n\n  if (asLink) {\n    const LinkComponent = asLink;\n    return (\n      <LinkComponent\n        target={target}\n        rel={rel}\n        href={href}\n        className={baseClasses}\n        {...props}\n      >\n        {children}\n      </LinkComponent>\n    );\n  }\n\n  return (\n    <button\n      type={type}\n      form={form}\n      className={baseClasses}\n      onClick={onClick}\n      disabled={disabled || loading}\n      {...props}\n    >\n      {children}\n      {loading ? <Spinner /> : null}\n    </button>\n  );\n};\n"],"names":["Button","children","variant","bg","textColor","border","size","className","disabled","loading","onClick","type","form","asLink","href","target","rel","props","colorClasses","createColorClasses","baseClasses","clsx","LinkComponent","jsx","jsxs","Spinner"],"mappings":";;;;;AAwCO,MAAMA,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,KAAAC,IAAM;AAAA,EACN,GAAGC;AACL,MAAmB;AAEX,QAAAC,IAAgBhB,IAMlB,KALAiB,EAAmB;AAAA,IACjB,IAAAhB;AAAA,IACA,MAAMC;AAAA,IACN,QAAAC;AAAA,EACD,CAAA,GASCe,IAAcC;AAAA,IAClB;AAAA,IAPgB;AAAA,MAChB,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,IACP,EAIYf,CAAI;AAAA;AAAA,IAEdJ,KAAW,aAAaA,CAAO;AAAA;AAAA,IAE/B,CAACA,KAAWgB;AAAA,IACZ;AAAA,MACE,sBAAsBV,KAAYC;AAAA,IACpC;AAAA,IACA;AAAA,MACE,qBAAqBA;AAAA,IACvB;AAAA,IACAF;AAAA,IACA;AAAA,EACF;AAEA,MAAIM,GAAQ;AACV,UAAMS,IAAgBT;AAEpB,WAAAU,gBAAAA,EAAA;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,QAAAP;AAAA,QACA,KAAAC;AAAA,QACA,MAAAF;AAAA,QACA,WAAWM;AAAA,QACV,GAAGH;AAAA,QAEH,UAAAhB;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAKF,SAAAuB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAb;AAAA,MACA,MAAAC;AAAA,MACA,WAAWQ;AAAA,MACX,SAAAV;AAAA,MACA,UAAUF,KAAYC;AAAA,MACrB,GAAGQ;AAAA,MAEH,UAAA;AAAA,QAAAhB;AAAA,QACAQ,IAAWc,gBAAAA,EAAA,IAAAE,GAAA,CAAA,CAAQ,IAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3B;AAEJ;"}
+{"version":3,"file":"index.es25.js","sources":["../src/components/ui/Button/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\r\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport clsx from \"clsx\";\r\nimport \"./Button.scss\";\r\nimport { Spinner } from \"@/icons\";\r\n\r\ntype ButtonSize = \"2\" | \"3\" | \"4\";\r\ntype ButtonVariant = \"primary\" | \"secondary\";\r\n\r\ntype BaseButtonProps = {\r\n  children: React.ReactNode;\r\n  variant?: ButtonVariant;\r\n  bg?: ColorKeys;\r\n  textColor?: ColorKeys;\r\n  border?: ColorKeys;\r\n  size?: ButtonSize;\r\n  className?: string;\r\n  disabled?: boolean;\r\n  loading?: boolean;\r\n  form?: string;\r\n  rel?: string;\r\n  target?: string;\r\n};\r\n\r\ntype ButtonAsButtonProps = BaseButtonProps & {\r\n  onClick?: () => void;\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  asLink?: never;\r\n  href?: never;\r\n};\r\n\r\ntype ButtonAsLinkProps = BaseButtonProps & {\r\n  href: string;\r\n  onClick?: never;\r\n  type?: never;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n};\r\n\r\ntype ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;\r\n\r\nexport const Button = ({\r\n  children,\r\n  variant,\r\n  bg = \"primary\",\r\n  textColor = \"white\",\r\n  border = \"white\",\r\n  size = \"3\",\r\n  className,\r\n  disabled,\r\n  loading,\r\n  onClick,\r\n  type = \"button\",\r\n  form = \"\",\r\n  asLink,\r\n  href,\r\n  target = undefined,\r\n  rel = undefined,\r\n  ...props\r\n}: ButtonProps) => {\r\n  // Only apply color classes if no variant is specified\r\n  const colorClasses = !variant\r\n    ? createColorClasses({\r\n        bg,\r\n        text: textColor,\r\n        border,\r\n      })\r\n    : \"\";\r\n\r\n  const BTN_SIZES = {\r\n    \"2\": \"fs-6 py-x12 px-x24\",\r\n    \"3\": \"fs-7 py-x12 px-x24\",\r\n    \"4\": \"fs-6 py-x4 px-x8\",\r\n  };\r\n\r\n  const baseClasses = clsx(\r\n    \"ui-button\",\r\n    BTN_SIZES[size],\r\n    // Apply variant class if provided\r\n    variant && `ui-button-${variant}`,\r\n    // Otherwise use traditional classes\r\n    !variant && colorClasses,\r\n    {\r\n      \"ui-button-disabled\": disabled || loading,\r\n    },\r\n    {\r\n      \"ui-button-loading\": loading,\r\n    },\r\n    className,\r\n    \"fw-bold\",\r\n  );\r\n\r\n  if (asLink) {\r\n    const LinkComponent = asLink;\r\n    return (\r\n      <LinkComponent\r\n        target={target}\r\n        rel={rel}\r\n        href={href}\r\n        className={baseClasses}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </LinkComponent>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      type={type}\r\n      form={form}\r\n      className={baseClasses}\r\n      onClick={onClick}\r\n      disabled={disabled || loading}\r\n      {...props}\r\n    >\r\n      {children}\r\n      {loading ? <Spinner /> : null}\r\n    </button>\r\n  );\r\n};\r\n"],"names":["Button","children","variant","bg","textColor","border","size","className","disabled","loading","onClick","type","form","asLink","href","target","rel","props","colorClasses","createColorClasses","baseClasses","clsx","LinkComponent","jsx","jsxs","Spinner"],"mappings":";;;;;AAwCO,MAAMA,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,KAAAC,IAAM;AAAA,EACN,GAAGC;AACL,MAAmB;AAEX,QAAAC,IAAgBhB,IAMlB,KALAiB,EAAmB;AAAA,IACjB,IAAAhB;AAAA,IACA,MAAMC;AAAA,IACN,QAAAC;AAAA,EACD,CAAA,GASCe,IAAcC;AAAA,IAClB;AAAA,IAPgB;AAAA,MAChB,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,IACP,EAIYf,CAAI;AAAA;AAAA,IAEdJ,KAAW,aAAaA,CAAO;AAAA;AAAA,IAE/B,CAACA,KAAWgB;AAAA,IACZ;AAAA,MACE,sBAAsBV,KAAYC;AAAA,IACpC;AAAA,IACA;AAAA,MACE,qBAAqBA;AAAA,IACvB;AAAA,IACAF;AAAA,IACA;AAAA,EACF;AAEA,MAAIM,GAAQ;AACV,UAAMS,IAAgBT;AAEpB,WAAAU,gBAAAA,EAAA;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,QAAAP;AAAA,QACA,KAAAC;AAAA,QACA,MAAAF;AAAA,QACA,WAAWM;AAAA,QACV,GAAGH;AAAA,QAEH,UAAAhB;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAKF,SAAAuB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAb;AAAA,MACA,MAAAC;AAAA,MACA,WAAWQ;AAAA,MACX,SAAAV;AAAA,MACA,UAAUF,KAAYC;AAAA,MACrB,GAAGQ;AAAA,MAEH,UAAA;AAAA,QAAAhB;AAAA,QACAQ,IAAWc,gBAAAA,EAAA,IAAAE,GAAA,CAAA,CAAQ,IAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3B;AAEJ;"}