@unoff/ui 1.21.0 → 1.21.2

package/dist/components/actions/accordion/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/accordion/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAK1C,OAAO,kBAAkB,CAAA;AAEzB,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,qCAAqC;QACrC,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,uCAAuC;QACvC,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD;;OAEG;IACH,UAAU,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,KAAK,EAAE,CACL,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,KAC5D,IAAI,CAAA;IACT;;OAEG;IACH,OAAO,EAAE,CACP,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,KAC5D,IAAI,CAAA;CACV;AAED,QAAA,MAAM,SAAS,UAAW,cAAc,4CAwGvC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAI1C,OAAO,kBAAkB,CAAA;AAEzB,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,qCAAqC;QACrC,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,uCAAuC;QACvC,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD;;OAEG;IACH,UAAU,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,KAAK,EAAE,CACL,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,KAC5D,IAAI,CAAA;IACT;;OAEG;IACH,OAAO,EAAE,CACP,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,KAC5D,IAAI,CAAA;CACV;AAED,QAAA,MAAM,SAAS,GAAI,OAAO,cAAc,4CAwGvC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/components/actions/accordion/Accordion.js

@@ -1,8 +1,8 @@
 import '../../../assets/Accordion.css';
 import { jsxs as n, jsx as i } from "react/jsx-runtime";
-import w from "../../tags/chip/Chip.js";
-import N from "../../assets/section-title/SectionTitle.js";
-import { t as g } from "../../../do-classnames-DSDFCvzy.js";
+import { t as w } from "../../../do-classnames-DSDFCvzy.js";
+import N from "../../tags/chip/Chip.js";
+import g from "../../assets/section-title/SectionTitle.js";
 import l from "../button/Button.js";
 const E = (s) => {
   const {
@@ -25,7 +25,7 @@ const E = (s) => {
   return /* @__PURE__ */ n(
     "div",
     {
-      className: g([
+      className: w([
         "accordion",
         c && "accordion--expanded",
         e && "accordion--blocked"
@@ -41,7 +41,7 @@ const E = (s) => {
               className: "accordion__row__left",
               role: "presentation",
               children: /* @__PURE__ */ i(
-                N,
+                g,
                 {
                   label: a,
                   indicator: p,
@@ -81,7 +81,7 @@ const E = (s) => {
                     action: (o) => u(o)
                   }
                 ),
-                (e || d) && /* @__PURE__ */ i(w, { children: d ? "New" : "Pro" })
+                (e || d) && /* @__PURE__ */ i(N, { children: d ? "New" : "Pro" })
               ]
             }
           )

package/dist/components/actions/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../src/components/actions/accordion/Accordion.tsx"],"sourcesContent":["import { IconList } from '@tps/icon.types'\nimport Chip from '@components/tags/chip/Chip'\nimport SectionTitle from '@components/assets/section-title/SectionTitle'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport Button from '../button/Button'\nimport './accordion.scss'\n\nexport interface AccordionProps {\n  /**\n   * Title label of the accordion\n   */\n  label: string\n  /**\n   * Optional indicator (number or text) displayed next to the label\n   */\n  indicator?: string | number\n  /**\n   * Icon to display in the add button\n   * @default 'plus'\n   */\n  icon?: IconList\n  /**\n   * Helper text displayed near the title\n   */\n  helper?: string\n  /**\n   * Helper texts for the action buttons\n   */\n  helpers?: {\n    /** Helper text for the add button */\n    add?: string\n    /** Helper text for the empty button */\n    empty?: string\n  }\n  /**\n   * Whether the accordion is expanded\n   */\n  isExpanded: boolean\n  /**\n   * Whether the accordion is blocked (disabled)\n   * @default false\n   */\n  isBlocked?: boolean\n  /**\n   * Whether to show a \"New\" badge\n   * @default false\n   */\n  isNew?: boolean\n  /**\n   * Content to display when accordion is expanded\n   */\n  children?: React.ReactNode\n  /**\n   * Callback fired when the add button is clicked\n   */\n  onAdd: (\n    event: React.MouseEvent<Element> | React.KeyboardEvent<Element>\n  ) => void\n  /**\n   * Callback fired when the empty button is clicked\n   */\n  onEmpty: (\n    event: React.MouseEvent<Element> | React.KeyboardEvent<Element>\n  ) => void\n}\n\nconst Accordion = (props: AccordionProps) => {\n  const {\n    label,\n    indicator,\n    icon = 'plus',\n    helper,\n    helpers,\n    isExpanded,\n    isBlocked = false,\n    isNew = false,\n    children,\n    onAdd,\n    onEmpty,\n  } = props\n\n  const handleAdd = (\n    event: React.MouseEvent<Element> | React.KeyboardEvent<Element>\n  ) => {\n    event.stopPropagation()\n    onAdd(event)\n  }\n\n  const handleEmpty = (\n    event: React.MouseEvent<Element> | React.KeyboardEvent<Element>\n  ) => {\n    event.stopPropagation()\n    onEmpty(event)\n  }\n\n  return (\n    <div\n      className={doClassnames([\n        'accordion',\n        isExpanded && 'accordion--expanded',\n        isBlocked && 'accordion--blocked',\n      ])}\n      onMouseDown={(e) => {\n        if (\n          (e.target as HTMLElement).dataset.feature === undefined &&\n          !isExpanded &&\n          !isBlocked\n        )\n          onAdd(e as React.MouseEvent<HTMLDivElement, MouseEvent>)\n      }}\n    >\n      <div className=\"accordion__row\">\n        <div\n          className=\"accordion__row__left\"\n          role=\"presentation\"\n        >\n          <SectionTitle\n            label={label}\n            indicator={indicator}\n            helper={helper}\n          />\n        </div>\n        <div\n          className=\"accordion__row__right\"\n          role=\"group\"\n        >\n          {isExpanded ? (\n            <Button\n              type=\"icon\"\n              icon=\"minus\"\n              iconClassName=\"accordion__row__icon\"\n              helper={\n                helpers?.empty !== undefined\n                  ? {\n                      label: helpers.empty,\n                    }\n                  : undefined\n              }\n              action={(e) => handleEmpty(e)}\n            />\n          ) : (\n            <Button\n              type=\"icon\"\n              icon={icon}\n              iconClassName=\"accordion__row__icon\"\n              helper={\n                helpers?.add !== undefined\n                  ? {\n                      label: helpers.add,\n                    }\n                  : undefined\n              }\n              isDisabled={isBlocked}\n              isBlocked={isBlocked}\n              action={(e) => handleAdd(e)}\n            />\n          )}\n          {(isBlocked || isNew) && <Chip>{isNew ? 'New' : 'Pro'}</Chip>}\n        </div>\n      </div>\n      {isExpanded && (\n        <div\n          id={`accordion-content-${label}`}\n          role=\"region\"\n        >\n          {children}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default Accordion\n"],"names":["Accordion","props","label","indicator","icon","helper","helpers","isExpanded","isBlocked","isNew","children","onAdd","onEmpty","handleAdd","event","handleEmpty","jsxs","doClassnames","e","jsx","SectionTitle","Button","Chip"],"mappings":";;;;;AAkEA,MAAMA,IAAY,CAACC,MAA0B;AAC3C,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEX,GAEEY,IAAY,CAChBC,MACG;AACH,IAAAA,EAAM,gBAAA,GACNH,EAAMG,CAAK;AAAA,EACb,GAEMC,IAAc,CAClBD,MACG;AACH,IAAAA,EAAM,gBAAA,GACNF,EAAQE,CAAK;AAAA,EACf;AAEA,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAa;AAAA,QACtB;AAAA,QACAV,KAAc;AAAA,QACdC,KAAa;AAAA,MAAA,CACd;AAAA,MACD,aAAa,CAACU,MAAM;AAClB,QACGA,EAAE,OAAuB,QAAQ,YAAY,UAC9C,CAACX,KACD,CAACC,KAEDG,EAAMO,CAAiD;AAAA,MAC3D;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,UAAA,gBAAAG;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,UAAA,gBAAAA;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,OAAAlB;AAAA,kBACA,WAAAC;AAAA,kBACA,QAAAE;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,UAEF,gBAAAW;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAA;AAAA,gBAAAT,IACC,gBAAAY;AAAA,kBAACE;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,MAAK;AAAA,oBACL,eAAc;AAAA,oBACd,QACEf,GAAS,UAAU,SACf;AAAA,sBACE,OAAOA,EAAQ;AAAA,oBAAA,IAEjB;AAAA,oBAEN,QAAQ,CAACY,MAAMH,EAAYG,CAAC;AAAA,kBAAA;AAAA,gBAAA,IAG9B,gBAAAC;AAAA,kBAACE;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,MAAAjB;AAAA,oBACA,eAAc;AAAA,oBACd,QACEE,GAAS,QAAQ,SACb;AAAA,sBACE,OAAOA,EAAQ;AAAA,oBAAA,IAEjB;AAAA,oBAEN,YAAYE;AAAA,oBACZ,WAAAA;AAAA,oBACA,QAAQ,CAACU,MAAML,EAAUK,CAAC;AAAA,kBAAA;AAAA,gBAAA;AAAA,iBAG5BV,KAAaC,MAAU,gBAAAU,EAACG,GAAA,EAAM,UAAAb,IAAQ,QAAQ,MAAA,CAAM;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACxD,GACF;AAAA,QACCF,KACC,gBAAAY;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,qBAAqBjB,CAAK;AAAA,YAC9B,MAAK;AAAA,YAEJ,UAAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"Accordion.js","sources":["../../../../src/components/actions/accordion/Accordion.tsx"],"sourcesContent":["import { doClassnames } from '@unoff/utils'\nimport { IconList } from '@tps/icon.types'\nimport Chip from '@components/tags/chip/Chip'\nimport SectionTitle from '@components/assets/section-title/SectionTitle'\nimport Button from '../button/Button'\nimport './accordion.scss'\n\nexport interface AccordionProps {\n  /**\n   * Title label of the accordion\n   */\n  label: string\n  /**\n   * Optional indicator (number or text) displayed next to the label\n   */\n  indicator?: string | number\n  /**\n   * Icon to display in the add button\n   * @default 'plus'\n   */\n  icon?: IconList\n  /**\n   * Helper text displayed near the title\n   */\n  helper?: string\n  /**\n   * Helper texts for the action buttons\n   */\n  helpers?: {\n    /** Helper text for the add button */\n    add?: string\n    /** Helper text for the empty button */\n    empty?: string\n  }\n  /**\n   * Whether the accordion is expanded\n   */\n  isExpanded: boolean\n  /**\n   * Whether the accordion is blocked (disabled)\n   * @default false\n   */\n  isBlocked?: boolean\n  /**\n   * Whether to show a \"New\" badge\n   * @default false\n   */\n  isNew?: boolean\n  /**\n   * Content to display when accordion is expanded\n   */\n  children?: React.ReactNode\n  /**\n   * Callback fired when the add button is clicked\n   */\n  onAdd: (\n    event: React.MouseEvent<Element> | React.KeyboardEvent<Element>\n  ) => void\n  /**\n   * Callback fired when the empty button is clicked\n   */\n  onEmpty: (\n    event: React.MouseEvent<Element> | React.KeyboardEvent<Element>\n  ) => void\n}\n\nconst Accordion = (props: AccordionProps) => {\n  const {\n    label,\n    indicator,\n    icon = 'plus',\n    helper,\n    helpers,\n    isExpanded,\n    isBlocked = false,\n    isNew = false,\n    children,\n    onAdd,\n    onEmpty,\n  } = props\n\n  const handleAdd = (\n    event: React.MouseEvent<Element> | React.KeyboardEvent<Element>\n  ) => {\n    event.stopPropagation()\n    onAdd(event)\n  }\n\n  const handleEmpty = (\n    event: React.MouseEvent<Element> | React.KeyboardEvent<Element>\n  ) => {\n    event.stopPropagation()\n    onEmpty(event)\n  }\n\n  return (\n    <div\n      className={doClassnames([\n        'accordion',\n        isExpanded && 'accordion--expanded',\n        isBlocked && 'accordion--blocked',\n      ])}\n      onMouseDown={(e) => {\n        if (\n          (e.target as HTMLElement).dataset.feature === undefined &&\n          !isExpanded &&\n          !isBlocked\n        )\n          onAdd(e as React.MouseEvent<HTMLDivElement, MouseEvent>)\n      }}\n    >\n      <div className=\"accordion__row\">\n        <div\n          className=\"accordion__row__left\"\n          role=\"presentation\"\n        >\n          <SectionTitle\n            label={label}\n            indicator={indicator}\n            helper={helper}\n          />\n        </div>\n        <div\n          className=\"accordion__row__right\"\n          role=\"group\"\n        >\n          {isExpanded ? (\n            <Button\n              type=\"icon\"\n              icon=\"minus\"\n              iconClassName=\"accordion__row__icon\"\n              helper={\n                helpers?.empty !== undefined\n                  ? {\n                      label: helpers.empty,\n                    }\n                  : undefined\n              }\n              action={(e) => handleEmpty(e)}\n            />\n          ) : (\n            <Button\n              type=\"icon\"\n              icon={icon}\n              iconClassName=\"accordion__row__icon\"\n              helper={\n                helpers?.add !== undefined\n                  ? {\n                      label: helpers.add,\n                    }\n                  : undefined\n              }\n              isDisabled={isBlocked}\n              isBlocked={isBlocked}\n              action={(e) => handleAdd(e)}\n            />\n          )}\n          {(isBlocked || isNew) && <Chip>{isNew ? 'New' : 'Pro'}</Chip>}\n        </div>\n      </div>\n      {isExpanded && (\n        <div\n          id={`accordion-content-${label}`}\n          role=\"region\"\n        >\n          {children}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default Accordion\n"],"names":["Accordion","props","label","indicator","icon","helper","helpers","isExpanded","isBlocked","isNew","children","onAdd","onEmpty","handleAdd","event","handleEmpty","jsxs","doClassnames","e","jsx","SectionTitle","Button","Chip"],"mappings":";;;;;AAkEA,MAAMA,IAAY,CAACC,MAA0B;AAC3C,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEX,GAEEY,IAAY,CAChBC,MACG;AACH,IAAAA,EAAM,gBAAA,GACNH,EAAMG,CAAK;AAAA,EACb,GAEMC,IAAc,CAClBD,MACG;AACH,IAAAA,EAAM,gBAAA,GACNF,EAAQE,CAAK;AAAA,EACf;AAEA,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAa;AAAA,QACtB;AAAA,QACAV,KAAc;AAAA,QACdC,KAAa;AAAA,MAAA,CACd;AAAA,MACD,aAAa,CAACU,MAAM;AAClB,QACGA,EAAE,OAAuB,QAAQ,YAAY,UAC9C,CAACX,KACD,CAACC,KAEDG,EAAMO,CAAiD;AAAA,MAC3D;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,UAAA,gBAAAG;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEL,UAAA,gBAAAA;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,OAAAlB;AAAA,kBACA,WAAAC;AAAA,kBACA,QAAAE;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,UAEF,gBAAAW;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAA;AAAA,gBAAAT,IACC,gBAAAY;AAAA,kBAACE;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,MAAK;AAAA,oBACL,eAAc;AAAA,oBACd,QACEf,GAAS,UAAU,SACf;AAAA,sBACE,OAAOA,EAAQ;AAAA,oBAAA,IAEjB;AAAA,oBAEN,QAAQ,CAACY,MAAMH,EAAYG,CAAC;AAAA,kBAAA;AAAA,gBAAA,IAG9B,gBAAAC;AAAA,kBAACE;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,MAAAjB;AAAA,oBACA,eAAc;AAAA,oBACd,QACEE,GAAS,QAAQ,SACb;AAAA,sBACE,OAAOA,EAAQ;AAAA,oBAAA,IAEjB;AAAA,oBAEN,YAAYE;AAAA,oBACZ,WAAAA;AAAA,oBACA,QAAQ,CAACU,MAAML,EAAUK,CAAC;AAAA,kBAAA;AAAA,gBAAA;AAAA,iBAG5BV,KAAaC,MAAU,gBAAAU,EAACG,GAAA,EAAM,UAAAb,IAAQ,QAAQ,MAAA,CAAM;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACxD,GACF;AAAA,QACCF,KACC,gBAAAY;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,qBAAqBjB,CAAK;AAAA,YAC9B,MAAK;AAAA,YAEJ,UAAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/actions/button/Button.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { IconList } from '../../../types/icon.types';
-
 export interface ButtonProps {
     /**
      * Visual style of the button
@@ -127,11 +126,11 @@ export interface ButtonProps {
      */
     onUnblock?: React.MouseEventHandler & React.KeyboardEventHandler;
 }
-interface ButtonStates {
+interface ButtonState {
     isTooltipVisible: boolean;
     documentWidth: number;
 }
-export default class Button extends React.Component<ButtonProps, ButtonStates> {
+export default class Button extends React.Component<ButtonProps, ButtonState> {
     buttonRef: React.RefObject<HTMLButtonElement>;
     static defaultProps: Partial<ButtonProps>;
     constructor(props: ButtonProps);

package/dist/components/actions/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,eAAe,CAAA;AAEtB,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,EACA,SAAS,GACT,WAAW,GACX,UAAU,GACV,aAAa,GACb,aAAa,GACb,MAAM,CAAA;IACV;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;IACpC;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;IAC9B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,sBAAsB;QACtB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;QAC/B,uBAAuB;QACvB,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;QACtB,2BAA2B;QAC3B,IAAI,CAAC,EAAE,YAAY,GAAG,aAAa,CAAA;KACpC,CAAA;IACD;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,wBAAwB;QACxB,KAAK,EAAE,MAAM,CAAA;QACb,mBAAmB;QACnB,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;QAC9B,uBAAuB;QACvB,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;KACvB,CAAA;IACD;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,sBAAsB;QACtB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;QAC/B,uBAAuB;QACvB,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;QACtB,2BAA2B;QAC3B,IAAI,CAAC,EAAE,YAAY,GAAG,aAAa,CAAA;KACpC,CAAA;IACD;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE;QACb,gCAAgC;QAChC,SAAS,EAAE,OAAO,CAAA;QAClB,iCAAiC;QACjC,IAAI,EAAE,QAAQ,CAAA;KACf,CAAA;IACD;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAA;IAC7D;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAA;CACjE;AAED,UAAU,YAAY;IACpB,gBAAgB,EAAE,OAAO,CAAA;IACzB,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,YAAY,CAAC;IAC5E,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAoB;IAEjE,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,WAAW,CAAC,CAWxC;gBAEW,KAAK,EAAE,WAAW;IAS9B,iBAAiB,aAShB;IAED,oBAAoB,aAEnB;IAGD,YAAY,aAEX;IAGD,MAAM,4DA0BL;IAED,MAAM,gDAyHL;IAED,UAAU,gDA2BT;IAED,IAAI,gDA8FH;IAGD,MAAM;CAMP"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":"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"}

package/dist/components/actions/button/Button.figma.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { i as e } from "../../../index_react-CmuCVQet.js";
+import { i as e } from "../../../index_react-BkjUklDQ.js";
 import i from "./Button.js";
 e.figma.connect(
   i,

package/dist/components/actions/button/Button.js

@@ -1,12 +1,12 @@
 import '../../../assets/Button.css';
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
 import I from "react";
+import { t as w } from "../../../do-classnames-DSDFCvzy.js";
 import g from "../../../styles/layouts.module.js";
 import E from "../../tags/tooltip/Tooltip.js";
 import _ from "../../tags/icon-chip/IconChip.js";
 import S from "../../tags/chip/Chip.js";
 import { Icon as N } from "../../assets/icon/Icon.js";
-import { t as w } from "../../../do-classnames-DSDFCvzy.js";
 class P extends I.Component {
   buttonRef = I.createRef();
   static defaultProps = {
@@ -21,16 +21,16 @@ class P extends I.Component {
     isDisabled: !1,
     isNew: !1
   };
-  constructor(s) {
-    super(s), this.state = {
+  constructor(t) {
+    super(t), this.state = {
       isTooltipVisible: !1,
       documentWidth: document.documentElement.clientWidth
     };
   }
   // Lifecycle
   componentDidMount = () => {
-    const { isAutofocus: s } = this.props;
-    s && setTimeout(() => {
+    const { isAutofocus: t } = this.props;
+    t && setTimeout(() => {
       this.buttonRef.current && this.buttonRef.current.focus();
     }, 1), window.addEventListener("resize", this.handleResize);
   };
@@ -43,45 +43,45 @@ class P extends I.Component {
   };
   // Templates
   Status = () => {
-    const { type: s, warning: i, preview: c, isBlocked: t, isNew: a, onUnblock: u } = this.props;
-    if (i || t || a)
+    const { warning: t, preview: n, isBlocked: a, isNew: e, onUnblock: c } = this.props;
+    if (t || a || e)
       return /* @__PURE__ */ m("div", { className: "button__status", children: [
-        i !== void 0 && /* @__PURE__ */ e(
+        t !== void 0 && /* @__PURE__ */ i(
           _,
           {
             iconType: "PICTO",
             iconName: "warning",
-            text: i.label,
-            pin: i.pin,
-            type: i.type
+            text: t.label,
+            pin: t.pin,
+            type: t.type
           }
         ),
-        (t || a) && s !== "icon" && /* @__PURE__ */ e(
+        (a || e) && /* @__PURE__ */ i(
           S,
           {
-            preview: c,
+            preview: n,
             isSolo: !0,
-            action: t ? u : void 0,
-            children: a ? "New" : "Pro"
+            action: a ? c : void 0,
+            children: e ? "New" : "Pro"
           }
         )
       ] });
   };
   Button = () => {
     const {
-      type: s,
-      icon: i,
-      size: c,
-      helper: t,
-      feature: a,
-      hasMultipleActions: u,
+      type: t,
+      icon: n,
+      size: a,
+      helper: e,
+      feature: c,
+      hasMultipleActions: b,
       isLoading: o,
-      isDisabled: p,
-      isBlocked: l,
-      action: d,
-      label: r,
-      shouldReflow: b
-    } = this.props, { isTooltipVisible: v, documentWidth: T } = this.state, n = b?.isEnabled && T <= 460, y = () => n ? void 0 : r, L = () => n ? r : t?.label, h = () => n ? r !== void 0 : t !== void 0, k = () => n && b?.icon !== void 0 ? b.icon : i;
+      isDisabled: l,
+      isBlocked: s,
+      action: r,
+      label: u,
+      shouldReflow: p
+    } = this.props, { isTooltipVisible: T, documentWidth: d } = this.state, v = p?.isEnabled && d <= 460, y = () => v ? void 0 : u, L = () => v ? u : e?.label, h = () => v ? u !== void 0 : e !== void 0, k = () => v && p?.icon !== void 0 ? p.icon : n;
     return /* @__PURE__ */ m("div", { className: g["snackbar--medium"], children: [
       /* @__PURE__ */ m(
         "button",
@@ -89,20 +89,20 @@ class P extends I.Component {
           role: "button",
           className: w([
             "button",
-            `button--${s}`,
-            `button--${c}`,
+            `button--${t}`,
+            `button--${a}`,
             o && "button--loading",
-            l && "button--blocked"
+            s && "button--blocked"
           ]),
-          "data-feature": a,
-          disabled: p || l,
-          "aria-label": typeof (y() || t?.label) == "string" ? y() || t?.label : void 0,
-          "aria-disabled": p || l,
+          "data-feature": c,
+          disabled: l || s,
+          "aria-label": typeof (y() || e?.label) == "string" ? y() || e?.label : void 0,
+          "aria-disabled": l || s,
           "aria-busy": o,
           onKeyDown: (f) => {
-            (f.key === " " || f.key === "Enter") && (!p || !l) && d?.(f), f.key === "Escape" && f.target.blur();
+            (f.key === " " || f.key === "Enter") && (!l || !s) && r?.(f), f.key === "Escape" && f.target.blur();
           },
-          onMouseDown: p || l ? void 0 : d,
+          onMouseDown: l || s ? void 0 : r,
           onMouseEnter: () => {
             h() && this.setState({ isTooltipVisible: !0 });
           },
@@ -118,12 +118,12 @@ class P extends I.Component {
           tabIndex: 0,
           ref: this.buttonRef,
           children: [
-            k() !== void 0 && /* @__PURE__ */ e(
+            k() !== void 0 && /* @__PURE__ */ i(
               "span",
               {
                 className: "button__icon",
                 "aria-hidden": "true",
-                children: /* @__PURE__ */ e(
+                children: /* @__PURE__ */ i(
                   N,
                   {
                     type: "PICTO",
@@ -132,13 +132,13 @@ class P extends I.Component {
                 )
               }
             ),
-            y() !== void 0 && /* @__PURE__ */ e("span", { className: "button__label", children: y() }),
-            o && /* @__PURE__ */ e(
+            y() !== void 0 && /* @__PURE__ */ i("span", { className: "button__label", children: y() }),
+            o && /* @__PURE__ */ i(
               "div",
               {
                 className: "button__loader",
                 "aria-hidden": "true",
-                children: /* @__PURE__ */ e(
+                children: /* @__PURE__ */ i(
                   N,
                   {
                     type: "PICTO",
@@ -148,12 +148,12 @@ class P extends I.Component {
                 )
               }
             ),
-            u && /* @__PURE__ */ e(
+            b && /* @__PURE__ */ i(
               "span",
               {
                 className: "button__caret",
                 "aria-hidden": "true",
-                children: /* @__PURE__ */ e(
+                children: /* @__PURE__ */ i(
                   N,
                   {
                     type: "PICTO",
@@ -162,11 +162,11 @@ class P extends I.Component {
                 )
               }
             ),
-            v && h() && /* @__PURE__ */ e(
+            T && h() && /* @__PURE__ */ i(
               E,
               {
-                pin: t?.pin || "BOTTOM",
-                type: t?.type || "SINGLE_LINE",
+                pin: e?.pin || "BOTTOM",
+                type: e?.type || "SINGLE_LINE",
                 children: L()
               }
             )
@@ -177,29 +177,29 @@ class P extends I.Component {
     ] });
   };
   LinkButton = () => {
-    const { type: s, size: i, feature: c, label: t, url: a } = this.props;
-    return /* @__PURE__ */ e(
+    const { type: t, size: n, feature: a, label: e, url: c } = this.props;
+    return /* @__PURE__ */ i(
       "button",
       {
         role: "link",
         className: w([
           "button",
-          `button--${s}`,
-          `button--${i}`
+          `button--${t}`,
+          `button--${n}`
         ]),
-        "data-feature": c,
+        "data-feature": a,
         ref: this.buttonRef,
-        "aria-label": t,
+        "aria-label": e,
         tabIndex: 0,
-        children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ i(
           "a",
           {
-            href: a,
+            href: c,
             target: "_blank",
             rel: "noreferrer",
             className: "button__label",
-            "aria-label": t,
-            children: t
+            "aria-label": e,
+            children: e
           }
         )
       }
@@ -207,42 +207,41 @@ class P extends I.Component {
   };
   Icon = () => {
     const {
-      size: s,
-      icon: i,
-      iconClassName: c,
-      customIcon: t,
-      feature: a,
-      state: u,
+      size: t,
+      icon: n,
+      iconClassName: a,
+      customIcon: e,
+      feature: c,
+      state: b,
       helper: o,
-      warning: p,
       isLoading: l,
-      isDisabled: d,
+      isDisabled: s,
       isBlocked: r,
-      isNew: b,
-      action: v
+      isNew: u,
+      action: p
     } = this.props, { isTooltipVisible: T } = this.state;
     return /* @__PURE__ */ m("div", { className: g["snackbar--medium"], children: [
       /* @__PURE__ */ m(
         "button",
         {
           role: "button",
-          "data-feature": a,
+          "data-feature": c,
           className: w([
             "icon-button",
-            `icon-button--${s}`,
-            u === "selected" && "icon-button--selected",
-            b && "icon-button--new",
+            `icon-button--${t}`,
+            b === "selected" && "icon-button--selected",
+            u && "icon-button--new",
             l && "button--loading"
           ]),
-          disabled: d || r,
-          "aria-label": typeof o?.label == "string" ? o.label : i,
-          "aria-disabled": d || r,
-          "aria-pressed": u === "selected",
+          disabled: s || r,
+          "aria-label": typeof o?.label == "string" ? o.label : n,
+          "aria-disabled": s || r,
+          "aria-pressed": b === "selected",
           "aria-busy": l,
-          onKeyDown: (n) => {
-            (n.key === " " || n.key === "Enter") && !(d || r) && v?.(n), n.key === "Escape" && n.target.blur();
+          onKeyDown: (d) => {
+            (d.key === " " || d.key === "Enter") && !(s || r) && p?.(d), d.key === "Escape" && d.target.blur();
           },
-          onMouseDown: d || r ? void 0 : v,
+          onMouseDown: s || r ? void 0 : p,
           onMouseEnter: () => {
             o !== void 0 && this.setState({ isTooltipVisible: !0 });
           },
@@ -258,18 +257,18 @@ class P extends I.Component {
           tabIndex: 0,
           ref: this.buttonRef,
           children: [
-            t === void 0 ? /* @__PURE__ */ e(
+            e === void 0 ? /* @__PURE__ */ i(
               N,
               {
                 type: "PICTO",
-                iconName: l ? "spinner" : i,
-                customClassName: c !== void 0 ? c : void 0
+                iconName: l ? "spinner" : n,
+                customClassName: a !== void 0 ? a : void 0
               }
-            ) : /* @__PURE__ */ e(
+            ) : /* @__PURE__ */ i(
               "div",
               {
                 style: {
-                  opacity: d || r ? 0.5 : 1,
+                  opacity: s || r ? 0.5 : 1,
                   pointerEvents: "none",
                   width: "100%",
                   height: "100%",
@@ -277,10 +276,10 @@ class P extends I.Component {
                   alignItems: "center",
                   justifyContent: "center"
                 },
-                children: t
+                children: e
               }
             ),
-            T && o !== void 0 && u !== "selected" && /* @__PURE__ */ e(
+            T && o !== void 0 && b !== "selected" && /* @__PURE__ */ i(
               E,
               {
                 pin: o?.pin || "BOTTOM",
@@ -291,13 +290,13 @@ class P extends I.Component {
           ]
         }
       ),
-      p !== void 0 && this.Status()
+      !u && this.Status()
     ] });
   };
   // Render
   render() {
-    const { type: s, isLink: i } = this.props;
-    return s !== "icon" ? i ? this.LinkButton() : this.Button() : this.Icon();
+    const { type: t, isLink: n } = this.props;
+    return t !== "icon" ? n ? this.LinkButton() : this.Button() : this.Icon();
   }
 }
 export {

package/dist/components/actions/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/actions/button/Button.tsx"],"sourcesContent":["import React from 'react'\nimport layouts from '@styles/layouts.module.scss'\nimport Tooltip from '@components/tags/tooltip/Tooltip'\nimport IconChip from '@components/tags/icon-chip/IconChip'\nimport Chip from '@components/tags/chip/Chip'\nimport Icon from '@components/assets/icon/Icon'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport type { IconList } from '@tps/icon.types'\nimport './button.scss'\n\nexport interface ButtonProps {\n  /**\n   * Visual style of the button\n   */\n  type:\n    | 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'destructive'\n    | 'alternative'\n    | 'icon'\n  /**\n   * Size of the button\n   * @default 'default'\n   */\n  size?: 'small' | 'default' | 'large'\n  /**\n   * Icon name to display in the button\n   */\n  icon?: IconList\n  /**\n   * Custom CSS class for the icon\n   */\n  iconClassName?: string\n  /**\n   * Custom icon element to replace the default icon\n   */\n  customIcon?: React.ReactElement\n  /**\n   * Text label of the button\n   */\n  label?: string\n  /**\n   * Visual state of the button\n   * @default 'default'\n   */\n  state?: 'default' | 'selected'\n  /**\n   * URL for link buttons\n   */\n  url?: string\n  /**\n   * Helper tooltip configuration\n   */\n  helper?: {\n    /** Tooltip content */\n    label: string | React.ReactNode\n    /** Tooltip position */\n    pin?: 'TOP' | 'BOTTOM'\n    /** Tooltip display type */\n    type?: 'MULTI_LINE' | 'SINGLE_LINE'\n  }\n  /**\n   * Preview tooltip configuration with image\n   */\n  preview?: {\n    /** Preview image URL */\n    image: string\n    /** Preview text */\n    text: string | React.ReactNode\n    /** Preview position */\n    pin?: 'TOP' | 'BOTTOM'\n  }\n  /**\n   * Warning tooltip configuration\n   */\n  warning?: {\n    /** Warning message */\n    label: string | React.ReactNode\n    /** Warning position */\n    pin?: 'TOP' | 'BOTTOM'\n    /** Warning display type */\n    type?: 'MULTI_LINE' | 'SINGLE_LINE'\n  }\n  /**\n   * Feature identifier for tracking\n   */\n  feature?: string\n  /**\n   * Whether the button has multiple actions\n   * @default false\n   */\n  hasMultipleActions?: boolean\n  /**\n   * Whether the button should render as a link\n   * @default false\n   */\n  isLink?: boolean\n  /**\n   * Whether the button should auto-focus on mount\n   * @default false\n   */\n  isAutofocus?: boolean\n  /**\n   * Reflow configuration for responsive behavior\n   * @default { isEnabled: false, icon: 'adjust' }\n   */\n  shouldReflow?: {\n    /** Whether reflow is enabled */\n    isEnabled: boolean\n    /** Icon to show when reflowed */\n    icon: IconList\n  }\n  /**\n   * Whether the button is in loading state\n   * @default false\n   */\n  isLoading?: boolean\n  /**\n   * Whether the button is blocked (shows unblock action)\n   * @default false\n   */\n  isBlocked?: boolean\n  /**\n   * Whether the button is disabled\n   * @default false\n   */\n  isDisabled?: boolean\n  /**\n   * Whether to show a \"New\" badge\n   * @default false\n   */\n  isNew?: boolean\n  /**\n   * Click handler for the button\n   */\n  action?: React.MouseEventHandler & React.KeyboardEventHandler\n  /**\n   * Handler called when unblock is clicked\n   */\n  onUnblock?: React.MouseEventHandler & React.KeyboardEventHandler\n}\n\ninterface ButtonStates {\n  isTooltipVisible: boolean\n  documentWidth: number\n}\n\nexport default class Button extends React.Component<ButtonProps, ButtonStates> {\n  buttonRef: React.RefObject<HTMLButtonElement> = React.createRef()\n\n  static defaultProps: Partial<ButtonProps> = {\n    size: 'default',\n    state: 'default',\n    hasMultipleActions: false,\n    isLink: false,\n    shouldReflow: { isEnabled: false, icon: 'adjust' },\n    isAutofocus: false,\n    isLoading: false,\n    isBlocked: false,\n    isDisabled: false,\n    isNew: false,\n  }\n\n  constructor(props: ButtonProps) {\n    super(props)\n    this.state = {\n      isTooltipVisible: false,\n      documentWidth: document.documentElement.clientWidth,\n    }\n  }\n\n  // Lifecycle\n  componentDidMount = () => {\n    const { isAutofocus } = this.props\n\n    if (isAutofocus)\n      setTimeout(() => {\n        if (this.buttonRef.current) this.buttonRef.current.focus()\n      }, 1)\n\n    window.addEventListener('resize', this.handleResize)\n  }\n\n  componentWillUnmount = () => {\n    window.removeEventListener('resize', this.handleResize)\n  }\n\n  // Handlers\n  handleResize = () => {\n    this.setState({ documentWidth: document.documentElement.clientWidth })\n  }\n\n  // Templates\n  Status = () => {\n    const { type, warning, preview, isBlocked, isNew, onUnblock } = this.props\n\n    if (warning || isBlocked || isNew)\n      return (\n        <div className=\"button__status\">\n          {warning !== undefined && (\n            <IconChip\n              iconType=\"PICTO\"\n              iconName=\"warning\"\n              text={warning.label}\n              pin={warning.pin}\n              type={warning.type}\n            />\n          )}\n          {(isBlocked || isNew) && type !== 'icon' && (\n            <Chip\n              preview={preview}\n              isSolo\n              action={isBlocked ? onUnblock : undefined}\n            >\n              {isNew ? 'New' : 'Pro'}\n            </Chip>\n          )}\n        </div>\n      )\n  }\n\n  Button = () => {\n    const {\n      type,\n      icon,\n      size,\n      helper,\n      feature,\n      hasMultipleActions,\n      isLoading,\n      isDisabled,\n      isBlocked,\n      action,\n      label,\n      shouldReflow,\n    } = this.props\n    const { isTooltipVisible, documentWidth } = this.state\n\n    const isReflowActive = shouldReflow?.isEnabled && documentWidth <= 460\n\n    const getButtonLabel = () => (isReflowActive ? undefined : label)\n    const getTooltipLabel = () => (isReflowActive ? label : helper?.label)\n    const hasTooltipContent = () =>\n      isReflowActive ? label !== undefined : helper !== undefined\n    const getIconName = () =>\n      isReflowActive && shouldReflow?.icon !== undefined\n        ? shouldReflow.icon\n        : icon\n\n    return (\n      <div className={layouts['snackbar--medium']}>\n        <button\n          role=\"button\"\n          className={doClassnames([\n            'button',\n            `button--${type}`,\n            `button--${size}`,\n            isLoading && 'button--loading',\n            isBlocked && 'button--blocked',\n          ])}\n          data-feature={feature}\n          disabled={isDisabled || isBlocked}\n          aria-label={\n            typeof (getButtonLabel() || helper?.label) === 'string'\n              ? ((getButtonLabel() || helper?.label) as string)\n              : undefined\n          }\n          aria-disabled={isDisabled || isBlocked}\n          aria-busy={isLoading}\n          onKeyDown={(e) => {\n            if (\n              (e.key === ' ' || e.key === 'Enter') &&\n              (!isDisabled || !isBlocked)\n            )\n              action?.(e)\n            if (e.key === 'Escape') (e.target as HTMLElement).blur()\n          }}\n          onMouseDown={!(isDisabled || isBlocked) ? action : undefined}\n          onMouseEnter={() => {\n            if (hasTooltipContent()) this.setState({ isTooltipVisible: true })\n          }}\n          onMouseLeave={() => {\n            if (hasTooltipContent()) this.setState({ isTooltipVisible: false })\n          }}\n          onFocus={() => {\n            if (hasTooltipContent()) this.setState({ isTooltipVisible: true })\n          }}\n          onBlur={() => {\n            if (hasTooltipContent()) this.setState({ isTooltipVisible: false })\n          }}\n          tabIndex={0}\n          ref={this.buttonRef}\n        >\n          {getIconName() !== undefined && (\n            <span\n              className=\"button__icon\"\n              aria-hidden=\"true\"\n            >\n              <Icon\n                type=\"PICTO\"\n                iconName={getIconName()}\n              />\n            </span>\n          )}\n          {getButtonLabel() !== undefined && (\n            <span className=\"button__label\">{getButtonLabel()}</span>\n          )}\n          {isLoading && (\n            <div\n              className=\"button__loader\"\n              aria-hidden=\"true\"\n            >\n              <Icon\n                type=\"PICTO\"\n                iconName=\"spinner\"\n                customClassName=\"button__spinner\"\n              />\n            </div>\n          )}\n          {hasMultipleActions && (\n            <span\n              className=\"button__caret\"\n              aria-hidden=\"true\"\n            >\n              <Icon\n                type=\"PICTO\"\n                iconName=\"chevron-down\"\n              />\n            </span>\n          )}\n          {isTooltipVisible && hasTooltipContent() && (\n            <Tooltip\n              pin={helper?.pin || 'BOTTOM'}\n              type={helper?.type || 'SINGLE_LINE'}\n            >\n              {getTooltipLabel()}\n            </Tooltip>\n          )}\n        </button>\n        {this.Status()}\n      </div>\n    )\n  }\n\n  LinkButton = () => {\n    const { type, size, feature, label, url } = this.props\n\n    return (\n      <button\n        role=\"link\"\n        className={doClassnames([\n          'button',\n          `button--${type}`,\n          `button--${size}`,\n        ])}\n        data-feature={feature}\n        ref={this.buttonRef}\n        aria-label={label}\n        tabIndex={0}\n      >\n        <a\n          href={url}\n          target=\"_blank\"\n          rel=\"noreferrer\"\n          className=\"button__label\"\n          aria-label={label}\n        >\n          {label}\n        </a>\n      </button>\n    )\n  }\n\n  Icon = () => {\n    const {\n      size,\n      icon,\n      iconClassName,\n      customIcon,\n      feature,\n      state,\n      helper,\n      warning,\n      isLoading,\n      isDisabled,\n      isBlocked,\n      isNew,\n      action,\n    } = this.props\n    const { isTooltipVisible } = this.state\n\n    return (\n      <div className={layouts['snackbar--medium']}>\n        <button\n          role=\"button\"\n          data-feature={feature}\n          className={doClassnames([\n            'icon-button',\n            `icon-button--${size}`,\n            state === 'selected' && 'icon-button--selected',\n            isNew && 'icon-button--new',\n            isLoading && 'button--loading',\n          ])}\n          disabled={isDisabled || isBlocked}\n          aria-label={typeof helper?.label === 'string' ? helper.label : icon}\n          aria-disabled={isDisabled || isBlocked}\n          aria-pressed={state === 'selected'}\n          aria-busy={isLoading}\n          onKeyDown={(e) => {\n            if (\n              (e.key === ' ' || e.key === 'Enter') &&\n              !(isDisabled || isBlocked)\n            )\n              action?.(e)\n            if (e.key === 'Escape') (e.target as HTMLElement).blur()\n          }}\n          onMouseDown={!(isDisabled || isBlocked) ? action : undefined}\n          onMouseEnter={() => {\n            if (helper !== undefined) this.setState({ isTooltipVisible: true })\n          }}\n          onMouseLeave={() => {\n            if (helper !== undefined) this.setState({ isTooltipVisible: false })\n          }}\n          onFocus={() => {\n            if (helper !== undefined) this.setState({ isTooltipVisible: true })\n          }}\n          onBlur={() => {\n            if (helper !== undefined) this.setState({ isTooltipVisible: false })\n          }}\n          tabIndex={0}\n          ref={this.buttonRef}\n        >\n          {customIcon === undefined ? (\n            <Icon\n              type=\"PICTO\"\n              iconName={isLoading ? 'spinner' : icon}\n              customClassName={\n                iconClassName !== undefined ? iconClassName : undefined\n              }\n            />\n          ) : (\n            <div\n              style={{\n                opacity: isDisabled || isBlocked ? 0.5 : 1,\n                pointerEvents: 'none',\n                width: '100%',\n                height: '100%',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n              }}\n            >\n              {customIcon}\n            </div>\n          )}\n          {isTooltipVisible && helper !== undefined && state !== 'selected' && (\n            <Tooltip\n              pin={helper?.pin || 'BOTTOM'}\n              type={helper?.type || 'SINGLE_LINE'}\n            >\n              {helper?.label}\n            </Tooltip>\n          )}\n        </button>\n        {warning !== undefined && this.Status()}\n      </div>\n    )\n  }\n\n  // Render\n  render() {\n    const { type, isLink } = this.props\n\n    if (type !== 'icon') return isLink ? this.LinkButton() : this.Button()\n    return this.Icon()\n  }\n}\n"],"names":["Button","React","props","isAutofocus","type","warning","preview","isBlocked","isNew","onUnblock","jsxs","jsx","IconChip","Chip","icon","size","helper","feature","hasMultipleActions","isLoading","isDisabled","action","label","shouldReflow","isTooltipVisible","documentWidth","isReflowActive","getButtonLabel","getTooltipLabel","hasTooltipContent","getIconName","layouts","doClassnames","e","Icon","Tooltip","url","iconClassName","customIcon","state","isLink"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/actions/button/Button.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport layouts from '@styles/layouts.module.scss'\nimport Tooltip from '@components/tags/tooltip/Tooltip'\nimport IconChip from '@components/tags/icon-chip/IconChip'\nimport Chip from '@components/tags/chip/Chip'\nimport Icon from '@components/assets/icon/Icon'\nimport type { IconList } from '@tps/icon.types'\nimport './button.scss'\n\nexport interface ButtonProps {\n  /**\n   * Visual style of the button\n   */\n  type:\n    | 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'destructive'\n    | 'alternative'\n    | 'icon'\n  /**\n   * Size of the button\n   * @default 'default'\n   */\n  size?: 'small' | 'default' | 'large'\n  /**\n   * Icon name to display in the button\n   */\n  icon?: IconList\n  /**\n   * Custom CSS class for the icon\n   */\n  iconClassName?: string\n  /**\n   * Custom icon element to replace the default icon\n   */\n  customIcon?: React.ReactElement\n  /**\n   * Text label of the button\n   */\n  label?: string\n  /**\n   * Visual state of the button\n   * @default 'default'\n   */\n  state?: 'default' | 'selected'\n  /**\n   * URL for link buttons\n   */\n  url?: string\n  /**\n   * Helper tooltip configuration\n   */\n  helper?: {\n    /** Tooltip content */\n    label: string | React.ReactNode\n    /** Tooltip position */\n    pin?: 'TOP' | 'BOTTOM'\n    /** Tooltip display type */\n    type?: 'MULTI_LINE' | 'SINGLE_LINE'\n  }\n  /**\n   * Preview tooltip configuration with image\n   */\n  preview?: {\n    /** Preview image URL */\n    image: string\n    /** Preview text */\n    text: string | React.ReactNode\n    /** Preview position */\n    pin?: 'TOP' | 'BOTTOM'\n  }\n  /**\n   * Warning tooltip configuration\n   */\n  warning?: {\n    /** Warning message */\n    label: string | React.ReactNode\n    /** Warning position */\n    pin?: 'TOP' | 'BOTTOM'\n    /** Warning display type */\n    type?: 'MULTI_LINE' | 'SINGLE_LINE'\n  }\n  /**\n   * Feature identifier for tracking\n   */\n  feature?: string\n  /**\n   * Whether the button has multiple actions\n   * @default false\n   */\n  hasMultipleActions?: boolean\n  /**\n   * Whether the button should render as a link\n   * @default false\n   */\n  isLink?: boolean\n  /**\n   * Whether the button should auto-focus on mount\n   * @default false\n   */\n  isAutofocus?: boolean\n  /**\n   * Reflow configuration for responsive behavior\n   * @default { isEnabled: false, icon: 'adjust' }\n   */\n  shouldReflow?: {\n    /** Whether reflow is enabled */\n    isEnabled: boolean\n    /** Icon to show when reflowed */\n    icon: IconList\n  }\n  /**\n   * Whether the button is in loading state\n   * @default false\n   */\n  isLoading?: boolean\n  /**\n   * Whether the button is blocked (shows unblock action)\n   * @default false\n   */\n  isBlocked?: boolean\n  /**\n   * Whether the button is disabled\n   * @default false\n   */\n  isDisabled?: boolean\n  /**\n   * Whether to show a \"New\" badge\n   * @default false\n   */\n  isNew?: boolean\n  /**\n   * Click handler for the button\n   */\n  action?: React.MouseEventHandler & React.KeyboardEventHandler\n  /**\n   * Handler called when unblock is clicked\n   */\n  onUnblock?: React.MouseEventHandler & React.KeyboardEventHandler\n}\n\ninterface ButtonState {\n  isTooltipVisible: boolean\n  documentWidth: number\n}\n\nexport default class Button extends React.Component<ButtonProps, ButtonState> {\n  buttonRef: React.RefObject<HTMLButtonElement> = React.createRef()\n\n  static defaultProps: Partial<ButtonProps> = {\n    size: 'default',\n    state: 'default',\n    hasMultipleActions: false,\n    isLink: false,\n    shouldReflow: { isEnabled: false, icon: 'adjust' },\n    isAutofocus: false,\n    isLoading: false,\n    isBlocked: false,\n    isDisabled: false,\n    isNew: false,\n  }\n\n  constructor(props: ButtonProps) {\n    super(props)\n    this.state = {\n      isTooltipVisible: false,\n      documentWidth: document.documentElement.clientWidth,\n    }\n  }\n\n  // Lifecycle\n  componentDidMount = () => {\n    const { isAutofocus } = this.props\n\n    if (isAutofocus)\n      setTimeout(() => {\n        if (this.buttonRef.current) this.buttonRef.current.focus()\n      }, 1)\n\n    window.addEventListener('resize', this.handleResize)\n  }\n\n  componentWillUnmount = () => {\n    window.removeEventListener('resize', this.handleResize)\n  }\n\n  // Handlers\n  handleResize = () => {\n    this.setState({ documentWidth: document.documentElement.clientWidth })\n  }\n\n  // Templates\n  Status = () => {\n    const { warning, preview, isBlocked, isNew, onUnblock } = this.props\n\n    if (warning || isBlocked || isNew)\n      return (\n        <div className=\"button__status\">\n          {warning !== undefined && (\n            <IconChip\n              iconType=\"PICTO\"\n              iconName=\"warning\"\n              text={warning.label}\n              pin={warning.pin}\n              type={warning.type}\n            />\n          )}\n          {(isBlocked || isNew) && (\n            <Chip\n              preview={preview}\n              isSolo\n              action={isBlocked ? onUnblock : undefined}\n            >\n              {isNew ? 'New' : 'Pro'}\n            </Chip>\n          )}\n        </div>\n      )\n  }\n\n  Button = () => {\n    const {\n      type,\n      icon,\n      size,\n      helper,\n      feature,\n      hasMultipleActions,\n      isLoading,\n      isDisabled,\n      isBlocked,\n      action,\n      label,\n      shouldReflow,\n    } = this.props\n    const { isTooltipVisible, documentWidth } = this.state\n\n    const isReflowActive = shouldReflow?.isEnabled && documentWidth <= 460\n\n    const getButtonLabel = () => (isReflowActive ? undefined : label)\n    const getTooltipLabel = () => (isReflowActive ? label : helper?.label)\n    const hasTooltipContent = () =>\n      isReflowActive ? label !== undefined : helper !== undefined\n    const getIconName = () =>\n      isReflowActive && shouldReflow?.icon !== undefined\n        ? shouldReflow.icon\n        : icon\n\n    return (\n      <div className={layouts['snackbar--medium']}>\n        <button\n          role=\"button\"\n          className={doClassnames([\n            'button',\n            `button--${type}`,\n            `button--${size}`,\n            isLoading && 'button--loading',\n            isBlocked && 'button--blocked',\n          ])}\n          data-feature={feature}\n          disabled={isDisabled || isBlocked}\n          aria-label={\n            typeof (getButtonLabel() || helper?.label) === 'string'\n              ? ((getButtonLabel() || helper?.label) as string)\n              : undefined\n          }\n          aria-disabled={isDisabled || isBlocked}\n          aria-busy={isLoading}\n          onKeyDown={(e) => {\n            if (\n              (e.key === ' ' || e.key === 'Enter') &&\n              (!isDisabled || !isBlocked)\n            )\n              action?.(e)\n            if (e.key === 'Escape') (e.target as HTMLElement).blur()\n          }}\n          onMouseDown={!(isDisabled || isBlocked) ? action : undefined}\n          onMouseEnter={() => {\n            if (hasTooltipContent()) this.setState({ isTooltipVisible: true })\n          }}\n          onMouseLeave={() => {\n            if (hasTooltipContent()) this.setState({ isTooltipVisible: false })\n          }}\n          onFocus={() => {\n            if (hasTooltipContent()) this.setState({ isTooltipVisible: true })\n          }}\n          onBlur={() => {\n            if (hasTooltipContent()) this.setState({ isTooltipVisible: false })\n          }}\n          tabIndex={0}\n          ref={this.buttonRef}\n        >\n          {getIconName() !== undefined && (\n            <span\n              className=\"button__icon\"\n              aria-hidden=\"true\"\n            >\n              <Icon\n                type=\"PICTO\"\n                iconName={getIconName()}\n              />\n            </span>\n          )}\n          {getButtonLabel() !== undefined && (\n            <span className=\"button__label\">{getButtonLabel()}</span>\n          )}\n          {isLoading && (\n            <div\n              className=\"button__loader\"\n              aria-hidden=\"true\"\n            >\n              <Icon\n                type=\"PICTO\"\n                iconName=\"spinner\"\n                customClassName=\"button__spinner\"\n              />\n            </div>\n          )}\n          {hasMultipleActions && (\n            <span\n              className=\"button__caret\"\n              aria-hidden=\"true\"\n            >\n              <Icon\n                type=\"PICTO\"\n                iconName=\"chevron-down\"\n              />\n            </span>\n          )}\n          {isTooltipVisible && hasTooltipContent() && (\n            <Tooltip\n              pin={helper?.pin || 'BOTTOM'}\n              type={helper?.type || 'SINGLE_LINE'}\n            >\n              {getTooltipLabel()}\n            </Tooltip>\n          )}\n        </button>\n        {this.Status()}\n      </div>\n    )\n  }\n\n  LinkButton = () => {\n    const { type, size, feature, label, url } = this.props\n\n    return (\n      <button\n        role=\"link\"\n        className={doClassnames([\n          'button',\n          `button--${type}`,\n          `button--${size}`,\n        ])}\n        data-feature={feature}\n        ref={this.buttonRef}\n        aria-label={label}\n        tabIndex={0}\n      >\n        <a\n          href={url}\n          target=\"_blank\"\n          rel=\"noreferrer\"\n          className=\"button__label\"\n          aria-label={label}\n        >\n          {label}\n        </a>\n      </button>\n    )\n  }\n\n  Icon = () => {\n    const {\n      size,\n      icon,\n      iconClassName,\n      customIcon,\n      feature,\n      state,\n      helper,\n      isLoading,\n      isDisabled,\n      isBlocked,\n      isNew,\n      action,\n    } = this.props\n    const { isTooltipVisible } = this.state\n\n    return (\n      <div className={layouts['snackbar--medium']}>\n        <button\n          role=\"button\"\n          data-feature={feature}\n          className={doClassnames([\n            'icon-button',\n            `icon-button--${size}`,\n            state === 'selected' && 'icon-button--selected',\n            isNew && 'icon-button--new',\n            isLoading && 'button--loading',\n          ])}\n          disabled={isDisabled || isBlocked}\n          aria-label={typeof helper?.label === 'string' ? helper.label : icon}\n          aria-disabled={isDisabled || isBlocked}\n          aria-pressed={state === 'selected'}\n          aria-busy={isLoading}\n          onKeyDown={(e) => {\n            if (\n              (e.key === ' ' || e.key === 'Enter') &&\n              !(isDisabled || isBlocked)\n            )\n              action?.(e)\n            if (e.key === 'Escape') (e.target as HTMLElement).blur()\n          }}\n          onMouseDown={!(isDisabled || isBlocked) ? action : undefined}\n          onMouseEnter={() => {\n            if (helper !== undefined) this.setState({ isTooltipVisible: true })\n          }}\n          onMouseLeave={() => {\n            if (helper !== undefined) this.setState({ isTooltipVisible: false })\n          }}\n          onFocus={() => {\n            if (helper !== undefined) this.setState({ isTooltipVisible: true })\n          }}\n          onBlur={() => {\n            if (helper !== undefined) this.setState({ isTooltipVisible: false })\n          }}\n          tabIndex={0}\n          ref={this.buttonRef}\n        >\n          {customIcon === undefined ? (\n            <Icon\n              type=\"PICTO\"\n              iconName={isLoading ? 'spinner' : icon}\n              customClassName={\n                iconClassName !== undefined ? iconClassName : undefined\n              }\n            />\n          ) : (\n            <div\n              style={{\n                opacity: isDisabled || isBlocked ? 0.5 : 1,\n                pointerEvents: 'none',\n                width: '100%',\n                height: '100%',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n              }}\n            >\n              {customIcon}\n            </div>\n          )}\n          {isTooltipVisible && helper !== undefined && state !== 'selected' && (\n            <Tooltip\n              pin={helper?.pin || 'BOTTOM'}\n              type={helper?.type || 'SINGLE_LINE'}\n            >\n              {helper?.label}\n            </Tooltip>\n          )}\n        </button>\n        {!isNew && this.Status()}\n      </div>\n    )\n  }\n\n  // Render\n  render() {\n    const { type, isLink } = this.props\n\n    if (type !== 'icon') return isLink ? this.LinkButton() : this.Button()\n    return this.Icon()\n  }\n}\n"],"names":["Button","React","props","isAutofocus","warning","preview","isBlocked","isNew","onUnblock","jsxs","jsx","IconChip","Chip","type","icon","size","helper","feature","hasMultipleActions","isLoading","isDisabled","action","label","shouldReflow","isTooltipVisible","documentWidth","isReflowActive","getButtonLabel","getTooltipLabel","hasTooltipContent","getIconName","layouts","doClassnames","e","Icon","Tooltip","url","iconClassName","customIcon","state","isLink"],"mappings":"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"}

package/dist/components/actions/card/Card.d.ts

@@ -1,4 +1,3 @@
-
 interface CardProps {
     /**
      * Image source URL for the card thumbnail

package/dist/components/actions/card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/card/Card.tsx"],"names":[],"mappings":";AAIA,OAAO,aAAa,CAAA;AAGpB,UAAU,SAAS;IACjB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,MAAM,EAAE,CACN,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,KAC5D,IAAI,CAAA;CACV;AAED,QAAA,MAAM,IAAI,UAAW,SAAS,4CAmF7B,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/card/Card.tsx"],"names":[],"mappings":"AAKA,OAAO,aAAa,CAAA;AAEpB,UAAU,SAAS;IACjB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,MAAM,EAAE,CACN,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,KAC5D,IAAI,CAAA;CACV;AAED,QAAA,MAAM,IAAI,GAAI,OAAO,SAAS,4CAmF7B,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/components/actions/card/Card.js

@@ -1,10 +1,10 @@
 import '../../../assets/Card.css';
 import { jsxs as a, jsx as e, Fragment as g } from "react/jsx-runtime";
 import { useState as y } from "react";
+import { t as s } from "../../../do-classnames-DSDFCvzy.js";
 import o from "../../../styles/texts/texts.module.js";
 import v from "../../tags/chip/Chip.js";
 import x from "../../assets/thumbnail/Thumbnail.js";
-import { t as s } from "../../../do-classnames-DSDFCvzy.js";
 const M = (f) => {
   const [i, t] = y(!1), {
     src: l,