@unoff/ui 1.21.0

package/dist/components/actions/menu/Menu.js

@@ -0,0 +1,200 @@
+import '../../../assets/Menu.css';
+import { jsx as g, jsxs as T } from "react/jsx-runtime";
+import h from "react";
+import y from "../../lists/actions-list/ActionsList.js";
+import { t as B } from "../../../do-classnames-DSDFCvzy.js";
+import M from "../button/Button.js";
+class x extends h.Component {
+  selectMenuRef;
+  buttonRef;
+  listRef;
+  actionsListRef;
+  menuRef;
+  subMenuRef;
+  static defaultProps = {
+    type: "ICON",
+    options: [],
+    state: "DEFAULT",
+    alignment: "BOTTOM_LEFT",
+    isBlocked: !1,
+    isNew: !1
+  };
+  constructor(s) {
+    super(s), this.state = {
+      isMenuOpen: !1,
+      isMenuVisible: !1,
+      alignment: s.alignment ?? "BOTTOM_LEFT"
+    }, this.selectMenuRef = h.createRef(), this.buttonRef = h.createRef(), this.listRef = h.createRef(), this.actionsListRef = h.createRef(), this.menuRef = h.createRef(), this.subMenuRef = h.createRef(), this.handleClickOutside = this.handleClickOutside.bind(this);
+  }
+  componentDidMount = () => document.addEventListener("mousedown", this.handleClickOutside);
+  componentWillUnmount = () => {
+    document.removeEventListener("mousedown", this.handleClickOutside);
+  };
+  // Direct Actions
+  handleClickOutside = (s) => {
+    const t = s.target, { isMenuOpen: l } = this.state;
+    this.buttonRef.current?.buttonRef.current?.contains(t) && l || t === this.menuRef.current || t === this.subMenuRef.current || t.tagName === "HR" && this.menuRef.current?.contains(t) || t.dataset.role === "GROUP" && this.menuRef.current?.contains(t) ? this.setState({
+      isMenuOpen: !0
+    }) : this.setState({
+      isMenuOpen: !1,
+      isMenuVisible: !1
+    });
+  };
+  onOpenMenu = (s) => {
+    const { containerId: t, alignment: l } = this.props, { isMenuOpen: o } = this.state;
+    this.setState({
+      isMenuOpen: !o
+    }), setTimeout(() => {
+      if (this.listRef.current != null) {
+        const i = this.listRef.current.getBoundingClientRect(), f = this.buttonRef.current?.buttonRef.current?.getBoundingClientRect();
+        let u = 0, c = 0, d = !1, p = !1;
+        if (i.bottom > window.innerHeight && (u = window.innerHeight - i.height - 8, d = !0), i.top < 0 && (u = 8, d = !0), i.right > window.innerWidth && (c = window.innerWidth - i.width - 8, p = !0), i.left < 0 && (c = 8, p = !0), d) {
+          const r = l?.includes("TOP"), e = r ? "translateY(-100%)" : "none";
+          if (f) {
+            const a = r ? -i.height : 0, m = u - f.top - a;
+            this.listRef.current.style.top = `${m}px`;
+          }
+          this.listRef.current.style.transform = p ? `${e !== "none" ? e + " " : ""}translateX(${c - i.left}px)` : e;
+        }
+        if (p && !d) {
+          const e = l?.includes("TOP") ? "translateY(-100%)" : "none";
+          this.listRef.current.style.transform = e === "none" ? `translateX(${c - i.left}px)` : `${e} translateX(${c - i.left}px)`;
+        }
+        if (t !== void 0) {
+          const r = document.getElementById(t);
+          if (r) {
+            const e = r.getBoundingClientRect(), a = this.buttonRef.current?.buttonRef.current?.getBoundingClientRect(), m = this.listRef.current.getBoundingClientRect().top - e.top, R = this.listRef.current.getBoundingClientRect().bottom - e.bottom;
+            m < -16 && a && (this.listRef.current.style.top = `${e.top - a.top + 16}px`), R > -16 && a && (this.listRef.current.style.bottom = `${a.bottom - e.bottom + 16}px`), this.listRef.current.style.visibility = "visible";
+          }
+        }
+        this.setState({ isMenuVisible: !0 });
+      }
+    }, 0), s.type === "keydown" && setTimeout(() => this.actionsListRef.current?.focusFirstMenuItem(), 0);
+  };
+  render() {
+    const {
+      id: s,
+      type: t,
+      label: l,
+      state: o,
+      icon: i,
+      helper: f,
+      warning: u,
+      customIcon: c,
+      options: d,
+      selected: p,
+      alignment: r,
+      isBlocked: e,
+      isNew: a,
+      containerId: m
+    } = this.props, { isMenuOpen: R } = this.state, L = (n) => {
+      const b = [];
+      return n.forEach((v) => {
+        b.push(v), Array.isArray(v.children) && v.children.length > 0 && b.push(...L(v.children));
+      }), b;
+    }, O = L(d).filter(
+      (n) => n.isActive !== !1
+    );
+    if (O.length === 0) return null;
+    if (O.length === 1 && O[0].children === void 0) {
+      const n = O[0];
+      return /* @__PURE__ */ g(
+        M,
+        {
+          type: t === "ICON" ? "secondary" : "primary",
+          label: n.label,
+          isLoading: o === "LOADING",
+          isDisabled: o === "DISABLED" || e,
+          isBlocked: n.isBlocked,
+          isNew: n.isNew,
+          action: o === "DISABLED" || e ? void 0 : (b) => (
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            n.action?.(b)
+          )
+        }
+      );
+    }
+    return /* @__PURE__ */ T(
+      "div",
+      {
+        id: s,
+        className: B([
+          "menu",
+          "recharged",
+          `menu--${r?.toLocaleLowerCase().replace("_", "-")}`
+        ]),
+        ref: this.selectMenuRef,
+        children: [
+          t === "ICON" ? /* @__PURE__ */ g(
+            M,
+            {
+              type: "icon",
+              icon: i === void 0 ? void 0 : i,
+              customIcon: c === void 0 ? void 0 : c,
+              state: R ? "selected" : void 0,
+              helper: f === void 0 ? void 0 : f,
+              warning: u === void 0 ? void 0 : u,
+              isLoading: o === "LOADING",
+              isDisabled: o === "DISABLED" || e,
+              isNew: a,
+              ref: this.buttonRef,
+              action: (n) => o === "DISABLED" || e ? void 0 : this.onOpenMenu(n),
+              "aria-label": l,
+              "aria-haspopup": "true",
+              "aria-controls": `menu-${s}`,
+              "aria-expanded": R
+            }
+          ) : /* @__PURE__ */ g(
+            M,
+            {
+              type: "primary",
+              label: l,
+              hasMultipleActions: !0,
+              helper: f === void 0 ? void 0 : f,
+              warning: u === void 0 ? void 0 : u,
+              isLoading: o === "LOADING",
+              isDisabled: o === "DISABLED" || e,
+              isNew: a,
+              ref: this.buttonRef,
+              action: (n) => o === "DISABLED" || e ? void 0 : this.onOpenMenu(n),
+              "aria-label": l,
+              "aria-haspopup": "true",
+              "aria-controls": `menu-${s}`,
+              "aria-expanded": R
+            }
+          ),
+          R ? /* @__PURE__ */ g(
+            "div",
+            {
+              id: `menu-${s}`,
+              className: "floating-menu",
+              style: {
+                position: "absolute",
+                zIndex: 99,
+                visibility: m === void 0 && this.state.isMenuVisible ? "visible" : "hidden"
+              },
+              ref: this.listRef,
+              children: /* @__PURE__ */ g(
+                y,
+                {
+                  options: d,
+                  selected: p,
+                  direction: r?.includes("LEFT") ? "RIGHT" : "LEFT",
+                  containerId: m,
+                  onCancellation: () => this.setState({ isMenuOpen: !1 }),
+                  ref: this.actionsListRef,
+                  menuRef: this.menuRef,
+                  subMenuRef: this.subMenuRef
+                }
+              )
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+}
+export {
+  x as default
+};
+//# sourceMappingURL=Menu.js.map

package/dist/components/actions/menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sources":["../../../../src/components/actions/menu/Menu.tsx"],"sourcesContent":["import React from 'react'\nimport ActionsList from '@components/lists/actions-list/ActionsList'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport type { DropdownOption } from '@tps/list.types'\nimport type { IconList } from '@tps/icon.types'\nimport Button from '../button/Button'\nimport './menu.scss'\n\nexport interface MenuProps {\n  /**\n   * Unique identifier for the menu\n   */\n  id: string\n  /**\n   * Visual type of the menu button\n   * @default 'ICON'\n   */\n  type: 'ICON' | 'PRIMARY'\n  /**\n   * Text label for the menu button\n   */\n  label?: string\n  /**\n   * Icon name to display in the button\n   */\n  icon?: IconList\n  /**\n   * Custom icon element\n   */\n  customIcon?: React.ReactElement\n  /**\n   * List of menu options\n   * @default []\n   */\n  options: Array<DropdownOption>\n  /**\n   * ID of the currently selected option\n   */\n  selected?: string\n  /**\n   * ID of the container element for portal rendering\n   */\n  containerId?: string\n  /**\n   * State of the menu button\n   * @default 'DEFAULT'\n   */\n  state?: 'DEFAULT' | 'DISABLED' | 'LOADING'\n  /**\n   * Position of the menu relative to the button\n   * @default 'BOTTOM_LEFT'\n   */\n  alignment?: 'TOP_RIGHT' | 'TOP_LEFT' | 'BOTTOM_RIGHT' | 'BOTTOM_LEFT'\n  /**\n   * Helper tooltip configuration\n   */\n  helper?: {\n    /** Tooltip content */\n    label: string | React.ReactNode\n    /** Tooltip position */\n    pin?: 'TOP' | 'BOTTOM'\n    /** Whether to use single line display */\n    isSingleLine?: boolean\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   * Whether the menu is blocked\n   * @default false\n   */\n  isBlocked?: boolean\n  /**\n   * Whether to show a \"New\" badge\n   * @default false\n   */\n  isNew?: boolean\n}\n\nexport interface MenuStates {\n  isMenuOpen: boolean\n  isMenuVisible: boolean\n  alignment: 'TOP_RIGHT' | 'TOP_LEFT' | 'BOTTOM_RIGHT' | 'BOTTOM_LEFT'\n}\n\nexport default class Menu extends React.Component<MenuProps, MenuStates> {\n  private selectMenuRef: React.RefObject<HTMLDivElement>\n  buttonRef: React.RefObject<Button>\n  private listRef: React.RefObject<HTMLDivElement>\n  private actionsListRef: React.RefObject<ActionsList>\n  private menuRef: React.RefObject<HTMLUListElement>\n  private subMenuRef: React.RefObject<HTMLUListElement>\n\n  static defaultProps: Partial<MenuProps> = {\n    type: 'ICON',\n    options: [],\n    state: 'DEFAULT',\n    alignment: 'BOTTOM_LEFT',\n    isBlocked: false,\n    isNew: false,\n  }\n\n  constructor(props: MenuProps) {\n    super(props)\n    this.state = {\n      isMenuOpen: false,\n      isMenuVisible: false,\n      alignment: props.alignment ?? 'BOTTOM_LEFT',\n    }\n    this.selectMenuRef = React.createRef()\n    this.buttonRef = React.createRef()\n    this.listRef = React.createRef()\n    this.actionsListRef = React.createRef()\n    this.menuRef = React.createRef()\n    this.subMenuRef = React.createRef()\n    this.handleClickOutside = this.handleClickOutside.bind(this)\n  }\n\n  componentDidMount = () =>\n    document.addEventListener('mousedown', this.handleClickOutside)\n\n  componentWillUnmount = () => {\n    document.removeEventListener('mousedown', this.handleClickOutside)\n  }\n\n  // Direct Actions\n  handleClickOutside = (e: Event) => {\n    const target = e.target as HTMLElement\n    const { isMenuOpen } = this.state\n\n    if (\n      (this.buttonRef.current?.buttonRef.current?.contains(target) &&\n        isMenuOpen) ||\n      target === this.menuRef.current ||\n      target === this.subMenuRef.current ||\n      (target.tagName === 'HR' && this.menuRef.current?.contains(target)) ||\n      (target.dataset.role === 'GROUP' &&\n        this.menuRef.current?.contains(target))\n    )\n      this.setState({\n        isMenuOpen: true,\n      })\n    else\n      this.setState({\n        isMenuOpen: false,\n        isMenuVisible: false,\n      })\n  }\n\n  onOpenMenu = (\n    e: React.MouseEvent<Element> | React.KeyboardEvent<Element>\n  ) => {\n    const { containerId, alignment } = this.props\n    const { isMenuOpen } = this.state\n\n    this.setState({\n      isMenuOpen: !isMenuOpen,\n    })\n\n    setTimeout(() => {\n      if (this.listRef.current != null) {\n        const menuRect = this.listRef.current.getBoundingClientRect()\n        const buttonRect =\n          this.buttonRef.current?.buttonRef.current?.getBoundingClientRect()\n\n        let adjustedTop = 0\n        let adjustedLeft = 0\n        let shouldTransformY = false\n        let shouldTransformX = false\n\n        if (menuRect.bottom > window.innerHeight) {\n          adjustedTop = window.innerHeight - menuRect.height - 8\n          shouldTransformY = true\n        }\n        if (menuRect.top < 0) {\n          adjustedTop = 8\n          shouldTransformY = true\n        }\n\n        if (menuRect.right > window.innerWidth) {\n          adjustedLeft = window.innerWidth - menuRect.width - 8\n          shouldTransformX = true\n        }\n        if (menuRect.left < 0) {\n          adjustedLeft = 8\n          shouldTransformX = true\n        }\n\n        if (shouldTransformY) {\n          const isTopAlignment = alignment?.includes('TOP')\n          const baseTransform = isTopAlignment ? 'translateY(-100%)' : 'none'\n\n          if (buttonRect) {\n            const originalTop = isTopAlignment ? -menuRect.height : 0\n            const adjustment = adjustedTop - buttonRect.top - originalTop\n            this.listRef.current.style.top = `${adjustment}px`\n          }\n\n          this.listRef.current.style.transform = shouldTransformX\n            ? `${baseTransform !== 'none' ? baseTransform + ' ' : ''}translateX(${adjustedLeft - menuRect.left}px)`\n            : baseTransform\n        }\n\n        if (shouldTransformX && !shouldTransformY) {\n          const isTopAlignment = alignment?.includes('TOP')\n          const baseTransform = isTopAlignment ? 'translateY(-100%)' : 'none'\n\n          this.listRef.current.style.transform =\n            baseTransform === 'none'\n              ? `translateX(${adjustedLeft - menuRect.left}px)`\n              : `${baseTransform} translateX(${adjustedLeft - menuRect.left}px)`\n        }\n\n        if (containerId !== undefined) {\n          const containerElement = document.getElementById(containerId)\n          if (containerElement) {\n            const container = containerElement.getBoundingClientRect()\n            const button =\n              this.buttonRef.current?.buttonRef.current?.getBoundingClientRect()\n\n            const diffTop =\n              this.listRef.current.getBoundingClientRect().top - container.top\n            const diffBottom =\n              this.listRef.current.getBoundingClientRect().bottom -\n              container.bottom\n\n            if (diffTop < -16 && button)\n              this.listRef.current.style.top = `${container.top - button.top + 16}px`\n\n            if (diffBottom > -16 && button)\n              this.listRef.current.style.bottom = `${\n                button.bottom - container.bottom + 16\n              }px`\n\n            this.listRef.current.style.visibility = 'visible'\n          }\n        }\n\n        // Rendre le menu visible après positionnement\n        this.setState({ isMenuVisible: true })\n      }\n    }, 0)\n\n    if (e.type === 'keydown')\n      setTimeout(() => this.actionsListRef.current?.focusFirstMenuItem(), 0)\n  }\n\n  render() {\n    const {\n      id,\n      type,\n      label,\n      state,\n      icon,\n      helper,\n      warning,\n      customIcon,\n      options,\n      selected,\n      alignment,\n      isBlocked,\n      isNew,\n      containerId,\n    } = this.props\n    const { isMenuOpen } = this.state\n\n    const flattenOptions = (options: DropdownOption[]): DropdownOption[] => {\n      const flat: DropdownOption[] = []\n      options.forEach((option) => {\n        flat.push(option)\n        if (Array.isArray(option.children) && option.children.length > 0)\n          flat.push(...flattenOptions(option.children))\n      })\n      return flat\n    }\n\n    const activeOptions = flattenOptions(options).filter(\n      (option) => option.isActive !== false\n    )\n\n    if (activeOptions.length === 0) return null\n    if (activeOptions.length === 1 && activeOptions[0].children === undefined) {\n      const option = activeOptions[0]\n      return (\n        <Button\n          type={type === 'ICON' ? 'secondary' : 'primary'}\n          label={option.label}\n          isLoading={state === 'LOADING'}\n          isDisabled={state === 'DISABLED' || isBlocked}\n          isBlocked={option.isBlocked}\n          isNew={option.isNew}\n          action={\n            !(state === 'DISABLED' || isBlocked)\n              ? (e: React.MouseEvent<Element> | React.KeyboardEvent<Element>) =>\n                  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                  option.action?.(e as any)\n              : undefined\n          }\n        />\n      )\n    }\n\n    return (\n      <div\n        id={id}\n        className={doClassnames([\n          'menu',\n          'recharged',\n          `menu--${alignment?.toLocaleLowerCase().replace('_', '-')}`,\n        ])}\n        ref={this.selectMenuRef}\n      >\n        {type === 'ICON' ? (\n          <Button\n            type=\"icon\"\n            icon={icon === undefined ? undefined : icon}\n            customIcon={customIcon === undefined ? undefined : customIcon}\n            state={isMenuOpen ? 'selected' : undefined}\n            helper={helper === undefined ? undefined : helper}\n            warning={warning === undefined ? undefined : warning}\n            isLoading={state === 'LOADING'}\n            isDisabled={state === 'DISABLED' || isBlocked}\n            isNew={isNew}\n            ref={this.buttonRef}\n            action={(e) =>\n              !(state === 'DISABLED' || isBlocked)\n                ? this.onOpenMenu(e)\n                : undefined\n            }\n            aria-label={label}\n            aria-haspopup=\"true\"\n            aria-controls={`menu-${id}`}\n            aria-expanded={isMenuOpen}\n          />\n        ) : (\n          <Button\n            type=\"primary\"\n            label={label}\n            hasMultipleActions\n            helper={helper === undefined ? undefined : helper}\n            warning={warning === undefined ? undefined : warning}\n            isLoading={state === 'LOADING'}\n            isDisabled={state === 'DISABLED' || isBlocked}\n            isNew={isNew}\n            ref={this.buttonRef}\n            action={(e) =>\n              !(state === 'DISABLED' || isBlocked)\n                ? this.onOpenMenu(e)\n                : undefined\n            }\n            aria-label={label}\n            aria-haspopup=\"true\"\n            aria-controls={`menu-${id}`}\n            aria-expanded={isMenuOpen}\n          />\n        )}\n        {(() => {\n          if (isMenuOpen)\n            return (\n              <div\n                id={`menu-${id}`}\n                className=\"floating-menu\"\n                style={{\n                  position: 'absolute',\n                  zIndex: 99,\n                  visibility:\n                    containerId === undefined && this.state.isMenuVisible\n                      ? 'visible'\n                      : 'hidden',\n                }}\n                ref={this.listRef}\n              >\n                <ActionsList\n                  options={options}\n                  selected={selected}\n                  direction={alignment?.includes('LEFT') ? 'RIGHT' : 'LEFT'}\n                  containerId={containerId}\n                  onCancellation={() => this.setState({ isMenuOpen: false })}\n                  ref={this.actionsListRef}\n                  menuRef={this.menuRef}\n                  subMenuRef={this.subMenuRef}\n                />\n              </div>\n            )\n          return null\n        })()}\n      </div>\n    )\n  }\n}\n"],"names":["Menu","React","props","e","target","isMenuOpen","containerId","alignment","menuRect","buttonRect","adjustedTop","adjustedLeft","shouldTransformY","shouldTransformX","isTopAlignment","baseTransform","originalTop","adjustment","containerElement","container","button","diffTop","diffBottom","id","type","label","state","icon","helper","warning","customIcon","options","selected","isBlocked","isNew","flattenOptions","flat","option","activeOptions","jsx","Button","jsxs","doClassnames","ActionsList"],"mappings":"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"}

package/dist/components/assets/avatar/Avatar.d.ts

@@ -0,0 +1,30 @@
+
+export interface AvatarProps {
+    /**
+     * URL of the avatar image
+     * @default 'https://www.gravatar.com/avatar'
+     */
+    avatar?: string;
+    /**
+     * Full name of the user
+     * @default 'John Doe'
+     */
+    fullName?: string;
+    /**
+     * Additional content to display alongside the avatar
+     */
+    complementarySlot?: React.ReactNode;
+    /**
+     * Whether to use accented text style
+     * @default false
+     */
+    isAccented?: boolean;
+    /**
+     * Whether to use inverted color scheme
+     * @default false
+     */
+    isInverted?: boolean;
+}
+declare const Avatar: (props: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export default Avatar;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/components/assets/avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/assets/avatar/Avatar.tsx"],"names":[],"mappings":";AAEA,OAAO,eAAe,CAAA;AAEtB,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,MAAM,UAAW,WAAW,4CAyCjC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/components/assets/avatar/Avatar.js

@@ -0,0 +1,54 @@
+import '../../../assets/Avatar.css';
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import t from "../../../styles/texts/texts.module.js";
+import { t as s } from "../../../do-classnames-DSDFCvzy.js";
+const v = (r) => {
+  const {
+    avatar: l = "https://www.gravatar.com/avatar",
+    fullName: a = "John Doe",
+    complementarySlot: o,
+    isAccented: m = !1,
+    isInverted: c = !1
+  } = r;
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: s(["user", c && "user--inverted"]),
+      role: "group",
+      children: [
+        /* @__PURE__ */ e("div", { className: "user__avatar", children: /* @__PURE__ */ e(
+          "img",
+          {
+            src: l,
+            alt: a,
+            role: "img"
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: s([
+              "user__name",
+              t.type,
+              !m && t["type--secondary"]
+            ]),
+            role: "text",
+            children: a
+          }
+        ),
+        o && /* @__PURE__ */ e(
+          "div",
+          {
+            className: "user__complementary-slot",
+            role: "complementary",
+            children: r.complementarySlot
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  v as default
+};
+//# sourceMappingURL=Avatar.js.map

package/dist/components/assets/avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/assets/avatar/Avatar.tsx"],"sourcesContent":["import texts from '@styles/texts/texts.module.scss'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport './avatar.scss'\n\nexport interface AvatarProps {\n  /**\n   * URL of the avatar image\n   * @default 'https://www.gravatar.com/avatar'\n   */\n  avatar?: string\n  /**\n   * Full name of the user\n   * @default 'John Doe'\n   */\n  fullName?: string\n  /**\n   * Additional content to display alongside the avatar\n   */\n  complementarySlot?: React.ReactNode\n  /**\n   * Whether to use accented text style\n   * @default false\n   */\n  isAccented?: boolean\n  /**\n   * Whether to use inverted color scheme\n   * @default false\n   */\n  isInverted?: boolean\n}\n\nconst Avatar = (props: AvatarProps) => {\n  const {\n    avatar = 'https://www.gravatar.com/avatar',\n    fullName = 'John Doe',\n    complementarySlot,\n    isAccented = false,\n    isInverted = false,\n  } = props\n\n  return (\n    <div\n      className={doClassnames(['user', isInverted && 'user--inverted'])}\n      role=\"group\"\n    >\n      <div className=\"user__avatar\">\n        <img\n          src={avatar}\n          alt={fullName}\n          role=\"img\"\n        />\n      </div>\n      <span\n        className={doClassnames([\n          'user__name',\n          texts.type,\n          !isAccented && texts['type--secondary'],\n        ])}\n        role=\"text\"\n      >\n        {fullName}\n      </span>\n      {complementarySlot && (\n        <div\n          className=\"user__complementary-slot\"\n          role=\"complementary\"\n        >\n          {props.complementarySlot}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default Avatar\n"],"names":["Avatar","props","avatar","fullName","complementarySlot","isAccented","isInverted","jsxs","doClassnames","jsx","texts"],"mappings":";;;AA+BA,MAAMA,IAAS,CAACC,MAAuB;AACrC,QAAM;AAAA,IACJ,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,mBAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,YAAAC,IAAa;AAAA,EAAA,IACXL;AAEJ,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAa,CAAC,QAAQF,KAAc,gBAAgB,CAAC;AAAA,MAChE,MAAK;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,gBACb,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKP;AAAA,YACL,KAAKC;AAAA,YACL,MAAK;AAAA,UAAA;AAAA,QAAA,GAET;AAAA,QACA,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD,EAAa;AAAA,cACtB;AAAA,cACAE,EAAM;AAAA,cACN,CAACL,KAAcK,EAAM,iBAAiB;AAAA,YAAA,CACvC;AAAA,YACD,MAAK;AAAA,YAEJ,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFC,KACC,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEJ,UAAAR,EAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACT;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/assets/icon/Icon.d.ts

@@ -0,0 +1,28 @@
+import { IconList } from '../../../types/icon.types';
+
+export interface IconProps {
+    /**
+     * Type of icon to display
+     * @default 'PICTO'
+     */
+    type?: 'PICTO' | 'LETTER';
+    /**
+     * Name of the pictogram icon (when type is PICTO)
+     */
+    iconName?: IconList;
+    /**
+     * Letter to display (when type is LETTER)
+     */
+    iconLetter?: string;
+    /**
+     * Custom CSS class to apply
+     */
+    customClassName?: string;
+    /**
+     * ARIA role for accessibility
+     */
+    role?: string;
+}
+export declare const Icon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default Icon;
+//# sourceMappingURL=Icon.d.ts.map

package/dist/components/assets/icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/assets/icon/Icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,SAAS;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,IAAI,UAAW,SAAS,4CAmCpC,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/components/assets/icon/Icon.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Icon.figma.d.ts.map

package/dist/components/assets/icon/Icon.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.figma.d.ts","sourceRoot":"","sources":["../../../../src/components/assets/icon/Icon.figma.tsx"],"names":[],"mappings":""}

package/dist/components/assets/icon/Icon.figma.js

@@ -0,0 +1,27 @@
+import { jsx as e } from "react/jsx-runtime";
+import { i as o } from "../../../index_react-CmuCVQet.js";
+import { Icon as i } from "./Icon.js";
+o.figma.connect(
+  i,
+  "https://www.figma.com/design/QlBdsfEcaUsGBzqA20xbNi/Unoff?node-id=378:1109",
+  {
+    props: {
+      iconName: o.figma.enum("name", {
+        adjust: "adjust",
+        info: "info",
+        close: "close",
+        check: "check",
+        plus: "plus",
+        minus: "minus"
+      })
+    },
+    example: (m) => /* @__PURE__ */ e(
+      i,
+      {
+        type: "PICTO",
+        iconName: m.iconName
+      }
+    )
+  }
+);
+//# sourceMappingURL=Icon.figma.js.map

package/dist/components/assets/icon/Icon.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.figma.js","sources":["../../../../src/components/assets/icon/Icon.figma.tsx"],"sourcesContent":["import { figma } from '@figma/code-connect'\nimport Icon from './Icon'\n\nfigma.connect(\n  Icon,\n  'https://www.figma.com/design/QlBdsfEcaUsGBzqA20xbNi/Unoff?node-id=378:1109',\n  {\n    props: {\n      iconName: figma.enum('name', {\n        adjust: 'adjust',\n        info: 'info',\n        close: 'close',\n        check: 'check',\n        plus: 'plus',\n        minus: 'minus',\n      }),\n    },\n    example: (props) => (\n      <Icon\n        type=\"PICTO\"\n        iconName={props.iconName}\n      />\n    ),\n  }\n)\n"],"names":["figma","Icon","props","jsx"],"mappings":";;;AAGAA,EAAAA,MAAM;AAAA,EACJC;AAAA,EACA;AAAA,EACA;AAAA,IACE,OAAO;AAAA,MACL,UAAUD,EAAAA,MAAM,KAAK,QAAQ;AAAA,QAC3B,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA,CACR;AAAA,IAAA;AAAA,IAEH,SAAS,CAACE,MACR,gBAAAC;AAAA,MAACF;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAUC,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAClB;AAGN;"}

package/dist/components/assets/icon/Icon.js

@@ -0,0 +1,35 @@
+import '../../../assets/Icon.css';
+import { jsx as o } from "react/jsx-runtime";
+import l from "../../../styles/texts/texts.module.js";
+import i from "../../../styles/icons/icons.module.js";
+import { t as c } from "../../../do-classnames-DSDFCvzy.js";
+const u = (n) => {
+  const { type: a = "PICTO", iconName: e, iconLetter: t, customClassName: r } = n, s = () => /* @__PURE__ */ o(
+    "div",
+    {
+      className: "icon-box icon-box--letter",
+      role: "img",
+      "aria-label": t,
+      children: /* @__PURE__ */ o("span", { className: c([l.type, r]), children: t })
+    }
+  ), m = () => /* @__PURE__ */ o(
+    "div",
+    {
+      className: c([
+        "icon-box",
+        "icon-box--picto",
+        i.icon,
+        i[`icon--${e}`],
+        r
+      ]),
+      role: "img",
+      "aria-label": e
+    }
+  );
+  return a === "PICTO" ? /* @__PURE__ */ o(m, {}) : /* @__PURE__ */ o(s, {});
+};
+export {
+  u as Icon,
+  u as default
+};
+//# sourceMappingURL=Icon.js.map

package/dist/components/assets/icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../../src/components/assets/icon/Icon.tsx"],"sourcesContent":["import texts from '@styles/texts/texts.module.scss'\nimport icons from '@styles/icons/icons.module.scss'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport type { IconList } from '@tps/icon.types'\nimport './icon.scss'\n\nexport interface IconProps {\n  /**\n   * Type of icon to display\n   * @default 'PICTO'\n   */\n  type?: 'PICTO' | 'LETTER'\n  /**\n   * Name of the pictogram icon (when type is PICTO)\n   */\n  iconName?: IconList\n  /**\n   * Letter to display (when type is LETTER)\n   */\n  iconLetter?: string\n  /**\n   * Custom CSS class to apply\n   */\n  customClassName?: string\n  /**\n   * ARIA role for accessibility\n   */\n  role?: string\n}\n\nexport const Icon = (props: IconProps) => {\n  const { type = 'PICTO', iconName, iconLetter, customClassName } = props\n\n  const Letter = () => {\n    return (\n      <div\n        className=\"icon-box icon-box--letter\"\n        role=\"img\"\n        aria-label={iconLetter}\n      >\n        <span className={doClassnames([texts.type, customClassName])}>\n          {iconLetter}\n        </span>\n      </div>\n    )\n  }\n\n  const Pictogram = () => {\n    return (\n      <div\n        className={doClassnames([\n          'icon-box',\n          'icon-box--picto',\n          icons.icon,\n          icons[`icon--${iconName}`],\n          customClassName,\n        ])}\n        role=\"img\"\n        aria-label={iconName}\n      />\n    )\n  }\n\n  if (type === 'PICTO') return <Pictogram />\n  else return <Letter />\n}\n\nexport default Icon\n"],"names":["Icon","props","type","iconName","iconLetter","customClassName","Letter","jsx","doClassnames","texts","Pictogram","icons"],"mappings":";;;;AA8BO,MAAMA,IAAO,CAACC,MAAqB;AACxC,QAAM,EAAE,MAAAC,IAAO,SAAS,UAAAC,GAAU,YAAAC,GAAY,iBAAAC,MAAoBJ,GAE5DK,IAAS,MAEX,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAYH;AAAA,MAEZ,UAAA,gBAAAG,EAAC,QAAA,EAAK,WAAWC,EAAa,CAACC,EAAM,MAAMJ,CAAe,CAAC,GACxD,UAAAD,EAAA,CACH;AAAA,IAAA;AAAA,EAAA,GAKAM,IAAY,MAEd,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAa;AAAA,QACtB;AAAA,QACA;AAAA,QACAG,EAAM;AAAA,QACNA,EAAM,SAASR,CAAQ,EAAE;AAAA,QACzBE;AAAA,MAAA,CACD;AAAA,MACD,MAAK;AAAA,MACL,cAAYF;AAAA,IAAA;AAAA,EAAA;AAKlB,SAAID,MAAS,UAAgB,gBAAAK,EAACG,GAAA,CAAA,CAAU,sBAC3BJ,GAAA,EAAO;AACtB;"}

package/dist/components/assets/section-title/SectionTitle.d.ts

@@ -0,0 +1,22 @@
+
+export type SectionTitleProps = {
+    /**
+     * Text label of the section title
+     */
+    label: string;
+    /**
+     * Optional indicator (number or text) displayed in parentheses
+     */
+    indicator?: string | number;
+    /**
+     * Helper content displayed in a tooltip icon
+     */
+    helper?: string | React.ReactNode;
+    /**
+     * HTML id attribute for the title
+     */
+    id?: string;
+};
+declare const SectionTitle: (props: SectionTitleProps) => import("react/jsx-runtime").JSX.Element;
+export default SectionTitle;
+//# sourceMappingURL=SectionTitle.d.ts.map

package/dist/components/assets/section-title/SectionTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/assets/section-title/SectionTitle.tsx"],"names":[],"mappings":";AAGA,OAAO,sBAAsB,CAAA;AAE7B,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACjC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,QAAA,MAAM,YAAY,UAAW,iBAAiB,4CA8B7C,CAAA;AACD,eAAe,YAAY,CAAA"}

package/dist/components/assets/section-title/SectionTitle.js

@@ -0,0 +1,42 @@
+import '../../../assets/SectionTitle.css';
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import i from "../../../styles/texts/texts.module.js";
+import a from "../../tags/icon-chip/IconChip.js";
+import { t as c } from "../../../do-classnames-DSDFCvzy.js";
+const h = (n) => {
+  const { label: r, indicator: e, helper: o, id: s } = n;
+  return /* @__PURE__ */ l("div", { className: "section-title", children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: c([
+          "section-title__title",
+          i["section-title"],
+          i["type--truncated"]
+        ]),
+        id: s,
+        children: r
+      }
+    ),
+    e !== void 0 && /* @__PURE__ */ t(
+      "div",
+      {
+        className: c(["section-title__indicator", i.type]),
+        children: `(${e})`
+      }
+    ),
+    o !== void 0 && /* @__PURE__ */ t(
+      a,
+      {
+        iconType: "PICTO",
+        iconName: "info",
+        text: o,
+        type: "MULTI_LINE"
+      }
+    )
+  ] });
+};
+export {
+  h as default
+};
+//# sourceMappingURL=SectionTitle.js.map

package/dist/components/assets/section-title/SectionTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionTitle.js","sources":["../../../../src/components/assets/section-title/SectionTitle.tsx"],"sourcesContent":["import texts from '@styles/texts/texts.module.scss'\nimport IconChip from '@components/tags/icon-chip/IconChip'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport './section-title.scss'\n\nexport type SectionTitleProps = {\n  /**\n   * Text label of the section title\n   */\n  label: string\n  /**\n   * Optional indicator (number or text) displayed in parentheses\n   */\n  indicator?: string | number\n  /**\n   * Helper content displayed in a tooltip icon\n   */\n  helper?: string | React.ReactNode\n  /**\n   * HTML id attribute for the title\n   */\n  id?: string\n}\n\nconst SectionTitle = (props: SectionTitleProps) => {\n  const { label, indicator, helper, id } = props\n\n  return (\n    <div className=\"section-title\">\n      <div\n        className={doClassnames([\n          'section-title__title',\n          texts['section-title'],\n          texts['type--truncated'],\n        ])}\n        id={id}\n      >\n        {label}\n      </div>\n      {indicator !== undefined && (\n        <div\n          className={doClassnames(['section-title__indicator', texts.type])}\n        >{`(${indicator})`}</div>\n      )}\n      {helper !== undefined && (\n        <IconChip\n          iconType=\"PICTO\"\n          iconName=\"info\"\n          text={helper}\n          type=\"MULTI_LINE\"\n        />\n      )}\n    </div>\n  )\n}\nexport default SectionTitle\n"],"names":["SectionTitle","props","label","indicator","helper","id","jsxs","jsx","doClassnames","texts","IconChip"],"mappings":";;;;AAwBA,MAAMA,IAAe,CAACC,MAA6B;AACjD,QAAM,EAAE,OAAAC,GAAO,WAAAC,GAAW,QAAAC,GAAQ,IAAAC,MAAOJ;AAEzC,SACE,gBAAAK,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAa;AAAA,UACtB;AAAA,UACAC,EAAM,eAAe;AAAA,UACrBA,EAAM,iBAAiB;AAAA,QAAA,CACxB;AAAA,QACD,IAAAJ;AAAA,QAEC,UAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFC,MAAc,UACb,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAa,CAAC,4BAA4BC,EAAM,IAAI,CAAC;AAAA,QAChE,cAAIN,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAEhBC,MAAW,UACV,gBAAAG;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,MAAMN;AAAA,QACN,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACP,GAEJ;AAEJ;"}

package/dist/components/assets/text/Text.d.ts

@@ -0,0 +1,34 @@
+
+export type TextProps = {
+    /**
+     * Text content
+     */
+    children: React.ReactNode;
+    /**
+     * Text size
+     */
+    size?: 'default' | 'small' | 'large' | 'xlarge';
+    /**
+     * Text weight
+     */
+    weight?: 'default' | 'medium' | 'bold';
+    /**
+     * Text color
+     */
+    color?: 'primary' | 'secondary' | 'tertiary' | 'inverse' | 'success' | 'warning' | 'alert';
+    /**
+     * Truncate text if too long (adds ...)
+     */
+    truncate?: boolean;
+    /**
+     * Optional ID for the text
+     */
+    id?: string;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+};
+declare const Text: (props: TextProps) => import("react/jsx-runtime").JSX.Element;
+export default Text;
+//# sourceMappingURL=Text.d.ts.map

package/dist/components/assets/text/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/assets/text/Text.tsx"],"names":[],"mappings":";AAEA,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC/C;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;IACtC;;OAEG;IACH,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,SAAS,GACT,SAAS,GACT,SAAS,GACT,OAAO,CAAA;IACX;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,IAAI,UAAW,SAAS,4CA6B7B,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/components/assets/text/Text.js

@@ -0,0 +1,35 @@
+import '../../../assets/Text.css';
+import { jsx as i } from "react/jsx-runtime";
+import t from "../../../styles/texts/texts.module.js";
+import { t as d } from "../../../do-classnames-DSDFCvzy.js";
+const y = (s) => {
+  const {
+    children: o,
+    size: e = "default",
+    weight: a = "default",
+    color: r = "primary",
+    truncate: l = !1,
+    id: m,
+    className: p
+  } = s, c = [
+    "text",
+    t.type,
+    e !== "default" && t[`type--${e}`],
+    a !== "default" && t[`type--${a}`],
+    r !== "primary" && t[`type--${r}`],
+    l && t["type--truncated"],
+    p
+  ];
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: d(c),
+      id: m,
+      children: o
+    }
+  );
+};
+export {
+  y as default
+};
+//# sourceMappingURL=Text.js.map

package/dist/components/assets/text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sources":["../../../../src/components/assets/text/Text.tsx"],"sourcesContent":["import texts from '@styles/texts/texts.module.scss'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport './text.scss'\n\nexport type TextProps = {\n  /**\n   * Text content\n   */\n  children: React.ReactNode\n  /**\n   * Text size\n   */\n  size?: 'default' | 'small' | 'large' | 'xlarge'\n  /**\n   * Text weight\n   */\n  weight?: 'default' | 'medium' | 'bold'\n  /**\n   * Text color\n   */\n  color?:\n    | 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'inverse'\n    | 'success'\n    | 'warning'\n    | 'alert'\n  /**\n   * Truncate text if too long (adds ...)\n   */\n  truncate?: boolean\n  /**\n   * Optional ID for the text\n   */\n  id?: string\n  /**\n   * Additional CSS class\n   */\n  className?: string\n}\n\nconst Text = (props: TextProps) => {\n  const {\n    children,\n    size = 'default',\n    weight = 'default',\n    color = 'primary',\n    truncate = false,\n    id,\n    className,\n  } = props\n\n  const classNames = [\n    'text',\n    texts.type,\n    size !== 'default' && texts[`type--${size}`],\n    weight !== 'default' && texts[`type--${weight}`],\n    color !== 'primary' && texts[`type--${color}`],\n    truncate && texts['type--truncated'],\n    className,\n  ]\n\n  return (\n    <div\n      className={doClassnames(classNames)}\n      id={id}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport default Text\n"],"names":["Text","props","children","size","weight","color","truncate","id","className","classNames","texts","jsx","doClassnames"],"mappings":";;;AA0CA,MAAMA,IAAO,CAACC,MAAqB;AACjC,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,QAAAC,IAAS;AAAA,IACT,OAAAC,IAAQ;AAAA,IACR,UAAAC,IAAW;AAAA,IACX,IAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,IACEP,GAEEQ,IAAa;AAAA,IACjB;AAAA,IACAC,EAAM;AAAA,IACNP,MAAS,aAAaO,EAAM,SAASP,CAAI,EAAE;AAAA,IAC3CC,MAAW,aAAaM,EAAM,SAASN,CAAM,EAAE;AAAA,IAC/CC,MAAU,aAAaK,EAAM,SAASL,CAAK,EAAE;AAAA,IAC7CC,KAAYI,EAAM,iBAAiB;AAAA,IACnCF;AAAA,EAAA;AAGF,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAaH,CAAU;AAAA,MAClC,IAAAF;AAAA,MAEC,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/assets/thumbnail/Thumbnail.d.ts

@@ -0,0 +1,25 @@
+
+export interface ThumbnailProps {
+    /**
+     * Image source URL to display
+     */
+    src: string;
+    /**
+     * Width of the thumbnail
+     * @default '100%'
+     */
+    width?: string;
+    /**
+     * Height of the thumbnail
+     * @default '100%'
+     */
+    height?: string;
+    /**
+     * Alt text for the image
+     * @default 'Image thumbnail'
+     */
+    alt?: string;
+}
+declare const Thumbnail: (props: ThumbnailProps) => import("react/jsx-runtime").JSX.Element;
+export default Thumbnail;
+//# sourceMappingURL=Thumbnail.d.ts.map

package/dist/components/assets/thumbnail/Thumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../../../src/components/assets/thumbnail/Thumbnail.tsx"],"names":[],"mappings":"AAEA,OAAO,kBAAkB,CAAA;AAEzB,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAA;IACX;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,QAAA,MAAM,SAAS,UAAW,cAAc,4CA+DvC,CAAA;AAED,eAAe,SAAS,CAAA"}