@oneplatformdev/ui 0.1.10-95 → 0.1.11-0

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":";;;AAOA,MAAMA,IAAW,CAACC,MAChB,gBAAAC,EAACC,GAAA,EAAQ,GAAGF,GAAM,GAGdG,IAAgB,CAACH,MAEnB,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,GAKAI,IAAS,CAACJ,MACd,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAO;AAAA,MACL,UAAU;AAAA,MACV,SAAS;AAAA,MACT,eAAe;AAAA,MACf,KAAK;AAAA,IAAA;AAAA,IAGN,UAAA,CAAE,WAAW,SAAS,SAAS,UAAU,UAAW,EAClD,IAAI,CAACI,MACJ,gBAAAJ;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,IAAIG;AAAA,QACH,GAAGL;AAAA,QACJ,UAAUK,MAAU,cAAcL,EAAM;AAAA,QAEvC,UAAAA,EAAM;AAAA,MAAA;AAAA,MALFK;AAAA,IAAA,CAOR;AAAA,EAAA;AACL,GAGIC,IAAqC,CAAE,WAAW,eAAe,aAAa,SAAS,MAAO,GAC9FC,IAAiC,CAAE,WAAW,aAAa,OAAQ,GACnEC,IAA+B,CAAE,MAAM,IAAK,GAE5CC,IAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWP;AAAA,EACX,QAAQH;AAAA,EACR,MAAM;AAAA,IACJ,SAASO,EAAS,CAAC;AAAA,IACnB,OAAOC,EAAO,CAAC;AAAA,IACf,MAAMC,EAAM,CAAC;AAAA,IACb,UAAU;AAAA,IACV,SAAS;AAAA,EAAA;AAAA,EAEX,UAAU;AAAA,IACR,SAAS,EAAE,SAAS,GAAA;AAAA,IACpB,SAAS,EAAE,SAASF,GAAU,SAAS,EAAE,MAAM,WAAS;AAAA,IACxD,OAAO,EAAE,SAASC,GAAQ,SAAS,EAAE,MAAM,WAAS;AAAA,IACpD,MAAM,EAAE,SAASC,GAAO,SAAS,EAAE,MAAM,WAAS;AAAA,EAAE;AAAA,EAEtD,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ,GAKME,IAAsB;AAAA,EAC1B,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,kCAAiBC,GAAA,EAAQ;AAAA,EACzB,gCAAeA,GAAA,EAAQ;AAAA,EACvB,UAAU;AACZ,GAEaC,IAAiB,EAAE,MAAAF,EAAA,GAEnBG,IAAiB;AAAA,EAC5B,MAAM;AAAA,IACJ,GAAGH;AAAA,IACH,OAAO;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAAA,EAEZ,UAAU;AAAA,IACR,SAAS,EAAE,SAAS,GAAA;AAAA,IACpB,OAAO,EAAE,SAAS,GAAA;AAAA,EAAM;AAAA,EAE1B,QAAQ,CAACV,MACP,gBAAAC,EAAC,SAAI,WAAU,QACb,4BAACE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAF,EAACG,GAAA,EAAQ,GAAGJ,GAAO,SAAQ,YAAA,CAAW;AAAA,IACtC,gBAAAC,EAACG,GAAA,EAAQ,GAAGJ,GAAO,SAAQ,WAAA,CAAU;AAAA,IACrC,gBAAAC,EAACG,GAAA,EAAQ,GAAGJ,GAAO,SAAQ,OAAA,CAAM;AAAA,EAAA,EAAA,CACnC,EAAA,CACF;AAEJ,GAEac,IAAmB;AAAA,EAC9B,MAAM;AAAA,IACJ,GAAGJ;AAAA,IACH,OAAO;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAAA,EAEZ,UAAU;AAAA,IACR,SAAS,EAAE,SAAS,GAAA;AAAA,IACpB,OAAO,EAAE,SAAS,GAAA;AAAA,EAAM;AAAA,EAE1B,QAAQ,CAACV,MACP,gBAAAC,EAAC,SAAI,WAAU,QACb,4BAACE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAF,EAACG,GAAA,EAAQ,GAAGJ,GAAO,SAAQ,YAAA,CAAW;AAAA,IACtC,gBAAAC,EAACG,GAAA,EAAQ,GAAGJ,GAAO,SAAQ,WAAA,CAAU;AAAA,IACrC,gBAAAC,EAACG,GAAA,EAAQ,GAAGJ,GAAO,SAAQ,OAAA,CAAM;AAAA,EAAA,EAAA,CACnC,EAAA,CACF;AAEJ,GAEae,IAAe;AAAA,EAC1B,MAAM;AAAA,IACJ,GAAGL;AAAA,IACH,OAAO;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAAA,EAEZ,UAAU;AAAA,IACR,SAAS,EAAE,SAAS,GAAA;AAAA,IACpB,OAAO,EAAE,SAAS,GAAA;AAAA,EAAM;AAAA,EAE1B,QAAQ,CAACV,MACP,gBAAAC,EAAC,SAAI,WAAU,QACb,4BAACE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAF,EAACG,GAAA,EAAQ,GAAGJ,GAAO,SAAQ,YAAA,CAAW;AAAA,IACtC,gBAAAC,EAACG,GAAA,EAAQ,GAAGJ,GAAO,SAAQ,WAAA,CAAU;AAAA,IACrC,gBAAAC,EAACG,GAAA,EAAQ,GAAGJ,GAAO,SAAQ,OAAA,CAAM;AAAA,EAAA,EAAA,CACnC,EAAA,CACF;AAEJ;"}

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",
@@ -23,7 +176,7 @@ const t = e(
       size: {
         default: "h-10 px-4 py-2",
         sm: "h-8 rounded-md px-3 text-xs [&_svg]:size-4",
-        lg: "h-10 px-8 [&_svg]:size-5 px-3 py-2",
+        lg: "h-10 px-8 [&_svg]:size-6 px-3 py-2 min-w-35",
         icon: "h-10 w-10 [&_svg]:size-5"
       }
     },
@@ -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-5 px-3 py-2\",\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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"}

package/Button/index.js

@@ -1,8 +1,9 @@
-import { Button as r, Button as a } from "./Button.js";
-import { buttonVariants as u } from "./buttonVariants.js";
+import { Button as a, Button as n } from "./Button.js";
+import { buttonVariants as u, buttonVariants_old as e } from "./buttonVariants.js";
 export {
-  r as Button,
+  a as Button,
   u as buttonVariants,
-  a as default
+  e as buttonVariants_old,
+  n as default
 };
 //# sourceMappingURL=index.js.map

package/ButtonIcon/buttonIconVariants.d.ts

@@ -1,7 +1,7 @@
 export declare const buttonIconVariants: (props?: ({
     variant?: "link" | "ghost" | "contained" | "outlined" | null | undefined;
     color?: "disabled" | "secondary" | "primary" | "error" | "success" | null | undefined;
-    size?: "sm" | "lg" | "icon" | "md" | null | undefined;
+    size?: "icon" | "sm" | "lg" | "md" | null | undefined;
     disabled?: boolean | null | undefined;
     rounded?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;