@oneplatformdev/ui 0.1.99-beta.27 → 0.1.99-beta.270

package/Button/Button.js.map

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

package/Button/Button.stories.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import { Button as o } from "./Button.js";
-import { FileDownIcon as m, Trash2Icon as p, PlusIcon as n } from "lucide-react";
+import { FileDownIcon as m, Trash2Icon as u, PlusIcon as n } from "lucide-react";
 import { DashedWrapper as a } from "../.storybook/Wrappers.js";
 const r = (e) => /* @__PURE__ */ t(
   "div",
@@ -23,13 +23,13 @@ const r = (e) => /* @__PURE__ */ t(
       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: "Button",
@@ -63,7 +63,7 @@ const r = (e) => /* @__PURE__ */ t(
     variant: {
       name: "variant",
       description: "Button variant from ButtonProps",
-      options: u,
+      options: p,
       control: { type: "inline-radio" }
     },
     color: {
@@ -126,12 +126,12 @@ const r = (e) => /* @__PURE__ */ t(
   startAdornment: /* @__PURE__ */ t(n, {}),
   endAdornment: /* @__PURE__ */ t(n, {}),
   children: "children"
-}, D = {
+}, x = {
   args: {
     ...d.args,
     children: "_children_"
   }
-}, x = {
+}, D = {
   render: (e) => /* @__PURE__ */ i(a, { children: [
     /* @__PURE__ */ t(o, { ...e }),
     /* @__PURE__ */ t(o, { ...e, startAdornment: /* @__PURE__ */ t(n, {}) }),
@@ -225,7 +225,8 @@ const r = (e) => /* @__PURE__ */ t(
   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: "ghost" }),
+    /* @__PURE__ */ t(r, { ...e, variant: "text" })
   ] }) })
 }, T = {
   args: {
@@ -241,7 +242,8 @@ const r = (e) => /* @__PURE__ */ t(
   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: "ghost" }),
+    /* @__PURE__ */ t(r, { ...e, variant: "text" })
   ] }) })
 }, _ = {
   args: {
@@ -257,12 +259,13 @@ const r = (e) => /* @__PURE__ */ t(
   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: "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';\r\n\r\nimport { Button } from './Button';\r\nimport { ButtonProps } from './Button.types';\r\nimport React from 'react';\r\nimport { PlusIcon, Trash2Icon, FileDownIcon } from 'lucide-react';\r\nimport { DashedWrapper } from \"../../.storybook/Wrappers\";\r\n\r\nconst States = (props: ButtonProps) => (\r\n  <div\r\n    style={{\r\n      position: 'relative',\r\n      display: 'flex',\r\n      flexDirection: 'column',\r\n      gap: '16px',\r\n    }}\r\n  >\r\n    {[ 'default', 'hover', 'focus', 'active', 'disabled', 'loading' ]\r\n      .map((state) => (\r\n        <Button\r\n          key={state}\r\n          id={state}\r\n          {...props}\r\n          disabled={state === 'disabled' || props.disabled}\r\n          loading={state === 'loading' || props.loading}\r\n        >\r\n          {props.children}\r\n        </Button>\r\n      ))}\r\n  </div>\r\n);\r\n\r\nconst variants: ButtonProps['variant'][] = [ 'none', 'contained', 'outlined', 'ghost' ]\r\nconst colors: ButtonProps['color'][] = [ 'primary', 'secondary', 'error' ]\r\nconst sizes: ButtonProps['size'][] = [ 'xs', 'sm', 'md', 'lg' ]\r\n\r\nconst variant_default: ButtonProps['variant'] = 'contained';\r\nconst color_default: ButtonProps['color'] = 'primary';\r\nconst size_default: ButtonProps['size'] = 'lg';\r\n\r\nconst iconMap = {\r\n  'undefined': undefined,\r\n  \"<PlusIcon />\": <PlusIcon/>,\r\n  \"<Trash2Icon />\": <Trash2Icon/>,\r\n  \"<FileDownIcon />\": <FileDownIcon/>,\r\n  PlusIcon: PlusIcon,\r\n  Trash2Icon: Trash2Icon,\r\n  FileDownIcon: FileDownIcon,\r\n};\r\n\r\nconst meta = {\r\n  title: 'Button',\r\n  component: Button,\r\n  // render: Template,\r\n  args: {\r\n    tooltip: undefined,\r\n    asChild: false,\r\n    //\r\n    variant: variant_default,\r\n    color: color_default,\r\n    size: size_default,\r\n    loading: false,\r\n    disabled: false,\r\n    startAdornment: undefined,\r\n    endAdornment: undefined,\r\n    slotProps: {},\r\n    tooltipProps: {}\r\n  },\r\n  argTypes: {\r\n    tooltip: {\r\n      name: 'tooltip',\r\n      description: 'Button tooltip from ButtonProps [deprecated, use title and message instead]',\r\n      control: false,\r\n    },\r\n    asChild: {\r\n      name: 'asChild',\r\n      description: 'Button asChild from ButtonProps [boolean]',\r\n      control: false\r\n    },\r\n    variant: {\r\n      name: 'variant',\r\n      description: 'Button variant from ButtonProps',\r\n      options: variants,\r\n      control: { type: 'inline-radio', }\r\n    },\r\n    color: {\r\n      name: 'color',\r\n      description: 'Button color from ButtonProps',\r\n      options: colors,\r\n      control: { type: 'inline-radio' }\r\n    },\r\n    size: {\r\n      name: 'size',\r\n      description: 'Button size from ButtonProps',\r\n      options: sizes,\r\n      control: { type: 'inline-radio' }\r\n    },\r\n    title: {\r\n      name: 'title',\r\n      description: \"Button tooltip title from HTMLAttributes<HTMLButtonElement> [string only]\",\r\n      control: { type: 'text' },\r\n    },\r\n    message: {\r\n      name: 'message',\r\n      description: 'Button tooltip message from ButtonProps [ReactNode]',\r\n      control: { type: \"object\" },\r\n    },\r\n    startAdornment: {\r\n      name: 'startAdornment',\r\n      description: 'Button startAdornment from ButtonProps [`undefined` | `ComponentType<SVGProps<SVGSVGElement>>` | `ReactElement<SVGProps<SVGSVGElement>>`]',\r\n      options: Object.keys(iconMap),\r\n      mapping: iconMap,\r\n      control: { type: 'inline-radio' },\r\n    },\r\n    endAdornment: {\r\n      name: 'endAdornment',\r\n      description: 'Button endAdornment from ButtonProps [`undefined` | `ComponentType<SVGProps<SVGSVGElement>>` | `ReactElement<SVGProps<SVGSVGElement>>`]',\r\n      options: Object.keys(iconMap),\r\n      mapping: iconMap,\r\n      control: { type: 'inline-radio' },\r\n    },\r\n    slotProps: {\r\n      name: 'slotProps',\r\n      description: 'Button slotProps from ButtonProps [object]',\r\n      control: { type: \"object\" },\r\n    },\r\n    tooltipProps: {\r\n      name: 'tooltipProps',\r\n      description: 'Button tooltipProps from ButtonProps [object]',\r\n      control: { type: \"object\" },\r\n    },\r\n  },\r\n  parameters: {\r\n    pseudo: {\r\n      hover: '#hover',\r\n      focus: '#focus',\r\n      active: '#active',\r\n      disabled: '#disabled',\r\n    },\r\n  }\r\n} satisfies Meta<typeof Button>;\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\nconst args: Story['args'] = {\r\n  ...meta.args,\r\n  startAdornment: <PlusIcon/>,\r\n  endAdornment: <PlusIcon/>,\r\n  children: 'children',\r\n}\r\n\r\nexport const Default: Story = {\r\n  args: {\r\n    ...meta.args,\r\n    children: '_children_',\r\n  }\r\n};\r\n\r\nexport const Disabled: Story = {\r\n  render: (props) => (\r\n    <DashedWrapper>\r\n      <Button {...props} />\r\n      <Button {...props} startAdornment={<PlusIcon/>}/>\r\n      <Button {...props} startAdornment={<PlusIcon/>} endAdornment={<PlusIcon/>}/>\r\n      <Button {...props} endAdornment={<PlusIcon/>}/>\r\n    </DashedWrapper>\r\n  ),\r\n  args: {\r\n    ...meta.args,\r\n    disabled: true,\r\n    children: 'disabled',\r\n  }\r\n};\r\n\r\nexport const Loading: Story = {\r\n  render: (props) => (\r\n    <DashedWrapper>\r\n      <Button {...props} />\r\n      <Button {...props} startAdornment={<PlusIcon/>}/>\r\n      <Button {...props} startAdornment={<PlusIcon/>} endAdornment={<PlusIcon/>}/>\r\n      <Button {...props} endAdornment={<PlusIcon/>}/>\r\n    </DashedWrapper>\r\n  ),\r\n  args: {\r\n    children: 'Loading…',\r\n    loading: true,\r\n  },\r\n};\r\n\r\nexport const Tooltips: Story = {\r\n  render: (props) => (\r\n    <DashedWrapper>\r\n      <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\r\n        <Button\r\n          {...props}\r\n          title='delayDuration: 0'\r\n          tooltipProps={{ delayDuration: 0 }}\r\n        >\r\n          delayDuration: 0\r\n        </Button>\r\n        <Button\r\n          {...props}\r\n          title='delayDuration: 300 [default]'\r\n          tooltipProps={{ delayDuration: 300 }}\r\n        >\r\n          delayDuration: 300\r\n        </Button>\r\n        <Button\r\n          {...props}\r\n          title='delayDuration: 700'\r\n          tooltipProps={{ delayDuration: 700 }}\r\n        >\r\n          delayDuration: 700\r\n        </Button>\r\n\r\n        <Button {...props} title='title_string'>title</Button>\r\n        <Button {...props} message='message_string'>message: string</Button>\r\n        <Button\r\n          {...props}\r\n          message={<span>message_node_span</span>}\r\n        >\r\n          message: ReactNode\r\n        </Button>\r\n        <Button\r\n          {...props}\r\n          message='message_string'\r\n          tooltipProps={{\r\n            showQuestionMark: true\r\n          }}\r\n        >\r\n          showQuestionMark: true\r\n        </Button>\r\n      </div>\r\n    </DashedWrapper>\r\n  ),\r\n  args: {\r\n    children: 'tooltips',\r\n    tooltipProps: {\r\n      defaultOpen: true\r\n    },\r\n  },\r\n};\r\n\r\nexport const Primary: Story = {\r\n  args: {\r\n    ...args,\r\n    color: 'primary',\r\n    size: 'lg',\r\n    children: 'Створити',\r\n  },\r\n  argTypes: {\r\n    variant: { control: false },\r\n    color: { control: false },\r\n  },\r\n  render: (props) => (\r\n    <div className='flex'>\r\n      <DashedWrapper>\r\n        <States {...props} variant='contained'/>\r\n        <States {...props} variant='outlined'/>\r\n        <States {...props} variant='ghost'/>\r\n      </DashedWrapper>\r\n    </div>\r\n  ),\r\n};\r\n\r\nexport const Secondary: Story = {\r\n  args: {\r\n    ...args,\r\n    color: 'secondary',\r\n    size: 'lg',\r\n    children: 'Створити',\r\n  },\r\n  argTypes: {\r\n    variant: { control: false },\r\n    color: { control: false },\r\n  },\r\n  render: (props) => (\r\n    <div className='flex'>\r\n      <DashedWrapper>\r\n        <States {...props} variant='contained'/>\r\n        <States {...props} variant='outlined'/>\r\n        <States {...props} variant='ghost'/>\r\n      </DashedWrapper>\r\n    </div>\r\n  ),\r\n};\r\n\r\nexport const Error: Story = {\r\n  args: {\r\n    ...args,\r\n    color: 'error',\r\n    size: 'lg',\r\n    children: 'Створити',\r\n  },\r\n  argTypes: {\r\n    variant: { control: false },\r\n    color: { control: false },\r\n  },\r\n  render: (props) => (\r\n    <div className='flex'>\r\n      <DashedWrapper>\r\n        <States {...props} variant='contained'/>\r\n        <States {...props} variant='outlined'/>\r\n        <States {...props} variant='ghost'/>\r\n      </DashedWrapper>\r\n    </div>\r\n  ),\r\n};\r\n"],"names":["States","props","jsx","state","Button","variants","colors","sizes","variant_default","color_default","size_default","iconMap","PlusIcon","Trash2Icon","FileDownIcon","meta","args","Default","Disabled","jsxs","DashedWrapper","Loading","Tooltips","Primary","Secondary","Error"],"mappings":"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"}
+{"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.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/buttonVariants.d.ts

@@ -1,12 +1,12 @@
 import { VariantProps } from 'class-variance-authority';
 export declare const buttonVariants: (props?: ({
-    variant?: "none" | "contained" | "outlined" | "ghost" | 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 ButtonVarianceProps = VariantProps<typeof buttonVariants>;
 export declare const buttonBadgeVariants: (props?: ({
-    variant?: "none" | "contained" | "outlined" | "ghost" | null | undefined;
+    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;

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;;;;8EA+I1B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAEtE,eAAO,MAAM,mBAAmB;;;;;;8EAoE/B,CAAA;AACD,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
+{"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"}

package/Button/buttonVariants.js

@@ -1,6 +1,6 @@
-import { cva as r } from "class-variance-authority";
+import { cva as t } from "class-variance-authority";
 import { cn as e } from "@oneplatformdev/utils";
-const s = r(
+const s = t(
   [
     "inline-flex items-center justify-center box-border",
     "whitespace-nowrap font-medium",
@@ -8,7 +8,7 @@ const s = r(
     "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]:shrink-0",
-    "transition-transform [&_svg]:transition-transform"
+    "transition-transform duration-200 [&_svg]:transition-transform [&_svg]:duration-200"
   ],
   {
     variants: {
@@ -16,7 +16,8 @@ const s = r(
         none: "",
         contained: "",
         outlined: "",
-        ghost: ""
+        ghost: "",
+        text: ""
       },
       color: {
         primary: "",
@@ -70,6 +71,17 @@ const s = r(
           "disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
         )
       },
+      {
+        color: "primary",
+        variant: "text",
+        className: e(
+          "min-h-auto h-auto p-0",
+          "bg-transparent border border-transparent text-[#9368FF] [&_svg]:text-[#9368FF]",
+          "hover:text-[#6B3DD9] hover:[&_svg]:text-[#6B3DD9]",
+          "focus:text-[#6B3DD9] focus:[&_svg]:text-[#6B3DD9]",
+          "disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
+      },
       // SECONDARY BUTTON VARIANTS
       {
         color: "secondary",
@@ -104,6 +116,15 @@ const s = r(
           "disabled:bg-[#FCFCFC] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
         )
       },
+      {
+        color: "secondary",
+        variant: "text",
+        className: e(
+          "min-h-auto h-auto p-0",
+          "text-[#06080D] [&_svg]:text-[#06080D] bg-transparent border border-transparent",
+          "disabled:bg-[#FCFCFC] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
+      },
       // ERROR BUTTON VARIANTS
       {
         color: "error",
@@ -135,6 +156,16 @@ const s = r(
           "active:bg-[#DC26260F] active:border-[#DC2626]",
           "disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
         )
+      },
+      {
+        color: "error",
+        variant: "text",
+        className: e(
+          "min-h-auto h-auto p-0",
+          "bg-transparent border border-transparent text-[#EF4444] [&_svg]:text-[#EF4444]",
+          "hover:text-[#DC2626] hover:[&_svg]:text-[#DC2626]",
+          "disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
       }
     ],
     defaultVariants: {
@@ -143,7 +174,7 @@ const s = r(
       size: "lg"
     }
   }
-), o = r(
+), o = t(
   [
     "absolute z-0",
     "flex items-center justify-center text-center p-0",
@@ -156,7 +187,8 @@ const s = r(
         none: "",
         contained: "",
         outlined: "",
-        ghost: ""
+        ghost: "",
+        text: ""
       },
       color: {
         primary: "",

package/Button/buttonVariants.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonVariants.js","sources":["../../src/Button/buttonVariants.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\r\nimport { cn } from \"@oneplatformdev/utils\";\r\n\r\nexport const buttonVariants = cva(\r\n  [\r\n    \"inline-flex items-center justify-center box-border\",\r\n    'whitespace-nowrap font-medium',\r\n    'cursor-pointer',\r\n    \"transition-colors focus-visible:outline-hidden focus-visible:ring-none focus-visible:ring-transparent\",\r\n    \"disabled:pointer-events-none disabled:cursor-default\",\r\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\r\n    'transition-transform [&_svg]:transition-transform',\r\n  ],\r\n  {\r\n    variants: {\r\n      variant: {\r\n        none: \"\",\r\n        contained: \"\",\r\n        outlined: \"\",\r\n        ghost: '',\r\n      },\r\n      color: {\r\n        primary: '',\r\n        secondary: '',\r\n        error: '',\r\n      },\r\n      size: {\r\n        xs: 'rounded-sm p-1 gap-1 text-xs min-h-4 min-w-14',\r\n        sm: 'rounded-md p-1 gap-1 text-sm min-h-6 min-w-20',\r\n        md: cn(\r\n          'min-h-8 min-w-[102px] rounded-lg gap-1 px-2 py-1',\r\n          'text-sm leading-[1.12] [&_svg]:size-6',\r\n        ),\r\n        lg: cn(\r\n          \"min-h-10 min-w-35 rounded-lg gap-1 px-2.5 py-1.5\",\r\n          'text-base leading-normal [&_svg]:size-6',\r\n        )\r\n      }\r\n    },\r\n    compoundVariants: [\r\n      // PRIMARY BUTTON VARIANTS\r\n      {\r\n        color: 'primary',\r\n        variant: 'contained',\r\n        className: cn(\r\n          'bg-[#9368FF] border border-[#9368FF] text-[#FCFCFC] [&_svg]:text-[#FCFCFC]',\r\n          'hover:bg-[#7F4EEB]',\r\n          'focus:bg-[#7F4EEB] focus:border-[#6B3DD9]',\r\n          'active:bg-[#6B3DD9]',\r\n          'disabled:bg-[#E8E9EB] disabled:border-[#E8E9EB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\r\n        ),\r\n      },\r\n      {\r\n        color: 'primary',\r\n        variant: 'outlined',\r\n        className: cn(\r\n          'bg-transparent border border-[#9368FF] text-[#9368FF] [&_svg]:text-[#9368FF]',\r\n          'hover:bg-[#9368FF0F]',\r\n          'active:bg-[#9368FF0F] active:border-[#6B3DD9]',\r\n          'disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\r\n        ),\r\n      },\r\n      {\r\n        color: 'primary',\r\n        variant: 'ghost',\r\n        className: cn(\r\n          'bg-transparent border border-transparent text-[#9368FF] [&_svg]:text-[#9368FF]',\r\n          'hover:text-[#6B3DD9] hover:[&_svg]:text-[#6B3DD9]',\r\n          'focus:text-[#6B3DD9] focus:[&_svg]:text-[#6B3DD9]',\r\n          'active:bg-[#9368FF0F]',\r\n          'disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\r\n        ),\r\n      },\r\n      // SECONDARY BUTTON VARIANTS\r\n      {\r\n        color: 'secondary',\r\n        variant: 'contained',\r\n        className: cn(\r\n          'bg-[#FCFCFC] border border-[#E1E1E5] text-[#06080D] [&_svg]:text-[#06080D]',\r\n          'hover:bg-[#F9FAFB] hover:border-[#E1E1E5]',\r\n          'focus:bg-[#FCFCFC] focus:border-[#C5C7CD]',\r\n          'active:bg-[#F9FAFB] active:border-[#C5C7CD]',\r\n          'disabled:bg-[#FCFCFC] disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\r\n        ),\r\n      },\r\n      {\r\n        color: 'secondary',\r\n        variant: 'outlined',\r\n        className: cn(\r\n          'bg-transparent border border-[#E1E1E5] text-[#06080D] [&_svg]:text-[#06080D]',\r\n          'hover:bg-[#F9FAFB] hover:border-[#E1E1E5]',\r\n          'focus:bg-[#FCFCFC] focus:border-[#C5C7CD]',\r\n          'active:bg-[#F9FAFB] active:border-[#C5C7CD]',\r\n          'disabled:bg-[#FCFCFC] disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\r\n        ),\r\n      },\r\n      {\r\n        color: 'secondary',\r\n        variant: 'ghost',\r\n        className: cn(\r\n          'text-[#06080D] [&_svg]:text-[#06080D] bg-transparent border border-transparent',\r\n          'hover:bg-[#F9FAFB]',\r\n          'focus:bg-[#FCFCFC]',\r\n          'active:bg-[#F9FAFB]',\r\n          'disabled:bg-[#FCFCFC] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\r\n        ),\r\n      },\r\n      // ERROR BUTTON VARIANTS\r\n      {\r\n        color: 'error',\r\n        variant: 'contained',\r\n        className: cn(\r\n          'bg-[#EF4444] border border-[#EF4444] text-[#FCFCFC] [&_svg]:text-[#FCFCFC]',\r\n          'hover:bg-[#DC2626]',\r\n          'focus:bg-[#DC2626]',\r\n          'active:bg-[#DC2626]',\r\n          'disabled:bg-[#E8E9EB] disabled:border-[#E8E9EB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\r\n        ),\r\n      },\r\n      {\r\n        color: 'error',\r\n        variant: 'outlined',\r\n        className: cn(\r\n          'bg-transparent border border-[#EF4444] text-[#EF4444] [&_svg]:text-[#EF4444]',\r\n          'hover:bg-[#EF44440F]',\r\n          'active:bg-[#DC26260F] active:border-[#DC2626]',\r\n          'disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\r\n        ),\r\n      },\r\n      {\r\n        color: 'error',\r\n        variant: 'ghost',\r\n        className: cn(\r\n          'bg-transparent border border-transparent text-[#EF4444] [&_svg]:text-[#EF4444]',\r\n          'hover:bg-[#EF44440F] hover:text-[#DC2626] hover:[&_svg]:text-[#DC2626]',\r\n          'active:bg-[#DC26260F] active:border-[#DC2626]',\r\n          'disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\r\n        ),\r\n      },\r\n    ],\r\n    defaultVariants: {\r\n      variant: 'contained',\r\n      color: 'primary',\r\n      size: 'lg',\r\n    },\r\n  }\r\n)\r\n\r\nexport type ButtonVarianceProps = VariantProps<typeof buttonVariants>;\r\n\r\nexport const buttonBadgeVariants = cva(\r\n  [\r\n    'absolute z-0',\r\n    'flex items-center justify-center text-center p-0',\r\n    'font-medium leading-none tracking-tighter',\r\n    'rounded-full w-fit min-w-4 h-4 text-[10px] px-0.5 box-border',\r\n  ],\r\n  {\r\n    variants: {\r\n      variant: {\r\n        none: '',\r\n        contained: '',\r\n        outlined: '',\r\n        ghost: \"\",\r\n      },\r\n      color: {\r\n        primary: \"\",\r\n        secondary: \"\",\r\n        error: \"\"\r\n      },\r\n      size: {\r\n        xs: '',\r\n        sm: '',\r\n        md: '',\r\n        lg: '-top-[2px] left-[14px]',\r\n      },\r\n      rounded: {\r\n        true: 'left-1/2 -translate-x-1/2 -translate-y-1/2',\r\n        false: '',\r\n      },\r\n      disabled: {\r\n        true: '',\r\n        false: '',\r\n      }\r\n    },\r\n    compoundVariants: [\r\n      // SIZE XS\r\n      { size: 'xs', rounded: false, className: '-top-px -right-px translate-x-1/2 -translate-y-1/2' },\r\n      { size: 'xs', rounded: true, className: '-top-px' },\r\n      // SIZE SM\r\n      { size: 'sm', rounded: false, className: 'top-0 right-0 translate-x-1/2 -translate-y-1/2' },\r\n      { size: 'sm', rounded: true, className: '-top-[3px]' },\r\n      // SIZE MD\r\n      { size: 'md', rounded: false, className: '-top-[4px] left-[12px]' },\r\n      { size: 'md', rounded: true, className: '-top-[6px]' },\r\n      // SIZE LG\r\n      { size: 'lg', rounded: false, className: '-top-[4px] left-[12px]' },\r\n      { size: 'lg', rounded: true, className: '-top-2' },\r\n\r\n      // COLORS\r\n      {\r\n        color: ['primary', 'secondary', 'error'],\r\n        className: 'bg-[#9368FF] text-[#FCFCFC]',\r\n      },\r\n      {\r\n        color: ['primary', 'secondary', 'error'],\r\n        disabled: true,\r\n        className: 'bg-[#666A78] text-[#FCFCFC]'\r\n      },\r\n    ],\r\n    defaultVariants: {\r\n      color: \"primary\",\r\n      variant: \"contained\",\r\n      size: \"lg\",\r\n      disabled: false,\r\n      rounded: false,\r\n    },\r\n  }\r\n)\r\nexport type ButtonBadgeCVAProps = VariantProps<typeof buttonBadgeVariants>;\r\n"],"names":["buttonVariants","cva","cn","buttonBadgeVariants"],"mappings":"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"}
+{"version":3,"file":"buttonVariants.js","sources":["../../src/Button/buttonVariants.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\r\nimport { cn } from \"@oneplatformdev/utils\";\r\n\r\nexport const buttonVariants = cva(\r\n  [\r\n    \"inline-flex items-center justify-center box-border\",\r\n    'whitespace-nowrap font-medium',\r\n    'cursor-pointer',\r\n    \"transition-colors focus-visible:outline-hidden focus-visible:ring-none focus-visible:ring-transparent\",\r\n    \"disabled:pointer-events-none disabled:cursor-default\",\r\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\r\n    'transition-transform duration-200 [&_svg]:transition-transform [&_svg]:duration-200',\r\n  ],\r\n  {\r\n    variants: {\r\n      variant: {\r\n        none: \"\",\r\n        contained: \"\",\r\n        outlined: \"\",\r\n        ghost: '',\r\n        text: '',\r\n      },\r\n      color: {\r\n        primary: '',\r\n        secondary: '',\r\n        error: '',\r\n      },\r\n      size: {\r\n        xs: 'rounded-sm p-1 gap-1 text-xs min-h-4 min-w-14',\r\n        sm: 'rounded-md p-1 gap-1 text-sm min-h-6 min-w-20',\r\n        md: cn(\r\n          'min-h-8 min-w-[102px] rounded-lg gap-1 px-2 py-1',\r\n          'text-sm leading-[1.12] [&_svg]:size-6',\r\n        ),\r\n        lg: cn(\r\n          \"min-h-10 min-w-35 rounded-lg gap-1 px-2.5 py-1.5\",\r\n          'text-base leading-normal [&_svg]:size-6',\r\n        )\r\n      }\r\n    },\r\n    compoundVariants: [\r\n      // PRIMARY BUTTON VARIANTS\r\n      {\r\n        color: 'primary',\r\n        variant: 'contained',\r\n        className: cn(\r\n          'bg-[#9368FF] border border-[#9368FF] text-[#FCFCFC] [&_svg]:text-[#FCFCFC]',\r\n          'hover:bg-[#7F4EEB]',\r\n          'focus:bg-[#7F4EEB] focus:border-[#6B3DD9]',\r\n          'active:bg-[#6B3DD9]',\r\n          'disabled:bg-[#E8E9EB] disabled:border-[#E8E9EB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\r\n        ),\r\n      },\r\n      {\r\n        color: 'primary',\r\n        variant: 'outlined',\r\n        className: cn(\r\n          'bg-transparent border border-[#9368FF] text-[#9368FF] [&_svg]:text-[#9368FF]',\r\n          'hover:bg-[#9368FF0F]',\r\n          'active:bg-[#9368FF0F] active:border-[#6B3DD9]',\r\n          'disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\r\n        ),\r\n      },\r\n      {\r\n        color: 'primary',\r\n        variant: 'ghost',\r\n        className: cn(\r\n          'bg-transparent border border-transparent text-[#9368FF] [&_svg]:text-[#9368FF]',\r\n          'hover:text-[#6B3DD9] hover:[&_svg]:text-[#6B3DD9]',\r\n          'focus:text-[#6B3DD9] focus:[&_svg]:text-[#6B3DD9]',\r\n          'active:bg-[#9368FF0F]',\r\n          'disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\r\n        ),\r\n      },\r\n      {\r\n        color: 'primary',\r\n        variant: 'text',\r\n        className: cn(\r\n          'min-h-auto h-auto p-0',\r\n          'bg-transparent border border-transparent text-[#9368FF] [&_svg]:text-[#9368FF]',\r\n          'hover:text-[#6B3DD9] hover:[&_svg]:text-[#6B3DD9]',\r\n          'focus:text-[#6B3DD9] focus:[&_svg]:text-[#6B3DD9]',\r\n          'disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\r\n        ),\r\n      },\r\n      // SECONDARY BUTTON VARIANTS\r\n      {\r\n        color: 'secondary',\r\n        variant: 'contained',\r\n        className: cn(\r\n          'bg-[#FCFCFC] border border-[#E1E1E5] text-[#06080D] [&_svg]:text-[#06080D]',\r\n          'hover:bg-[#F9FAFB] hover:border-[#E1E1E5]',\r\n          'focus:bg-[#FCFCFC] focus:border-[#C5C7CD]',\r\n          'active:bg-[#F9FAFB] active:border-[#C5C7CD]',\r\n          'disabled:bg-[#FCFCFC] disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\r\n        ),\r\n      },\r\n      {\r\n        color: 'secondary',\r\n        variant: 'outlined',\r\n        className: cn(\r\n          'bg-transparent border border-[#E1E1E5] text-[#06080D] [&_svg]:text-[#06080D]',\r\n          'hover:bg-[#F9FAFB] hover:border-[#E1E1E5]',\r\n          'focus:bg-[#FCFCFC] focus:border-[#C5C7CD]',\r\n          'active:bg-[#F9FAFB] active:border-[#C5C7CD]',\r\n          'disabled:bg-[#FCFCFC] disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\r\n        ),\r\n      },\r\n      {\r\n        color: 'secondary',\r\n        variant: 'ghost',\r\n        className: cn(\r\n          'text-[#06080D] [&_svg]:text-[#06080D] bg-transparent border border-transparent',\r\n          'hover:bg-[#F9FAFB]',\r\n          'focus:bg-[#FCFCFC]',\r\n          'active:bg-[#F9FAFB]',\r\n          'disabled:bg-[#FCFCFC] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\r\n        ),\r\n      },\r\n      {\r\n        color: 'secondary',\r\n        variant: 'text',\r\n        className: cn(\r\n          'min-h-auto h-auto p-0',\r\n          'text-[#06080D] [&_svg]:text-[#06080D] bg-transparent border border-transparent',\r\n          'disabled:bg-[#FCFCFC] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\r\n        ),\r\n      },\r\n      // ERROR BUTTON VARIANTS\r\n      {\r\n        color: 'error',\r\n        variant: 'contained',\r\n        className: cn(\r\n          'bg-[#EF4444] border border-[#EF4444] text-[#FCFCFC] [&_svg]:text-[#FCFCFC]',\r\n          'hover:bg-[#DC2626]',\r\n          'focus:bg-[#DC2626]',\r\n          'active:bg-[#DC2626]',\r\n          'disabled:bg-[#E8E9EB] disabled:border-[#E8E9EB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\r\n        ),\r\n      },\r\n      {\r\n        color: 'error',\r\n        variant: 'outlined',\r\n        className: cn(\r\n          'bg-transparent border border-[#EF4444] text-[#EF4444] [&_svg]:text-[#EF4444]',\r\n          'hover:bg-[#EF44440F]',\r\n          'active:bg-[#DC26260F] active:border-[#DC2626]',\r\n          'disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\r\n        ),\r\n      },\r\n      {\r\n        color: 'error',\r\n        variant: 'ghost',\r\n        className: cn(\r\n          'bg-transparent border border-transparent text-[#EF4444] [&_svg]:text-[#EF4444]',\r\n          'hover:bg-[#EF44440F] hover:text-[#DC2626] hover:[&_svg]:text-[#DC2626]',\r\n          'active:bg-[#DC26260F] active:border-[#DC2626]',\r\n          'disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\r\n        ),\r\n      },\r\n      {\r\n        color: 'error',\r\n        variant: 'text',\r\n        className: cn(\r\n          'min-h-auto h-auto p-0',\r\n          'bg-transparent border border-transparent text-[#EF4444] [&_svg]:text-[#EF4444]',\r\n          'hover:text-[#DC2626] hover:[&_svg]:text-[#DC2626]',\r\n          'disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\r\n        ),\r\n      },\r\n    ],\r\n    defaultVariants: {\r\n      variant: 'contained',\r\n      color: 'primary',\r\n      size: 'lg',\r\n    },\r\n  }\r\n)\r\n\r\nexport type ButtonVarianceProps = VariantProps<typeof buttonVariants>;\r\n\r\nexport const buttonBadgeVariants = cva(\r\n  [\r\n    'absolute z-0',\r\n    'flex items-center justify-center text-center p-0',\r\n    'font-medium leading-none tracking-tighter',\r\n    'rounded-full w-fit min-w-4 h-4 text-[10px] px-0.5 box-border',\r\n  ],\r\n  {\r\n    variants: {\r\n      variant: {\r\n        none: '',\r\n        contained: '',\r\n        outlined: '',\r\n        ghost: '',\r\n        text: '',\r\n      },\r\n      color: {\r\n        primary: \"\",\r\n        secondary: \"\",\r\n        error: \"\"\r\n      },\r\n      size: {\r\n        xs: '',\r\n        sm: '',\r\n        md: '',\r\n        lg: '-top-[2px] left-[14px]',\r\n      },\r\n      rounded: {\r\n        true: 'left-1/2 -translate-x-1/2 -translate-y-1/2',\r\n        false: '',\r\n      },\r\n      disabled: {\r\n        true: '',\r\n        false: '',\r\n      }\r\n    },\r\n    compoundVariants: [\r\n      // SIZE XS\r\n      { size: 'xs', rounded: false, className: '-top-px -right-px translate-x-1/2 -translate-y-1/2' },\r\n      { size: 'xs', rounded: true, className: '-top-px' },\r\n      // SIZE SM\r\n      { size: 'sm', rounded: false, className: 'top-0 right-0 translate-x-1/2 -translate-y-1/2' },\r\n      { size: 'sm', rounded: true, className: '-top-[3px]' },\r\n      // SIZE MD\r\n      { size: 'md', rounded: false, className: '-top-[4px] left-[12px]' },\r\n      { size: 'md', rounded: true, className: '-top-[6px]' },\r\n      // SIZE LG\r\n      { size: 'lg', rounded: false, className: '-top-[4px] left-[12px]' },\r\n      { size: 'lg', rounded: true, className: '-top-2' },\r\n\r\n      // COLORS\r\n      {\r\n        color: ['primary', 'secondary', 'error'],\r\n        className: 'bg-[#9368FF] text-[#FCFCFC]',\r\n      },\r\n      {\r\n        color: ['primary', 'secondary', 'error'],\r\n        disabled: true,\r\n        className: 'bg-[#666A78] text-[#FCFCFC]'\r\n      },\r\n    ],\r\n    defaultVariants: {\r\n      color: \"primary\",\r\n      variant: \"contained\",\r\n      size: \"lg\",\r\n      disabled: false,\r\n      rounded: false,\r\n    },\r\n  }\r\n)\r\nexport type ButtonBadgeCVAProps = VariantProps<typeof buttonBadgeVariants>;\r\n"],"names":["buttonVariants","cva","cn","buttonBadgeVariants"],"mappings":"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"}

package/Button/index.d.ts

@@ -1,4 +1,5 @@
 export { Button as default, Button } from './Button';
 export * from './buttonVariants';
 export type * from './Button.types';
+export * from './Button.utils';
 //# sourceMappingURL=index.d.ts.map

package/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACrD,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACrD,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,gBAAgB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}

package/Button/index.js

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

package/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/ButtonIcon/ButtonIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../src/ButtonIcon/ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAerD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,eAAO,MAAM,UAAU,2FAgFtB,CAAA;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../src/ButtonIcon/ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAQrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,eAAO,MAAM,UAAU,2FAgFtB,CAAA;AAED,eAAe,UAAU,CAAC"}

package/ButtonIcon/ButtonIcon.js

@@ -1,79 +1,79 @@
-import { jsxs as g, Fragment as R, jsx as e } from "react/jsx-runtime";
-import * as j from "react";
-import { isValidElement as E, createElement as I } from "react";
-import { cn as V } from "@oneplatformdev/utils";
+import { jsxs as f, Fragment as C, jsx as t } from "react/jsx-runtime";
+import * as R from "react";
+import { cn as j } from "@oneplatformdev/utils";
 import { buttonIconVariants as w } from "./buttonIconVariants.js";
 import { Slot as z } from "@radix-ui/react-slot";
 import { ButtonCounterBadge as F } from "../Button/ButtonCounterBadge.js";
-import { LoadedIcon as L } from "../LoadedIcon/LoadedIcon.js";
-import { Tooltip as P } from "../Tooltip/Tooltip.js";
-const S = (t) => t ? E(t) ? t : I(t) : null, T = j.forwardRef(
-  (t, h) => {
+import { renderInnerIcon as L } from "../Button/Button.utils.js";
+import { LoadedIcon as P } from "../LoadedIcon/LoadedIcon.js";
+import { Tooltip as S } from "../Tooltip/Tooltip.js";
+const T = R.forwardRef(
+  (g, h) => {
     const {
-      asChild: a,
-      children: l,
+      asChild: i,
+      children: a,
       icon: b,
-      disabled: r = !1,
-      loading: n = !1,
+      disabled: n = !1,
+      loading: r = !1,
       message: y,
-      title: x = "",
-      tooltipProps: m = {},
-      className: B,
-      variant: c,
+      title: I = "",
+      tooltipProps: c = {},
+      className: x,
+      variant: m,
       color: p,
-      size: s,
-      rounded: u,
+      size: e,
+      rounded: l,
       screenReader: o,
-      counter: N,
-      ...v
-    } = t, C = a ? z : "button", i = y || x, d = a ? l : /* @__PURE__ */ g(R, { children: [
-      /* @__PURE__ */ g(L, { loading: n, size: s, children: [
-        S(b) ?? l,
-        /* @__PURE__ */ e(
+      counter: B,
+      ...N
+    } = g, v = i ? z : "button", s = y || I, d = i ? a : /* @__PURE__ */ f(C, { children: [
+      /* @__PURE__ */ f(P, { loading: r, size: e, children: [
+        L(b) ?? a,
+        /* @__PURE__ */ t(
           F,
           {
-            counter: N,
-            variant: c,
+            counter: B,
+            variant: m,
             color: p,
-            size: s,
-            disabled: r,
-            rounded: u
+            size: e,
+            disabled: n,
+            rounded: l
           }
         )
       ] }),
-      !!o && /* @__PURE__ */ e("span", { className: "sr-only", children: typeof o == "string" ? o : o.text })
+      !!o && /* @__PURE__ */ t("span", { className: "sr-only", children: typeof o == "string" ? o : o.text })
     ] });
     if (!d) return null;
-    const f = /* @__PURE__ */ e(
-      C,
+    const u = /* @__PURE__ */ t(
+      v,
       {
         type: "button",
         ref: h,
-        disabled: r,
-        className: V(
+        disabled: n,
+        className: j(
           "group group/button group/button-icon",
           w({
-            variant: c,
-            size: s,
+            variant: m,
+            size: e,
             color: p,
-            rounded: u,
-            className: B
+            rounded: l,
+            className: x
           }),
-          n && "pointer-events-none opacity-80"
+          r && "pointer-events-none opacity-80"
         ),
-        ...v,
+        ...N,
         children: d
       }
     );
-    return i ? /* @__PURE__ */ e(
-      P,
+    return s ? /* @__PURE__ */ t(
+      S,
       {
-        ...m || {},
-        open: m.open ?? (r || n || !i) ? !1 : void 0,
-        message: i,
-        children: f
+        ...c || {},
+        open: c.open ?? (n || r || !s) ? !1 : void 0,
+        message: s,
+        children: u
       }
-    ) : f;
+    ) : u;
   }
 );
 T.displayName = "Button";