@oneplatformdev/ui 0.1.10-116 → 0.1.10-119

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,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,eAAO,MAAM,MAAM,uFA0ClB,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,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAkDlD,eAAO,MAAM,MAAM,uFA+DlB,CAAA;AAGD,eAAe,MAAM,CAAC"}

package/Button/Button.js

@@ -1,56 +1,81 @@
-import { jsx as m } from "react/jsx-runtime";
-import * as g from "react";
-import { Slot as x } from "@radix-ui/react-slot";
-import { cn as u } from "@oneplatformdev/utils";
-import { buttonVariants as i } from "./buttonVariants.js";
+import { jsxs as g, jsx as s } from "react/jsx-runtime";
+import * as x from "react";
+import { Slot as z } from "@radix-ui/react-slot";
+import { cn as k } from "@oneplatformdev/utils";
+import { buttonVariants as I } from "./buttonVariants.js";
 import "@radix-ui/react-tooltip";
-import { Tooltip as B } from "../Tooltip/Tooltip.js";
-const N = g.forwardRef(
-  ({
-    disabled: t,
-    className: r,
-    variant: n,
-    size: e,
-    asChild: c = !1,
-    title: l = "",
-    tooltip: y,
-    tooltipProps: f = {},
-    message: b,
-    ...p
-  }, a) => {
-    const s = c ? x : "button", o = b || y || l;
-    return o ? /* @__PURE__ */ m(
-      B,
-      {
-        ...f || {},
-        open: f.open ?? (t || !o) ? !1 : void 0,
-        message: o,
-        children: /* @__PURE__ */ m(
-          s,
-          {
-            type: "button",
-            ref: a,
-            disabled: t,
-            className: u(i({ variant: n, size: e, className: r })),
-            ...p
-          }
-        )
-      }
-    ) : /* @__PURE__ */ m(
-      s,
+import { Tooltip as N } from "../Tooltip/Tooltip.js";
+import { LoadedIcon as u } from "../LoadedIcon/LoadedIcon.js";
+const j = (n) => {
+  const { variant: o, size: e, color: r } = n, t = { color: r, variant: o, size: e };
+  if (e === "icon")
+    throw console.warn('Button size "icon" is not supported. Please use ButtonIcon component for icon-only buttons.'), new Error('Button size "icon" is not supported. Please use ButtonIcon component for icon-only buttons.');
+  if (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 === "ghost")
+    return console.warn('Button variant "ghost" is deprecated. Please use "variant=text color=primary" instead.'), t.variant = "text", t.color = "primary", 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;
+}, A = x.forwardRef(
+  (n, o) => {
+    const {
+      disabled: e,
+      className: r,
+      variant: t,
+      color: p,
+      size: f,
+      asChild: v = !1,
+      title: y = "",
+      tooltip: B,
+      tooltipProps: c = {},
+      message: h,
+      loading: a = !1,
+      children: w,
+      startAdornment: l,
+      endAdornment: d,
+      ...P
+    } = n, b = v ? z : "button", i = h || B || y, m = /* @__PURE__ */ g(
+      b,
       {
         type: "button",
-        ref: a,
-        disabled: t,
-        className: u(i({ variant: n, size: e, className: r })),
-        ...p
+        ref: o,
+        disabled: e,
+        className: k(
+          I({
+            ...j({ variant: t, size: f, color: p }),
+            className: r
+          }),
+          a && "pointer-events-none opacity-80"
+        ),
+        ...P,
+        children: [
+          !!l && /* @__PURE__ */ s(u, { loading: a, children: l }),
+          w,
+          !!d && /* @__PURE__ */ s(u, { loading: a, children: d })
+        ]
       }
     );
+    return i ? /* @__PURE__ */ s(
+      N,
+      {
+        ...c || {},
+        open: c.open ?? (e || !i) ? !1 : void 0,
+        message: i,
+        children: m
+      }
+    ) : m;
   }
 );
-N.displayName = "Button";
+A.displayName = "Button";
 export {
-  N as Button,
-  N as default
+  A as Button,
+  A 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 { buttonVariants } from './buttonVariants';\nimport { ButtonProps } from './Button.types';\n\nimport { Tooltip } from '../Tooltip';\n\n// TODO: create ButtonIcon component | update button  | add start/end icon\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({\n     disabled,\n     className,\n     variant,\n     size,\n     asChild = false,\n     title = '',\n     tooltip,\n     tooltipProps = {},\n     message,\n     ...props\n   }, ref) => {\n    const Comp = asChild ? Slot : \"button\"\n    const msg = message || tooltip || title;\n\n    if(!msg) {\n      return <Comp\n        type='button'\n        ref={ref}\n        disabled={disabled}\n        className={cn(buttonVariants({ variant, size, className }))}\n        {...props}\n      />\n    }\n\n    return (\n      <Tooltip\n        {...(tooltipProps || {})}\n        open={tooltipProps.open ?? (disabled || !msg) ? false : undefined}\n        message={msg}\n      >\n        <Comp\n          type='button'\n          ref={ref}\n          disabled={disabled}\n          className={cn(buttonVariants({ variant, size, className }))}\n          {...props}\n        />\n      </Tooltip>\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport default Button;\n"],"names":["Button","React","disabled","className","variant","size","asChild","title","tooltip","tooltipProps","message","props","ref","Comp","Slot","msg","jsx","Tooltip","cn","buttonVariants"],"mappings":";;;;;;;AAUO,MAAMA,IAASC,EAAM;AAAA,EAC1B,CAAC;AAAA,IACE,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,OAAAC,IAAQ;AAAA,IACR,SAAAC;AAAA,IACA,cAAAC,IAAe,CAAA;AAAA,IACf,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GACFC,MAAQ;AACV,UAAMC,IAAOP,IAAUQ,IAAO,UACxBC,IAAML,KAAWF,KAAWD;AAElC,WAAIQ,IAWF,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAIR,KAAgB,CAAA;AAAA,QACrB,MAAMA,EAAa,SAASP,KAAY,CAACa,KAAO,KAAQ;AAAA,QACxD,SAASA;AAAA,QAET,UAAA,gBAAAC;AAAA,UAACH;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,KAAAD;AAAA,YACA,UAAAV;AAAA,YACA,WAAWgB,EAAGC,EAAe,EAAE,SAAAf,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,YACzD,GAAGQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACN;AAAA,IAAA,IArBK,gBAAAK;AAAA,MAACH;AAAA,MAAA;AAAA,QACN,MAAK;AAAA,QACL,KAAAD;AAAA,QACA,UAAAV;AAAA,QACA,WAAWgB,EAAGC,EAAe,EAAE,SAAAf,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,QACzD,GAAGQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAmBV;AACF;AACAX,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 { 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 === 'ghost') {\n    console.warn('Button variant \"ghost\" is deprecated. Please use \"variant=text color=primary\" instead.')\n    vls.variant = 'text'\n    vls.color = 'primary'\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 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        {!!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      </Comp>\n    )\n\n    if (!msg) return cmp\n    return (\n      <Tooltip\n        {...(tooltipProps || {})}\n        open={tooltipProps.open ?? (disabled || !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","cmp","jsxs","cn","buttonVariants","jsx","LoadedIcon","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;AAC9B,MAAGA,MAAS;AACV,kBAAQ,KAAK,6FAA6F,GACpG,IAAI,MAAM,6FAA6F;AAE/G,MAAGD,MAAY;AACb,mBAAQ,KAAK,+FAA+F,GAC5GG,EAAI,UAAU,aACdA,EAAI,QAAQ,WACLA;AAET,MAAGH,MAAY;AACb,mBAAQ,KAAK,8FAA8F,GAC3GG,EAAI,UAAU,YACdA,EAAI,QAAQ,WACLA;AAET,MAAGH,MAAY;AACb,mBAAQ,KAAK,mGAAmG,GAChHG,EAAI,UAAU,aACdA,EAAI,QAAQ,aACLA;AAET,MAAGH,MAAY;AACb,mBAAQ,KAAK,wFAAwF,GACrGG,EAAI,UAAU,QACdA,EAAI,QAAQ,WACLA;AAET,MAAGH,MAAY;AACb,mBAAQ,KAAK,iGAAiG,GAC9GG,EAAI,UAAU,aACdA,EAAI,QAAQ,SACLA;AAET,MAAGH,MAAY;AACb,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,IACJ,gBAAAC;AAAA,MAACJ;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAAb;AAAA,QACA,UAAAC;AAAA,QACA,WAAWiB;AAAA,UACTC,EAAe;AAAA,YACb,GAAG3B,EAA4B,EAAE,SAAAE,GAAS,MAAAC,GAAM,OAAAC,GAAO;AAAA,YACvD,WAAAM;AAAA,UAAA,CACD;AAAA,UACDM,KAAW;AAAA,QAAA;AAAA,QAEZ,GAAGI;AAAA,QAEH,UAAA;AAAA,UAAA,CAAC,CAACF,KACD,gBAAAU,EAACC,GAAA,EAAW,SAAAb,GACT,UAAAE,GACH;AAAA,UAGDD;AAAA,UAEA,CAAC,CAACE,KACD,gBAAAS,EAACC,GAAA,EAAW,SAAAb,GACT,UAAAG,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAKN,WAAKI,IAEH,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACE,GAAIhB,KAAgB,CAAA;AAAA,QACrB,MAAMA,EAAa,SAASL,KAAY,CAACc,KAAO,KAAQ;AAAA,QACxD,SAASA;AAAA,QAER,UAAAC;AAAA,MAAA;AAAA,IAAA,IAPYA;AAAA,EAUnB;AACF;AACAlB,EAAO,cAAc;"}

package/Button/Button.stories.d.ts

@@ -5,4 +5,7 @@ declare const meta: Meta<React.ForwardRefExoticComponent<ButtonProps & React.Ref
 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.stories.d.ts.map

package/Button/Button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../src/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,QAAA,MAAM,IAAI,6FASqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../src/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAA4B,MAAM,OAAO,CAAC;AA4DjD,QAAA,MAAM,IAAI,6FAyBqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAUnC,eAAO,MAAM,OAAO,EAAE,KAAgB,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAoBvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAC"}

package/Button/Button.stories.js

@@ -1,21 +1,136 @@
-import { jsx as a } from "react/jsx-runtime";
-import { Button as t } from "./Button.js";
-const o = (e) => /* @__PURE__ */ a(t, { ...e }), n = {
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { Button as i } from "./Button.js";
+import { PlusIcon as s } from "lucide-react";
+const v = (e) => /* @__PURE__ */ a(i, { ...e }), o = (e) => /* @__PURE__ */ a(
+  "div",
+  {
+    style: {
+      padding: "0px 20px",
+      display: "flex",
+      gap: "32px",
+      alignItems: "flex-start"
+    },
+    children: /* @__PURE__ */ a(
+      "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
+      }
+    )
+  }
+), r = (e) => /* @__PURE__ */ a(
+  "div",
+  {
+    style: {
+      position: "relative",
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    },
+    children: ["default", "hover", "focus", "active", "disabled"].map((t) => /* @__PURE__ */ a(
+      i,
+      {
+        id: t,
+        ...e,
+        disabled: t === "disabled" || e.disabled,
+        children: e.children
+      },
+      t
+    ))
+  }
+), d = ["default", "destructive", "secondary", "ghost", "link"], c = ["primary", "secondary", "error"], f = ["sm", "lg"], g = {
   title: "Button",
-  component: t,
-  render: o,
+  component: i,
+  render: v,
   args: {
-    variant: "default",
-    size: "default",
-    disabled: !1
+    variant: d[0],
+    color: c[0],
+    size: f[0],
+    disabled: !1,
+    asChild: !1
+  },
+  argTypes: {
+    asChild: { control: !1 },
+    variant: { options: d, control: { type: "select" } },
+    color: { options: c, control: { type: "select" } },
+    size: { options: f, control: { type: "select" } }
+  },
+  parameters: {
+    pseudo: {
+      hover: "#hover",
+      focus: "#focus",
+      active: "#active",
+      disabled: "#disabled"
+    }
   }
-}, s = {
+}, l = {
+  disabled: !1,
+  loading: !1,
+  asChild: !1,
+  startAdornment: /* @__PURE__ */ a(s, {}),
+  endAdornment: /* @__PURE__ */ a(s, {}),
+  children: "children"
+}, m = { args: l }, y = {
   args: {
-    children: "Default"
-  }
+    ...l,
+    color: "primary",
+    size: "lg",
+    children: "Створити"
+  },
+  argTypes: {
+    variant: { control: !1 },
+    color: { control: !1 }
+  },
+  render: (e) => /* @__PURE__ */ a("div", { className: "flex", children: /* @__PURE__ */ n(o, { children: [
+    /* @__PURE__ */ a(r, { ...e, variant: "contained" }),
+    /* @__PURE__ */ a(r, { ...e, variant: "outlined" }),
+    /* @__PURE__ */ a(r, { ...e, variant: "text" })
+  ] }) })
+}, u = {
+  args: {
+    ...l,
+    color: "secondary",
+    size: "lg",
+    children: "Створити"
+  },
+  argTypes: {
+    variant: { control: !1 },
+    color: { control: !1 }
+  },
+  render: (e) => /* @__PURE__ */ a("div", { className: "flex", children: /* @__PURE__ */ n(o, { children: [
+    /* @__PURE__ */ a(r, { ...e, variant: "contained" }),
+    /* @__PURE__ */ a(r, { ...e, variant: "outlined" }),
+    /* @__PURE__ */ a(r, { ...e, variant: "text" })
+  ] }) })
+}, b = {
+  args: {
+    ...l,
+    color: "error",
+    size: "lg",
+    children: "Створити"
+  },
+  argTypes: {
+    variant: { control: !1 },
+    color: { control: !1 }
+  },
+  render: (e) => /* @__PURE__ */ a("div", { className: "flex", children: /* @__PURE__ */ n(o, { children: [
+    /* @__PURE__ */ a(r, { ...e, variant: "contained" }),
+    /* @__PURE__ */ a(r, { ...e, variant: "outlined" }),
+    /* @__PURE__ */ a(r, { ...e, variant: "text" })
+  ] }) })
 };
 export {
-  s as Default,
-  n as default
+  m as Default,
+  b as Error,
+  y as Primary,
+  u as Secondary,
+  g as default
 };
 //# sourceMappingURL=Button.stories.js.map

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 type { ButtonProps } from './Button.types';\nimport React from 'react';\n\nconst Template = (props: ButtonProps) => (\n  <Button {...props}/>\n);\n\nconst variants = ['default', 'destructive', 'outline-solid', 'secondary', 'ghost', 'link']\nconst size = ['default', 'sm', 'lg', 'icon']\n\nconst meta = {\n  title: 'Button',\n  component: Button,\n  render: Template,\n  args: {\n    variant: 'default',\n    size: 'default',\n    disabled: false,\n  },\n} satisfies Meta<typeof Button>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  args: {\n    children: 'Default',\n  }\n};\n"],"names":["Template","props","jsx","Button","meta","Default"],"mappings":";;AAMA,MAAMA,IAAW,CAACC,MAChB,gBAAAC,EAACC,GAAA,EAAQ,GAAGF,GAAM,GAMdG,IAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWD;AAAA,EACX,QAAQH;AAAA,EACR,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAEd,GAMaK,IAAiB;AAAA,EAC5B,MAAM;AAAA,IACJ,UAAU;AAAA,EAAA;AAEd;"}
+{"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 type { ButtonProps } from './Button.types';\nimport React, { PropsWithChildren } from 'react';\nimport { PlusIcon } from 'lucide-react'\n\nconst Template = (props: ButtonProps) => (\n  <Button {...props}/>\n);\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}\n        </Button>\n      ))}\n  </div>\n);\n\nconst variants: ButtonProps['variant'][] = [ 'default', 'destructive', 'secondary', 'ghost', 'link' ]\nconst colors: ButtonProps['color'][] = [ 'primary', 'secondary', 'error' ]\nconst sizes: ButtonProps['size'][] = [ 'sm', 'lg' ]\n\nconst meta = {\n  title: 'Button',\n  component: Button,\n  render: Template,\n  args: {\n    variant: variants[0],\n    color: colors[0],\n    size: sizes[0],\n    disabled: false,\n    asChild: false,\n  },\n  argTypes: {\n    asChild: { control: false },\n    variant: { options: variants, control: { type: 'select' } },\n    color: { options: colors, control: { type: 'select' } },\n    size: { options: sizes, control: { type: 'select' } },\n  },\n  parameters: {\n    pseudo: {\n      hover: '#hover',\n      focus: '#focus',\n      active: '#active',\n      disabled: '#disabled',\n    },\n  }\n} satisfies Meta<typeof Button>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\nconst args: Story['args'] = {\n  disabled: false,\n  loading: false,\n  asChild: false,\n  startAdornment: <PlusIcon/>,\n  endAdornment: <PlusIcon/>,\n  children: 'children',\n}\n\nexport const Default: Story = { args };\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='text'/>\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='text'/>\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='text'/>\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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"}

package/Button/Button.types.d.ts

@@ -1,12 +1,13 @@
-import { VariantProps } from 'class-variance-authority';
-import { buttonVariants } from './buttonVariants';
-import { ReactNode } from 'react';
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { ButtonVariantProps } from './buttonVariants';
 import { TooltipProps } from '../Tooltip';
-import * as React from "react";
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants>, Pick<TooltipProps, 'message'> {
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, ButtonVariantProps, Pick<TooltipProps, 'message'> {
+    loading?: boolean;
     asChild?: boolean;
-    /**@deprecated: use message instead*/
+    /**@deprecated: use message instead.  */
     tooltip?: ReactNode;
     tooltipProps?: TooltipProps;
+    startAdornment?: ReactNode;
+    endAdornment?: ReactNode;
 }
 //# sourceMappingURL=Button.types.d.ts.map

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,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IACpE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,qCAAqC;IACrC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B"}
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../src/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAC5D,kBAAkB,EAClB,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B"}

package/Button/buttonVariants.d.ts

@@ -1,5 +1,37 @@
+import { VariantProps } from 'class-variance-authority';
 export declare const buttonVariants: (props?: ({
+    variant?: "link" | "text" | "none" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "transparent" | "contained" | "outlined" | null | undefined;
+    color?: "secondary" | "primary" | "error" | "warning" | "info" | "success" | null | undefined;
+    size?: "icon" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ButtonCVAProps = VariantProps<typeof buttonVariants>;
+type ButtonCVANoVariantProps = Omit<VariantProps<typeof buttonVariants>, 'variant'>;
+type ButtonCVANoSizeProps = Omit<VariantProps<typeof buttonVariants>, 'size'>;
+type ButtonCVAVariants = ButtonCVAProps['variant'];
+/** @deprecated use "variant=contained color=primary" instead */
+type LegacyDefaultVariant = 'default';
+/** @deprecated use "variant=outlined color=primary" instead */
+type LegacyOutlineVariant = 'outline';
+/** @deprecated use "variant=text color=primary" instead */
+type LegacyGhostVariant = 'ghost';
+/** @deprecated use "variant=contained color=secondary" instead */
+type LegacySecondaryVariant = 'secondary';
+/** @deprecated use "variant=contained color=error" instead */
+type LegacyDestructiveVariant = 'destructive';
+/** @deprecated use "?? no implemented yet" instead */
+type LegacyLinkVariant = 'link';
+type ModernVariant = Exclude<ButtonCVAVariants, 'default' | 'outline' | 'ghost' | 'link' | 'secondary' | 'destructive'> | LegacyDefaultVariant | LegacyOutlineVariant | LegacyGhostVariant | LegacySecondaryVariant | LegacyDestructiveVariant | LegacyLinkVariant;
+type ButtonCVASizes = ButtonCVAProps['size'];
+/** @deprecated use "<ButtonIcon/>" instead */
+type LegacyIconSize = 'icon';
+type ModernSize = Exclude<ButtonCVASizes, 'icon'> | LegacyIconSize;
+export interface ButtonVariantProps extends ButtonCVANoVariantProps, ButtonCVANoSizeProps {
+    variant?: ModernVariant;
+    size?: ModernSize;
+}
+export declare const buttonVariants_old: (props?: ({
     variant?: "link" | "none" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "transparent" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export {};
 //# sourceMappingURL=buttonVariants.d.ts.map

package/Button/buttonVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttonVariants.d.ts","sourceRoot":"","sources":["../../src/Button/buttonVariants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;;8EAqC1B,CAAA"}
+{"version":3,"file":"buttonVariants.d.ts","sourceRoot":"","sources":["../../src/Button/buttonVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,cAAc;;;;8EAwJ1B,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAEjE,KAAK,uBAAuB,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,SAAS,CAAC,CAAA;AACnF,KAAK,oBAAoB,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,MAAM,CAAC,CAAA;AAE7E,KAAK,iBAAiB,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;AAEnD,gEAAgE;AAChE,KAAK,oBAAoB,GAAG,SAAS,CAAC;AACtC,+DAA+D;AAC/D,KAAK,oBAAoB,GAAG,SAAS,CAAC;AACtC,2DAA2D;AAC3D,KAAK,kBAAkB,GAAG,OAAO,CAAC;AAClC,kEAAkE;AAClE,KAAK,sBAAsB,GAAG,WAAW,CAAC;AAC1C,8DAA8D;AAC9D,KAAK,wBAAwB,GAAG,aAAa,CAAC;AAC9C,sDAAsD;AACtD,KAAK,iBAAiB,GAAG,MAAM,CAAC;AAEhC,KAAK,aAAa,GACd,OAAO,CAAC,iBAAiB,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,GAClG,oBAAoB,GACpB,oBAAoB,GACpB,kBAAkB,GAClB,sBAAsB,GACtB,wBAAwB,GACxB,iBAAiB,CAAC;AAEtB,KAAK,cAAc,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;AAE7C,8CAA8C;AAC9C,KAAK,cAAc,GAAG,MAAM,CAAC;AAE7B,KAAK,UAAU,GACX,OAAO,CAAC,cAAc,EAAE,MAAM,CAAC,GAC/B,cAAc,CAAC;AAEnB,MAAM,WAAW,kBAAmB,SAAQ,uBAAuB,EAAE,oBAAoB;IACvF,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAGD,eAAO,MAAM,kBAAkB;;;8EAqC9B,CAAA"}

package/Button/buttonVariants.js

@@ -1,5 +1,158 @@
-import { cva as e } from "class-variance-authority";
-const t = e(
+import { cva as t } from "class-variance-authority";
+import { cn as e } from "@oneplatformdev/utils";
+const a = t(
+  [
+    "inline-flex items-center justify-center",
+    "whitespace-nowrap font-medium",
+    "cursor-pointer box-border",
+    "transition-colors focus-visible:outline-hidden focus-visible:ring-none focus-visible:ring-transparent",
+    "disabled:pointer-events-none disabled:cursor-default",
+    "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "deprecated.do_not_use",
+        outline: "deprecated.do_not_use",
+        secondary: "deprecated.do_not_use",
+        ghost: "deprecated.do_not_use",
+        destructive: "deprecated.do_not_use",
+        link: "deprecated.do_not_use",
+        //
+        transparent: "bg-transparent hover:bg-transparent hover:text-accent-foreground",
+        none: "",
+        contained: "",
+        outlined: "",
+        text: ""
+      },
+      color: {
+        primary: "",
+        secondary: "",
+        error: "",
+        warning: "",
+        info: "",
+        success: ""
+      },
+      size: {
+        icon: "deprecated.do_not_use",
+        sm: e(
+          "min-h-8 min-w-[102px] rounded-lg gap-1 px-2 py-1",
+          "text-sm leading-[1.12] [&_svg]:size-6"
+        ),
+        lg: e(
+          "min-h-10 min-w-35 rounded-lg gap-1 px-3 py-2",
+          "text-base leading-normal [&_svg]:size-6"
+        )
+      }
+    },
+    compoundVariants: [
+      // PRIMARY BUTTON VARIANTS
+      {
+        color: "primary",
+        variant: "contained",
+        className: e(
+          "bg-[#9368FF] border border-[#9368FF] text-[#FCFCFC] [&_svg]:text-[#FCFCFC]",
+          "hover:bg-[#7F4EEB]",
+          "focus:bg-[#7F4EEB] focus:border-[#6B3DD9]",
+          "active:bg-[#6B3DD9]",
+          "disabled:bg-[#E8E9EB] disabled:border-[#E8E9EB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
+      },
+      {
+        color: "primary",
+        variant: "outlined",
+        className: e(
+          "bg-transparent border border-[#9368FF] text-[#9368FF] [&_svg]:text-[#9368FF]",
+          "hover:bg-[#9368FF0F]",
+          "active:bg-[#9368FF0F] active:border-[#6B3DD9]",
+          "disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
+      },
+      {
+        color: "primary",
+        variant: "text",
+        className: e(
+          "bg-transparent border border-transparent text-[#9368FF] [&_svg]:text-[#9368FF]",
+          "hover:text-[#6B3DD9] hover:[&_svg]:text-[#6B3DD9]",
+          "focus:text-[#6B3DD9] focus:[&_svg]:text-[#6B3DD9]",
+          "active:bg-[#9368FF0F]",
+          "disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
+      },
+      // SECONDARY BUTTON VARIANTS
+      {
+        color: "secondary",
+        variant: "contained",
+        className: e(
+          "bg-[#FCFCFC] border border-[#E1E1E5] text-[#06080D] [&_svg]:text-[#06080D]",
+          "hover:bg-[#F9FAFB] hover:border-[#E1E1E5]",
+          "focus:bg-[#FCFCFC] focus:border-[#C5C7CD]",
+          "active:bg-[#F9FAFB] active:border-[#C5C7CD]",
+          "disabled:bg-[#FCFCFC] disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
+      },
+      {
+        color: "secondary",
+        variant: "outlined",
+        className: e(
+          "bg-transparent border border-[#E1E1E5] text-[#06080D] [&_svg]:text-[#06080D]",
+          "hover:bg-[#F9FAFB] hover:border-[#E1E1E5]",
+          "focus:bg-[#FCFCFC] focus:border-[#C5C7CD]",
+          "active:bg-[#F9FAFB] active:border-[#C5C7CD]",
+          "disabled:bg-[#FCFCFC] disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
+      },
+      {
+        color: "secondary",
+        variant: "text",
+        className: e(
+          "text-[#06080D] [&_svg]:text-[#06080D] bg-transparent border border-transparent",
+          "hover:bg-[#F9FAFB]",
+          "focus:bg-[#FCFCFC]",
+          "active:bg-[#F9FAFB]",
+          "disabled:bg-[#FCFCFC] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
+      },
+      // ERROR BUTTON VARIANTS
+      {
+        color: "error",
+        variant: "contained",
+        className: e(
+          "bg-[#EF4444] border border-[#EF4444] text-[#FCFCFC] [&_svg]:text-[#FCFCFC]",
+          "hover:bg-[#DC2626]",
+          "focus:bg-[#DC2626]",
+          "active:bg-[#DC2626]",
+          "disabled:bg-[#E8E9EB] disabled:border-[#E8E9EB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
+      },
+      {
+        color: "error",
+        variant: "outlined",
+        className: e(
+          "bg-transparent border border-[#EF4444] text-[#EF4444] [&_svg]:text-[#EF4444]",
+          "hover:bg-[#EF44440F]",
+          "active:bg-[#DC26260F] active:border-[#DC2626]",
+          "disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
+      },
+      {
+        color: "error",
+        variant: "text",
+        className: e(
+          "bg-transparent border border-transparent text-[#EF4444] [&_svg]:text-[#EF4444]",
+          "hover:bg-[#EF44440F] hover:text-[#DC2626] hover:[&_svg]:text-[#DC2626]",
+          "active:bg-[#DC26260F] active:border-[#DC2626]",
+          "disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
+      }
+    ],
+    defaultVariants: {
+      variant: "contained",
+      color: "primary",
+      size: "lg"
+    }
+  }
+), s = t(
   [
     "inline-flex items-center justify-center gap-2",
     "whitespace-nowrap rounded-lg text-sm font-medium",
@@ -34,6 +187,7 @@ const t = e(
   }
 );
 export {
-  t as buttonVariants
+  a as buttonVariants,
+  s as buttonVariants_old
 };
 //# sourceMappingURL=buttonVariants.js.map

package/Button/buttonVariants.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonVariants.js","sources":["../../src/Button/buttonVariants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n// TODO: refactor btn variants | ask me about mnc next pwa\nexport const buttonVariants = cva(\n  [\n    \"inline-flex items-center justify-center gap-2\",\n    \"whitespace-nowrap rounded-lg text-sm font-medium\",\n    \"transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n    'cursor-pointer'\n  ],\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-sm hover:opacity-[.8]\",\n        destructive:\n          \"bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n        transparent: \"bg-transparent hover:bg-transparent hover:text-accent-foreground\",\n        none: \"\",\n      },\n      size: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-8 rounded-md px-3 text-xs [&_svg]:size-4\",\n        lg: \"h-10 px-8 [&_svg]:size-6 px-3 py-2 min-w-35\",\n        icon: \"h-10 w-10 [&_svg]:size-5\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"lg\",\n    },\n  }\n)\n"],"names":["buttonVariants","cva"],"mappings":";AAGO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,aAAa;AAAA,QACb,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}
+{"version":3,"file":"buttonVariants.js","sources":["../../src/Button/buttonVariants.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from \"@oneplatformdev/utils\";\n\nexport const buttonVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    'whitespace-nowrap font-medium',\n    'cursor-pointer box-border',\n    \"transition-colors focus-visible:outline-hidden focus-visible:ring-none focus-visible:ring-transparent\",\n    \"disabled:pointer-events-none disabled:cursor-default\",\n    \"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"deprecated.do_not_use\",\n        outline: \"deprecated.do_not_use\",\n        secondary: \"deprecated.do_not_use\",\n        ghost: \"deprecated.do_not_use\",\n        destructive: \"deprecated.do_not_use\",\n        link: \"deprecated.do_not_use\",\n        //\n        transparent: \"bg-transparent hover:bg-transparent hover:text-accent-foreground\",\n        none: \"\",\n        contained: \"\",\n        outlined: \"\",\n        text: \"\",\n      },\n      color: {\n        primary: '',\n        secondary: '',\n        error: '',\n        warning: '',\n        info: '',\n        success: '',\n      },\n      size: {\n        icon: \"deprecated.do_not_use\",\n        sm: cn(\n          'min-h-8 min-w-[102px] rounded-lg gap-1 px-2 py-1',\n          'text-sm leading-[1.12] [&_svg]:size-6',\n        ),\n        lg: cn(\n          \"min-h-10 min-w-35 rounded-lg gap-1 px-3 py-2\",\n          'text-base leading-normal [&_svg]:size-6',\n        )\n      }\n    },\n    compoundVariants: [\n      // PRIMARY BUTTON VARIANTS\n      {\n        color: 'primary',\n        variant: 'contained',\n        className: cn(\n          'bg-[#9368FF] border border-[#9368FF] text-[#FCFCFC] [&_svg]:text-[#FCFCFC]',\n          'hover:bg-[#7F4EEB]',\n          'focus:bg-[#7F4EEB] focus:border-[#6B3DD9]',\n          'active:bg-[#6B3DD9]',\n          'disabled:bg-[#E8E9EB] disabled:border-[#E8E9EB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\n        ),\n      },\n      {\n        color: 'primary',\n        variant: 'outlined',\n        className: cn(\n          'bg-transparent border border-[#9368FF] text-[#9368FF] [&_svg]:text-[#9368FF]',\n          'hover:bg-[#9368FF0F]',\n          'active:bg-[#9368FF0F] active:border-[#6B3DD9]',\n          'disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\n        ),\n      },\n      {\n        color: 'primary',\n        variant: 'text',\n        className: cn(\n          'bg-transparent border border-transparent text-[#9368FF] [&_svg]:text-[#9368FF]',\n          'hover:text-[#6B3DD9] hover:[&_svg]:text-[#6B3DD9]',\n          'focus:text-[#6B3DD9] focus:[&_svg]:text-[#6B3DD9]',\n          'active:bg-[#9368FF0F]',\n          'disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\n        ),\n      },\n      // SECONDARY BUTTON VARIANTS\n      {\n        color: 'secondary',\n        variant: 'contained',\n        className: cn(\n          'bg-[#FCFCFC] border border-[#E1E1E5] text-[#06080D] [&_svg]:text-[#06080D]',\n          'hover:bg-[#F9FAFB] hover:border-[#E1E1E5]',\n          'focus:bg-[#FCFCFC] focus:border-[#C5C7CD]',\n          'active:bg-[#F9FAFB] active:border-[#C5C7CD]',\n          'disabled:bg-[#FCFCFC] disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\n        ),\n      },\n      {\n        color: 'secondary',\n        variant: 'outlined',\n        className: cn(\n          'bg-transparent border border-[#E1E1E5] text-[#06080D] [&_svg]:text-[#06080D]',\n          'hover:bg-[#F9FAFB] hover:border-[#E1E1E5]',\n          'focus:bg-[#FCFCFC] focus:border-[#C5C7CD]',\n          'active:bg-[#F9FAFB] active:border-[#C5C7CD]',\n          'disabled:bg-[#FCFCFC] disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\n        ),\n      },\n      {\n        color: 'secondary',\n        variant: 'text',\n        className: cn(\n          'text-[#06080D] [&_svg]:text-[#06080D] bg-transparent border border-transparent',\n          'hover:bg-[#F9FAFB]',\n          'focus:bg-[#FCFCFC]',\n          'active:bg-[#F9FAFB]',\n          'disabled:bg-[#FCFCFC] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\n        ),\n      },\n      // ERROR BUTTON VARIANTS\n      {\n        color: 'error',\n        variant: 'contained',\n        className: cn(\n          'bg-[#EF4444] border border-[#EF4444] text-[#FCFCFC] [&_svg]:text-[#FCFCFC]',\n          'hover:bg-[#DC2626]',\n          'focus:bg-[#DC2626]',\n          'active:bg-[#DC2626]',\n          'disabled:bg-[#E8E9EB] disabled:border-[#E8E9EB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\n        ),\n      },\n      {\n        color: 'error',\n        variant: 'outlined',\n        className: cn(\n          'bg-transparent border border-[#EF4444] text-[#EF4444] [&_svg]:text-[#EF4444]',\n          'hover:bg-[#EF44440F]',\n          'active:bg-[#DC26260F] active:border-[#DC2626]',\n          'disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\n        ),\n      },\n      {\n        color: 'error',\n        variant: 'text',\n        className: cn(\n          'bg-transparent border border-transparent text-[#EF4444] [&_svg]:text-[#EF4444]',\n          'hover:bg-[#EF44440F] hover:text-[#DC2626] hover:[&_svg]:text-[#DC2626]',\n          'active:bg-[#DC26260F] active:border-[#DC2626]',\n          'disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\n        ),\n      },\n    ],\n    defaultVariants: {\n      variant: 'contained',\n      color: 'primary',\n      size: 'lg',\n    },\n  }\n)\n\nexport type ButtonCVAProps = VariantProps<typeof buttonVariants>;\n\ntype ButtonCVANoVariantProps = Omit<VariantProps<typeof buttonVariants>, 'variant'>\ntype ButtonCVANoSizeProps = Omit<VariantProps<typeof buttonVariants>, 'size'>\n\ntype ButtonCVAVariants = ButtonCVAProps['variant'];\n\n/** @deprecated use \"variant=contained color=primary\" instead */\ntype LegacyDefaultVariant = 'default';\n/** @deprecated use \"variant=outlined color=primary\" instead */\ntype LegacyOutlineVariant = 'outline';\n/** @deprecated use \"variant=text color=primary\" instead */\ntype LegacyGhostVariant = 'ghost';\n/** @deprecated use \"variant=contained color=secondary\" instead */\ntype LegacySecondaryVariant = 'secondary';\n/** @deprecated use \"variant=contained color=error\" instead */\ntype LegacyDestructiveVariant = 'destructive';\n/** @deprecated use \"?? no implemented yet\" instead */\ntype LegacyLinkVariant = 'link';\n\ntype ModernVariant =\n  | Exclude<ButtonCVAVariants, 'default' | 'outline' | 'ghost' | 'link' | 'secondary' | 'destructive'>\n  | LegacyDefaultVariant\n  | LegacyOutlineVariant\n  | LegacyGhostVariant\n  | LegacySecondaryVariant\n  | LegacyDestructiveVariant\n  | LegacyLinkVariant;\n\ntype ButtonCVASizes = ButtonCVAProps['size'];\n\n/** @deprecated use \"<ButtonIcon/>\" instead */\ntype LegacyIconSize = 'icon';\n\ntype ModernSize =\n  | Exclude<ButtonCVASizes, 'icon'>\n  | LegacyIconSize;\n\nexport interface ButtonVariantProps extends ButtonCVANoVariantProps, ButtonCVANoSizeProps {\n  variant?: ModernVariant;\n  size?: ModernSize\n}\n\n// TODO: refactor btn variants | ask me about mnc next pwa\nexport const buttonVariants_old = cva(\n  [\n    \"inline-flex items-center justify-center gap-2\",\n    \"whitespace-nowrap rounded-lg text-sm font-medium\",\n    \"transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n    'cursor-pointer'\n  ],\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-sm hover:opacity-[.8]\",\n        destructive:\n          \"bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n        transparent: \"bg-transparent hover:bg-transparent hover:text-accent-foreground\",\n        none: \"\",\n      },\n      size: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-8 rounded-md px-3 text-xs [&_svg]:size-4\",\n        lg: \"h-10 px-8 [&_svg]:size-6 px-3 py-2 min-w-35\",\n        icon: \"h-10 w-10 [&_svg]:size-5\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"lg\",\n    },\n  }\n)\n"],"names":["buttonVariants","cva","cn","buttonVariants_old"],"mappings":"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"}