@unoff/ui 1.21.0

package/dist/components/tags/color-chip/ColorChip.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+
+interface ColorChipProps {
+    /**
+     * Color value (hex, rgb, etc.)
+     */
+    color: string;
+    /**
+     * Width of the chip
+     * @default '16px'
+     */
+    width?: string;
+    /**
+     * Height of the chip
+     * @default '16px'
+     */
+    height?: string;
+    /**
+     * Whether to use rounded corners
+     */
+    isRounded?: boolean;
+    /**
+     * Helper tooltip content
+     */
+    helper?: string | React.ReactNode;
+}
+interface ColorChipStates {
+    isTooltipVisible: boolean;
+}
+export default class ColorChip extends React.Component<ColorChipProps, ColorChipStates> {
+    static defaultProps: Partial<ColorChipProps>;
+    constructor(props: ColorChipProps);
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};
+//# sourceMappingURL=ColorChip.d.ts.map

package/dist/components/tags/color-chip/ColorChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorChip.d.ts","sourceRoot":"","sources":["../../../../src/components/tags/color-chip/ColorChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,mBAAmB,CAAA;AAE1B,UAAU,cAAc;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;CAClC;AAED,UAAU,eAAe;IACvB,gBAAgB,EAAE,OAAO,CAAA;CAC1B;AAED,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAS,CACpD,cAAc,EACd,eAAe,CAChB;IACC,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,cAAc,CAAC,CAG3C;gBAEW,KAAK,EAAE,cAAc;IAOjC,MAAM;CAqBP"}

package/dist/components/tags/color-chip/ColorChip.js

@@ -0,0 +1,39 @@
+import '../../../assets/ColorChip.css';
+import { jsx as e } from "react/jsx-runtime";
+import p from "react";
+import { t as n } from "../../../do-classnames-DSDFCvzy.js";
+import c from "../tooltip/Tooltip.js";
+class m extends p.Component {
+  static defaultProps = {
+    width: "16px",
+    height: "16px"
+  };
+  constructor(o) {
+    super(o), this.state = {
+      isTooltipVisible: !1
+    };
+  }
+  render() {
+    const { color: o, width: i, height: s, isRounded: r, helper: t } = this.props, { isTooltipVisible: l } = this.state;
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        className: n([
+          "color-chip",
+          r && "color-chip--rounded"
+        ]),
+        style: { backgroundColor: o, width: i, height: s },
+        onMouseEnter: () => {
+          t !== void 0 && this.setState({ isTooltipVisible: !0 });
+        },
+        onMouseLeave: () => this.setState({ isTooltipVisible: !1 }),
+        role: "contentinfo",
+        children: l && /* @__PURE__ */ e(c, { children: t })
+      }
+    );
+  }
+}
+export {
+  m as default
+};
+//# sourceMappingURL=ColorChip.js.map

package/dist/components/tags/color-chip/ColorChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorChip.js","sources":["../../../../src/components/tags/color-chip/ColorChip.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport Tooltip from '../tooltip/Tooltip'\nimport './color-chip.scss'\n\ninterface ColorChipProps {\n  /**\n   * Color value (hex, rgb, etc.)\n   */\n  color: string\n  /**\n   * Width of the chip\n   * @default '16px'\n   */\n  width?: string\n  /**\n   * Height of the chip\n   * @default '16px'\n   */\n  height?: string\n  /**\n   * Whether to use rounded corners\n   */\n  isRounded?: boolean\n  /**\n   * Helper tooltip content\n   */\n  helper?: string | React.ReactNode\n}\n\ninterface ColorChipStates {\n  isTooltipVisible: boolean\n}\n\nexport default class ColorChip extends React.Component<\n  ColorChipProps,\n  ColorChipStates\n> {\n  static defaultProps: Partial<ColorChipProps> = {\n    width: '16px',\n    height: '16px',\n  }\n\n  constructor(props: ColorChipProps) {\n    super(props)\n    this.state = {\n      isTooltipVisible: false,\n    }\n  }\n\n  render() {\n    const { color, width, height, isRounded, helper } = this.props\n    const { isTooltipVisible } = this.state\n\n    return (\n      <div\n        className={doClassnames([\n          'color-chip',\n          isRounded && 'color-chip--rounded',\n        ])}\n        style={{ backgroundColor: color, width: width, height: height }}\n        onMouseEnter={() => {\n          if (helper !== undefined) this.setState({ isTooltipVisible: true })\n        }}\n        onMouseLeave={() => this.setState({ isTooltipVisible: false })}\n        role=\"contentinfo\"\n      >\n        {isTooltipVisible && <Tooltip>{helper}</Tooltip>}\n      </div>\n    )\n  }\n}\n"],"names":["ColorChip","React","props","color","width","height","isRounded","helper","isTooltipVisible","jsx","doClassnames","Tooltip"],"mappings":";;;;AAkCA,MAAqBA,UAAkBC,EAAM,UAG3C;AAAA,EACA,OAAO,eAAwC;AAAA,IAC7C,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA;AAAA,EAGV,YAAYC,GAAuB;AACjC,UAAMA,CAAK,GACX,KAAK,QAAQ;AAAA,MACX,kBAAkB;AAAA,IAAA;AAAA,EAEtB;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,QAAAC,GAAQ,WAAAC,GAAW,QAAAC,EAAA,IAAW,KAAK,OACnD,EAAE,kBAAAC,MAAqB,KAAK;AAElC,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAa;AAAA,UACtB;AAAA,UACAJ,KAAa;AAAA,QAAA,CACd;AAAA,QACD,OAAO,EAAE,iBAAiBH,GAAO,OAAAC,GAAc,QAAAC,EAAA;AAAA,QAC/C,cAAc,MAAM;AAClB,UAAIE,MAAW,UAAW,KAAK,SAAS,EAAE,kBAAkB,IAAM;AAAA,QACpE;AAAA,QACA,cAAc,MAAM,KAAK,SAAS,EAAE,kBAAkB,IAAO;AAAA,QAC7D,MAAK;AAAA,QAEJ,UAAAC,KAAoB,gBAAAC,EAACE,GAAA,EAAS,UAAAJ,EAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAG5C;AACF;"}

package/dist/components/tags/icon-chip/IconChip.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+import { IconList } from '../../../types/icon.types';
+
+interface IconChipProps {
+    /**
+     * Type of icon
+     */
+    iconType: 'PICTO' | 'LETTER';
+    /**
+     * Icon name (when type is PICTO)
+     * @default 'adjust'
+     */
+    iconName?: IconList;
+    /**
+     * Letter to display (when type is LETTER)
+     */
+    iconLetter?: string;
+    /**
+     * Tooltip text content
+     */
+    text: string | React.ReactNode;
+    /**
+     * Tooltip position
+     * @default 'BOTTOM'
+     */
+    pin?: 'TOP' | 'BOTTOM';
+    /**
+     * Tooltip display type
+     * @default 'SINGLE_LINE'
+     */
+    type?: 'MULTI_LINE' | 'SINGLE_LINE' | 'WITH_IMAGE';
+}
+interface IconChipStates {
+    isTooltipVisible: boolean;
+}
+export default class IconChip extends React.Component<IconChipProps, IconChipStates> {
+    static defaultProps: Partial<IconChipProps>;
+    constructor(props: IconChipProps);
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};
+//# sourceMappingURL=IconChip.d.ts.map

package/dist/components/tags/icon-chip/IconChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconChip.d.ts","sourceRoot":"","sources":["../../../../src/components/tags/icon-chip/IconChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAI1C,OAAO,kBAAkB,CAAA;AAEzB,UAAU,aAAa;IACrB;;OAEG;IACH,QAAQ,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC9B;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,aAAa,GAAG,YAAY,CAAA;CACnD;AAED,UAAU,cAAc;IACtB,gBAAgB,EAAE,OAAO,CAAA;CAC1B;AAED,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAS,CACnD,aAAa,EACb,cAAc,CACf;IACC,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,aAAa,CAAC,CAI1C;gBAEW,KAAK,EAAE,aAAa;IAOhC,MAAM;CA6BP"}

package/dist/components/tags/icon-chip/IconChip.js

@@ -0,0 +1,54 @@
+import '../../../assets/IconChip.css';
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import a from "react";
+import { Icon as l } from "../../assets/icon/Icon.js";
+import { t as m } from "../../../do-classnames-DSDFCvzy.js";
+import f from "../tooltip/Tooltip.js";
+class b extends a.Component {
+  static defaultProps = {
+    pin: "BOTTOM",
+    type: "SINGLE_LINE",
+    iconName: "adjust"
+  };
+  constructor(t) {
+    super(t), this.state = {
+      isTooltipVisible: !1
+    };
+  }
+  render() {
+    const { iconType: t, iconName: o, iconLetter: i, text: s, pin: r, type: n } = this.props, { isTooltipVisible: p } = this.state;
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        className: m(["icon-chip"]),
+        onMouseEnter: () => {
+          this.setState({ isTooltipVisible: !0 });
+        },
+        onMouseLeave: () => this.setState({ isTooltipVisible: !1 }),
+        role: "contentinfo",
+        children: [
+          /* @__PURE__ */ e(
+            l,
+            {
+              type: t,
+              iconName: o,
+              iconLetter: i
+            }
+          ),
+          p && /* @__PURE__ */ e(
+            f,
+            {
+              pin: r,
+              type: n,
+              children: s
+            }
+          )
+        ]
+      }
+    );
+  }
+}
+export {
+  b as default
+};
+//# sourceMappingURL=IconChip.js.map

package/dist/components/tags/icon-chip/IconChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconChip.js","sources":["../../../../src/components/tags/icon-chip/IconChip.tsx"],"sourcesContent":["import React from 'react'\nimport { IconList } from '@tps/icon.types'\nimport Icon from '@components/assets/icon/Icon'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport Tooltip from '../tooltip/Tooltip'\nimport './icon-chip.scss'\n\ninterface IconChipProps {\n  /**\n   * Type of icon\n   */\n  iconType: 'PICTO' | 'LETTER'\n  /**\n   * Icon name (when type is PICTO)\n   * @default 'adjust'\n   */\n  iconName?: IconList\n  /**\n   * Letter to display (when type is LETTER)\n   */\n  iconLetter?: string\n  /**\n   * Tooltip text content\n   */\n  text: string | React.ReactNode\n  /**\n   * Tooltip position\n   * @default 'BOTTOM'\n   */\n  pin?: 'TOP' | 'BOTTOM'\n  /**\n   * Tooltip display type\n   * @default 'SINGLE_LINE'\n   */\n  type?: 'MULTI_LINE' | 'SINGLE_LINE' | 'WITH_IMAGE'\n}\n\ninterface IconChipStates {\n  isTooltipVisible: boolean\n}\n\nexport default class IconChip extends React.Component<\n  IconChipProps,\n  IconChipStates\n> {\n  static defaultProps: Partial<IconChipProps> = {\n    pin: 'BOTTOM',\n    type: 'SINGLE_LINE',\n    iconName: 'adjust',\n  }\n\n  constructor(props: IconChipProps) {\n    super(props)\n    this.state = {\n      isTooltipVisible: false,\n    }\n  }\n\n  render() {\n    const { iconType, iconName, iconLetter, text, pin, type } = this.props\n    const { isTooltipVisible } = this.state\n\n    return (\n      <div\n        className={doClassnames(['icon-chip'])}\n        onMouseEnter={() => {\n          this.setState({ isTooltipVisible: true })\n        }}\n        onMouseLeave={() => this.setState({ isTooltipVisible: false })}\n        role=\"contentinfo\"\n      >\n        <Icon\n          type={iconType}\n          iconName={iconName}\n          iconLetter={iconLetter}\n        />\n        {isTooltipVisible && (\n          <Tooltip\n            pin={pin}\n            type={type}\n          >\n            {text}\n          </Tooltip>\n        )}\n      </div>\n    )\n  }\n}\n"],"names":["IconChip","React","props","iconType","iconName","iconLetter","text","pin","type","isTooltipVisible","jsxs","doClassnames","jsx","Icon","Tooltip"],"mappings":";;;;;AAyCA,MAAqBA,UAAiBC,EAAM,UAG1C;AAAA,EACA,OAAO,eAAuC;AAAA,IAC5C,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAAA,EAGZ,YAAYC,GAAsB;AAChC,UAAMA,CAAK,GACX,KAAK,QAAQ;AAAA,MACX,kBAAkB;AAAA,IAAA;AAAA,EAEtB;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,UAAAC,GAAU,UAAAC,GAAU,YAAAC,GAAY,MAAAC,GAAM,KAAAC,GAAK,MAAAC,MAAS,KAAK,OAC3D,EAAE,kBAAAC,MAAqB,KAAK;AAElC,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAa,CAAC,WAAW,CAAC;AAAA,QACrC,cAAc,MAAM;AAClB,eAAK,SAAS,EAAE,kBAAkB,GAAA,CAAM;AAAA,QAC1C;AAAA,QACA,cAAc,MAAM,KAAK,SAAS,EAAE,kBAAkB,IAAO;AAAA,QAC7D,MAAK;AAAA,QAEL,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAMV;AAAA,cACN,UAAAC;AAAA,cACA,YAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,UAEDI,KACC,gBAAAG;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,KAAAP;AAAA,cACA,MAAAC;AAAA,cAEC,UAAAF;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

package/dist/components/tags/tooltip/Tooltip.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+
+export interface TooltipProps {
+    /**
+     * Tooltip content
+     */
+    children: React.ReactNode;
+    /**
+     * Position relative to the parent
+     * @default 'BOTTOM'
+     */
+    pin?: 'TOP' | 'BOTTOM';
+    /**
+     * Display type
+     * @default 'SINGLE_LINE'
+     */
+    type?: 'MULTI_LINE' | 'SINGLE_LINE' | 'WITH_IMAGE';
+    /**
+     * Image URL (when type is WITH_IMAGE)
+     */
+    image?: string;
+}
+declare const Tooltip: (props: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export default Tooltip;
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/tags/tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/tags/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAG1D,OAAO,gBAAgB,CAAA;AAEvB,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,aAAa,GAAG,YAAY,CAAA;IAClD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,OAAO,UAAW,YAAY,4CA8DnC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/components/tags/tooltip/Tooltip.js

@@ -0,0 +1,72 @@
+import '../../../assets/Tooltip.css';
+import { jsx as i, jsxs as h } from "react/jsx-runtime";
+import _, { useRef as u, useState as x, useEffect as g } from "react";
+import N from "../../../styles/texts/texts.module.js";
+import { t as p } from "../../../do-classnames-DSDFCvzy.js";
+const T = (c) => {
+  const { children: m, pin: e = "BOTTOM", type: o = "SINGLE_LINE", image: s } = c, l = u(null), [d, n] = _.useState(0), [r, f] = x(!1);
+  return g(() => {
+    const a = l.current;
+    if (a) {
+      const t = a.getBoundingClientRect();
+      t.x < 0 && n(-t.x + 8), t.x + t.width > window.innerWidth && n(window.innerWidth - t.x - t.width - 8), f(!0);
+    }
+  }, []), /* @__PURE__ */ i(
+    "div",
+    {
+      className: p([
+        "tooltip",
+        o === "SINGLE_LINE" && "tooltip--singleline",
+        o === "WITH_IMAGE" && "tooltip--withimage",
+        e === "TOP" && "tooltip--top",
+        e === "BOTTOM" && "tooltip--bottom"
+      ]),
+      role: "tooltip",
+      ref: l,
+      style: {
+        visibility: r ? "visible" : "hidden"
+      },
+      "aria-hidden": !r,
+      children: /* @__PURE__ */ i(
+        "div",
+        {
+          className: "tooltip__block",
+          style: {
+            transform: `translateX(${d}px)`
+          },
+          role: "presentation",
+          children: /* @__PURE__ */ h(
+            "div",
+            {
+              className: "tooltip__snack",
+              role: "presentation",
+              children: [
+                s !== void 0 && /* @__PURE__ */ i(
+                  "img",
+                  {
+                    src: s,
+                    className: "tooltip__image",
+                    role: "img",
+                    alt: "Decorative image"
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  "div",
+                  {
+                    className: p(["tooltip__text", N.type]),
+                    role: "presentation",
+                    children: m
+                  }
+                )
+              ]
+            }
+          )
+        }
+      )
+    }
+  );
+};
+export {
+  T as default
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/tags/tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/tags/tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport texts from '@styles/texts/texts.module.scss'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport './tooltip.scss'\n\nexport interface TooltipProps {\n  /**\n   * Tooltip content\n   */\n  children: React.ReactNode\n  /**\n   * Position relative to the parent\n   * @default 'BOTTOM'\n   */\n  pin?: 'TOP' | 'BOTTOM'\n  /**\n   * Display type\n   * @default 'SINGLE_LINE'\n   */\n  type?: 'MULTI_LINE' | 'SINGLE_LINE' | 'WITH_IMAGE'\n  /**\n   * Image URL (when type is WITH_IMAGE)\n   */\n  image?: string\n}\n\nconst Tooltip = (props: TooltipProps) => {\n  const { children, pin = 'BOTTOM', type = 'SINGLE_LINE', image } = props\n  const tooltipRef = useRef<HTMLDivElement>(null)\n  const [shift, setShift] = React.useState(0)\n  const [isVisible, setIsVisible] = useState(false)\n\n  useEffect(() => {\n    const tooltipElement = tooltipRef.current\n    if (tooltipElement) {\n      const rect = tooltipElement.getBoundingClientRect()\n      if (rect.x < 0) setShift(-rect.x + 8)\n      if (rect.x + rect.width > window.innerWidth)\n        setShift(window.innerWidth - rect.x - rect.width - 8)\n      setIsVisible(true)\n    }\n  }, [])\n\n  return (\n    <div\n      className={doClassnames([\n        'tooltip',\n        type === 'SINGLE_LINE' && 'tooltip--singleline',\n        type === 'WITH_IMAGE' && 'tooltip--withimage',\n        pin === 'TOP' && 'tooltip--top',\n        pin === 'BOTTOM' && 'tooltip--bottom',\n      ])}\n      role=\"tooltip\"\n      ref={tooltipRef}\n      style={{\n        visibility: isVisible ? 'visible' : 'hidden',\n      }}\n      aria-hidden={!isVisible}\n    >\n      <div\n        className=\"tooltip__block\"\n        style={{\n          transform: `translateX(${shift}px)`,\n        }}\n        role=\"presentation\"\n      >\n        <div\n          className=\"tooltip__snack\"\n          role=\"presentation\"\n        >\n          {image !== undefined && (\n            <img\n              src={image}\n              className=\"tooltip__image\"\n              role=\"img\"\n              alt=\"Decorative image\"\n            />\n          )}\n          <div\n            className={doClassnames(['tooltip__text', texts.type])}\n            role=\"presentation\"\n          >\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default Tooltip\n"],"names":["Tooltip","props","children","pin","type","image","tooltipRef","useRef","shift","setShift","React","isVisible","setIsVisible","useState","useEffect","tooltipElement","rect","jsx","doClassnames","jsxs","texts"],"mappings":";;;;AA0BA,MAAMA,IAAU,CAACC,MAAwB;AACvC,QAAM,EAAE,UAAAC,GAAU,KAAAC,IAAM,UAAU,MAAAC,IAAO,eAAe,OAAAC,MAAUJ,GAC5DK,IAAaC,EAAuB,IAAI,GACxC,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAAS,CAAC,GACpC,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK;AAEhD,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAiBT,EAAW;AAClC,QAAIS,GAAgB;AAClB,YAAMC,IAAOD,EAAe,sBAAA;AAC5B,MAAIC,EAAK,IAAI,OAAY,CAACA,EAAK,IAAI,CAAC,GAChCA,EAAK,IAAIA,EAAK,QAAQ,OAAO,cAC/BP,EAAS,OAAO,aAAaO,EAAK,IAAIA,EAAK,QAAQ,CAAC,GACtDJ,EAAa,EAAI;AAAA,IACnB;AAAA,EACF,GAAG,CAAA,CAAE,GAGH,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAa;AAAA,QACtB;AAAA,QACAd,MAAS,iBAAiB;AAAA,QAC1BA,MAAS,gBAAgB;AAAA,QACzBD,MAAQ,SAAS;AAAA,QACjBA,MAAQ,YAAY;AAAA,MAAA,CACrB;AAAA,MACD,MAAK;AAAA,MACL,KAAKG;AAAA,MACL,OAAO;AAAA,QACL,YAAYK,IAAY,YAAY;AAAA,MAAA;AAAA,MAEtC,eAAa,CAACA;AAAA,MAEd,UAAA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO;AAAA,YACL,WAAW,cAAcT,CAAK;AAAA,UAAA;AAAA,UAEhC,MAAK;AAAA,UAEL,UAAA,gBAAAW;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAA;AAAA,gBAAAd,MAAU,UACT,gBAAAY;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,KAAKZ;AAAA,oBACL,WAAU;AAAA,oBACV,MAAK;AAAA,oBACL,KAAI;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGR,gBAAAY;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWC,EAAa,CAAC,iBAAiBE,EAAM,IAAI,CAAC;AAAA,oBACrD,MAAK;AAAA,oBAEJ,UAAAlB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/do-classnames-DSDFCvzy.js

@@ -0,0 +1,5 @@
+const e = (t) => t.filter((o) => o).join(" ");
+export {
+  e as t
+};
+//# sourceMappingURL=do-classnames-DSDFCvzy.js.map

package/dist/do-classnames-DSDFCvzy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"do-classnames-DSDFCvzy.js","sources":["../node_modules/@a_ng_d/figmug-utils/dist/modules/do-classnames/do-classnames.js"],"sourcesContent":["const t = (e) => e.filter((s) => s).join(\" \");\nexport {\n  t as default\n};\n//# sourceMappingURL=do-classnames.js.map\n"],"names":["t","e","s"],"mappings":"AAAK,MAACA,IAAI,CAACC,MAAMA,EAAE,OAAO,CAACC,MAAMA,CAAC,EAAE,KAAK,GAAG;","x_google_ignoreList":[0]}

package/dist/do-map-2nhWP1KI.js

@@ -0,0 +1,8 @@
+const p = (n, r, o, c, s) => {
+  const t = o - r, e = s - c;
+  return (n - r) * e / t + c;
+};
+export {
+  p as r
+};
+//# sourceMappingURL=do-map-2nhWP1KI.js.map

package/dist/do-map-2nhWP1KI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"do-map-2nhWP1KI.js","sources":["../node_modules/@a_ng_d/figmug-utils/dist/modules/do-map/do-map.js"],"sourcesContent":["const r = (e, t, o, a, n) => {\n  const s = o - t, c = n - a;\n  return (e - t) * c / s + a;\n};\nexport {\n  r as default\n};\n//# sourceMappingURL=do-map.js.map\n"],"names":["r","e","t","a","n","s","c"],"mappings":"AAAK,MAACA,IAAI,CAACC,GAAGC,GAAG,GAAGC,GAAGC,MAAM;AAC3B,QAAMC,IAAI,IAAIH,GAAGI,IAAIF,IAAID;AACzB,UAAQF,IAAIC,KAAKI,IAAID,IAAIF;AAC3B;","x_google_ignoreList":[0]}

package/dist/index.d.ts

@@ -0,0 +1,61 @@
+import { default as sketchTypes } from './styles/tokens/modules/sketch-types.module.scss';
+import { default as sketchColors } from './styles/tokens/modules/sketch-colors.module.scss';
+import { default as penpotTypes } from './styles/tokens/modules/penpot-types.module.scss';
+import { default as penpotColors } from './styles/tokens/modules/penpot-colors.module.scss';
+import { default as globals } from './styles/tokens/modules/globals.module.scss';
+import { default as framerTypes } from './styles/tokens/modules/framer-types.module.scss';
+import { default as framerColors } from './styles/tokens/modules/framer-colors.module.scss';
+import { default as figmaTypes } from './styles/tokens/modules/figma-types.module.scss';
+import { default as figmaColors } from './styles/tokens/modules/figma-colors.module.scss';
+import { default as texts } from './styles/texts/texts.module.scss';
+import { default as layouts } from './styles/layouts.module.scss';
+import { default as icons } from './styles/icons/icons.module.scss';
+
+export { default as Accordion } from './components/actions/accordion/Accordion';
+export { default as Button } from './components/actions/button/Button';
+export { default as Knob } from './components/actions/knob/Knob';
+export { default as Menu } from './components/actions/menu/Menu';
+export { default as Card } from './components/actions/card/Card';
+export { default as Icon } from './components/assets/icon/Icon';
+export { default as Avatar } from './components/assets/avatar/Avatar';
+export { default as SectionTitle } from './components/assets/section-title/SectionTitle';
+export { default as Thumbnail } from './components/assets/thumbnail/Thumbnail';
+export { default as Text } from './components/assets/text/Text';
+export { default as Consent } from './components/dialogs/consent/Consent';
+export { default as Dialog } from './components/dialogs/dialog/Dialog';
+export { default as Message } from './components/dialogs/message/Message';
+export { default as SemanticMessage } from './components/dialogs/semantic-message/SemanticMessage';
+export { default as Notification } from './components/dialogs/notification/Notification';
+export { default as Dropdown } from './components/inputs/dropdown/Dropdown';
+export { default as Dropzone } from './components/inputs/dropzone/Dropzone';
+export { default as Input } from './components/inputs/input/Input';
+export { default as InputsBar } from './components/inputs/inputs-bar/InputsBar';
+export { default as Select } from './components/inputs/select/Select';
+export { default as MultipleSlider } from './components/inputs/multiple-slider/MultipleSlider';
+export { default as SimpleSlider } from './components/inputs/simple-slider/SimpleSlider';
+export { default as ActionsItem } from './components/lists/actions-item/ActionsItem';
+export { default as ColorItem } from './components/lists/color-item/ColorItem';
+export { default as DraggableItem } from './components/lists/draggable-item/DraggableItem';
+export { default as KeyboardShortcutItem } from './components/lists/keyboard-shortcut-item/KeyboardShortcutItem';
+export { default as ActionsList } from './components/lists/actions-list/ActionsList';
+export { default as SortableList } from './components/lists/sortable-list/SortableList';
+export { default as Tabs } from './components/lists/tabs/Tabs';
+export { default as MembersList } from './components/lists/members-list/MembersList';
+export { default as Bar } from './components/slots/bar/Bar';
+export { default as FormItem } from './components/slots/form-item/FormItem';
+export { default as List } from './components/slots/list/List';
+export { default as PopIn } from './components/slots/popin/Popin';
+export { default as Section } from './components/slots/section/Section';
+export { default as SimpleItem } from './components/slots/simple-item/SimpleItem';
+export { default as Layout } from './components/slots/layout/Layout';
+export { default as Drawer } from './components/slots/drawer/Drawer';
+export { default as DraggableWindow } from './components/slots/draggable-window/DraggableWindow';
+export { default as Chip } from './components/tags/chip/Chip';
+export { default as Tooltip } from './components/tags/tooltip/Tooltip';
+export { default as ColorChip } from './components/tags/color-chip/ColorChip';
+export { default as IconChip } from './components/tags/icon-chip/IconChip';
+export type { IconList } from './types/icon.types';
+export type { ConsentConfiguration } from './types/consent.types';
+export type { DropdownOption } from './types/list.types';
+export { icons, layouts, texts, globals, figmaColors, figmaTypes, penpotColors, penpotTypes, sketchColors, sketchTypes, framerColors, framerTypes, };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,113 @@
+import { default as t } from "./styles/tokens/modules/sketch-types.module.js";
+import { default as a } from "./styles/tokens/modules/sketch-colors.module.js";
+import { default as s } from "./styles/tokens/modules/penpot-types.module.js";
+import { default as p } from "./styles/tokens/modules/penpot-colors.module.js";
+import { default as u } from "./styles/tokens/modules/globals.module.js";
+import { default as x } from "./styles/tokens/modules/framer-types.module.js";
+import { default as n } from "./styles/tokens/modules/framer-colors.module.js";
+import { default as C } from "./styles/tokens/modules/figma-types.module.js";
+import { default as g } from "./styles/tokens/modules/figma-colors.module.js";
+import { default as b } from "./styles/texts/texts.module.js";
+import { default as h } from "./styles/layouts.module.js";
+import { default as D } from "./styles/icons/icons.module.js";
+import { default as M } from "./components/actions/accordion/Accordion.js";
+import { default as w } from "./components/actions/button/Button.js";
+import { default as k } from "./components/actions/knob/Knob.js";
+import { default as v } from "./components/actions/menu/Menu.js";
+import { default as F } from "./components/actions/card/Card.js";
+import { Icon as P } from "./components/assets/icon/Icon.js";
+import { default as j } from "./components/assets/avatar/Avatar.js";
+import { default as E } from "./components/assets/section-title/SectionTitle.js";
+import { default as H } from "./components/assets/thumbnail/Thumbnail.js";
+import { default as O } from "./components/assets/text/Text.js";
+import { default as R } from "./components/dialogs/consent/Consent.js";
+import { default as V } from "./components/dialogs/dialog/Dialog.js";
+import { default as Y } from "./components/dialogs/message/Message.js";
+import { default as _ } from "./components/dialogs/semantic-message/SemanticMessage.js";
+import { default as oo } from "./components/dialogs/notification/Notification.js";
+import { default as to } from "./components/inputs/dropdown/Dropdown.js";
+import { default as ao } from "./components/inputs/dropzone/Dropzone.js";
+import { default as so } from "./components/inputs/input/Input.js";
+import { default as po } from "./components/inputs/inputs-bar/InputsBar.js";
+import { default as uo } from "./components/inputs/select/Select.js";
+import { default as io } from "./components/inputs/multiple-slider/MultipleSlider.js";
+import { default as co } from "./components/inputs/simple-slider/SimpleSlider.js";
+import { default as Io } from "./components/lists/actions-item/ActionsItem.js";
+import { default as So } from "./components/lists/color-item/ColorItem.js";
+import { default as To } from "./components/lists/draggable-item/DraggableItem.js";
+import { default as yo } from "./components/lists/keyboard-shortcut-item/KeyboardShortcutItem.js";
+import { default as Lo } from "./components/lists/actions-list/ActionsList.js";
+import { default as Ao } from "./components/lists/sortable-list/SortableList.js";
+import { default as Bo } from "./components/lists/tabs/Tabs.js";
+import { default as Ko } from "./components/lists/members-list/MembersList.js";
+import { default as zo } from "./components/slots/bar/Bar.js";
+import { default as No } from "./components/slots/form-item/FormItem.js";
+import { List as Wo } from "./components/slots/list/List.js";
+import { default as qo } from "./components/slots/popin/Popin.js";
+import { default as Go } from "./components/slots/section/Section.js";
+import { default as Jo } from "./components/slots/simple-item/SimpleItem.js";
+import { default as Qo } from "./components/slots/layout/Layout.js";
+import { default as Uo } from "./components/slots/drawer/Drawer.js";
+import { default as Xo } from "./components/slots/draggable-window/DraggableWindow.js";
+import { default as Zo } from "./components/tags/chip/Chip.js";
+import { default as $o } from "./components/tags/tooltip/Tooltip.js";
+import { default as ee } from "./components/tags/color-chip/ColorChip.js";
+import { default as re } from "./components/tags/icon-chip/IconChip.js";
+export {
+  M as Accordion,
+  Io as ActionsItem,
+  Lo as ActionsList,
+  j as Avatar,
+  zo as Bar,
+  w as Button,
+  F as Card,
+  Zo as Chip,
+  ee as ColorChip,
+  So as ColorItem,
+  R as Consent,
+  V as Dialog,
+  To as DraggableItem,
+  Xo as DraggableWindow,
+  Uo as Drawer,
+  to as Dropdown,
+  ao as Dropzone,
+  No as FormItem,
+  P as Icon,
+  re as IconChip,
+  so as Input,
+  po as InputsBar,
+  yo as KeyboardShortcutItem,
+  k as Knob,
+  Qo as Layout,
+  Wo as List,
+  Ko as MembersList,
+  v as Menu,
+  Y as Message,
+  io as MultipleSlider,
+  oo as Notification,
+  qo as PopIn,
+  Go as Section,
+  E as SectionTitle,
+  uo as Select,
+  _ as SemanticMessage,
+  Jo as SimpleItem,
+  co as SimpleSlider,
+  Ao as SortableList,
+  Bo as Tabs,
+  O as Text,
+  H as Thumbnail,
+  $o as Tooltip,
+  g as figmaColors,
+  C as figmaTypes,
+  n as framerColors,
+  x as framerTypes,
+  u as globals,
+  D as icons,
+  h as layouts,
+  p as penpotColors,
+  s as penpotTypes,
+  a as sketchColors,
+  t as sketchTypes,
+  b as texts
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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