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

package/Button/Button.stories.js

@@ -1,8 +1,8 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { Button as e } from "./Button.js";
-import { FileDownIcon as m, Trash2Icon as p, PlusIcon as n } from "lucide-react";
+import { Button as o } from "./Button.js";
+import { FileDownIcon as m, Trash2Icon as u, PlusIcon as n } from "lucide-react";
 import { DashedWrapper as a } from "../.storybook/Wrappers.js";
-const r = (o) => /* @__PURE__ */ t(
+const r = (e) => /* @__PURE__ */ t(
   "div",
   {
     style: {
@@ -12,30 +12,28 @@ const r = (o) => /* @__PURE__ */ t(
       gap: "16px"
     },
     children: ["default", "hover", "focus", "active", "disabled", "loading"].map((l) => /* @__PURE__ */ t(
-      e,
+      o,
       {
         id: l,
-        ...o,
-        disabled: l === "disabled" || o.disabled,
-        loading: l === "loading" || o.loading,
-        children: o.children
+        ...e,
+        disabled: l === "disabled" || e.disabled,
+        loading: l === "loading" || e.loading,
+        children: e.children
       },
       l
     ))
   }
-), u = ["none", "contained", "outlined", "ghost"], g = ["primary", "secondary", "error"], f = ["xs", "sm", "md", "lg"], h = "contained", y = "primary", v = "lg", s = {
+), p = ["none", "contained", "outlined", "ghost", "text"], g = ["primary", "secondary", "error"], f = ["xs", "sm", "md", "lg"], h = "contained", y = "primary", v = "lg", s = {
   undefined: void 0,
   "<PlusIcon />": /* @__PURE__ */ t(n, {}),
-  "<Trash2Icon />": /* @__PURE__ */ t(p, {}),
+  "<Trash2Icon />": /* @__PURE__ */ t(u, {}),
   "<FileDownIcon />": /* @__PURE__ */ t(m, {}),
   PlusIcon: n,
-  Trash2Icon: p,
+  Trash2Icon: u,
   FileDownIcon: m
 }, d = {
-  // title: 'Components/Button/Button',
-  // title: 'ui/Button',
   title: "Button",
-  component: e,
+  component: o,
   // render: Template,
   args: {
     tooltip: void 0,
@@ -58,14 +56,14 @@ const r = (o) => /* @__PURE__ */ t(
       control: !1
     },
     asChild: {
-      name: "tooltip",
+      name: "asChild",
       description: "Button asChild from ButtonProps [boolean]",
       control: !1
     },
     variant: {
       name: "variant",
       description: "Button variant from ButtonProps",
-      options: u,
+      options: p,
       control: { type: "inline-radio" }
     },
     color: {
@@ -115,13 +113,7 @@ const r = (o) => /* @__PURE__ */ t(
       control: { type: "object" }
     }
   },
-  tags: ["autodocs"],
   parameters: {
-    docs: {
-      description: {
-        component: "Universal button component with variants, icons and tooltip support."
-      }
-    },
     pseudo: {
       hover: "#hover",
       focus: "#focus",
@@ -134,17 +126,17 @@ const r = (o) => /* @__PURE__ */ t(
   startAdornment: /* @__PURE__ */ t(n, {}),
   endAdornment: /* @__PURE__ */ t(n, {}),
   children: "children"
-}, D = {
+}, x = {
   args: {
     ...d.args,
     children: "_children_"
   }
-}, x = {
-  render: (o) => /* @__PURE__ */ i(a, { children: [
-    /* @__PURE__ */ t(e, { ...o }),
-    /* @__PURE__ */ t(e, { ...o, startAdornment: /* @__PURE__ */ t(n, {}) }),
-    /* @__PURE__ */ t(e, { ...o, startAdornment: /* @__PURE__ */ t(n, {}), endAdornment: /* @__PURE__ */ t(n, {}) }),
-    /* @__PURE__ */ t(e, { ...o, endAdornment: /* @__PURE__ */ t(n, {}) })
+}, D = {
+  render: (e) => /* @__PURE__ */ i(a, { children: [
+    /* @__PURE__ */ t(o, { ...e }),
+    /* @__PURE__ */ t(o, { ...e, startAdornment: /* @__PURE__ */ t(n, {}) }),
+    /* @__PURE__ */ t(o, { ...e, startAdornment: /* @__PURE__ */ t(n, {}), endAdornment: /* @__PURE__ */ t(n, {}) }),
+    /* @__PURE__ */ t(o, { ...e, endAdornment: /* @__PURE__ */ t(n, {}) })
   ] }),
   args: {
     ...d.args,
@@ -152,59 +144,59 @@ const r = (o) => /* @__PURE__ */ t(
     children: "disabled"
   }
 }, S = {
-  render: (o) => /* @__PURE__ */ i(a, { children: [
-    /* @__PURE__ */ t(e, { ...o }),
-    /* @__PURE__ */ t(e, { ...o, startAdornment: /* @__PURE__ */ t(n, {}) }),
-    /* @__PURE__ */ t(e, { ...o, startAdornment: /* @__PURE__ */ t(n, {}), endAdornment: /* @__PURE__ */ t(n, {}) }),
-    /* @__PURE__ */ t(e, { ...o, endAdornment: /* @__PURE__ */ t(n, {}) })
+  render: (e) => /* @__PURE__ */ i(a, { children: [
+    /* @__PURE__ */ t(o, { ...e }),
+    /* @__PURE__ */ t(o, { ...e, startAdornment: /* @__PURE__ */ t(n, {}) }),
+    /* @__PURE__ */ t(o, { ...e, startAdornment: /* @__PURE__ */ t(n, {}), endAdornment: /* @__PURE__ */ t(n, {}) }),
+    /* @__PURE__ */ t(o, { ...e, endAdornment: /* @__PURE__ */ t(n, {}) })
   ] }),
   args: {
     children: "Loading…",
     loading: !0
   }
 }, G = {
-  render: (o) => /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
+  render: (e) => /* @__PURE__ */ t(a, { children: /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
     /* @__PURE__ */ t(
-      e,
+      o,
       {
-        ...o,
+        ...e,
         title: "delayDuration: 0",
         tooltipProps: { delayDuration: 0 },
         children: "delayDuration: 0"
       }
     ),
     /* @__PURE__ */ t(
-      e,
+      o,
       {
-        ...o,
+        ...e,
         title: "delayDuration: 300 [default]",
         tooltipProps: { delayDuration: 300 },
         children: "delayDuration: 300"
       }
     ),
     /* @__PURE__ */ t(
-      e,
+      o,
       {
-        ...o,
+        ...e,
         title: "delayDuration: 700",
         tooltipProps: { delayDuration: 700 },
         children: "delayDuration: 700"
       }
     ),
-    /* @__PURE__ */ t(e, { ...o, title: "title_string", children: "title" }),
-    /* @__PURE__ */ t(e, { ...o, message: "message_string", children: "message: string" }),
+    /* @__PURE__ */ t(o, { ...e, title: "title_string", children: "title" }),
+    /* @__PURE__ */ t(o, { ...e, message: "message_string", children: "message: string" }),
     /* @__PURE__ */ t(
-      e,
+      o,
       {
-        ...o,
+        ...e,
         message: /* @__PURE__ */ t("span", { children: "message_node_span" }),
         children: "message: ReactNode"
       }
     ),
     /* @__PURE__ */ t(
-      e,
+      o,
       {
-        ...o,
+        ...e,
         message: "message_string",
         tooltipProps: {
           showQuestionMark: !0
@@ -212,7 +204,7 @@ const r = (o) => /* @__PURE__ */ t(
         children: "showQuestionMark: true"
       }
     )
-  ] }),
+  ] }) }),
   args: {
     children: "tooltips",
     tooltipProps: {
@@ -230,10 +222,11 @@ const r = (o) => /* @__PURE__ */ t(
     variant: { control: !1 },
     color: { control: !1 }
   },
-  render: (o) => /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ i(a, { children: [
-    /* @__PURE__ */ t(r, { ...o, variant: "contained" }),
-    /* @__PURE__ */ t(r, { ...o, variant: "outlined" }),
-    /* @__PURE__ */ t(r, { ...o, variant: "ghost" })
+  render: (e) => /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ i(a, { children: [
+    /* @__PURE__ */ t(r, { ...e, variant: "contained" }),
+    /* @__PURE__ */ t(r, { ...e, variant: "outlined" }),
+    /* @__PURE__ */ t(r, { ...e, variant: "ghost" }),
+    /* @__PURE__ */ t(r, { ...e, variant: "text" })
   ] }) })
 }, T = {
   args: {
@@ -246,10 +239,11 @@ const r = (o) => /* @__PURE__ */ t(
     variant: { control: !1 },
     color: { control: !1 }
   },
-  render: (o) => /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ i(a, { children: [
-    /* @__PURE__ */ t(r, { ...o, variant: "contained" }),
-    /* @__PURE__ */ t(r, { ...o, variant: "outlined" }),
-    /* @__PURE__ */ t(r, { ...o, variant: "ghost" })
+  render: (e) => /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ i(a, { children: [
+    /* @__PURE__ */ t(r, { ...e, variant: "contained" }),
+    /* @__PURE__ */ t(r, { ...e, variant: "outlined" }),
+    /* @__PURE__ */ t(r, { ...e, variant: "ghost" }),
+    /* @__PURE__ */ t(r, { ...e, variant: "text" })
   ] }) })
 }, _ = {
   args: {
@@ -262,15 +256,16 @@ const r = (o) => /* @__PURE__ */ t(
     variant: { control: !1 },
     color: { control: !1 }
   },
-  render: (o) => /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ i(a, { children: [
-    /* @__PURE__ */ t(r, { ...o, variant: "contained" }),
-    /* @__PURE__ */ t(r, { ...o, variant: "outlined" }),
-    /* @__PURE__ */ t(r, { ...o, variant: "ghost" })
+  render: (e) => /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ i(a, { children: [
+    /* @__PURE__ */ t(r, { ...e, variant: "contained" }),
+    /* @__PURE__ */ t(r, { ...e, variant: "outlined" }),
+    /* @__PURE__ */ t(r, { ...e, variant: "ghost" }),
+    /* @__PURE__ */ t(r, { ...e, variant: "text" })
   ] }) })
 };
 export {
-  D as Default,
-  x as Disabled,
+  x as Default,
+  D as Disabled,
   _ as Error,
   S as Loading,
   V as Primary,

package/Button/Button.stories.js.map

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

package/Button/Button.types.d.ts

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

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

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

package/Button/Button.utils.d.ts

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

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

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

package/Button/Button.utils.js

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

package/Button/Button.utils.js.map

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

package/Button/ButtonCounterBadge.d.ts

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

package/Button/ButtonCounterBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonCounterBadge.d.ts","sourceRoot":"","sources":["../../src/Button/ButtonCounterBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAmC,MAAM,gBAAgB,CAAC;AAC3F,OAAO,EAAE,KAAK,mBAAmB,EAAuB,MAAM,kBAAkB,CAAC;AAGjF,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,OAAO,CAAC,EAAE,wBAAwB,CAAC;CACpC;AAgBD,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,mDAchE,CAAA"}

package/Button/ButtonCounterBadge.js

@@ -0,0 +1,20 @@
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { buttonBadgeVariants as c } from "./buttonVariants.js";
+import { cn as u } from "@oneplatformdev/utils";
+const a = (t) => t ? typeof t == "number" ? { count: t } : t : null, o = 99, l = (t) => Math.max(0, Math.min(t || 0, o)), m = (t) => t > o, x = (t) => {
+  const { counter: r, ...e } = t, n = a(r);
+  return n?.count ? /* @__PURE__ */ i(
+    "div",
+    {
+      className: u(c({ ...e })),
+      children: [
+        l(n.count),
+        m(n.count) && /* @__PURE__ */ s("span", { className: "relative -top-[0.5px]", children: "+" })
+      ]
+    }
+  ) : null;
+};
+export {
+  x as ButtonCounterBadge
+};
+//# sourceMappingURL=ButtonCounterBadge.js.map

package/Button/ButtonCounterBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonCounterBadge.js","sources":["../../src/Button/ButtonCounterBadge.tsx"],"sourcesContent":["import { ButtonCounterBadgeReader, ButtonCounterBadgeReaderOptions } from \"./Button.types\";\r\nimport { type ButtonBadgeCVAProps, buttonBadgeVariants } from \"./buttonVariants\";\r\nimport { cn } from \"@oneplatformdev/utils\";\r\n\r\nexport interface ButtonCounterBadgeProps extends ButtonBadgeCVAProps {\r\n  counter?: ButtonCounterBadgeReader;\r\n}\r\n\r\nconst normalizeCounter = (counter: ButtonCounterBadgeReader): ButtonCounterBadgeReaderOptions | null => {\r\n  if(!counter) return null\r\n  if(typeof counter === 'number') return { count: counter };\r\n  return counter;\r\n}\r\n\r\nconst MIN_COUNT = 99;\r\nconst normalizeCount = (count: number): number => {\r\n  const c = count || 0;\r\n  return Math.max(0, Math.min(c, MIN_COUNT));\r\n}\r\n\r\nconst isOverflown = (count: number): boolean => count > MIN_COUNT\r\n\r\nexport const ButtonCounterBadge = (props: ButtonCounterBadgeProps) => {\r\n  const {counter: initializeCounter, ...rest} = props;\r\n  const counter = normalizeCounter(initializeCounter);\r\n  if(!counter?.count) return null;\r\n  return (\r\n    <div\r\n      className={cn(buttonBadgeVariants({ ...rest }))}\r\n    >\r\n      {normalizeCount(counter.count)}\r\n      {isOverflown(counter.count) && (\r\n        <span className=\"relative -top-[0.5px]\">+</span>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n"],"names":["normalizeCounter","counter","MIN_COUNT","normalizeCount","count","isOverflown","ButtonCounterBadge","props","initializeCounter","rest","jsxs","cn","buttonBadgeVariants"],"mappings":";;;AAQA,MAAMA,IAAmB,CAACC,MACpBA,IACD,OAAOA,KAAY,WAAiB,EAAE,OAAOA,EAAA,IACzCA,IAFa,MAKhBC,IAAY,IACZC,IAAiB,CAACC,MAEf,KAAK,IAAI,GAAG,KAAK,IADdA,KAAS,GACYF,CAAS,CAAC,GAGrCG,IAAc,CAACD,MAA2BA,IAAQF,GAE3CI,IAAqB,CAACC,MAAmC;AACpE,QAAM,EAAC,SAASC,GAAmB,GAAGC,MAAQF,GACxCN,IAAUD,EAAiBQ,CAAiB;AAClD,SAAIP,GAAS,QAEX,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGC,EAAoB,EAAE,GAAGH,EAAA,CAAM,CAAC;AAAA,MAE7C,UAAA;AAAA,QAAAN,EAAeF,EAAQ,KAAK;AAAA,QAC5BI,EAAYJ,EAAQ,KAAK,uBACvB,QAAA,EAAK,WAAU,yBAAwB,UAAA,IAAA,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAPpB;AAW7B;"}

package/Button/buttonVariants.d.ts

@@ -1,25 +1,16 @@
 import { VariantProps } from 'class-variance-authority';
 export declare const buttonVariants: (props?: ({
-    variant?: "none" | "default" | "destructive" | "outline" | "secondary" | "contained" | "outlined" | "ghost" | null | undefined;
-    color?: "secondary" | "primary" | "error" | null | undefined;
+    variant?: "text" | "none" | "contained" | "outlined" | "ghost" | null | undefined;
+    color?: "primary" | "secondary" | "error" | null | undefined;
     size?: "xs" | "sm" | "md" | "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 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';
-type ModernVariant = Exclude<ButtonCVAVariants, 'default' | 'outline' | 'ghost' | 'secondary' | 'destructive'> | LegacyDefaultVariant | LegacyOutlineVariant | LegacyGhostVariant | LegacySecondaryVariant | LegacyDestructiveVariant;
-export interface ButtonVarianceProps extends ButtonCVANoVariantProps {
-    variant?: ModernVariant;
-}
-export {};
+export type ButtonVarianceProps = VariantProps<typeof buttonVariants>;
+export declare const buttonBadgeVariants: (props?: ({
+    variant?: "text" | "none" | "contained" | "outlined" | "ghost" | null | undefined;
+    color?: "primary" | "secondary" | "error" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+    rounded?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ButtonBadgeCVAProps = VariantProps<typeof buttonBadgeVariants>;
 //# 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":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,cAAc;;;;8EAmJ1B,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;AAEnF,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;AAE9C,KAAK,aAAa,GACd,OAAO,CAAC,iBAAiB,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,aAAa,CAAC,GACzF,oBAAoB,GACpB,oBAAoB,GACpB,kBAAkB,GAClB,sBAAsB,GACtB,wBAAwB,CAAC;AAE7B,MAAM,WAAW,mBAAoB,SAAQ,uBAAuB;IAClE,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB"}
+{"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;;;;8EA8K1B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAEtE,eAAO,MAAM,mBAAmB;;;;;;8EAqE/B,CAAA;AACD,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}