@oneplatformdev/ui 0.1.99-beta.1 → 0.1.99-beta.3

package/.storybook/Wrappers.js

@@ -0,0 +1,30 @@
+import { jsx as p } from "react/jsx-runtime";
+const r = (e) => /* @__PURE__ */ p(
+  "div",
+  {
+    style: {
+      padding: "0px 20px",
+      display: "flex",
+      gap: "32px",
+      alignItems: "flex-start"
+    },
+    children: /* @__PURE__ */ p(
+      "div",
+      {
+        style: {
+          position: "relative",
+          border: "2px dashed rgba(139, 92, 246, 0.7)",
+          borderRadius: "24px",
+          padding: "24px 32px",
+          display: "flex",
+          gap: "32px"
+        },
+        children: e.children
+      }
+    )
+  }
+);
+export {
+  r as DashedWrapper
+};
+//# sourceMappingURL=Wrappers.js.map

package/.storybook/Wrappers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wrappers.js","sources":["../../.storybook/Wrappers.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\n\nexport const MoreWrapper = (props: PropsWithChildren) => (\n  <div\n    style={{\n      position: 'relative',\n      padding: '24px 32px',\n      display: 'flex',\n      gap: '32px',\n    }}\n  >\n    {props.children}\n  </div>\n)\n\nexport const DashedWrapper = (props: PropsWithChildren) => {\n  return (\n    <div\n      style={{\n        padding: '0px 20px',\n        display: 'flex',\n        gap: '32px',\n        alignItems: 'flex-start',\n      }}\n    >\n      <div\n        style={{\n          position: 'relative',\n          border: '2px dashed rgba(139, 92, 246, 0.7)',\n          borderRadius: '24px',\n          padding: '24px 32px',\n          display: 'flex',\n          gap: '32px',\n        }}\n      >\n        {props.children}\n      </div>\n    </div>\n  )\n}\n"],"names":["DashedWrapper","props","jsx"],"mappings":";AAeO,MAAMA,IAAgB,CAACC,MAE1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,MACT,KAAK;AAAA,MACL,YAAY;AAAA,IAAA;AAAA,IAGd,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,SAAS;AAAA,UACT,SAAS;AAAA,UACT,KAAK;AAAA,QAAA;AAAA,QAGN,UAAAD,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACT;AAAA;"}

package/Button/Button.d.ts

@@ -1,5 +1,69 @@
 import { ButtonProps } from './Button.types';
 import * as React from "react";
+/**
+ * Universal Button component used for triggering actions and UI interactions.
+ * Supports variants, sizes, colors, start/end icon adornments, custom slot content,
+ * tooltip integration, loading state, and polymorphic rendering via `asChild`.
+ *
+ * @public
+ * @see [Documentation](#) // TODO: add link to docs
+ *
+ * @example
+ * > Import:
+ * ```tsx
+ * import { Button } from '@oneplatformdev/ui/Button';
+ * ```
+ * > Basic usage:
+ * ```tsx
+ * <Button>Click me</Button>
+ * ```
+ * > Variant and size:
+ * ```tsx
+ * <Button variant="outline" size="lg">Large Button</Button>
+ * ```
+ * > With icons:
+ * ```tsx
+ * <Button startAdornment={<PlusIcon />}>Create</Button>
+ * <Button endAdornment={<ArrowRightIcon />}>Next</Button>
+ * ```
+ * > Icon style button:
+ * ```tsx
+ * <Button size="icon">
+ *   <PlusIcon />
+ * </Button>
+ * ```
+ * > Polymorphic rendering (`asChild`):
+ * ```tsx
+ * <Button asChild>
+ *   <a href="/dashboard">Go to Dashboard</a>
+ * </Button>
+ * ```
+ * > Tooltip via `message` or native `title`:
+ * ```tsx
+ * <Button title="Tooltip text">Hover me</Button>
+ * <Button message="Tooltip content">Hover me</Button>
+ * ```
+ * > Loading state:
+ * ```tsx
+ * <Button loading>Processing...</Button>
+ * ```
+ * > Disabled:
+ * ```tsx
+ * <Button disabled>Disabled</Button>
+ * ```
+ * > With custom variant props (CVA powered):
+ * ```tsx
+ * <Button variant="primary" color="blue" size="md">
+ *   Save
+ * </Button>
+ * ```
+ *
+ * @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;
 //# sourceMappingURL=Button.d.ts.map

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,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA4ClD,eAAO,MAAM,MAAM,uFAuElB,CAAA;AAGD,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,EAAwB,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAsDxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AAEH,eAAO,MAAM,MAAM,uFAuElB,CAAA;AAED,eAAe,MAAM,CAAC"}

package/Button/Button.js

@@ -1,77 +1,74 @@
-import { jsx as r, jsxs as z, Fragment as k } from "react/jsx-runtime";
-import * as x from "react";
-import { Slot as N } from "@radix-ui/react-slot";
-import { cn as j } from "@oneplatformdev/utils";
-import { buttonVariants as A } from "./buttonVariants.js";
+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 C } from "../Tooltip/Tooltip.js";
+import { Tooltip as F } from "../Tooltip/Tooltip.js";
 import { LoadedIcon as f } from "../LoadedIcon/LoadedIcon.js";
-const I = (a) => {
-  const { variant: o, size: e, color: i } = a, t = { color: i, variant: o, size: e };
-  if (e === "icon" && console.warn('Button size "icon" is not supported. Please use ButtonIcon component for icon-only buttons.'), o === "default")
-    return console.warn('Button variant "default" is deprecated. Please use "variant=contained color=primary" instead.'), t.variant = "contained", t.color = "primary", t;
-  if (o === "outline")
-    return console.warn('Button variant "outline" is deprecated. Please use "variant=outlined color=primary" instead.'), t.variant = "outlined", t.color = "primary", t;
-  if (o === "secondary")
-    return console.warn('Button variant "secondary" is deprecated. Please use "variant=contained color=secondary" instead.'), t.variant = "contained", t.color = "secondary", t;
-  if (o === "destructive")
-    return console.warn('Button variant "destructive" is deprecated. Please use "variant=contained color=error" instead.'), t.variant = "contained", t.color = "error", t;
-  if (o === "link")
-    throw console.warn('Button variant "link" is not implemented yet. Please contact the development team for more information.'), new Error('Button variant "link" is not implemented yet. Please contact the development team for more information.');
-  return t;
-}, R = x.forwardRef(
-  (a, o) => {
+const L = (t) => {
+  const { variant: n, size: r, color: i } = t, e = { color: i, variant: n, size: r };
+  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")
+    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) => {
     const {
-      disabled: e,
+      disabled: r,
       className: i,
-      variant: t,
-      color: v,
-      size: y,
-      asChild: c = !1,
-      title: h = "",
-      tooltip: B,
-      tooltipProps: l = {},
-      message: w,
-      loading: n = !1,
-      children: d,
+      variant: e,
+      color: B,
+      size: s,
+      asChild: l = !1,
+      title: w = "",
+      tooltip: P,
+      tooltipProps: d = {},
+      message: h,
+      loading: o = !1,
+      children: u,
       startAdornment: m,
       endAdornment: p,
-      ...P
-    } = a, b = c ? N : "button", s = w || B || h, g = c ? d : /* @__PURE__ */ z(k, { children: [
-      !!m && /* @__PURE__ */ r(f, { loading: n, children: m }),
-      d,
-      !!p && /* @__PURE__ */ r(f, { loading: n, children: p })
-    ] }), u = /* @__PURE__ */ r(
+      ...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,
       {
         type: "button",
-        ref: o,
-        disabled: e,
-        className: j(
-          A({
-            ...I({ variant: t, size: y, color: v }),
+        ref: n,
+        disabled: r,
+        className: I(
+          R({
+            ...L({ variant: e, size: s, color: B }),
             className: i
           }),
-          n && "pointer-events-none opacity-80"
+          o && "pointer-events-none opacity-80 user-select-none"
         ),
-        ...P,
-        children: g
+        ...g,
+        children: z
       }
     );
-    return s ? /* @__PURE__ */ r(
-      C,
+    return c ? /* @__PURE__ */ a(
+      F,
       {
-        ...l || {},
-        open: l.open ?? (e || n || !s) ? !1 : void 0,
-        message: s,
-        children: u
+        ...d || {},
+        open: d.open ?? (r || o || !c) ? !1 : void 0,
+        message: c,
+        children: v
       }
-    ) : u;
+    ) : v;
   }
 );
-R.displayName = "Button";
+S.displayName = "Button";
 export {
-  R as Button,
-  R as default
+  S as Button,
+  S 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 { type ButtonProps } from './Button.types';\n\nimport { Tooltip } from '../Tooltip';\nimport { LoadedIcon } from \"../LoadedIcon\";\n\nconst normalizedVariantProperties = (props: ButtonCVAProps): ButtonCVAProps => {\n  const { variant, size, color } = props;\n  const vls = { color, variant, size }\n  if (size === 'icon') {\n    console.warn('Button size \"icon\" is not supported. Please use ButtonIcon component for icon-only buttons.')\n    // throw new Error('Button size \"icon\" is not supported. Please use ButtonIcon component for icon-only buttons.')\n  }\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 (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  if (variant === 'link') {\n    console.warn('Button variant \"link\" is not implemented yet. Please contact the development team for more information.')\n    throw new Error('Button variant \"link\" is not implemented yet. Please contact the development team for more information.')\n  }\n  return vls;\n}\n\n// TODO: create ButtonIcon component | update button  | add start/end icon\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}>\n              {startAdornment}\n            </LoadedIcon>\n          )}\n\n          {children}\n\n          {!!endAdornment && (\n            <LoadedIcon loading={loading}>\n              {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',\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\"\n\nexport default Button;\n"],"names":["normalizedVariantProperties","props","variant","size","color","vls","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":";;;;;;;;AAUA,MAAMA,IAA8B,CAACC,MAA0C;AAC7E,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,OAAAC,EAAA,IAAUH,GAC3BI,IAAM,EAAE,OAAAD,GAAO,SAAAF,GAAS,MAAAC,EAAA;AAK9B,MAJIA,MAAS,UACX,QAAQ,KAAK,6FAA6F,GAGxGD,MAAY;AACd,mBAAQ,KAAK,+FAA+F,GAC5GG,EAAI,UAAU,aACdA,EAAI,QAAQ,WACLA;AAET,MAAIH,MAAY;AACd,mBAAQ,KAAK,8FAA8F,GAC3GG,EAAI,UAAU,YACdA,EAAI,QAAQ,WACLA;AAET,MAAIH,MAAY;AACd,mBAAQ,KAAK,mGAAmG,GAChHG,EAAI,UAAU,aACdA,EAAI,QAAQ,aACLA;AAET,MAAIH,MAAY;AACd,mBAAQ,KAAK,iGAAiG,GAC9GG,EAAI,UAAU,aACdA,EAAI,QAAQ,SACLA;AAET,MAAIH,MAAY;AACd,kBAAQ,KAAK,yGAAyG,GAChH,IAAI,MAAM,yGAAyG;AAE3H,SAAOG;AACT,GAGaC,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,GAAGC;AAAA,IAAA,IACDnB,GACEoB,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,GACT,UAAAE,GACH;AAAA,MAGDD;AAAA,MAEA,CAAC,CAACE,KACD,gBAAAQ,EAACC,GAAA,EAAW,SAAAZ,GACT,UAAAG,EAAA,CACH;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,GAAG/B,EAA4B,EAAE,SAAAE,GAAS,MAAAC,GAAM,OAAAC,GAAO;AAAA,YACvD,WAAAM;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\"\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 * @remarks\n * - Designed for texted usage. If you need icon-only, use `ButtonIcon`.\n * - Works with any SVG React component or element, e.g. lucide-react, heroicons, custom icons.\n *\n * @see {@link ButtonIcon} for icon-only buttons\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,MAsEZG,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;"}

package/Button/Button.s.d.ts

@@ -0,0 +1,83 @@
+import { StoryObj } from '@storybook/react';
+import { ButtonProps } from './Button.types';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+    render: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        tooltip: undefined;
+        asChild: false;
+        variant: "none" | "default" | "destructive" | "outline" | "secondary" | "contained" | "outlined" | "ghost" | null | undefined;
+        color: "secondary" | "primary" | "error" | null | undefined;
+        size: "xs" | "sm" | "md" | "lg" | null | undefined;
+        disabled: false;
+    };
+    argTypes: {
+        tooltip: {
+            control: false;
+        };
+        asChild: {
+            control: false;
+        };
+        variant: {
+            options: ("none" | "default" | "destructive" | "outline" | "secondary" | "contained" | "outlined" | "ghost" | null | undefined)[];
+            control: {
+                type: "inline-radio";
+            };
+        };
+        color: {
+            options: ("secondary" | "primary" | "error" | null | undefined)[];
+            control: {
+                type: "inline-radio";
+            };
+        };
+        size: {
+            options: ("xs" | "sm" | "md" | "lg" | null | undefined)[];
+            control: {
+                type: "inline-radio";
+            };
+        };
+        title: {
+            name: string;
+            description: string;
+            control: {
+                type: "text";
+            };
+        };
+        message: {
+            name: string;
+            description: string;
+            control: {
+                type: "object";
+            };
+        };
+        slotProps: {
+            name: string;
+            description: string;
+            control: {
+                type: "object";
+            };
+        };
+    };
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+        pseudo: {
+            hover: string;
+            focus: string;
+            active: string;
+            disabled: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Error: Story;
+//# sourceMappingURL=Button.s.d.ts.map

package/Button/Button.s.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.s.d.ts","sourceRoot":"","sources":["../../src/Button/Button.s.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA2DlD,QAAA,MAAM,IAAI;;;oBAvDe,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGL,CAAC;AAChC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAQnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAoBvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAC"}

package/Button/Button.s.js

@@ -0,0 +1,163 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { Button as i } from "./Button.js";
+import { PlusIcon as s } from "lucide-react";
+const g = (o) => /* @__PURE__ */ e(i, { ...o }), a = (o) => /* @__PURE__ */ e(
+  "div",
+  {
+    style: {
+      padding: "0px 20px",
+      display: "flex",
+      gap: "32px",
+      alignItems: "flex-start"
+    },
+    children: /* @__PURE__ */ e(
+      "div",
+      {
+        style: {
+          position: "relative",
+          border: "2px dashed rgba(139, 92, 246, 0.7)",
+          borderRadius: "24px",
+          padding: "24px 32px",
+          display: "flex",
+          gap: "32px"
+        },
+        children: o.children
+      }
+    )
+  }
+), t = (o) => /* @__PURE__ */ e(
+  "div",
+  {
+    style: {
+      position: "relative",
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    },
+    children: ["default", "hover", "focus", "active", "disabled"].map((r) => /* @__PURE__ */ e(
+      i,
+      {
+        id: r,
+        ...o,
+        disabled: r === "disabled" || o.disabled,
+        children: o.children ?? r
+      },
+      r
+    ))
+  }
+), d = ["none", "contained", "outlined", "ghost"], c = ["primary", "secondary", "error"], p = ["xs", "sm", "md", "lg"], m = {
+  title: "Button",
+  component: i,
+  render: g,
+  args: {
+    tooltip: void 0,
+    asChild: !1,
+    //
+    variant: d[0],
+    color: c[0],
+    size: p[0],
+    disabled: !1
+  },
+  argTypes: {
+    tooltip: { control: !1 },
+    asChild: { control: !1 },
+    variant: { options: d, control: { type: "inline-radio" } },
+    color: { options: c, control: { type: "inline-radio" } },
+    size: { options: p, control: { type: "inline-radio" } },
+    title: {
+      name: "title",
+      description: "Button tooltip title from HTMLAttributes<HTMLButtonElement> [string only]",
+      control: { type: "text" }
+    },
+    message: {
+      name: "message",
+      description: "Button tooltip message from ButtonProps [ReactNode]",
+      control: { type: "object" }
+    },
+    slotProps: {
+      name: "slotProps",
+      description: "Button slotProps from ButtonProps [object]",
+      control: { type: "object" }
+    }
+  },
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "Universal button component with variants, icons and tooltip support."
+      }
+    },
+    pseudo: {
+      hover: "#hover",
+      focus: "#focus",
+      active: "#active",
+      disabled: "#disabled"
+    }
+  }
+}, l = {
+  ...m.args,
+  startAdornment: /* @__PURE__ */ e(s, {}),
+  endAdornment: /* @__PURE__ */ e(s, {}),
+  children: "children"
+}, u = {
+  args: {
+    ...m.args,
+    children: "__children__"
+  }
+}, y = {
+  args: {
+    ...l,
+    color: "primary",
+    size: "lg",
+    children: "Створити"
+  },
+  argTypes: {
+    variant: { control: !1 },
+    color: { control: !1 }
+  },
+  render: (o) => /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ n(a, { children: [
+    /* @__PURE__ */ e(t, { ...o, variant: "contained" }),
+    /* @__PURE__ */ e(t, { ...o, variant: "outlined" }),
+    /* @__PURE__ */ e(t, { ...o, variant: "ghost" })
+  ] }) })
+}, x = {
+  args: {
+    ...l,
+    color: "secondary",
+    size: "lg",
+    children: "Створити"
+  },
+  argTypes: {
+    variant: { control: !1 },
+    color: { control: !1 }
+  },
+  render: (o) => /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ n(a, { children: [
+    /* @__PURE__ */ e(t, { ...o, variant: "contained" }),
+    /* @__PURE__ */ e(t, { ...o, variant: "outlined" }),
+    /* @__PURE__ */ e(t, { ...o, variant: "ghost" })
+  ] }) })
+}, b = {
+  args: {
+    ...l,
+    color: "error",
+    size: "lg",
+    children: "Створити"
+  },
+  argTypes: {
+    variant: { control: !1 },
+    color: { control: !1 }
+  },
+  render: (o) => /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ n(a, { children: [
+    /* @__PURE__ */ e(t, { ...o, variant: "contained" }),
+    /* @__PURE__ */ e(t, { ...o, variant: "outlined" }),
+    /* @__PURE__ */ e(t, { ...o, variant: "ghost" })
+  ] }) })
+};
+export {
+  u as Default,
+  b as Error,
+  y as Primary,
+  x as Secondary,
+  m as default
+};
+//# sourceMappingURL=Button.s.js.map

package/Button/Button.s.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.s.js","sources":["../../src/Button/Button.s.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\n\nimport { Button } from './Button';\nimport type { ButtonProps } from './Button.types';\nimport { PropsWithChildren } from 'react';\nimport { PlusIcon } from 'lucide-react'\n\nconst Template = (props: ButtonProps) => <Button {...props}/>;\n\nconst DashedWrapper = (props: PropsWithChildren) => {\n  return (\n    <div\n      style={{\n        padding: '0px 20px',\n        display: 'flex',\n        gap: '32px',\n        alignItems: 'flex-start',\n      }}\n    >\n      <div\n        style={{\n          position: 'relative',\n          border: '2px dashed rgba(139, 92, 246, 0.7)',\n          borderRadius: '24px',\n          padding: '24px 32px',\n          display: 'flex',\n          gap: '32px',\n        }}\n      >\n        {props.children}\n      </div>\n    </div>\n  )\n}\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' ]\n      .map((state) => (\n        <Button\n          key={state}\n          id={state}\n          {...props}\n          disabled={state === 'disabled' || props.disabled}\n        >\n          {props.children ?? state}\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 meta = {\n  title: 'Button',\n  component: Button,\n  render: Template,\n  args: {\n    tooltip: undefined,\n    asChild: false,\n    //\n    variant: variants[0],\n    color: colors[0],\n    size: sizes[0],\n    disabled: false,\n  },\n  argTypes: {\n    tooltip: { control: false },\n    asChild: { control: false },\n    variant: { options: variants, control: { type: 'inline-radio' } },\n    color: { options: colors, control: { type: 'inline-radio' } },\n    size: { options: sizes, control: { type: 'inline-radio' } },\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    slotProps: {\n      name: 'slotProps',\n      description: 'Button slotProps 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 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\n"],"names":["Template","props","jsx","Button","DashedWrapper","States","state","variants","colors","sizes","meta","args","PlusIcon","Default","Primary","Secondary","Error"],"mappings":"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"}