@unoff/ui 1.21.0

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,39 @@
+
+interface CardProps {
+    /**
+     * Image source URL for the card thumbnail
+     */
+    src?: string;
+    /**
+     * Tag label of the card
+     */
+    tag?: string;
+    /**
+     * Main title of the card
+     */
+    title?: string;
+    /**
+     * Subtitle text of the card
+     */
+    subtitle?: string;
+    /**
+     * Rich text content to display in the card
+     */
+    richText?: React.ReactNode;
+    /**
+     * Action buttons to display on hover
+     */
+    actions?: React.ReactNode;
+    /**
+     * Whether the card should fill available space
+     * @default false
+     */
+    shouldFill?: boolean;
+    /**
+     * Click handler for the card
+     */
+    action: (event: React.MouseEvent<Element> | React.KeyboardEvent<Element>) => void;
+}
+declare const Card: (props: CardProps) => import("react/jsx-runtime").JSX.Element;
+export default Card;
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,99 @@
+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 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,
+    tag: n,
+    title: c,
+    subtitle: d,
+    richText: m,
+    actions: p,
+    shouldFill: h = !1,
+    action: u
+  } = f;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: s(["card", h && "card--fill"]),
+      role: "article",
+      onMouseEnter: () => t(!0),
+      onMouseLeave: () => t(!1),
+      onFocus: () => t(!0),
+      onBlur: () => t(!1),
+      onKeyDown: (r) => {
+        (r.key === "Enter" || r.key === " ") && u(r), r.key === "Escape" && r.target.blur();
+      },
+      onMouseDown: u,
+      tabIndex: 0,
+      children: [
+        n !== void 0 && /* @__PURE__ */ e(
+          "div",
+          {
+            className: "card__tags",
+            role: "group",
+            children: /* @__PURE__ */ e(v, { isSolo: !0, children: n })
+          }
+        ),
+        l && /* @__PURE__ */ a(
+          "div",
+          {
+            className: "card__asset",
+            role: "group",
+            children: [
+              /* @__PURE__ */ e(x, { src: l }),
+              p && /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "card__actions",
+                  role: "group",
+                  "aria-hidden": !i,
+                  children: i && p
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: "card__text",
+            role: "contentinfo",
+            children: [
+              c && /* @__PURE__ */ e(
+                "span",
+                {
+                  className: s([
+                    o.type,
+                    o["type--xlarge"],
+                    o["type--bold"]
+                  ]),
+                  role: "heading",
+                  "aria-level": 3,
+                  children: c
+                }
+              ),
+              d && /* @__PURE__ */ e(
+                "span",
+                {
+                  className: s([o.type, o["type--large"]]),
+                  role: "note",
+                  children: d
+                }
+              ),
+              m && /* @__PURE__ */ e(g, { children: m })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  M as default
+};
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../../src/components/actions/card/Card.tsx"],"sourcesContent":["import { useState } from 'react'\nimport texts from '@styles/texts/texts.module.scss'\nimport Chip from '@components/tags/chip/Chip'\nimport Thumbnail from '@components/assets/thumbnail/Thumbnail'\nimport './card.scss'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\n\ninterface CardProps {\n  /**\n   * Image source URL for the card thumbnail\n   */\n  src?: string\n  /**\n   * Tag label of the card\n   */\n  tag?: string\n  /**\n   * Main title of the card\n   */\n  title?: string\n  /**\n   * Subtitle text of the card\n   */\n  subtitle?: string\n  /**\n   * Rich text content to display in the card\n   */\n  richText?: React.ReactNode\n  /**\n   * Action buttons to display on hover\n   */\n  actions?: React.ReactNode\n  /**\n   * Whether the card should fill available space\n   * @default false\n   */\n  shouldFill?: boolean\n  /**\n   * Click handler for the card\n   */\n  action: (\n    event: React.MouseEvent<Element> | React.KeyboardEvent<Element>\n  ) => void\n}\n\nconst Card = (props: CardProps) => {\n  const [isActionsVisible, setActionsVisible] = useState<boolean>(false)\n  const {\n    src,\n    tag,\n    title,\n    subtitle,\n    richText,\n    actions,\n    shouldFill = false,\n    action,\n  } = props\n\n  return (\n    <div\n      className={doClassnames(['card', shouldFill && 'card--fill'])}\n      role=\"article\"\n      onMouseEnter={() => setActionsVisible(true)}\n      onMouseLeave={() => setActionsVisible(false)}\n      onFocus={() => setActionsVisible(true)}\n      onBlur={() => setActionsVisible(false)}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') action(e)\n        if (e.key === 'Escape') (e.target as HTMLElement).blur()\n      }}\n      onMouseDown={action}\n      tabIndex={0}\n    >\n      {tag !== undefined && (\n        <div\n          className=\"card__tags\"\n          role=\"group\"\n        >\n          <Chip isSolo>{tag}</Chip>\n        </div>\n      )}\n      {src && (\n        <div\n          className=\"card__asset\"\n          role=\"group\"\n        >\n          <Thumbnail src={src} />\n          {actions && (\n            <div\n              className={'card__actions'}\n              role=\"group\"\n              aria-hidden={!isActionsVisible}\n            >\n              {isActionsVisible && actions}\n            </div>\n          )}\n        </div>\n      )}\n      <div\n        className=\"card__text\"\n        role=\"contentinfo\"\n      >\n        {title && (\n          <span\n            className={doClassnames([\n              texts.type,\n              texts['type--xlarge'],\n              texts['type--bold'],\n            ])}\n            role=\"heading\"\n            aria-level={3}\n          >\n            {title}\n          </span>\n        )}\n        {subtitle && (\n          <span\n            className={doClassnames([texts.type, texts['type--large']])}\n            role=\"note\"\n          >\n            {subtitle}\n          </span>\n        )}\n\n        {richText && <>{richText}</>}\n      </div>\n    </div>\n  )\n}\n\nexport default Card\n"],"names":["Card","props","isActionsVisible","setActionsVisible","useState","src","tag","title","subtitle","richText","actions","shouldFill","action","jsxs","doClassnames","e","jsx","Chip","Thumbnail","texts"],"mappings":";;;;;;AA6CA,MAAMA,IAAO,CAACC,MAAqB;AACjC,QAAM,CAACC,GAAkBC,CAAiB,IAAIC,EAAkB,EAAK,GAC/D;AAAA,IACJ,KAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,QAAAC;AAAA,EAAA,IACEX;AAEJ,SACE,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAa,CAAC,QAAQH,KAAc,YAAY,CAAC;AAAA,MAC5D,MAAK;AAAA,MACL,cAAc,MAAMR,EAAkB,EAAI;AAAA,MAC1C,cAAc,MAAMA,EAAkB,EAAK;AAAA,MAC3C,SAAS,MAAMA,EAAkB,EAAI;AAAA,MACrC,QAAQ,MAAMA,EAAkB,EAAK;AAAA,MACrC,WAAW,CAACY,MAAM;AAChB,SAAIA,EAAE,QAAQ,WAAWA,EAAE,QAAQ,UAAYA,CAAC,GAC5CA,EAAE,QAAQ,YAAWA,EAAE,OAAuB,KAAA;AAAA,MACpD;AAAA,MACA,aAAaH;AAAA,MACb,UAAU;AAAA,MAET,UAAA;AAAA,QAAAN,MAAQ,UACP,gBAAAU;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEL,UAAA,gBAAAA,EAACC,GAAA,EAAK,QAAM,IAAE,UAAAX,EAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAGrBD,KACC,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEL,UAAA;AAAA,cAAA,gBAAAG,EAACE,KAAU,KAAAb,GAAU;AAAA,cACpBK,KACC,gBAAAM;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,kBACX,MAAK;AAAA,kBACL,eAAa,CAACd;AAAA,kBAEb,UAAAA,KAAoBQ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACvB;AAAA,UAAA;AAAA,QAAA;AAAA,QAIN,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEJ,UAAA;AAAA,cAAAN,KACC,gBAAAS;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWF,EAAa;AAAA,oBACtBK,EAAM;AAAA,oBACNA,EAAM,cAAc;AAAA,oBACpBA,EAAM,YAAY;AAAA,kBAAA,CACnB;AAAA,kBACD,MAAK;AAAA,kBACL,cAAY;AAAA,kBAEX,UAAAZ;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGJC,KACC,gBAAAQ;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWF,EAAa,CAACK,EAAM,MAAMA,EAAM,aAAa,CAAC,CAAC;AAAA,kBAC1D,MAAK;AAAA,kBAEJ,UAAAX;AAAA,gBAAA;AAAA,cAAA;AAAA,cAIJC,4BAAe,UAAAA,EAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC3B;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/actions/knob/Knob.d.ts

@@ -0,0 +1,93 @@
+import { default as React } from 'react';
+
+export interface KnobProps {
+    /**
+     * Unique identifier for the knob
+     */
+    id: string;
+    /**
+     * Short identifier for the knob
+     */
+    shortId: string;
+    /**
+     * Current value of the knob
+     */
+    value: string | number;
+    /**
+     * Offset position for the knob display
+     */
+    offset: number;
+    /**
+     * Minimum allowed value
+     */
+    min?: string;
+    /**
+     * Maximum allowed value
+     */
+    max?: string;
+    /**
+     * Helper tooltip configuration
+     */
+    helper?: {
+        /** Tooltip content */
+        label: string | React.ReactNode;
+        /** Tooltip display type */
+        type: 'MULTI_LINE' | 'SINGLE_LINE' | 'WITH_IMAGE';
+    };
+    /**
+     * Whether the value can be edited by typing
+     */
+    canBeTyped: boolean;
+    /**
+     * Whether the knob is visible
+     */
+    isDisplayed: boolean;
+    /**
+     * Whether the knob is blocked
+     * @default false
+     */
+    isBlocked: boolean;
+    /**
+     * Whether the knob is disabled
+     * @default false
+     */
+    isDisabled: boolean;
+    /**
+     * Custom inline styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Handler for right arrow key
+     */
+    onShiftRight?: React.KeyboardEventHandler<HTMLInputElement>;
+    /**
+     * Handler for left arrow key
+     */
+    onShiftLeft?: React.KeyboardEventHandler<HTMLInputElement>;
+    /**
+     * Handler for delete key
+     */
+    onDelete?: React.KeyboardEventHandler<HTMLInputElement>;
+    /**
+     * Mouse down handler for dragging
+     */
+    onMouseDown: React.MouseEventHandler<HTMLDivElement>;
+    /**
+     * Callback when value is validated
+     */
+    onValidStopValue?: (stopId: string, e: React.FocusEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement>) => void;
+}
+export interface KnobStates {
+    isStopInputOpen: boolean;
+    isTooltipOpen: boolean;
+    stopInputValue: string | number;
+}
+export default class Knob extends React.Component<KnobProps, KnobStates> {
+    static defaultProps: Partial<KnobProps>;
+    constructor(props: KnobProps);
+    keyboardHandler: (action: string, e: React.KeyboardEvent<HTMLInputElement>) => void;
+    clickHandler: (e: React.MouseEvent<HTMLDivElement>) => void;
+    transformStopValue: (value: string | number) => string;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+//# sourceMappingURL=Knob.d.ts.map

package/dist/components/actions/knob/Knob.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Knob.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/knob/Knob.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;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,2BAA2B;QAC3B,IAAI,EAAE,YAAY,GAAG,aAAa,GAAG,YAAY,CAAA;KAClD,CAAA;IACD;;OAEG;IACH,UAAU,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,SAAS,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,UAAU,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IAC3D;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IAC1D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IACvD;;OAEG;IACH,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAA;IACpD;;OAEG;IACH,gBAAgB,CAAC,EAAE,CACjB,MAAM,EAAE,MAAM,EACd,CAAC,EACG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAClC,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KACtC,IAAI,CAAA;CACV;AAED,MAAM,WAAW,UAAU;IACzB,eAAe,EAAE,OAAO,CAAA;IACxB,aAAa,EAAE,OAAO,CAAA;IACtB,cAAc,EAAE,MAAM,GAAG,MAAM,CAAA;CAChC;AAED,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,UAAU,CAAC;IACtE,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,CAGtC;gBAEW,KAAK,EAAE,SAAS;IAU5B,eAAe,WACL,MAAM,KACX,mBAAmB,CAAC,gBAAgB,CAAC,UAiCzC;IAED,YAAY,MAAO,gBAAgB,CAAC,cAAc,CAAC,UASlD;IAED,kBAAkB,UAAW,MAAM,GAAG,MAAM,YAK3C;IAGD,MAAM;CAqIP"}

package/dist/components/actions/knob/Knob.js

@@ -0,0 +1,179 @@
+import '../../../assets/Knob.css';
+import { jsxs as k, jsx as n } from "react/jsx-runtime";
+import O from "react";
+import v from "../../../styles/texts/texts.module.js";
+import I from "../../tags/tooltip/Tooltip.js";
+import T from "../../inputs/input/Input.js";
+import { t as u } from "../../../do-classnames-DSDFCvzy.js";
+class D extends O.Component {
+  static defaultProps = {
+    isBlocked: !1,
+    isDisabled: !1
+  };
+  constructor(s) {
+    super(s), this.state = {
+      isStopInputOpen: !1,
+      isTooltipOpen: !1,
+      stopInputValue: s.value
+    };
+  }
+  // Handlers
+  keyboardHandler = (s, e) => {
+    const { value: t, canBeTyped: p, onShiftRight: l, onShiftLeft: d, onDelete: r } = this.props, c = {
+      ArrowRight: () => {
+        l !== void 0 && l(e);
+      },
+      ArrowLeft: () => {
+        d !== void 0 && d(e);
+      },
+      Enter: () => {
+        p && this.setState({
+          isStopInputOpen: !0,
+          isTooltipOpen: !1,
+          stopInputValue: t
+        });
+      },
+      Escape: () => {
+        e.target.blur(), this.setState({ isStopInputOpen: !1 });
+      },
+      Backspace: () => {
+        r !== void 0 && r(e);
+      }
+    };
+    if (e.currentTarget === e.target)
+      return c[s]?.();
+  };
+  clickHandler = (s) => {
+    const { canBeTyped: e, value: t } = this.props;
+    s.detail === 2 && e && this.setState({
+      isStopInputOpen: !0,
+      isTooltipOpen: !1,
+      stopInputValue: t
+    });
+  };
+  transformStopValue = (s) => {
+    let e = s;
+    return typeof e != "string" && (e = e.toFixed(1)), e.includes(".0") ? e = e.replace(".0", "") : e;
+  };
+  // Render
+  render() {
+    const {
+      id: s,
+      shortId: e,
+      value: t,
+      min: p,
+      max: l,
+      offset: d,
+      helper: r,
+      style: c,
+      isDisplayed: m,
+      isBlocked: o,
+      isDisabled: i,
+      onMouseDown: S,
+      onValidStopValue: b
+    } = this.props, { isTooltipOpen: f, isStopInputOpen: h, stopInputValue: y } = this.state;
+    return /* @__PURE__ */ k(
+      "div",
+      {
+        className: u([
+          "knob",
+          h && "knob--editing",
+          (o || i) && "knob--disabled"
+        ]),
+        style: {
+          left: `${d}%`,
+          zIndex: f ? "2" : "1",
+          ...c
+        },
+        "data-id": s,
+        "data-value": t,
+        role: "slider",
+        "aria-label": `${e} knob, value ${this.transformStopValue(t)}`,
+        "aria-valuemin": p ? parseFloat(p) : void 0,
+        "aria-valuemax": l ? parseFloat(l) : void 0,
+        "aria-valuenow": typeof t == "number" ? t : parseFloat(t),
+        "aria-valuetext": this.transformStopValue(t).toString(),
+        "aria-disabled": i || o,
+        "aria-readonly": o,
+        tabIndex: o || i ? -1 : 0,
+        onKeyDown: (a) => o || i ? void 0 : this.keyboardHandler(
+          a.key,
+          a
+        ),
+        onMouseDown: o || i ? void 0 : S,
+        onMouseEnter: () => o || i || h ? void 0 : this.setState({ isTooltipOpen: !0 }),
+        onMouseLeave: (a) => {
+          document.activeElement === a.target && !(o || i) ? this.setState({ isTooltipOpen: !0 }) : this.setState({ isTooltipOpen: !1 });
+        },
+        onFocus: () => o || i ? void 0 : this.setState({ isTooltipOpen: !0 }),
+        onBlur: () => o || i ? void 0 : this.setState({ isTooltipOpen: !1 }),
+        onClick: (a) => o || i ? void 0 : this.clickHandler(a),
+        children: [
+          (m || f) && /* @__PURE__ */ n(
+            "div",
+            {
+              className: u(["knob__tooltip"]),
+              role: "status",
+              children: /* @__PURE__ */ n(
+                "span",
+                {
+                  className: u([v.type, v["type--inverse"]]),
+                  children: this.transformStopValue(t)
+                }
+              )
+            }
+          ),
+          h && /* @__PURE__ */ n(
+            "div",
+            {
+              className: "knob__input",
+              role: "group",
+              children: /* @__PURE__ */ n(
+                T,
+                {
+                  type: "NUMBER",
+                  value: y.toFixed(1) ?? "0",
+                  min: p,
+                  max: l,
+                  step: "0.1",
+                  feature: "TYPE_STOP_VALUE",
+                  shouldBlur: !0,
+                  isAutoFocus: !0,
+                  isFlex: !0,
+                  onFocus: () => this.setState({
+                    stopInputValue: t
+                  }),
+                  onBlur: (a) => {
+                    a.target?.value !== t && b?.(e, a), this.setState({ isStopInputOpen: !1 });
+                  }
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ n(
+            "div",
+            {
+              className: u(["knob__label"]),
+              role: "presentation",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ n("span", { className: u([v.type]), children: e })
+            }
+          ),
+          /* @__PURE__ */ n(
+            "div",
+            {
+              className: "knob__graduation",
+              role: "presentation",
+              "aria-hidden": "true"
+            }
+          ),
+          r !== void 0 && f && /* @__PURE__ */ n(I, { type: r.type, children: r.label })
+        ]
+      }
+    );
+  }
+}
+export {
+  D as default
+};
+//# sourceMappingURL=Knob.js.map

package/dist/components/actions/knob/Knob.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Knob.js","sources":["../../../../src/components/actions/knob/Knob.tsx"],"sourcesContent":["import React from 'react'\nimport texts from '@styles/texts/texts.module.scss'\nimport Tooltip from '@components/tags/tooltip/Tooltip'\nimport Input from '@components/inputs/input/Input'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport './knob.scss'\n\nexport interface KnobProps {\n  /**\n   * Unique identifier for the knob\n   */\n  id: string\n  /**\n   * Short identifier for the knob\n   */\n  shortId: string\n  /**\n   * Current value of the knob\n   */\n  value: string | number\n  /**\n   * Offset position for the knob display\n   */\n  offset: number\n  /**\n   * Minimum allowed value\n   */\n  min?: string\n  /**\n   * Maximum allowed value\n   */\n  max?: string\n  /**\n   * Helper tooltip configuration\n   */\n  helper?: {\n    /** Tooltip content */\n    label: string | React.ReactNode\n    /** Tooltip display type */\n    type: 'MULTI_LINE' | 'SINGLE_LINE' | 'WITH_IMAGE'\n  }\n  /**\n   * Whether the value can be edited by typing\n   */\n  canBeTyped: boolean\n  /**\n   * Whether the knob is visible\n   */\n  isDisplayed: boolean\n  /**\n   * Whether the knob is blocked\n   * @default false\n   */\n  isBlocked: boolean\n  /**\n   * Whether the knob is disabled\n   * @default false\n   */\n  isDisabled: boolean\n  /**\n   * Custom inline styles\n   */\n  style?: React.CSSProperties\n  /**\n   * Handler for right arrow key\n   */\n  onShiftRight?: React.KeyboardEventHandler<HTMLInputElement>\n  /**\n   * Handler for left arrow key\n   */\n  onShiftLeft?: React.KeyboardEventHandler<HTMLInputElement>\n  /**\n   * Handler for delete key\n   */\n  onDelete?: React.KeyboardEventHandler<HTMLInputElement>\n  /**\n   * Mouse down handler for dragging\n   */\n  onMouseDown: React.MouseEventHandler<HTMLDivElement>\n  /**\n   * Callback when value is validated\n   */\n  onValidStopValue?: (\n    stopId: string,\n    e:\n      | React.FocusEvent<HTMLInputElement>\n      | React.KeyboardEvent<HTMLInputElement>\n  ) => void\n}\n\nexport interface KnobStates {\n  isStopInputOpen: boolean\n  isTooltipOpen: boolean\n  stopInputValue: string | number\n}\n\nexport default class Knob extends React.Component<KnobProps, KnobStates> {\n  static defaultProps: Partial<KnobProps> = {\n    isBlocked: false,\n    isDisabled: false,\n  }\n\n  constructor(props: KnobProps) {\n    super(props)\n    this.state = {\n      isStopInputOpen: false,\n      isTooltipOpen: false,\n      stopInputValue: props.value,\n    }\n  }\n\n  // Handlers\n  keyboardHandler = (\n    action: string,\n    e: React.KeyboardEvent<HTMLInputElement>\n  ) => {\n    const { value, canBeTyped, onShiftRight, onShiftLeft, onDelete } =\n      this.props\n\n    const actions = {\n      ArrowRight: () => {\n        if (onShiftRight !== undefined) onShiftRight(e)\n      },\n      ArrowLeft: () => {\n        if (onShiftLeft !== undefined) onShiftLeft(e)\n      },\n      Enter: () => {\n        if (canBeTyped)\n          this.setState({\n            isStopInputOpen: true,\n            isTooltipOpen: false,\n            stopInputValue: value,\n          })\n      },\n      Escape: () => {\n        ;(e.target as HTMLElement).blur()\n        this.setState({ isStopInputOpen: false })\n      },\n      Backspace: () => {\n        if (onDelete !== undefined) onDelete(e)\n      },\n    }\n\n    if (e.currentTarget === e.target)\n      return actions[\n        action as 'ArrowRight' | 'ArrowLeft' | 'Enter' | 'Escape' | 'Backspace'\n      ]?.()\n  }\n\n  clickHandler = (e: React.MouseEvent<HTMLDivElement>) => {\n    const { canBeTyped, value } = this.props\n\n    if (e.detail === 2 && canBeTyped)\n      this.setState({\n        isStopInputOpen: true,\n        isTooltipOpen: false,\n        stopInputValue: value,\n      })\n  }\n\n  transformStopValue = (value: string | number) => {\n    let newValue = value\n    if (typeof newValue !== 'string') newValue = newValue.toFixed(1)\n    if (newValue.includes('.0')) return (newValue = newValue.replace('.0', ''))\n    return newValue\n  }\n\n  // Render\n  render() {\n    const {\n      id,\n      shortId,\n      value,\n      min,\n      max,\n      offset,\n      helper,\n      style,\n      isDisplayed,\n      isBlocked,\n      isDisabled,\n      onMouseDown,\n      onValidStopValue,\n    } = this.props\n    const { isTooltipOpen, isStopInputOpen, stopInputValue } = this.state\n\n    return (\n      <div\n        className={doClassnames([\n          'knob',\n          isStopInputOpen && 'knob--editing',\n          (isBlocked || isDisabled) && 'knob--disabled',\n        ])}\n        style={{\n          left: `${offset}%`,\n          zIndex: isTooltipOpen ? '2' : '1',\n          ...style,\n        }}\n        data-id={id}\n        data-value={value}\n        role=\"slider\"\n        aria-label={`${shortId} knob, value ${this.transformStopValue(value)}`}\n        aria-valuemin={min ? parseFloat(min) : undefined}\n        aria-valuemax={max ? parseFloat(max) : undefined}\n        aria-valuenow={typeof value === 'number' ? value : parseFloat(value)}\n        aria-valuetext={this.transformStopValue(value).toString()}\n        aria-disabled={isDisabled || isBlocked}\n        aria-readonly={isBlocked}\n        tabIndex={!(isBlocked || isDisabled) ? 0 : -1}\n        onKeyDown={(e) =>\n          !(isBlocked || isDisabled)\n            ? this.keyboardHandler(\n                e.key,\n                e as React.KeyboardEvent<HTMLInputElement>\n              )\n            : undefined\n        }\n        onMouseDown={!(isBlocked || isDisabled) ? onMouseDown : undefined}\n        onMouseEnter={() =>\n          !(isBlocked || isDisabled || isStopInputOpen)\n            ? this.setState({ isTooltipOpen: true })\n            : undefined\n        }\n        onMouseLeave={(e) => {\n          const isFocused = document.activeElement === e.target\n          if (isFocused && !(isBlocked || isDisabled))\n            this.setState({ isTooltipOpen: true })\n          else this.setState({ isTooltipOpen: false })\n        }}\n        onFocus={() =>\n          !(isBlocked || isDisabled)\n            ? this.setState({ isTooltipOpen: true })\n            : undefined\n        }\n        onBlur={() =>\n          !(isBlocked || isDisabled)\n            ? this.setState({ isTooltipOpen: false })\n            : undefined\n        }\n        onClick={(e) =>\n          !(isBlocked || isDisabled) ? this.clickHandler(e) : undefined\n        }\n      >\n        {(isDisplayed || isTooltipOpen) && (\n          <div\n            className={doClassnames(['knob__tooltip'])}\n            role=\"status\"\n          >\n            <span\n              className={doClassnames([texts.type, texts['type--inverse']])}\n            >\n              {this.transformStopValue(value)}\n            </span>\n          </div>\n        )}\n        {isStopInputOpen && (\n          <div\n            className=\"knob__input\"\n            role=\"group\"\n          >\n            <Input\n              type=\"NUMBER\"\n              value={(stopInputValue as number).toFixed(1) ?? '0'}\n              min={min}\n              max={max}\n              step=\"0.1\"\n              feature=\"TYPE_STOP_VALUE\"\n              shouldBlur={true}\n              isAutoFocus={true}\n              isFlex={true}\n              onFocus={() =>\n                this.setState({\n                  stopInputValue: value,\n                })\n              }\n              onBlur={(e: React.FocusEvent<HTMLInputElement>) => {\n                if ((e.target as HTMLInputElement)?.value !== value)\n                  onValidStopValue?.(shortId, e)\n                this.setState({ isStopInputOpen: false })\n              }}\n            />\n          </div>\n        )}\n        <div\n          className={doClassnames(['knob__label'])}\n          role=\"presentation\"\n          aria-hidden=\"true\"\n        >\n          <span className={doClassnames([texts.type])}>{shortId}</span>\n        </div>\n        <div\n          className=\"knob__graduation\"\n          role=\"presentation\"\n          aria-hidden=\"true\"\n        ></div>\n        {helper !== undefined && isTooltipOpen && (\n          <Tooltip type={helper.type}>{helper.label}</Tooltip>\n        )}\n      </div>\n    )\n  }\n}\n"],"names":["Knob","React","props","action","value","canBeTyped","onShiftRight","onShiftLeft","onDelete","actions","e","newValue","id","shortId","min","max","offset","helper","style","isDisplayed","isBlocked","isDisabled","onMouseDown","onValidStopValue","isTooltipOpen","isStopInputOpen","stopInputValue","jsxs","doClassnames","jsx","texts","Input","Tooltip"],"mappings":"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"}

package/dist/components/actions/menu/Menu.d.ts

@@ -0,0 +1,104 @@
+import { default as React } from 'react';
+import { DropdownOption } from '../../../types/list.types';
+import { IconList } from '../../../types/icon.types';
+import { default as Button } from '../button/Button';
+
+export interface MenuProps {
+    /**
+     * Unique identifier for the menu
+     */
+    id: string;
+    /**
+     * Visual type of the menu button
+     * @default 'ICON'
+     */
+    type: 'ICON' | 'PRIMARY';
+    /**
+     * Text label for the menu button
+     */
+    label?: string;
+    /**
+     * Icon name to display in the button
+     */
+    icon?: IconList;
+    /**
+     * Custom icon element
+     */
+    customIcon?: React.ReactElement;
+    /**
+     * List of menu options
+     * @default []
+     */
+    options: Array<DropdownOption>;
+    /**
+     * ID of the currently selected option
+     */
+    selected?: string;
+    /**
+     * ID of the container element for portal rendering
+     */
+    containerId?: string;
+    /**
+     * State of the menu button
+     * @default 'DEFAULT'
+     */
+    state?: 'DEFAULT' | 'DISABLED' | 'LOADING';
+    /**
+     * Position of the menu relative to the button
+     * @default 'BOTTOM_LEFT'
+     */
+    alignment?: 'TOP_RIGHT' | 'TOP_LEFT' | 'BOTTOM_RIGHT' | 'BOTTOM_LEFT';
+    /**
+     * Helper tooltip configuration
+     */
+    helper?: {
+        /** Tooltip content */
+        label: string | React.ReactNode;
+        /** Tooltip position */
+        pin?: 'TOP' | 'BOTTOM';
+        /** Whether to use single line display */
+        isSingleLine?: boolean;
+    };
+    /**
+     * Warning tooltip configuration
+     */
+    warning?: {
+        /** Warning message */
+        label: string | React.ReactNode;
+        /** Warning position */
+        pin?: 'TOP' | 'BOTTOM';
+        /** Warning display type */
+        type?: 'MULTI_LINE' | 'SINGLE_LINE';
+    };
+    /**
+     * Whether the menu is blocked
+     * @default false
+     */
+    isBlocked?: boolean;
+    /**
+     * Whether to show a "New" badge
+     * @default false
+     */
+    isNew?: boolean;
+}
+export interface MenuStates {
+    isMenuOpen: boolean;
+    isMenuVisible: boolean;
+    alignment: 'TOP_RIGHT' | 'TOP_LEFT' | 'BOTTOM_RIGHT' | 'BOTTOM_LEFT';
+}
+export default class Menu extends React.Component<MenuProps, MenuStates> {
+    private selectMenuRef;
+    buttonRef: React.RefObject<Button>;
+    private listRef;
+    private actionsListRef;
+    private menuRef;
+    private subMenuRef;
+    static defaultProps: Partial<MenuProps>;
+    constructor(props: MenuProps);
+    componentDidMount: () => void;
+    componentWillUnmount: () => void;
+    handleClickOutside: (e: Event) => void;
+    onOpenMenu: (e: React.MouseEvent<Element> | React.KeyboardEvent<Element>) => void;
+    render(): import("react/jsx-runtime").JSX.Element | null;
+}
+//# sourceMappingURL=Menu.d.ts.map

package/dist/components/actions/menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,MAAM,MAAM,kBAAkB,CAAA;AACrC,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;;OAGG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC/B;;;OAGG;IACH,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAA;IAC1C;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAA;IACrE;;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,yCAAyC;QACzC,YAAY,CAAC,EAAE,OAAO,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;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,OAAO,CAAA;IACnB,aAAa,EAAE,OAAO,CAAA;IACtB,SAAS,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAA;CACrE;AAED,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,UAAU,CAAC;IACtE,OAAO,CAAC,aAAa,CAAiC;IACtD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;IAClC,OAAO,CAAC,OAAO,CAAiC;IAChD,OAAO,CAAC,cAAc,CAA8B;IACpD,OAAO,CAAC,OAAO,CAAmC;IAClD,OAAO,CAAC,UAAU,CAAmC;IAErD,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,CAOtC;gBAEW,KAAK,EAAE,SAAS;IAgB5B,iBAAiB,aACgD;IAEjE,oBAAoB,aAEnB;IAGD,kBAAkB,MAAO,KAAK,UAqB7B;IAED,UAAU,MACL,gBAAgB,CAAC,OAAO,CAAC,GAAG,mBAAmB,CAAC,OAAO,CAAC,UA+F5D;IAED,MAAM;CA8IP"}