@oneplatformdev/ui 0.1.99-beta.2 → 0.1.99-beta.201

package/Breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\";\n\nconst Breadcrumb = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<\"nav\"> & {\n    separator?: React.ReactNode\n  }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\nBreadcrumb.displayName = \"Breadcrumb\"\n\nconst BreadcrumbList = React.forwardRef<\n  HTMLOListElement,\n  React.ComponentPropsWithoutRef<\"ol\">\n>(({ className, ...props }, ref) => (\n  <ol\n    ref={ref}\n    className={cn(\n      \"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5\",\n      className\n    )}\n    {...props}\n  />\n))\nBreadcrumbList.displayName = \"BreadcrumbList\"\n\nconst BreadcrumbItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentPropsWithoutRef<\"li\">\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    className={cn(\"inline-flex items-center gap-1.5\", className)}\n    {...props}\n  />\n))\nBreadcrumbItem.displayName = \"BreadcrumbItem\"\n\nconst BreadcrumbLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentPropsWithoutRef<\"a\"> & {\n    asChild?: boolean\n  }\n>(({ asChild, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\"\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\"transition-colors hover:text-foreground\", className)}\n      {...props}\n    />\n  )\n})\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\n\nconst BreadcrumbPage = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<\"span\">\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    className={cn(\"font-normal text-foreground\", className)}\n    {...props}\n  />\n))\nBreadcrumbPage.displayName = \"BreadcrumbPage\"\n\nconst BreadcrumbSeparator = ({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) => (\n  <li\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn(\"[&>svg]:w-3.5 [&>svg]:h-3.5\", className)}\n    {...props}\n  >\n    {children ?? <ChevronRight />}\n  </li>\n)\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\n\nconst BreadcrumbEllipsis = ({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) => (\n  <span\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n    {...props}\n  >\n    <MoreHorizontal className=\"h-4 w-4\" />\n    <span className=\"sr-only\">More</span>\n  </span>\n)\nBreadcrumbEllipsis.displayName = \"BreadcrumbElipssis\"\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n}\n"],"names":["Breadcrumb","React","props","ref","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","MoreHorizontal"],"mappings":";;;;;AAMA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAAC,SAAI,KAAAD,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAEzB,MAAMK,IAAiBJ,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI;AAAA,MACT;AAAA,MACAD;AAAA,IAAA;AAAA,IAED,GAAGJ;AAAA,EAAA;AACN,CACD;AACDG,EAAe,cAAc;AAE7B,MAAMG,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI,EAAG,oCAAoCD,CAAS;AAAA,IAC1D,GAAGJ;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAc;AAE7B,MAAMC,IAAiBR,EAAM,WAK3B,CAAC,EAAE,SAAAS,GAAS,WAAAJ,GAAW,GAAGJ,EAAA,GAASC,MAIjC,gBAAAC;AAAA,EAHWM,IAAUC,IAAO;AAAA,EAG3B;AAAA,IACC,KAAAR;AAAA,IACA,WAAWI,EAAG,2CAA2CD,CAAS;AAAA,IACjE,GAAGJ;AAAA,EAAA;AAAA,CAGT;AACDO,EAAe,cAAc;AAE7B,MAAMG,IAAiBX,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAWI,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGJ;AAAA,EAAA;AACN,CACD;AACDU,EAAe,cAAc;AAE7B,MAAMC,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAR;AAAA,EACA,GAAGJ;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWG,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGJ;AAAA,IAEH,UAAAY,uBAAaC,GAAA,CAAA,CAAa;AAAA,EAAA;AAC7B;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAV;AAAA,EACA,GAAGJ;AACL,MACE,gBAAAe;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWV,EAAG,4CAA4CD,CAAS;AAAA,IAClE,GAAGJ;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAACc,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,MACpC,gBAAAd,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAChC;AAEFY,EAAmB,cAAc;"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport { Slot } from \"@radix-ui/react-slot\"\r\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\";\r\n\r\nconst Breadcrumb = React.forwardRef<\r\n  HTMLElement,\r\n  React.ComponentPropsWithoutRef<\"nav\"> & {\r\n    separator?: React.ReactNode\r\n  }\r\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\r\nBreadcrumb.displayName = \"Breadcrumb\"\r\n\r\nconst BreadcrumbList = React.forwardRef<\r\n  HTMLOListElement,\r\n  React.ComponentPropsWithoutRef<\"ol\">\r\n>(({ className, ...props }, ref) => (\r\n  <ol\r\n    ref={ref}\r\n    className={cn(\r\n      \"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5\",\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nBreadcrumbList.displayName = \"BreadcrumbList\"\r\n\r\nconst BreadcrumbItem = React.forwardRef<\r\n  HTMLLIElement,\r\n  React.ComponentPropsWithoutRef<\"li\">\r\n>(({ className, ...props }, ref) => (\r\n  <li\r\n    ref={ref}\r\n    className={cn(\"inline-flex items-center gap-1.5\", className)}\r\n    {...props}\r\n  />\r\n))\r\nBreadcrumbItem.displayName = \"BreadcrumbItem\"\r\n\r\nconst BreadcrumbLink = React.forwardRef<\r\n  HTMLAnchorElement,\r\n  React.ComponentPropsWithoutRef<\"a\"> & {\r\n    asChild?: boolean\r\n  }\r\n>(({ asChild, className, ...props }, ref) => {\r\n  const Comp = asChild ? Slot : \"a\"\r\n\r\n  return (\r\n    <Comp\r\n      ref={ref}\r\n      className={cn(\"transition-colors hover:text-foreground\", className)}\r\n      {...props}\r\n    />\r\n  )\r\n})\r\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\r\n\r\nconst BreadcrumbPage = React.forwardRef<\r\n  HTMLSpanElement,\r\n  React.ComponentPropsWithoutRef<\"span\">\r\n>(({ className, ...props }, ref) => (\r\n  <span\r\n    ref={ref}\r\n    role=\"link\"\r\n    aria-disabled=\"true\"\r\n    aria-current=\"page\"\r\n    className={cn(\"font-normal text-foreground\", className)}\r\n    {...props}\r\n  />\r\n))\r\nBreadcrumbPage.displayName = \"BreadcrumbPage\"\r\n\r\nconst BreadcrumbSeparator = ({\r\n  children,\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<\"li\">) => (\r\n  <li\r\n    role=\"presentation\"\r\n    aria-hidden=\"true\"\r\n    className={cn(\"[&>svg]:w-3.5 [&>svg]:h-3.5\", className)}\r\n    {...props}\r\n  >\r\n    {children ?? <ChevronRight />}\r\n  </li>\r\n)\r\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\r\n\r\nconst BreadcrumbEllipsis = ({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<\"span\">) => (\r\n  <span\r\n    role=\"presentation\"\r\n    aria-hidden=\"true\"\r\n    className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\r\n    {...props}\r\n  >\r\n    <MoreHorizontal className=\"h-4 w-4\" />\r\n    <span className=\"sr-only\">More</span>\r\n  </span>\r\n)\r\nBreadcrumbEllipsis.displayName = \"BreadcrumbElipssis\"\r\n\r\nexport {\r\n  Breadcrumb,\r\n  BreadcrumbList,\r\n  BreadcrumbItem,\r\n  BreadcrumbLink,\r\n  BreadcrumbPage,\r\n  BreadcrumbSeparator,\r\n  BreadcrumbEllipsis,\r\n}\r\n"],"names":["Breadcrumb","React","props","ref","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","MoreHorizontal"],"mappings":";;;;;AAMA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAAC,SAAI,KAAAD,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAEzB,MAAMK,IAAiBJ,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI;AAAA,MACT;AAAA,MACAD;AAAA,IAAA;AAAA,IAED,GAAGJ;AAAA,EAAA;AACN,CACD;AACDG,EAAe,cAAc;AAE7B,MAAMG,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI,EAAG,oCAAoCD,CAAS;AAAA,IAC1D,GAAGJ;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAc;AAE7B,MAAMC,IAAiBR,EAAM,WAK3B,CAAC,EAAE,SAAAS,GAAS,WAAAJ,GAAW,GAAGJ,EAAA,GAASC,MAIjC,gBAAAC;AAAA,EAHWM,IAAUC,IAAO;AAAA,EAG3B;AAAA,IACC,KAAAR;AAAA,IACA,WAAWI,EAAG,2CAA2CD,CAAS;AAAA,IACjE,GAAGJ;AAAA,EAAA;AAAA,CAGT;AACDO,EAAe,cAAc;AAE7B,MAAMG,IAAiBX,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAWI,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGJ;AAAA,EAAA;AACN,CACD;AACDU,EAAe,cAAc;AAE7B,MAAMC,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAR;AAAA,EACA,GAAGJ;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWG,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGJ;AAAA,IAEH,UAAAY,uBAAaC,GAAA,CAAA,CAAa;AAAA,EAAA;AAC7B;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAV;AAAA,EACA,GAAGJ;AACL,MACE,gBAAAe;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWV,EAAG,4CAA4CD,CAAS;AAAA,IAClE,GAAGJ;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAACc,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,MACpC,gBAAAd,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAChC;AAEFY,EAAmB,cAAc;"}

package/Button/Button.d.ts

@@ -51,12 +51,18 @@ import * as React from "react";
  * ```tsx
  * <Button disabled>Disabled</Button>
  * ```
- * > With custom variant props (CVA powered):
- * ```tsx
- * <Button variant="primary" color="blue" size="md">
- *   Save
- * </Button>
- * ```
+ *
+ * Sizes
+ * xs — compact, for tight UI areas. Classes: rounded-sm p-1 gap-1 text-xs min-h-4 min-w-14.
+ * sm — small; slightly larger than xs. Classes: rounded-md p-1 gap-1 text-sm min-h-6 min-w-20.
+ * md — default/text-heavy buttons. Classes: min-h-8 min-w-[102px] rounded-lg gap-1 px-2 py-1 text-sm leading-[1.12] [&_svg]:size-6.
+ * lg — large/call-to-action. Classes: min-h-10 min-w-35 rounded-lg gap-1 px-3 py-2 text-base leading-normal [&_svg]:size-6.
+ *
+ * @remarks
+ * - Designed for texted usage. If you need icon-only, use `ButtonIcon`.
+ * - Works with any SVG React component or element, e.g. lucide-react, heroicons, custom icons.
+ *
+ * @see {@link ButtonIcon} for icon-only buttons
  */
 export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default Button;

package/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAsDxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AAEH,eAAO,MAAM,MAAM,uFAuElB,CAAA;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA+ClD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,eAAO,MAAM,MAAM,uFA0ElB,CAAA;AAED,eAAe,MAAM,CAAC"}

package/Button/Button.js

@@ -1,74 +1,75 @@
-import { jsxs as x, Fragment as E, jsx as a } from "react/jsx-runtime";
-import * as N from "react";
-import { isValidElement as V, createElement as j } from "react";
-import { Slot as C } from "@radix-ui/react-slot";
-import { cn as I } from "@oneplatformdev/utils";
-import { buttonVariants as R } from "./buttonVariants.js";
-import "@radix-ui/react-tooltip";
-import { Tooltip as F } from "../Tooltip/Tooltip.js";
-import { LoadedIcon as f } from "../LoadedIcon/LoadedIcon.js";
-const L = (t) => {
-  const { variant: n, size: r, color: i } = t, e = { color: i, variant: n, size: r };
+import { jsxs as I, Fragment as N, jsx as r } from "react/jsx-runtime";
+import * as R from "react";
+import { Slot as j } from "@radix-ui/react-slot";
+import { cn as A } from "@oneplatformdev/utils";
+import { buttonVariants as C } from "./buttonVariants.js";
+import { renderInnerIcon as y } from "./Button.utils.js";
+import { LoadedIcon as B } from "../LoadedIcon/LoadedIcon.js";
+import { Tooltip as V } from "../Tooltip/Tooltip.js";
+const E = (i) => {
+  const { variant: n, size: t, color: s } = i, e = { color: s, variant: n, size: t };
   if (n === "default")
     return console.warn('Button variant "default" is deprecated. Please use "variant=contained color=primary" instead.'), e.variant = "contained", e.color = "primary", e;
-  if (r === "icon")
+  if (t === "icon")
     return console.warn('Button size "icon" is deprecated. Please use "<ButtonIcon/>" component instead.'), e.variant = "contained", e.color = "secondary", e;
   if (n === "transparent")
     throw console.warn('Button variant "transparent" is removed. Please use "variant=none" instead.'), new Error('Button variant "transparent" is removed. Please use "variant=none" instead.');
   return n === "outline" ? (console.warn('Button variant "outline" is deprecated. Please use "variant=outlined color=primary" instead.'), e.variant = "outlined", e.color = "primary", e) : n === "secondary" ? (console.warn('Button variant "secondary" is deprecated. Please use "variant=contained color=secondary" instead.'), e.variant = "contained", e.color = "secondary", e) : (n === "destructive" && (console.warn('Button variant "destructive" is deprecated. Please use "variant=contained color=error" instead.'), e.variant = "contained", e.color = "error"), e);
-}, y = (t) => t ? V(t) ? t : j(t) : null, S = N.forwardRef(
-  (t, n) => {
+}, F = R.forwardRef(
+  (i, n) => {
     const {
-      disabled: r,
-      className: i,
+      disabled: t,
+      className: s,
       variant: e,
-      color: B,
-      size: s,
+      color: h,
+      size: c,
       asChild: l = !1,
       title: w = "",
       tooltip: P,
-      tooltipProps: d = {},
-      message: h,
+      tooltipProps: u = {},
+      message: g,
       loading: o = !1,
-      children: u,
+      children: p,
       startAdornment: m,
-      endAdornment: p,
-      ...g
-    } = t, b = l ? C : "button", c = h || P || w, z = l ? u : /* @__PURE__ */ x(E, { children: [
-      !!m && /* @__PURE__ */ a(f, { loading: o, size: s, children: y(m) }),
-      u,
-      !!p && /* @__PURE__ */ a(f, { loading: o, size: s, children: y(p) })
-    ] }), v = /* @__PURE__ */ a(
-      b,
+      endAdornment: v,
+      screenReader: a,
+      ...b
+    } = i, x = l ? j : "button", d = g || P || w, z = l ? p : /* @__PURE__ */ I(N, { children: [
+      !!m && /* @__PURE__ */ r(B, { loading: o, size: c, children: y(m) }),
+      p,
+      !!v && /* @__PURE__ */ r(B, { loading: o, size: c, children: y(v) }),
+      !!a && /* @__PURE__ */ r("span", { className: "sr-only", children: typeof a == "string" ? a : a.text })
+    ] }), f = /* @__PURE__ */ r(
+      x,
       {
         type: "button",
         ref: n,
-        disabled: r,
-        className: I(
-          R({
-            ...L({ variant: e, size: s, color: B }),
-            className: i
+        disabled: t,
+        className: A(
+          C({
+            ...E({ variant: e, size: c, color: h }),
+            className: s
           }),
           o && "pointer-events-none opacity-80 user-select-none"
         ),
-        ...g,
+        ...b,
         children: z
       }
     );
-    return c ? /* @__PURE__ */ a(
-      F,
+    return d ? /* @__PURE__ */ r(
+      V,
       {
-        ...d || {},
-        open: d.open ?? (r || o || !c) ? !1 : void 0,
-        message: c,
-        children: v
+        ...u || {},
+        open: u.open ?? (t || o || !d) ? !1 : void 0,
+        message: d,
+        children: f
       }
-    ) : v;
+    ) : f;
   }
 );
-S.displayName = "Button";
+F.displayName = "Button";
 export {
-  S as Button,
-  S as default
+  F as Button,
+  F as default
 };
 //# sourceMappingURL=Button.js.map

package/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../src/Button/Button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\n\nimport { cn } from \"@oneplatformdev/utils\"\nimport { ButtonCVAProps, buttonVariants } from './buttonVariants';\nimport { ButtonAdornmentProps, type ButtonProps } from './Button.types';\n\nimport { Tooltip } from '../Tooltip';\nimport { LoadedIcon } from \"../LoadedIcon\";\nimport { createElement, isValidElement } from \"react\";\n\nconst normalizedVariantProperties = (props: ButtonCVAProps): ButtonCVAProps => {\n  const { variant, size, color } = props;\n  const vls = { color, variant, size }\n  if (variant === 'default') {\n    console.warn('Button variant \"default\" is deprecated. Please use \"variant=contained color=primary\" instead.')\n    vls.variant = 'contained'\n    vls.color = 'primary'\n    return vls\n  }\n  if ((size as string) === 'icon') {\n    console.warn('Button size \"icon\" is deprecated. Please use \"<ButtonIcon/>\" component instead.')\n    vls.variant = 'contained'\n    vls.color = 'secondary'\n    return vls\n    // throw new Error('Button variant \"transparent\" is removed. Please use \"variant=none\" instead.')\n  }\n  if ((variant as string) === 'transparent') {\n    console.warn('Button variant \"transparent\" is removed. Please use \"variant=none\" instead.')\n    throw new Error('Button variant \"transparent\" is removed. Please use \"variant=none\" instead.')\n  }\n  if (variant === 'outline') {\n    console.warn('Button variant \"outline\" is deprecated. Please use \"variant=outlined color=primary\" instead.')\n    vls.variant = 'outlined'\n    vls.color = 'primary'\n    return vls\n  }\n  if (variant === 'secondary') {\n    console.warn('Button variant \"secondary\" is deprecated. Please use \"variant=contained color=secondary\" instead.')\n    vls.variant = 'contained'\n    vls.color = 'secondary'\n    return vls\n  }\n  if (variant === 'destructive') {\n    console.warn('Button variant \"destructive\" is deprecated. Please use \"variant=contained color=error\" instead.')\n    vls.variant = 'contained'\n    vls.color = 'error'\n    return vls\n  }\n  return vls;\n}\n\n\nconst renderAdornment = (Adornment?: ButtonAdornmentProps) => {\n  if (!Adornment) return null;\n  if (isValidElement(Adornment)) return Adornment;\n  return createElement(Adornment);\n};\n\n/**\n * Universal Button component used for triggering actions and UI interactions.\n * Supports variants, sizes, colors, start/end icon adornments, custom slot content,\n * tooltip integration, loading state, and polymorphic rendering via `asChild`.\n *\n * @public\n * @see [Documentation](#) // TODO: add link to docs\n *\n * @example\n * > Import:\n * ```tsx\n * import { Button } from '@oneplatformdev/ui/Button';\n * ```\n * > Basic usage:\n * ```tsx\n * <Button>Click me</Button>\n * ```\n * > Variant and size:\n * ```tsx\n * <Button variant=\"outline\" size=\"lg\">Large Button</Button>\n * ```\n * > With icons:\n * ```tsx\n * <Button startAdornment={<PlusIcon />}>Create</Button>\n * <Button endAdornment={<ArrowRightIcon />}>Next</Button>\n * ```\n * > Icon style button:\n * ```tsx\n * <Button size=\"icon\">\n *   <PlusIcon />\n * </Button>\n * ```\n * > Polymorphic rendering (`asChild`):\n * ```tsx\n * <Button asChild>\n *   <a href=\"/dashboard\">Go to Dashboard</a>\n * </Button>\n * ```\n * > Tooltip via `message` or native `title`:\n * ```tsx\n * <Button title=\"Tooltip text\">Hover me</Button>\n * <Button message=\"Tooltip content\">Hover me</Button>\n * ```\n * > Loading state:\n * ```tsx\n * <Button loading>Processing...</Button>\n * ```\n * > Disabled:\n * ```tsx\n * <Button disabled>Disabled</Button>\n * ```\n * > With custom variant props (CVA powered):\n * ```tsx\n * <Button variant=\"primary\" color=\"blue\" size=\"md\">\n *   Save\n * </Button>\n * ```\n */\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref) => {\n    const {\n      disabled,\n      className,\n      variant,\n      color,\n      size,\n      asChild = false,\n      title = '',\n      tooltip,\n      tooltipProps = {},\n      message,\n      loading = false,\n      children,\n      startAdornment,\n      endAdornment,\n      ...rest\n    } = props;\n    const Comp = asChild ? Slot : \"button\"\n    const msg = message || tooltip || title;\n\n    const content = asChild\n      ? children\n      : (\n        <>\n          {!!startAdornment && (\n            <LoadedIcon loading={loading} size={size}>\n              {renderAdornment(startAdornment)}\n            </LoadedIcon>\n          )}\n\n          {children}\n\n          {!!endAdornment && (\n            <LoadedIcon loading={loading} size={size}>\n              {renderAdornment(endAdornment)}\n            </LoadedIcon>\n          )}\n        </>\n      )\n\n    const cmp = (\n      <Comp\n        type='button'\n        ref={ref}\n        disabled={disabled}\n        className={cn(\n          buttonVariants({\n            ...normalizedVariantProperties({ variant, size, color }),\n            className\n          }),\n          loading && 'pointer-events-none opacity-80 user-select-none',\n        )}\n        {...rest}\n      >\n        {content}\n      </Comp>\n    )\n\n    if (!msg) return cmp\n    return (\n      <Tooltip\n        {...(tooltipProps || {})}\n        open={tooltipProps.open ?? (disabled || loading || !msg) ? false : undefined}\n        message={msg}\n      >\n        {cmp}\n      </Tooltip>\n    )\n  }\n)\nButton.displayName = \"Button\"\nexport default Button;\n"],"names":["normalizedVariantProperties","props","variant","size","color","vls","renderAdornment","Adornment","isValidElement","createElement","Button","React","ref","disabled","className","asChild","title","tooltip","tooltipProps","message","loading","children","startAdornment","endAdornment","rest","Comp","Slot","msg","content","jsxs","Fragment","jsx","LoadedIcon","cmp","cn","buttonVariants","Tooltip"],"mappings":";;;;;;;;;AAWA,MAAMA,IAA8B,CAACC,MAA0C;AAC7E,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,OAAAC,EAAA,IAAUH,GAC3BI,IAAM,EAAE,OAAAD,GAAO,SAAAF,GAAS,MAAAC,EAAA;AAC9B,MAAID,MAAY;AACd,mBAAQ,KAAK,+FAA+F,GAC5GG,EAAI,UAAU,aACdA,EAAI,QAAQ,WACLA;AAET,MAAKF,MAAoB;AACvB,mBAAQ,KAAK,iFAAiF,GAC9FE,EAAI,UAAU,aACdA,EAAI,QAAQ,aACLA;AAGT,MAAKH,MAAuB;AAC1B,kBAAQ,KAAK,6EAA6E,GACpF,IAAI,MAAM,6EAA6E;AAE/F,SAAIA,MAAY,aACd,QAAQ,KAAK,8FAA8F,GAC3GG,EAAI,UAAU,YACdA,EAAI,QAAQ,WACLA,KAELH,MAAY,eACd,QAAQ,KAAK,mGAAmG,GAChHG,EAAI,UAAU,aACdA,EAAI,QAAQ,aACLA,MAELH,MAAY,kBACd,QAAQ,KAAK,iGAAiG,GAC9GG,EAAI,UAAU,aACdA,EAAI,QAAQ,UACLA;AAGX,GAGMC,IAAkB,CAACC,MAClBA,IACDC,EAAeD,CAAS,IAAUA,IAC/BE,EAAcF,CAAS,IAFP,MAgEZG,IAASC,EAAM;AAAA,EAC1B,CAACV,GAAOW,MAAQ;AACd,UAAM;AAAA,MACJ,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,SAAAZ;AAAA,MACA,OAAAE;AAAA,MACA,MAAAD;AAAA,MACA,SAAAY,IAAU;AAAA,MACV,OAAAC,IAAQ;AAAA,MACR,SAAAC;AAAA,MACA,cAAAC,IAAe,CAAA;AAAA,MACf,SAAAC;AAAA,MACA,SAAAC,IAAU;AAAA,MACV,UAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDvB,GACEwB,IAAOV,IAAUW,IAAO,UACxBC,IAAMR,KAAWF,KAAWD,GAE5BY,IAAUb,IACZM,IAEA,gBAAAQ,EAAAC,GAAA,EACG,UAAA;AAAA,MAAA,CAAC,CAACR,KACD,gBAAAS,EAACC,GAAA,EAAW,SAAAZ,GAAkB,MAAAjB,GAC3B,UAAAG,EAAgBgB,CAAc,GACjC;AAAA,MAGDD;AAAA,MAEA,CAAC,CAACE,KACD,gBAAAQ,EAACC,KAAW,SAAAZ,GAAkB,MAAAjB,GAC3B,UAAAG,EAAgBiB,CAAY,EAAA,CAC/B;AAAA,IAAA,GAEJ,GAGEU,IACJ,gBAAAF;AAAA,MAACN;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAAb;AAAA,QACA,UAAAC;AAAA,QACA,WAAWqB;AAAA,UACTC,EAAe;AAAA,YACb,GAAGnC,EAA4B,EAAE,SAAAE,GAAS,MAAAC,GAAM,OAAAC,GAAO;AAAA,YACvD,WAAAU;AAAA,UAAA,CACD;AAAA,UACDM,KAAW;AAAA,QAAA;AAAA,QAEZ,GAAGI;AAAA,QAEH,UAAAI;AAAA,MAAA;AAAA,IAAA;AAIL,WAAKD,IAEH,gBAAAI;AAAA,MAACK;AAAA,MAAA;AAAA,QACE,GAAIlB,KAAgB,CAAA;AAAA,QACrB,MAAMA,EAAa,SAASL,KAAYO,KAAW,CAACO,KAAO,KAAQ;AAAA,QACnE,SAASA;AAAA,QAER,UAAAM;AAAA,MAAA;AAAA,IAAA,IAPYA;AAAA,EAUnB;AACF;AACAvB,EAAO,cAAc;"}
+{"version":3,"file":"Button.js","sources":["../../src/Button/Button.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport { Slot } from \"@radix-ui/react-slot\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\"\r\nimport { ButtonVarianceProps, buttonVariants } from './buttonVariants';\r\nimport { type ButtonProps } from './Button.types';\r\n\r\nimport { Tooltip } from '../Tooltip';\r\nimport { LoadedIcon } from \"../LoadedIcon\";\r\nimport { renderInnerIcon } from \"./Button.utils\";\r\n\r\nconst normalizedVariantProperties = (props: ButtonVarianceProps): ButtonVarianceProps => {\r\n  const { variant, size, color } = props;\r\n  const vls = { color, variant, size }\r\n  if ((variant as string) === 'default') {\r\n    console.warn('Button variant \"default\" is deprecated. Please use \"variant=contained color=primary\" instead.')\r\n    vls.variant = 'contained'\r\n    vls.color = 'primary'\r\n    return vls\r\n  }\r\n  if ((size as string) === 'icon') {\r\n    console.warn('Button size \"icon\" is deprecated. Please use \"<ButtonIcon/>\" component instead.')\r\n    vls.variant = 'contained'\r\n    vls.color = 'secondary'\r\n    return vls\r\n    // throw new Error('Button variant \"transparent\" is removed. Please use \"variant=none\" instead.')\r\n  }\r\n  if ((variant as string) === 'transparent') {\r\n    console.warn('Button variant \"transparent\" is removed. Please use \"variant=none\" instead.')\r\n    throw new Error('Button variant \"transparent\" is removed. Please use \"variant=none\" instead.')\r\n  }\r\n  if ((variant as string) === 'outline') {\r\n    console.warn('Button variant \"outline\" is deprecated. Please use \"variant=outlined color=primary\" instead.')\r\n    vls.variant = 'outlined'\r\n    vls.color = 'primary'\r\n    return vls\r\n  }\r\n  if ((variant as string) === 'secondary') {\r\n    console.warn('Button variant \"secondary\" is deprecated. Please use \"variant=contained color=secondary\" instead.')\r\n    vls.variant = 'contained'\r\n    vls.color = 'secondary'\r\n    return vls\r\n  }\r\n  if ((variant as string) === 'destructive') {\r\n    console.warn('Button variant \"destructive\" is deprecated. Please use \"variant=contained color=error\" instead.')\r\n    vls.variant = 'contained'\r\n    vls.color = 'error'\r\n    return vls\r\n  }\r\n  return vls;\r\n}\r\n\r\n/**\r\n * Universal Button component used for triggering actions and UI interactions.\r\n * Supports variants, sizes, colors, start/end icon adornments, custom slot content,\r\n * tooltip integration, loading state, and polymorphic rendering via `asChild`.\r\n *\r\n * @public\r\n * @see [Documentation](#) // TODO: add link to docs\r\n *\r\n * @example\r\n * > Import:\r\n * ```tsx\r\n * import { Button } from '@oneplatformdev/ui/Button';\r\n * ```\r\n * > Basic usage:\r\n * ```tsx\r\n * <Button>Click me</Button>\r\n * ```\r\n * > Variant and size:\r\n * ```tsx\r\n * <Button variant=\"outline\" size=\"lg\">Large Button</Button>\r\n * ```\r\n * > With icons:\r\n * ```tsx\r\n * <Button startAdornment={<PlusIcon />}>Create</Button>\r\n * <Button endAdornment={<ArrowRightIcon />}>Next</Button>\r\n * ```\r\n * > Icon style button:\r\n * ```tsx\r\n * <Button size=\"icon\">\r\n *   <PlusIcon />\r\n * </Button>\r\n * ```\r\n * > Polymorphic rendering (`asChild`):\r\n * ```tsx\r\n * <Button asChild>\r\n *   <a href=\"/dashboard\">Go to Dashboard</a>\r\n * </Button>\r\n * ```\r\n * > Tooltip via `message` or native `title`:\r\n * ```tsx\r\n * <Button title=\"Tooltip text\">Hover me</Button>\r\n * <Button message=\"Tooltip content\">Hover me</Button>\r\n * ```\r\n * > Loading state:\r\n * ```tsx\r\n * <Button loading>Processing...</Button>\r\n * ```\r\n * > Disabled:\r\n * ```tsx\r\n * <Button disabled>Disabled</Button>\r\n * ```\r\n *\r\n * Sizes\r\n * xs — compact, for tight UI areas. Classes: rounded-sm p-1 gap-1 text-xs min-h-4 min-w-14.\r\n * sm — small; slightly larger than xs. Classes: rounded-md p-1 gap-1 text-sm min-h-6 min-w-20.\r\n * md — default/text-heavy buttons. Classes: min-h-8 min-w-[102px] rounded-lg gap-1 px-2 py-1 text-sm leading-[1.12] [&_svg]:size-6.\r\n * lg — large/call-to-action. Classes: min-h-10 min-w-35 rounded-lg gap-1 px-3 py-2 text-base leading-normal [&_svg]:size-6.\r\n *\r\n * @remarks\r\n * - Designed for texted usage. If you need icon-only, use `ButtonIcon`.\r\n * - Works with any SVG React component or element, e.g. lucide-react, heroicons, custom icons.\r\n *\r\n * @see {@link ButtonIcon} for icon-only buttons\r\n */\r\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n  (props, ref) => {\r\n    const {\r\n      disabled,\r\n      className,\r\n      variant,\r\n      color,\r\n      size,\r\n      asChild = false,\r\n      title = '',\r\n      tooltip,\r\n      tooltipProps = {},\r\n      message,\r\n      loading = false,\r\n      children,\r\n      startAdornment,\r\n      endAdornment,\r\n      screenReader,\r\n      ...rest\r\n    } = props;\r\n    const Comp = asChild ? Slot : \"button\"\r\n    const msg = message || tooltip || title;\r\n\r\n    const content = asChild\r\n      ? children\r\n      : (\r\n        <>\r\n          {!!startAdornment && (\r\n            <LoadedIcon loading={loading} size={size}>\r\n              {renderInnerIcon(startAdornment)}\r\n            </LoadedIcon>\r\n          )}\r\n\r\n          {children}\r\n\r\n          {!!endAdornment && (\r\n            <LoadedIcon loading={loading} size={size}>\r\n              {renderInnerIcon(endAdornment)}\r\n            </LoadedIcon>\r\n          )}\r\n\r\n          {!!screenReader && <span className=\"sr-only\">{typeof screenReader === 'string' ? screenReader : screenReader.text}</span>}\r\n        </>\r\n      )\r\n\r\n    const cmp = (\r\n      <Comp\r\n        type='button'\r\n        ref={ref}\r\n        disabled={disabled}\r\n        className={cn(\r\n          buttonVariants({\r\n            ...normalizedVariantProperties({ variant, size, color }),\r\n            className\r\n          }),\r\n          loading && 'pointer-events-none opacity-80 user-select-none',\r\n        )}\r\n        {...rest}\r\n      >\r\n        {content}\r\n      </Comp>\r\n    )\r\n\r\n    if (!msg) return cmp\r\n    return (\r\n      <Tooltip\r\n        {...(tooltipProps || {})}\r\n        open={tooltipProps.open ?? (disabled || loading || !msg) ? false : undefined}\r\n        message={msg}\r\n      >\r\n        {cmp}\r\n      </Tooltip>\r\n    )\r\n  }\r\n)\r\nButton.displayName = \"Button\"\r\nexport default Button;\r\n"],"names":["normalizedVariantProperties","props","variant","size","color","vls","Button","React","ref","disabled","className","asChild","title","tooltip","tooltipProps","message","loading","children","startAdornment","endAdornment","screenReader","rest","Comp","Slot","msg","content","jsxs","Fragment","jsx","LoadedIcon","renderInnerIcon","cmp","cn","buttonVariants","Tooltip"],"mappings":";;;;;;;;AAWA,MAAMA,IAA8B,CAACC,MAAoD;AACvF,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,OAAAC,EAAA,IAAUH,GAC3BI,IAAM,EAAE,OAAAD,GAAO,SAAAF,GAAS,MAAAC,EAAA;AAC9B,MAAKD,MAAuB;AAC1B,mBAAQ,KAAK,+FAA+F,GAC5GG,EAAI,UAAU,aACdA,EAAI,QAAQ,WACLA;AAET,MAAKF,MAAoB;AACvB,mBAAQ,KAAK,iFAAiF,GAC9FE,EAAI,UAAU,aACdA,EAAI,QAAQ,aACLA;AAGT,MAAKH,MAAuB;AAC1B,kBAAQ,KAAK,6EAA6E,GACpF,IAAI,MAAM,6EAA6E;AAE/F,SAAKA,MAAuB,aAC1B,QAAQ,KAAK,8FAA8F,GAC3GG,EAAI,UAAU,YACdA,EAAI,QAAQ,WACLA,KAEJH,MAAuB,eAC1B,QAAQ,KAAK,mGAAmG,GAChHG,EAAI,UAAU,aACdA,EAAI,QAAQ,aACLA,MAEJH,MAAuB,kBAC1B,QAAQ,KAAK,iGAAiG,GAC9GG,EAAI,UAAU,aACdA,EAAI,QAAQ,UACLA;AAGX,GAkEaC,IAASC,EAAM;AAAA,EAC1B,CAACN,GAAOO,MAAQ;AACd,UAAM;AAAA,MACJ,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,SAAAR;AAAA,MACA,OAAAE;AAAA,MACA,MAAAD;AAAA,MACA,SAAAQ,IAAU;AAAA,MACV,OAAAC,IAAQ;AAAA,MACR,SAAAC;AAAA,MACA,cAAAC,IAAe,CAAA;AAAA,MACf,SAAAC;AAAA,MACA,SAAAC,IAAU;AAAA,MACV,UAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDpB,GACEqB,IAAOX,IAAUY,IAAO,UACxBC,IAAMT,KAAWF,KAAWD,GAE5Ba,IAAUd,IACZM,IAEA,gBAAAS,EAAAC,GAAA,EACG,UAAA;AAAA,MAAA,CAAC,CAACT,KACD,gBAAAU,EAACC,GAAA,EAAW,SAAAb,GAAkB,MAAAb,GAC3B,UAAA2B,EAAgBZ,CAAc,GACjC;AAAA,MAGDD;AAAA,MAEA,CAAC,CAACE,KACD,gBAAAS,EAACC,KAAW,SAAAb,GAAkB,MAAAb,GAC3B,UAAA2B,EAAgBX,CAAY,GAC/B;AAAA,MAGD,CAAC,CAACC,KAAgB,gBAAAQ,EAAC,QAAA,EAAK,WAAU,WAAW,UAAA,OAAOR,KAAiB,WAAWA,IAAeA,EAAa,KAAA,CAAK;AAAA,IAAA,GACpH,GAGEW,IACJ,gBAAAH;AAAA,MAACN;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAAd;AAAA,QACA,UAAAC;AAAA,QACA,WAAWuB;AAAA,UACTC,EAAe;AAAA,YACb,GAAGjC,EAA4B,EAAE,SAAAE,GAAS,MAAAC,GAAM,OAAAC,GAAO;AAAA,YACvD,WAAAM;AAAA,UAAA,CACD;AAAA,UACDM,KAAW;AAAA,QAAA;AAAA,QAEZ,GAAGK;AAAA,QAEH,UAAAI;AAAA,MAAA;AAAA,IAAA;AAIL,WAAKD,IAEH,gBAAAI;AAAA,MAACM;AAAA,MAAA;AAAA,QACE,GAAIpB,KAAgB,CAAA;AAAA,QACrB,MAAMA,EAAa,SAASL,KAAYO,KAAW,CAACQ,KAAO,KAAQ;AAAA,QACnE,SAASA;AAAA,QAER,UAAAO;AAAA,MAAA;AAAA,IAAA,IAPYA;AAAA,EAUnB;AACF;AACAzB,EAAO,cAAc;"}

package/Button/Button.stories.js

@@ -1,8 +1,8 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { Button as e } from "./Button.js";
+import { Button as o } from "./Button.js";
 import { FileDownIcon as m, Trash2Icon as p, PlusIcon as n } from "lucide-react";
 import { DashedWrapper as a } from "../.storybook/Wrappers.js";
-const r = (o) => /* @__PURE__ */ t(
+const r = (e) => /* @__PURE__ */ t(
   "div",
   {
     style: {
@@ -12,13 +12,13 @@ const r = (o) => /* @__PURE__ */ t(
       gap: "16px"
     },
     children: ["default", "hover", "focus", "active", "disabled", "loading"].map((l) => /* @__PURE__ */ t(
-      e,
+      o,
       {
         id: l,
-        ...o,
-        disabled: l === "disabled" || o.disabled,
-        loading: l === "loading" || o.loading,
-        children: o.children
+        ...e,
+        disabled: l === "disabled" || e.disabled,
+        loading: l === "loading" || e.loading,
+        children: e.children
       },
       l
     ))
@@ -32,10 +32,8 @@ const r = (o) => /* @__PURE__ */ t(
   Trash2Icon: p,
   FileDownIcon: m
 }, d = {
-  // title: 'Components/Button/Button',
-  // title: 'ui/Button',
   title: "Button",
-  component: e,
+  component: o,
   // render: Template,
   args: {
     tooltip: void 0,
@@ -58,7 +56,7 @@ const r = (o) => /* @__PURE__ */ t(
       control: !1
     },
     asChild: {
-      name: "tooltip",
+      name: "asChild",
       description: "Button asChild from ButtonProps [boolean]",
       control: !1
     },
@@ -115,13 +113,7 @@ const r = (o) => /* @__PURE__ */ t(
       control: { type: "object" }
     }
   },
-  tags: ["autodocs"],
   parameters: {
-    docs: {
-      description: {
-        component: "Universal button component with variants, icons and tooltip support."
-      }
-    },
     pseudo: {
       hover: "#hover",
       focus: "#focus",
@@ -140,11 +132,11 @@ const r = (o) => /* @__PURE__ */ t(
     children: "_children_"
   }
 }, x = {
-  render: (o) => /* @__PURE__ */ i(a, { children: [
-    /* @__PURE__ */ t(e, { ...o }),
-    /* @__PURE__ */ t(e, { ...o, startAdornment: /* @__PURE__ */ t(n, {}) }),
-    /* @__PURE__ */ t(e, { ...o, startAdornment: /* @__PURE__ */ t(n, {}), endAdornment: /* @__PURE__ */ t(n, {}) }),
-    /* @__PURE__ */ t(e, { ...o, endAdornment: /* @__PURE__ */ t(n, {}) })
+  render: (e) => /* @__PURE__ */ i(a, { children: [
+    /* @__PURE__ */ t(o, { ...e }),
+    /* @__PURE__ */ t(o, { ...e, startAdornment: /* @__PURE__ */ t(n, {}) }),
+    /* @__PURE__ */ t(o, { ...e, startAdornment: /* @__PURE__ */ t(n, {}), endAdornment: /* @__PURE__ */ t(n, {}) }),
+    /* @__PURE__ */ t(o, { ...e, endAdornment: /* @__PURE__ */ t(n, {}) })
   ] }),
   args: {
     ...d.args,
@@ -152,59 +144,59 @@ const r = (o) => /* @__PURE__ */ t(
     children: "disabled"
   }
 }, S = {
-  render: (o) => /* @__PURE__ */ i(a, { children: [
-    /* @__PURE__ */ t(e, { ...o }),
-    /* @__PURE__ */ t(e, { ...o, startAdornment: /* @__PURE__ */ t(n, {}) }),
-    /* @__PURE__ */ t(e, { ...o, startAdornment: /* @__PURE__ */ t(n, {}), endAdornment: /* @__PURE__ */ t(n, {}) }),
-    /* @__PURE__ */ t(e, { ...o, endAdornment: /* @__PURE__ */ t(n, {}) })
+  render: (e) => /* @__PURE__ */ i(a, { children: [
+    /* @__PURE__ */ t(o, { ...e }),
+    /* @__PURE__ */ t(o, { ...e, startAdornment: /* @__PURE__ */ t(n, {}) }),
+    /* @__PURE__ */ t(o, { ...e, startAdornment: /* @__PURE__ */ t(n, {}), endAdornment: /* @__PURE__ */ t(n, {}) }),
+    /* @__PURE__ */ t(o, { ...e, endAdornment: /* @__PURE__ */ t(n, {}) })
   ] }),
   args: {
     children: "Loading…",
     loading: !0
   }
 }, G = {
-  render: (o) => /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
+  render: (e) => /* @__PURE__ */ t(a, { children: /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
     /* @__PURE__ */ t(
-      e,
+      o,
       {
-        ...o,
+        ...e,
         title: "delayDuration: 0",
         tooltipProps: { delayDuration: 0 },
         children: "delayDuration: 0"
       }
     ),
     /* @__PURE__ */ t(
-      e,
+      o,
       {
-        ...o,
+        ...e,
         title: "delayDuration: 300 [default]",
         tooltipProps: { delayDuration: 300 },
         children: "delayDuration: 300"
       }
     ),
     /* @__PURE__ */ t(
-      e,
+      o,
       {
-        ...o,
+        ...e,
         title: "delayDuration: 700",
         tooltipProps: { delayDuration: 700 },
         children: "delayDuration: 700"
       }
     ),
-    /* @__PURE__ */ t(e, { ...o, title: "title_string", children: "title" }),
-    /* @__PURE__ */ t(e, { ...o, message: "message_string", children: "message: string" }),
+    /* @__PURE__ */ t(o, { ...e, title: "title_string", children: "title" }),
+    /* @__PURE__ */ t(o, { ...e, message: "message_string", children: "message: string" }),
     /* @__PURE__ */ t(
-      e,
+      o,
       {
-        ...o,
+        ...e,
         message: /* @__PURE__ */ t("span", { children: "message_node_span" }),
         children: "message: ReactNode"
       }
     ),
     /* @__PURE__ */ t(
-      e,
+      o,
       {
-        ...o,
+        ...e,
         message: "message_string",
         tooltipProps: {
           showQuestionMark: !0
@@ -212,7 +204,7 @@ const r = (o) => /* @__PURE__ */ t(
         children: "showQuestionMark: true"
       }
     )
-  ] }),
+  ] }) }),
   args: {
     children: "tooltips",
     tooltipProps: {
@@ -230,10 +222,10 @@ const r = (o) => /* @__PURE__ */ t(
     variant: { control: !1 },
     color: { control: !1 }
   },
-  render: (o) => /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ i(a, { children: [
-    /* @__PURE__ */ t(r, { ...o, variant: "contained" }),
-    /* @__PURE__ */ t(r, { ...o, variant: "outlined" }),
-    /* @__PURE__ */ t(r, { ...o, variant: "ghost" })
+  render: (e) => /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ i(a, { children: [
+    /* @__PURE__ */ t(r, { ...e, variant: "contained" }),
+    /* @__PURE__ */ t(r, { ...e, variant: "outlined" }),
+    /* @__PURE__ */ t(r, { ...e, variant: "ghost" })
   ] }) })
 }, T = {
   args: {
@@ -246,10 +238,10 @@ const r = (o) => /* @__PURE__ */ t(
     variant: { control: !1 },
     color: { control: !1 }
   },
-  render: (o) => /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ i(a, { children: [
-    /* @__PURE__ */ t(r, { ...o, variant: "contained" }),
-    /* @__PURE__ */ t(r, { ...o, variant: "outlined" }),
-    /* @__PURE__ */ t(r, { ...o, variant: "ghost" })
+  render: (e) => /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ i(a, { children: [
+    /* @__PURE__ */ t(r, { ...e, variant: "contained" }),
+    /* @__PURE__ */ t(r, { ...e, variant: "outlined" }),
+    /* @__PURE__ */ t(r, { ...e, variant: "ghost" })
   ] }) })
 }, _ = {
   args: {
@@ -262,10 +254,10 @@ const r = (o) => /* @__PURE__ */ t(
     variant: { control: !1 },
     color: { control: !1 }
   },
-  render: (o) => /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ i(a, { children: [
-    /* @__PURE__ */ t(r, { ...o, variant: "contained" }),
-    /* @__PURE__ */ t(r, { ...o, variant: "outlined" }),
-    /* @__PURE__ */ t(r, { ...o, variant: "ghost" })
+  render: (e) => /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ i(a, { children: [
+    /* @__PURE__ */ t(r, { ...e, variant: "contained" }),
+    /* @__PURE__ */ t(r, { ...e, variant: "outlined" }),
+    /* @__PURE__ */ t(r, { ...e, variant: "ghost" })
   ] }) })
 };
 export {

package/Button/Button.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.js","sources":["../../src/Button/Button.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\n\nimport { Button } from './Button';\nimport { ButtonProps } from './Button.types';\nimport React from 'react';\nimport { PlusIcon, Trash2Icon, FileDownIcon } from 'lucide-react';\nimport { DashedWrapper } from \"../../.storybook/Wrappers\";\n\nconst States = (props: ButtonProps) => (\n  <div\n    style={{\n      position: 'relative',\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '16px',\n    }}\n  >\n    {[ 'default', 'hover', 'focus', 'active', 'disabled', 'loading' ]\n      .map((state) => (\n        <Button\n          key={state}\n          id={state}\n          {...props}\n          disabled={state === 'disabled' || props.disabled}\n          loading={state === 'loading' || props.loading}\n        >\n          {props.children}\n        </Button>\n      ))}\n  </div>\n);\n\nconst variants: ButtonProps['variant'][] = [ 'none', 'contained', 'outlined', 'ghost' ]\nconst colors: ButtonProps['color'][] = [ 'primary', 'secondary', 'error' ]\nconst sizes: ButtonProps['size'][] = [ 'xs', 'sm', 'md', 'lg' ]\n\nconst variant_default: ButtonProps['variant'] = 'contained';\nconst color_default: ButtonProps['color'] = 'primary';\nconst size_default: ButtonProps['size'] = 'lg';\n\nconst iconMap = {\n  'undefined': undefined,\n  \"<PlusIcon />\": <PlusIcon/>,\n  \"<Trash2Icon />\": <Trash2Icon/>,\n  \"<FileDownIcon />\": <FileDownIcon/>,\n  PlusIcon: PlusIcon,\n  Trash2Icon: Trash2Icon,\n  FileDownIcon: FileDownIcon,\n};\n\nconst meta = {\n  // title: 'Components/Button/Button',\n  // title: 'ui/Button',\n  title: 'Button',\n  component: Button,\n  // render: Template,\n  args: {\n    tooltip: undefined,\n    asChild: false,\n    //\n    variant: variant_default,\n    color: color_default,\n    size: size_default,\n    loading: false,\n    disabled: false,\n    startAdornment: undefined,\n    endAdornment: undefined,\n    slotProps: {},\n    tooltipProps: {}\n  },\n  argTypes: {\n    tooltip: {\n      name: 'tooltip',\n      description: 'Button tooltip from ButtonProps [deprecated, use title and message instead]',\n      control: false,\n    },\n    asChild: {\n      name: 'tooltip',\n      description: 'Button asChild from ButtonProps [boolean]',\n      control: false\n    },\n    variant: {\n      name: 'variant',\n      description: 'Button variant from ButtonProps',\n      options: variants,\n      control: { type: 'inline-radio', }\n    },\n    color: {\n      name: 'color',\n      description: 'Button color from ButtonProps',\n      options: colors,\n      control: { type: 'inline-radio' }\n    },\n    size: {\n      name: 'size',\n      description: 'Button size from ButtonProps',\n      options: sizes,\n      control: { type: 'inline-radio' }\n    },\n    title: {\n      name: 'title',\n      description: \"Button tooltip title from HTMLAttributes<HTMLButtonElement> [string only]\",\n      control: { type: 'text' },\n    },\n    message: {\n      name: 'message',\n      description: 'Button tooltip message from ButtonProps [ReactNode]',\n      control: { type: \"object\" },\n    },\n    startAdornment: {\n      name: 'startAdornment',\n      description: 'Button startAdornment from ButtonProps [`undefined` | `ComponentType<SVGProps<SVGSVGElement>>` | `ReactElement<SVGProps<SVGSVGElement>>`]',\n      options: Object.keys(iconMap),\n      mapping: iconMap,\n      control: { type: 'inline-radio' },\n    },\n    endAdornment: {\n      name: 'endAdornment',\n      description: 'Button endAdornment from ButtonProps [`undefined` | `ComponentType<SVGProps<SVGSVGElement>>` | `ReactElement<SVGProps<SVGSVGElement>>`]',\n      options: Object.keys(iconMap),\n      mapping: iconMap,\n      control: { type: 'inline-radio' },\n    },\n    slotProps: {\n      name: 'slotProps',\n      description: 'Button slotProps from ButtonProps [object]',\n      control: { type: \"object\" },\n    },\n    tooltipProps: {\n      name: 'tooltipProps',\n      description: 'Button tooltipProps from ButtonProps [object]',\n      control: { type: \"object\" },\n    },\n  },\n  tags: [ 'autodocs' ],\n  parameters: {\n    docs: {\n      description: {\n        component: 'Universal button component with variants, icons and tooltip support.',\n      },\n    },\n    pseudo: {\n      hover: '#hover',\n      focus: '#focus',\n      active: '#active',\n      disabled: '#disabled',\n    },\n  }\n} satisfies Meta<typeof Button>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\nconst args: Story['args'] = {\n  ...meta.args,\n  startAdornment: <PlusIcon/>,\n  endAdornment: <PlusIcon/>,\n  children: 'children',\n}\n\nexport const Default: Story = {\n  args: {\n    ...meta.args,\n    children: '_children_',\n  }\n};\n\nexport const Disabled: Story = {\n  render: (props) => (\n    <DashedWrapper>\n      <Button {...props} />\n      <Button {...props} startAdornment={<PlusIcon/>}/>\n      <Button {...props} startAdornment={<PlusIcon/>} endAdornment={<PlusIcon/>}/>\n      <Button {...props} endAdornment={<PlusIcon/>}/>\n    </DashedWrapper>\n  ),\n  args: {\n    ...meta.args,\n    disabled: true,\n    children: 'disabled',\n  }\n};\n\nexport const Loading: Story = {\n  render: (props) => (\n    <DashedWrapper>\n      <Button {...props} />\n      <Button {...props} startAdornment={<PlusIcon/>}/>\n      <Button {...props} startAdornment={<PlusIcon/>} endAdornment={<PlusIcon/>}/>\n      <Button {...props} endAdornment={<PlusIcon/>}/>\n    </DashedWrapper>\n  ),\n  args: {\n    children: 'Loading…',\n    loading: true,\n  },\n};\n\nexport const Tooltips: Story = {\n  render: (props) => (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n      <Button\n        {...props}\n        title='delayDuration: 0'\n        tooltipProps={{ delayDuration: 0 }}\n      >\n        delayDuration: 0\n      </Button>\n      <Button\n        {...props}\n        title='delayDuration: 300 [default]'\n        tooltipProps={{ delayDuration: 300 }}\n      >\n        delayDuration: 300\n      </Button>\n      <Button\n        {...props}\n        title='delayDuration: 700'\n        tooltipProps={{ delayDuration: 700 }}\n      >\n        delayDuration: 700\n      </Button>\n\n      <Button {...props} title='title_string'>title</Button>\n      <Button {...props} message='message_string'>message: string</Button>\n      <Button\n        {...props}\n        message={<span>message_node_span</span>}\n      >\n        message: ReactNode\n      </Button>\n      <Button\n        {...props}\n        message='message_string'\n        tooltipProps={{\n          showQuestionMark: true\n        }}\n      >\n        showQuestionMark: true\n      </Button>\n    </div>\n  ),\n  args: {\n    children: 'tooltips',\n    tooltipProps: {\n      defaultOpen: true\n    },\n  },\n};\n\nexport const Primary: Story = {\n  args: {\n    ...args,\n    color: 'primary',\n    size: 'lg',\n    children: 'Створити',\n  },\n  argTypes: {\n    variant: { control: false },\n    color: { control: false },\n  },\n  render: (props) => (\n    <div className='flex'>\n      <DashedWrapper>\n        <States {...props} variant='contained'/>\n        <States {...props} variant='outlined'/>\n        <States {...props} variant='ghost'/>\n      </DashedWrapper>\n    </div>\n  ),\n};\n\nexport const Secondary: Story = {\n  args: {\n    ...args,\n    color: 'secondary',\n    size: 'lg',\n    children: 'Створити',\n  },\n  argTypes: {\n    variant: { control: false },\n    color: { control: false },\n  },\n  render: (props) => (\n    <div className='flex'>\n      <DashedWrapper>\n        <States {...props} variant='contained'/>\n        <States {...props} variant='outlined'/>\n        <States {...props} variant='ghost'/>\n      </DashedWrapper>\n    </div>\n  ),\n};\n\nexport const Error: Story = {\n  args: {\n    ...args,\n    color: 'error',\n    size: 'lg',\n    children: 'Створити',\n  },\n  argTypes: {\n    variant: { control: false },\n    color: { control: false },\n  },\n  render: (props) => (\n    <div className='flex'>\n      <DashedWrapper>\n        <States {...props} variant='contained'/>\n        <States {...props} variant='outlined'/>\n        <States {...props} variant='ghost'/>\n      </DashedWrapper>\n    </div>\n  ),\n};\n"],"names":["States","props","jsx","state","Button","variants","colors","sizes","variant_default","color_default","size_default","iconMap","PlusIcon","Trash2Icon","FileDownIcon","meta","args","Default","Disabled","jsxs","DashedWrapper","Loading","Tooltips","Primary","Secondary","Error"],"mappings":"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"}
+{"version":3,"file":"Button.stories.js","sources":["../../src/Button/Button.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\r\n\r\nimport { Button } from './Button';\r\nimport { ButtonProps } from './Button.types';\r\nimport React from 'react';\r\nimport { PlusIcon, Trash2Icon, FileDownIcon } from 'lucide-react';\r\nimport { DashedWrapper } from \"../../.storybook/Wrappers\";\r\n\r\nconst States = (props: ButtonProps) => (\r\n  <div\r\n    style={{\r\n      position: 'relative',\r\n      display: 'flex',\r\n      flexDirection: 'column',\r\n      gap: '16px',\r\n    }}\r\n  >\r\n    {[ 'default', 'hover', 'focus', 'active', 'disabled', 'loading' ]\r\n      .map((state) => (\r\n        <Button\r\n          key={state}\r\n          id={state}\r\n          {...props}\r\n          disabled={state === 'disabled' || props.disabled}\r\n          loading={state === 'loading' || props.loading}\r\n        >\r\n          {props.children}\r\n        </Button>\r\n      ))}\r\n  </div>\r\n);\r\n\r\nconst variants: ButtonProps['variant'][] = [ 'none', 'contained', 'outlined', 'ghost' ]\r\nconst colors: ButtonProps['color'][] = [ 'primary', 'secondary', 'error' ]\r\nconst sizes: ButtonProps['size'][] = [ 'xs', 'sm', 'md', 'lg' ]\r\n\r\nconst variant_default: ButtonProps['variant'] = 'contained';\r\nconst color_default: ButtonProps['color'] = 'primary';\r\nconst size_default: ButtonProps['size'] = 'lg';\r\n\r\nconst iconMap = {\r\n  'undefined': undefined,\r\n  \"<PlusIcon />\": <PlusIcon/>,\r\n  \"<Trash2Icon />\": <Trash2Icon/>,\r\n  \"<FileDownIcon />\": <FileDownIcon/>,\r\n  PlusIcon: PlusIcon,\r\n  Trash2Icon: Trash2Icon,\r\n  FileDownIcon: FileDownIcon,\r\n};\r\n\r\nconst meta = {\r\n  title: 'Button',\r\n  component: Button,\r\n  // render: Template,\r\n  args: {\r\n    tooltip: undefined,\r\n    asChild: false,\r\n    //\r\n    variant: variant_default,\r\n    color: color_default,\r\n    size: size_default,\r\n    loading: false,\r\n    disabled: false,\r\n    startAdornment: undefined,\r\n    endAdornment: undefined,\r\n    slotProps: {},\r\n    tooltipProps: {}\r\n  },\r\n  argTypes: {\r\n    tooltip: {\r\n      name: 'tooltip',\r\n      description: 'Button tooltip from ButtonProps [deprecated, use title and message instead]',\r\n      control: false,\r\n    },\r\n    asChild: {\r\n      name: 'asChild',\r\n      description: 'Button asChild from ButtonProps [boolean]',\r\n      control: false\r\n    },\r\n    variant: {\r\n      name: 'variant',\r\n      description: 'Button variant from ButtonProps',\r\n      options: variants,\r\n      control: { type: 'inline-radio', }\r\n    },\r\n    color: {\r\n      name: 'color',\r\n      description: 'Button color from ButtonProps',\r\n      options: colors,\r\n      control: { type: 'inline-radio' }\r\n    },\r\n    size: {\r\n      name: 'size',\r\n      description: 'Button size from ButtonProps',\r\n      options: sizes,\r\n      control: { type: 'inline-radio' }\r\n    },\r\n    title: {\r\n      name: 'title',\r\n      description: \"Button tooltip title from HTMLAttributes<HTMLButtonElement> [string only]\",\r\n      control: { type: 'text' },\r\n    },\r\n    message: {\r\n      name: 'message',\r\n      description: 'Button tooltip message from ButtonProps [ReactNode]',\r\n      control: { type: \"object\" },\r\n    },\r\n    startAdornment: {\r\n      name: 'startAdornment',\r\n      description: 'Button startAdornment from ButtonProps [`undefined` | `ComponentType<SVGProps<SVGSVGElement>>` | `ReactElement<SVGProps<SVGSVGElement>>`]',\r\n      options: Object.keys(iconMap),\r\n      mapping: iconMap,\r\n      control: { type: 'inline-radio' },\r\n    },\r\n    endAdornment: {\r\n      name: 'endAdornment',\r\n      description: 'Button endAdornment from ButtonProps [`undefined` | `ComponentType<SVGProps<SVGSVGElement>>` | `ReactElement<SVGProps<SVGSVGElement>>`]',\r\n      options: Object.keys(iconMap),\r\n      mapping: iconMap,\r\n      control: { type: 'inline-radio' },\r\n    },\r\n    slotProps: {\r\n      name: 'slotProps',\r\n      description: 'Button slotProps from ButtonProps [object]',\r\n      control: { type: \"object\" },\r\n    },\r\n    tooltipProps: {\r\n      name: 'tooltipProps',\r\n      description: 'Button tooltipProps from ButtonProps [object]',\r\n      control: { type: \"object\" },\r\n    },\r\n  },\r\n  parameters: {\r\n    pseudo: {\r\n      hover: '#hover',\r\n      focus: '#focus',\r\n      active: '#active',\r\n      disabled: '#disabled',\r\n    },\r\n  }\r\n} satisfies Meta<typeof Button>;\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\nconst args: Story['args'] = {\r\n  ...meta.args,\r\n  startAdornment: <PlusIcon/>,\r\n  endAdornment: <PlusIcon/>,\r\n  children: 'children',\r\n}\r\n\r\nexport const Default: Story = {\r\n  args: {\r\n    ...meta.args,\r\n    children: '_children_',\r\n  }\r\n};\r\n\r\nexport const Disabled: Story = {\r\n  render: (props) => (\r\n    <DashedWrapper>\r\n      <Button {...props} />\r\n      <Button {...props} startAdornment={<PlusIcon/>}/>\r\n      <Button {...props} startAdornment={<PlusIcon/>} endAdornment={<PlusIcon/>}/>\r\n      <Button {...props} endAdornment={<PlusIcon/>}/>\r\n    </DashedWrapper>\r\n  ),\r\n  args: {\r\n    ...meta.args,\r\n    disabled: true,\r\n    children: 'disabled',\r\n  }\r\n};\r\n\r\nexport const Loading: Story = {\r\n  render: (props) => (\r\n    <DashedWrapper>\r\n      <Button {...props} />\r\n      <Button {...props} startAdornment={<PlusIcon/>}/>\r\n      <Button {...props} startAdornment={<PlusIcon/>} endAdornment={<PlusIcon/>}/>\r\n      <Button {...props} endAdornment={<PlusIcon/>}/>\r\n    </DashedWrapper>\r\n  ),\r\n  args: {\r\n    children: 'Loading…',\r\n    loading: true,\r\n  },\r\n};\r\n\r\nexport const Tooltips: Story = {\r\n  render: (props) => (\r\n    <DashedWrapper>\r\n      <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\r\n        <Button\r\n          {...props}\r\n          title='delayDuration: 0'\r\n          tooltipProps={{ delayDuration: 0 }}\r\n        >\r\n          delayDuration: 0\r\n        </Button>\r\n        <Button\r\n          {...props}\r\n          title='delayDuration: 300 [default]'\r\n          tooltipProps={{ delayDuration: 300 }}\r\n        >\r\n          delayDuration: 300\r\n        </Button>\r\n        <Button\r\n          {...props}\r\n          title='delayDuration: 700'\r\n          tooltipProps={{ delayDuration: 700 }}\r\n        >\r\n          delayDuration: 700\r\n        </Button>\r\n\r\n        <Button {...props} title='title_string'>title</Button>\r\n        <Button {...props} message='message_string'>message: string</Button>\r\n        <Button\r\n          {...props}\r\n          message={<span>message_node_span</span>}\r\n        >\r\n          message: ReactNode\r\n        </Button>\r\n        <Button\r\n          {...props}\r\n          message='message_string'\r\n          tooltipProps={{\r\n            showQuestionMark: true\r\n          }}\r\n        >\r\n          showQuestionMark: true\r\n        </Button>\r\n      </div>\r\n    </DashedWrapper>\r\n  ),\r\n  args: {\r\n    children: 'tooltips',\r\n    tooltipProps: {\r\n      defaultOpen: true\r\n    },\r\n  },\r\n};\r\n\r\nexport const Primary: Story = {\r\n  args: {\r\n    ...args,\r\n    color: 'primary',\r\n    size: 'lg',\r\n    children: 'Створити',\r\n  },\r\n  argTypes: {\r\n    variant: { control: false },\r\n    color: { control: false },\r\n  },\r\n  render: (props) => (\r\n    <div className='flex'>\r\n      <DashedWrapper>\r\n        <States {...props} variant='contained'/>\r\n        <States {...props} variant='outlined'/>\r\n        <States {...props} variant='ghost'/>\r\n      </DashedWrapper>\r\n    </div>\r\n  ),\r\n};\r\n\r\nexport const Secondary: Story = {\r\n  args: {\r\n    ...args,\r\n    color: 'secondary',\r\n    size: 'lg',\r\n    children: 'Створити',\r\n  },\r\n  argTypes: {\r\n    variant: { control: false },\r\n    color: { control: false },\r\n  },\r\n  render: (props) => (\r\n    <div className='flex'>\r\n      <DashedWrapper>\r\n        <States {...props} variant='contained'/>\r\n        <States {...props} variant='outlined'/>\r\n        <States {...props} variant='ghost'/>\r\n      </DashedWrapper>\r\n    </div>\r\n  ),\r\n};\r\n\r\nexport const Error: Story = {\r\n  args: {\r\n    ...args,\r\n    color: 'error',\r\n    size: 'lg',\r\n    children: 'Створити',\r\n  },\r\n  argTypes: {\r\n    variant: { control: false },\r\n    color: { control: false },\r\n  },\r\n  render: (props) => (\r\n    <div className='flex'>\r\n      <DashedWrapper>\r\n        <States {...props} variant='contained'/>\r\n        <States {...props} variant='outlined'/>\r\n        <States {...props} variant='ghost'/>\r\n      </DashedWrapper>\r\n    </div>\r\n  ),\r\n};\r\n"],"names":["States","props","jsx","state","Button","variants","colors","sizes","variant_default","color_default","size_default","iconMap","PlusIcon","Trash2Icon","FileDownIcon","meta","args","Default","Disabled","jsxs","DashedWrapper","Loading","Tooltips","Primary","Secondary","Error"],"mappings":"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"}

package/Button/Button.types.d.ts

@@ -2,10 +2,32 @@ import { ButtonHTMLAttributes, ComponentType, ReactElement, SVGProps, ReactNode
 import { TooltipProps } from '../Tooltip';
 import { ButtonVarianceProps } from './buttonVariants';
 type ButtonAttributes = ButtonHTMLAttributes<HTMLButtonElement>;
+type ButtonScreenReaderOptions = {
+    /** Text to be read by screen readers when the button is in a loading state. */
+    text?: string;
+};
+export type ButtonScreenReader = ButtonScreenReaderOptions['text'] | ButtonScreenReaderOptions;
+export type ButtonCounterBadgeReaderOptions = {
+    /**
+     * Count to display in the counter badge (e.g., number of notifications).
+     * If omitted, the badge will not be rendered.
+     */
+    count?: number;
+};
+export type ButtonCounterBadgeReader = ButtonCounterBadgeReaderOptions['count'] | ButtonCounterBadgeReaderOptions;
 export interface ButtonDefaultProps extends Omit<ButtonAttributes, 'color' | 'title' | 'disabled'> {
     asChild?: boolean;
     loading?: boolean;
     disabled?: boolean;
+    /**
+     * Screen reader text or options used for accessibility (e.g., when the button is loading).
+     * Accepts a string or an object with a `text` property for more control.
+     */
+    screenReader?: ButtonScreenReader;
+    /**
+     * Field for rendering a count badge on the button (e.g., notifications).
+     */
+    counter?: ButtonCounterBadgeReader;
 }
 export interface ButtonTooltipProps {
     /**
@@ -27,7 +49,8 @@ export type ButtonBaseProps<VariantProps extends object = object, SlotProps = un
 };
 export interface ButtonSlotProps {
 }
-export type ButtonAdornmentProps = ComponentType<SVGProps<SVGSVGElement>> | ReactElement<SVGProps<SVGSVGElement>>;
+export type ButtonIconType = ComponentType<SVGProps<SVGSVGElement>> | ReactElement<SVGProps<SVGSVGElement>>;
+export type ButtonAdornmentProps = ButtonIconType;
 export interface ButtonProps extends ButtonBaseProps<ButtonVarianceProps, ButtonSlotProps> {
     startAdornment?: ButtonAdornmentProps;
     endAdornment?: ButtonAdornmentProps;

package/Button/Button.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../src/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEhE,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,MAAM,MAAM,eAAe,CACzB,YAAY,SAAS,MAAM,GAAG,MAAM,EACpC,SAAS,GAAG,OAAO,IAEnB,kBAAkB,GAClB,kBAAkB,GAClB,YAAY,GAAG;IACf,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,eAAe;CAC/B;AAED,MAAM,MAAM,oBAAoB,GAC5B,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,GACtC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAE1C,MAAM,WAAW,WACf,SAAQ,eAAe,CAAC,mBAAmB,EAAE,eAAe,CAAC;IAC7D,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC"}
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../src/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEhE,KAAK,yBAAyB,GAAG;IAC/B,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAA;AACD,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,CAAC,MAAM,CAAC,GAAG,yBAAyB,CAAA;AAE9F,MAAM,MAAM,+BAA+B,GAAG;IAC5C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAA;AACD,MAAM,MAAM,wBAAwB,GAAG,+BAA+B,CAAC,OAAO,CAAC,GAAG,+BAA+B,CAAA;AAEjH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,wBAAwB,CAAC;CACpC;AAED,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,MAAM,MAAM,eAAe,CACzB,YAAY,SAAS,MAAM,GAAG,MAAM,EACpC,SAAS,GAAG,OAAO,IAEnB,kBAAkB,GAClB,kBAAkB,GAClB,YAAY,GAAG;IACf,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,eAAe;CAAG;AAEnC,MAAM,MAAM,cAAc,GACtB,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,GACtC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAE1C,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC;AAElD,MAAM,WAAW,WACf,SAAQ,eAAe,CAAC,mBAAmB,EAAE,eAAe,CAAC;IAC7D,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC"}

package/Button/Button.utils.d.ts

@@ -0,0 +1,3 @@
+import { ButtonIconType } from './Button.types';
+export declare const renderInnerIcon: (Icon?: ButtonIconType) => import('react').ReactElement<import('react').SVGProps<SVGSVGElement>, string | import('react').JSXElementConstructor<any>> | null;
+//# sourceMappingURL=Button.utils.d.ts.map

package/Button/Button.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.utils.d.ts","sourceRoot":"","sources":["../../src/Button/Button.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGhD,eAAO,MAAM,eAAe,GAAI,OAAO,cAAc,sIAQpD,CAAC"}

package/Button/Button.utils.js

@@ -0,0 +1,14 @@
+import { isValidElement as t, createElement as n, cloneElement as i } from "react";
+const o = (e) => {
+  if (!e) return null;
+  if (t(e)) return e;
+  const r = n(e);
+  return i(r, {
+    strokeWidth: 1.5,
+    ...r.props
+  });
+};
+export {
+  o as renderInnerIcon
+};
+//# sourceMappingURL=Button.utils.js.map

package/Button/Button.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.utils.js","sources":["../../src/Button/Button.utils.ts"],"sourcesContent":["import { ButtonIconType } from \"./Button.types\";\r\nimport { cloneElement, createElement, isValidElement } from \"react\";\r\n\r\nexport const renderInnerIcon = (Icon?: ButtonIconType) => {\r\n  if (!Icon) return null;\r\n  if (isValidElement(Icon)) return Icon;\r\n  const icon = createElement(Icon);\r\n  return cloneElement(icon, {\r\n    strokeWidth: 1.5,\r\n    ...icon.props,\r\n  });\r\n};\r\n"],"names":["renderInnerIcon","Icon","isValidElement","icon","createElement","cloneElement"],"mappings":";AAGO,MAAMA,IAAkB,CAACC,MAA0B;AACxD,MAAI,CAACA,EAAM,QAAO;AAClB,MAAIC,EAAeD,CAAI,EAAG,QAAOA;AACjC,QAAME,IAAOC,EAAcH,CAAI;AAC/B,SAAOI,EAAaF,GAAM;AAAA,IACxB,aAAa;AAAA,IACb,GAAGA,EAAK;AAAA,EAAA,CACT;AACH;"}

package/Button/ButtonCounterBadge.d.ts

@@ -0,0 +1,7 @@
+import { ButtonCounterBadgeReader } from './Button.types';
+import { ButtonBadgeCVAProps } from './buttonVariants';
+export interface ButtonCounterBadgeProps extends ButtonBadgeCVAProps {
+    counter?: ButtonCounterBadgeReader;
+}
+export declare const ButtonCounterBadge: (props: ButtonCounterBadgeProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ButtonCounterBadge.d.ts.map