@unoff/ui 1.21.0 → 1.21.2

package/dist/components/slots/drawer/Drawer.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 interface Unit {
     value?: number;
     unit: 'PIXEL' | 'PERCENT' | 'AUTO';
@@ -64,7 +63,7 @@ export default class Drawer extends React.Component<DrawerProps, DrawerState> {
     constructor(props: DrawerProps);
     componentDidUpdate: (_: Readonly<DrawerProps>, prevState: Readonly<DrawerState>) => void;
     clickHandler: (e: React.MouseEvent<HTMLDivElement>) => void;
-    setBorder: (orientation: Array<'TOP' | 'LEFT' | 'BOTTOM' | 'RIGHT'> | undefined) => {
+    setBorder: (orientation: Array<"TOP" | "LEFT" | "BOTTOM" | "RIGHT"> | undefined) => {
         [key: string]: React.CSSProperties;
     };
     setUnit: (size: Unit) => string;

package/dist/components/slots/drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/slots/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,eAAe,CAAA;AAEtB,UAAU,IAAI;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;CACnC;AAED,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,SAAS,EAAE,UAAU,GAAG,YAAY,CAAA;IACpC;;OAEG;IACH,GAAG,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IACxC;;OAEG;IACH,WAAW,EAAE,IAAI,CAAA;IACjB;;OAEG;IACH,OAAO,EAAE,IAAI,CAAA;IACb;;OAEG;IACH,OAAO,EAAE,IAAI,CAAA;IACb;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;IACnD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;KACnC,CAAA;CACF,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IAC3E,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAE1C,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,WAAW,CAAC,CAExC;gBAEW,KAAK,EAAE,WAAW;IAa9B,kBAAkB,MACb,SAAS,WAAW,CAAC,aACb,SAAS,WAAW,CAAC,UASjC;IAGD,YAAY,MAAO,gBAAgB,CAAC,cAAc,CAAC,UAYlD;IAGD,SAAS,gBACM,MAAM,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC,GAAG,SAAS;;MAapE;IAED,OAAO,SAAU,IAAI,YAGpB;IAED,YAAY,aAOX;IAED,cAAc,aAOb;IAED,MAAM,aAGL;IAED,MAAM,MAAO,UAAU,UAyDtB;IAGD,MAAM;CAuDP"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/slots/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,eAAe,CAAA;AAEtB,UAAU,IAAI;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;CACnC;AAED,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,SAAS,EAAE,UAAU,GAAG,YAAY,CAAA;IACpC;;OAEG;IACH,GAAG,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IACxC;;OAEG;IACH,WAAW,EAAE,IAAI,CAAA;IACjB;;OAEG;IACH,OAAO,EAAE,IAAI,CAAA;IACb;;OAEG;IACH,OAAO,EAAE,IAAI,CAAA;IACb;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;IACnD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;KACnC,CAAA;CACF,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IAC3E,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAE1C,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,WAAW,CAAC,CAExC;gBAEW,KAAK,EAAE,WAAW;IAa9B,kBAAkB,GAChB,GAAG,QAAQ,CAAC,WAAW,CAAC,EACxB,WAAW,QAAQ,CAAC,WAAW,CAAC,UASjC;IAGD,YAAY,GAAI,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,UAYlD;IAGD,SAAS,GACP,aAAa,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC,GAAG,SAAS;;MAapE;IAED,OAAO,GAAI,MAAM,IAAI,YAGpB;IAED,YAAY,aAOX;IAED,cAAc,aAOb;IAED,MAAM,aAGL;IAED,MAAM,GAAI,GAAG,UAAU,UAyDtB;IAGD,MAAM;CAuDP"}

package/dist/components/slots/drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../src/components/slots/drawer/Drawer.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport './drawer.scss'\n\ninterface Unit {\n  value?: number\n  unit: 'PIXEL' | 'PERCENT' | 'AUTO'\n}\n\nexport type DrawerProps = {\n  /**\n   * HTML id attribute\n   */\n  id?: string\n  /**\n   * Direction of the drawer layout\n   */\n  direction: 'VERTICAL' | 'HORIZONTAL'\n  /**\n   * Position of the drawer\n   */\n  pin: 'TOP' | 'BOTTOM' | 'LEFT' | 'RIGHT'\n  /**\n   * Default size of the drawer\n   */\n  defaultSize: Unit\n  /**\n   * Maximum allowed size\n   */\n  maxSize: Unit\n  /**\n   * Minimum allowed size\n   */\n  minSize: Unit\n  /**\n   * Array of border positions\n   */\n  border?: Array<'TOP' | 'LEFT' | 'BOTTOM' | 'RIGHT'>\n  /**\n   * Whether the content is scrollable\n   * @default false\n   */\n  isScrolling?: boolean\n  /**\n   * Drawer content\n   */\n  children?: React.ReactNode\n  /**\n   * Callback when drawer collapses\n   */\n  onCollapse?: () => void\n  /**\n   * Callback when drawer expands\n   */\n  onExpand?: () => void\n}\n\nexport type DrawerState = {\n  isDrawerCollapsed: boolean\n  drawerSize: {\n    value?: number\n    unit: 'PIXEL' | 'PERCENT' | 'AUTO'\n  }\n}\n\nexport default class Drawer extends React.Component<DrawerProps, DrawerState> {\n  drawerRef: React.RefObject<HTMLDivElement>\n\n  static defaultProps: Partial<DrawerProps> = {\n    isScrolling: false,\n  }\n\n  constructor(props: DrawerProps) {\n    super(props)\n    this.state = {\n      isDrawerCollapsed: false,\n      drawerSize: {\n        value: props.defaultSize.value,\n        unit: props.defaultSize.unit,\n      },\n    }\n    this.drawerRef = React.createRef()\n  }\n\n  // Lifecycle\n  componentDidUpdate = (\n    _: Readonly<DrawerProps>,\n    prevState: Readonly<DrawerState>\n  ) => {\n    const { onCollapse, onExpand } = this.props\n    const { isDrawerCollapsed } = this.state\n\n    if (isDrawerCollapsed && !prevState.isDrawerCollapsed)\n      onCollapse && onCollapse()\n    if (!isDrawerCollapsed && prevState.isDrawerCollapsed)\n      onExpand && onExpand()\n  }\n\n  // Handlers\n  clickHandler = (e: React.MouseEvent<HTMLDivElement>) => {\n    const { defaultSize, maxSize } = this.props\n    const { drawerSize } = this.state\n\n    document.body.style.cursor = ''\n    document.removeEventListener('mousemove', this.onDrag)\n\n    if (e.detail === 2)\n      this.setState({\n        drawerSize: drawerSize === defaultSize ? maxSize : defaultSize,\n        isDrawerCollapsed: false,\n      })\n  }\n\n  // Direct Actions\n  setBorder = (\n    orientation: Array<'TOP' | 'LEFT' | 'BOTTOM' | 'RIGHT'> | undefined\n  ) => {\n    const property = 'var(--drawer-border)' as React.CSSProperties\n    const styles: { [key: string]: React.CSSProperties } = {}\n\n    if (!orientation) return styles\n    orientation.forEach((entry) => {\n      if (entry === 'TOP') styles.borderTop = property\n      if (entry === 'LEFT') styles.borderLeft = property\n      if (entry === 'BOTTOM') styles.borderBottom = property\n      if (entry === 'RIGHT') styles.borderRight = property\n    })\n    return styles\n  }\n\n  setUnit = (size: Unit) => {\n    if (size.unit === 'AUTO') return 'auto'\n    return size.unit === 'PIXEL' ? `${size.value}px` : `${size.value}%`\n  }\n\n  expandDrawer = () => {\n    const { defaultSize } = this.props\n\n    this.setState({\n      drawerSize: defaultSize,\n      isDrawerCollapsed: false,\n    })\n  }\n\n  collapseDrawer = () => {\n    const { minSize } = this.props\n\n    this.setState({\n      drawerSize: minSize,\n      isDrawerCollapsed: true,\n    })\n  }\n\n  onGrab = () => {\n    document.body.style.cursor = 'ns-resize'\n    document.addEventListener('mousemove', this.onDrag)\n  }\n\n  onDrag = (e: MouseEvent) => {\n    const { direction, pin, minSize, maxSize } = this.props\n    const { drawerRef } = this\n    const { clientX, clientY } = e\n\n    if (!drawerRef.current) return\n\n    const rect = drawerRef.current.getBoundingClientRect()\n    const parentRect = drawerRef.current.parentElement?.getBoundingClientRect()\n\n    if (!parentRect) return\n\n    let delta = 0\n    const parentSize =\n      direction === 'VERTICAL' ? parentRect.height : parentRect.width\n\n    if (pin === 'TOP') {\n      const maxDelta = parentRect.bottom - rect.top\n      delta = Math.min(clientY - rect.top, maxDelta)\n    } else if (pin === 'BOTTOM') {\n      const maxDelta = rect.bottom - parentRect.top\n      delta = Math.min(rect.bottom - clientY, maxDelta)\n    } else if (pin === 'LEFT') {\n      const maxDelta = parentRect.right - rect.left\n      delta = Math.min(clientX - rect.left, maxDelta)\n    } else if (pin === 'RIGHT') {\n      const maxDelta = rect.right - parentRect.left\n      delta = Math.min(rect.right - clientX, maxDelta)\n    }\n\n    delta = Math.max(0, delta)\n\n    const minPixels =\n      minSize.unit === 'PERCENT'\n        ? ((minSize.value ?? 0) * parentSize) / 100\n        : (minSize.value ?? 0)\n    const maxPixels =\n      maxSize.unit === 'PERCENT'\n        ? ((maxSize.value ?? 100) * parentSize) / 100\n        : (maxSize.value ?? Infinity)\n\n    delta = Math.max(minPixels, Math.min(delta, maxPixels))\n\n    this.setState({\n      drawerSize: {\n        value: maxSize.unit === 'PERCENT' ? (delta / parentSize) * 100 : delta,\n        unit: maxSize.unit,\n      },\n      isDrawerCollapsed: delta <= minPixels,\n    })\n\n    document.body.style.cursor =\n      direction === 'VERTICAL' ? 'ns-resize' : 'ew-resize'\n    document.addEventListener('mouseup', () => {\n      document.body.style.cursor = ''\n      document.removeEventListener('mousemove', this.onDrag)\n    })\n  }\n\n  // Render\n  render() {\n    const {\n      id,\n      pin,\n      children,\n      direction,\n      border,\n      maxSize,\n      minSize,\n      isScrolling,\n    } = this.props\n    const { drawerSize } = this.state\n\n    return (\n      <div\n        id={id}\n        style={{\n          ...this.setBorder(border),\n          ...(direction === 'VERTICAL'\n            ? {\n                height: this.setUnit(drawerSize),\n                maxHeight: this.setUnit(maxSize),\n                minHeight: this.setUnit(minSize),\n              }\n            : {\n                width: this.setUnit(drawerSize),\n                maxWidth: this.setUnit(maxSize),\n                minWidth: this.setUnit(minSize),\n              }),\n        }}\n        className={doClassnames(['drawer', isScrolling && 'drawer--scrolling'])}\n        ref={this.drawerRef}\n      >\n        <div\n          className={doClassnames([\n            'drawer__knob',\n            pin === 'TOP' && 'drawer__knob--top',\n            pin === 'LEFT' && 'drawer__knob--left',\n            pin === 'BOTTOM' && 'drawer__knob--bottom',\n            pin === 'RIGHT' && 'drawer__knob--right',\n          ])}\n          onMouseDown={this.onGrab}\n          onClick={this.clickHandler}\n          role=\"separator\"\n          aria-orientation={\n            direction === 'VERTICAL' ? 'vertical' : 'horizontal'\n          }\n          aria-valuemin={minSize.value}\n          aria-valuemax={maxSize.value}\n          aria-valuenow={drawerSize.value}\n        />\n        {children}\n      </div>\n    )\n  }\n}\n"],"names":["Drawer","React","props","_","prevState","onCollapse","onExpand","isDrawerCollapsed","defaultSize","maxSize","drawerSize","orientation","property","styles","entry","size","minSize","direction","pin","drawerRef","clientX","clientY","rect","parentRect","delta","parentSize","maxDelta","minPixels","maxPixels","id","children","border","isScrolling","jsxs","doClassnames","jsx"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../../../../src/components/slots/drawer/Drawer.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport './drawer.scss'\n\ninterface Unit {\n  value?: number\n  unit: 'PIXEL' | 'PERCENT' | 'AUTO'\n}\n\nexport type DrawerProps = {\n  /**\n   * HTML id attribute\n   */\n  id?: string\n  /**\n   * Direction of the drawer layout\n   */\n  direction: 'VERTICAL' | 'HORIZONTAL'\n  /**\n   * Position of the drawer\n   */\n  pin: 'TOP' | 'BOTTOM' | 'LEFT' | 'RIGHT'\n  /**\n   * Default size of the drawer\n   */\n  defaultSize: Unit\n  /**\n   * Maximum allowed size\n   */\n  maxSize: Unit\n  /**\n   * Minimum allowed size\n   */\n  minSize: Unit\n  /**\n   * Array of border positions\n   */\n  border?: Array<'TOP' | 'LEFT' | 'BOTTOM' | 'RIGHT'>\n  /**\n   * Whether the content is scrollable\n   * @default false\n   */\n  isScrolling?: boolean\n  /**\n   * Drawer content\n   */\n  children?: React.ReactNode\n  /**\n   * Callback when drawer collapses\n   */\n  onCollapse?: () => void\n  /**\n   * Callback when drawer expands\n   */\n  onExpand?: () => void\n}\n\nexport type DrawerState = {\n  isDrawerCollapsed: boolean\n  drawerSize: {\n    value?: number\n    unit: 'PIXEL' | 'PERCENT' | 'AUTO'\n  }\n}\n\nexport default class Drawer extends React.Component<DrawerProps, DrawerState> {\n  drawerRef: React.RefObject<HTMLDivElement>\n\n  static defaultProps: Partial<DrawerProps> = {\n    isScrolling: false,\n  }\n\n  constructor(props: DrawerProps) {\n    super(props)\n    this.state = {\n      isDrawerCollapsed: false,\n      drawerSize: {\n        value: props.defaultSize.value,\n        unit: props.defaultSize.unit,\n      },\n    }\n    this.drawerRef = React.createRef()\n  }\n\n  // Lifecycle\n  componentDidUpdate = (\n    _: Readonly<DrawerProps>,\n    prevState: Readonly<DrawerState>\n  ) => {\n    const { onCollapse, onExpand } = this.props\n    const { isDrawerCollapsed } = this.state\n\n    if (isDrawerCollapsed && !prevState.isDrawerCollapsed)\n      onCollapse && onCollapse()\n    if (!isDrawerCollapsed && prevState.isDrawerCollapsed)\n      onExpand && onExpand()\n  }\n\n  // Handlers\n  clickHandler = (e: React.MouseEvent<HTMLDivElement>) => {\n    const { defaultSize, maxSize } = this.props\n    const { drawerSize } = this.state\n\n    document.body.style.cursor = ''\n    document.removeEventListener('mousemove', this.onDrag)\n\n    if (e.detail === 2)\n      this.setState({\n        drawerSize: drawerSize === defaultSize ? maxSize : defaultSize,\n        isDrawerCollapsed: false,\n      })\n  }\n\n  // Direct Actions\n  setBorder = (\n    orientation: Array<'TOP' | 'LEFT' | 'BOTTOM' | 'RIGHT'> | undefined\n  ) => {\n    const property = 'var(--drawer-border)' as React.CSSProperties\n    const styles: { [key: string]: React.CSSProperties } = {}\n\n    if (!orientation) return styles\n    orientation.forEach((entry) => {\n      if (entry === 'TOP') styles.borderTop = property\n      if (entry === 'LEFT') styles.borderLeft = property\n      if (entry === 'BOTTOM') styles.borderBottom = property\n      if (entry === 'RIGHT') styles.borderRight = property\n    })\n    return styles\n  }\n\n  setUnit = (size: Unit) => {\n    if (size.unit === 'AUTO') return 'auto'\n    return size.unit === 'PIXEL' ? `${size.value}px` : `${size.value}%`\n  }\n\n  expandDrawer = () => {\n    const { defaultSize } = this.props\n\n    this.setState({\n      drawerSize: defaultSize,\n      isDrawerCollapsed: false,\n    })\n  }\n\n  collapseDrawer = () => {\n    const { minSize } = this.props\n\n    this.setState({\n      drawerSize: minSize,\n      isDrawerCollapsed: true,\n    })\n  }\n\n  onGrab = () => {\n    document.body.style.cursor = 'ns-resize'\n    document.addEventListener('mousemove', this.onDrag)\n  }\n\n  onDrag = (e: MouseEvent) => {\n    const { direction, pin, minSize, maxSize } = this.props\n    const { drawerRef } = this\n    const { clientX, clientY } = e\n\n    if (!drawerRef.current) return\n\n    const rect = drawerRef.current.getBoundingClientRect()\n    const parentRect = drawerRef.current.parentElement?.getBoundingClientRect()\n\n    if (!parentRect) return\n\n    let delta = 0\n    const parentSize =\n      direction === 'VERTICAL' ? parentRect.height : parentRect.width\n\n    if (pin === 'TOP') {\n      const maxDelta = parentRect.bottom - rect.top\n      delta = Math.min(clientY - rect.top, maxDelta)\n    } else if (pin === 'BOTTOM') {\n      const maxDelta = rect.bottom - parentRect.top\n      delta = Math.min(rect.bottom - clientY, maxDelta)\n    } else if (pin === 'LEFT') {\n      const maxDelta = parentRect.right - rect.left\n      delta = Math.min(clientX - rect.left, maxDelta)\n    } else if (pin === 'RIGHT') {\n      const maxDelta = rect.right - parentRect.left\n      delta = Math.min(rect.right - clientX, maxDelta)\n    }\n\n    delta = Math.max(0, delta)\n\n    const minPixels =\n      minSize.unit === 'PERCENT'\n        ? ((minSize.value ?? 0) * parentSize) / 100\n        : (minSize.value ?? 0)\n    const maxPixels =\n      maxSize.unit === 'PERCENT'\n        ? ((maxSize.value ?? 100) * parentSize) / 100\n        : (maxSize.value ?? Infinity)\n\n    delta = Math.max(minPixels, Math.min(delta, maxPixels))\n\n    this.setState({\n      drawerSize: {\n        value: maxSize.unit === 'PERCENT' ? (delta / parentSize) * 100 : delta,\n        unit: maxSize.unit,\n      },\n      isDrawerCollapsed: delta <= minPixels,\n    })\n\n    document.body.style.cursor =\n      direction === 'VERTICAL' ? 'ns-resize' : 'ew-resize'\n    document.addEventListener('mouseup', () => {\n      document.body.style.cursor = ''\n      document.removeEventListener('mousemove', this.onDrag)\n    })\n  }\n\n  // Render\n  render() {\n    const {\n      id,\n      pin,\n      children,\n      direction,\n      border,\n      maxSize,\n      minSize,\n      isScrolling,\n    } = this.props\n    const { drawerSize } = this.state\n\n    return (\n      <div\n        id={id}\n        style={{\n          ...this.setBorder(border),\n          ...(direction === 'VERTICAL'\n            ? {\n                height: this.setUnit(drawerSize),\n                maxHeight: this.setUnit(maxSize),\n                minHeight: this.setUnit(minSize),\n              }\n            : {\n                width: this.setUnit(drawerSize),\n                maxWidth: this.setUnit(maxSize),\n                minWidth: this.setUnit(minSize),\n              }),\n        }}\n        className={doClassnames(['drawer', isScrolling && 'drawer--scrolling'])}\n        ref={this.drawerRef}\n      >\n        <div\n          className={doClassnames([\n            'drawer__knob',\n            pin === 'TOP' && 'drawer__knob--top',\n            pin === 'LEFT' && 'drawer__knob--left',\n            pin === 'BOTTOM' && 'drawer__knob--bottom',\n            pin === 'RIGHT' && 'drawer__knob--right',\n          ])}\n          onMouseDown={this.onGrab}\n          onClick={this.clickHandler}\n          role=\"separator\"\n          aria-orientation={\n            direction === 'VERTICAL' ? 'vertical' : 'horizontal'\n          }\n          aria-valuemin={minSize.value}\n          aria-valuemax={maxSize.value}\n          aria-valuenow={drawerSize.value}\n        />\n        {children}\n      </div>\n    )\n  }\n}\n"],"names":["Drawer","React","props","_","prevState","onCollapse","onExpand","isDrawerCollapsed","defaultSize","maxSize","drawerSize","orientation","property","styles","entry","size","minSize","direction","pin","drawerRef","clientX","clientY","rect","parentRect","delta","parentSize","maxDelta","minPixels","maxPixels","id","children","border","isScrolling","jsxs","doClassnames","jsx"],"mappings":"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"}

package/dist/components/slots/form-item/FormItem.d.ts

@@ -1,4 +1,3 @@
-
 export interface FormItemProps {
     /**
      * HTML id attribute

package/dist/components/slots/form-item/FormItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormItem.d.ts","sourceRoot":"","sources":["../../../../src/components/slots/form-item/FormItem.tsx"],"names":[],"mappings":";AAIA,OAAO,kBAAkB,CAAA;AAEzB,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,sBAAsB;QACtB,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;QACtB,mBAAmB;QACnB,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,QAAQ,UAAW,aAAa,4CAoErC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"FormItem.d.ts","sourceRoot":"","sources":["../../../../src/components/slots/form-item/FormItem.tsx"],"names":[],"mappings":"AAIA,OAAO,kBAAkB,CAAA;AAEzB,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,sBAAsB;QACtB,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;QACtB,mBAAmB;QACnB,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,QAAQ,GAAI,OAAO,aAAa,4CAoErC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/components/slots/form-item/FormItem.js

@@ -1,9 +1,9 @@
 import '../../../assets/FormItem.css';
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { t as m } from "../../../do-classnames-DSDFCvzy.js";
 import p from "../../../styles/texts/texts.module.js";
 import h from "../../tags/chip/Chip.js";
 import _ from "../../dialogs/message/Message.js";
-import { t as m } from "../../../do-classnames-DSDFCvzy.js";
 const w = (s) => {
   const {
     id: i,

package/dist/components/slots/form-item/FormItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormItem.js","sources":["../../../../src/components/slots/form-item/FormItem.tsx"],"sourcesContent":["import texts from '@styles/texts/texts.module.scss'\nimport Chip from '@components/tags/chip/Chip'\nimport Message from '@components/dialogs/message/Message'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport './form-item.scss'\n\nexport interface FormItemProps {\n  /**\n   * HTML id attribute\n   */\n  id?: string\n  /**\n   * Label text for the form item\n   */\n  label?: string\n  /**\n   * Helper or error message configuration\n   */\n  helper?: {\n    /** Type of message */\n    type: 'INFO' | 'ERROR'\n    /** Message text */\n    message: string\n  }\n  /**\n   * Whether to fill available width\n   * @default true\n   */\n  shouldFill?: boolean\n  /**\n   * Whether to align content to baseline\n   * @default false\n   */\n  isBaseline?: boolean\n  /**\n   * Whether to use multi-line layout\n   * @default false\n   */\n  isMultiLine?: boolean\n  /**\n   * Whether the item 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   * Form input element\n   */\n  children: React.ReactNode\n}\n\nconst FormItem = (props: FormItemProps) => {\n  const {\n    id,\n    label,\n    helper,\n    shouldFill = true,\n    isBaseline = false,\n    isMultiLine = false,\n    isBlocked = false,\n    isNew = false,\n    children,\n  } = props\n\n  return (\n    <div\n      className={doClassnames([\n        'form-item',\n        shouldFill && 'form-item--fill',\n        isBaseline && 'form-item--baseline',\n        isMultiLine && 'form-item--multiline',\n        isBlocked && 'form-item--blocked',\n      ])}\n      role=\"group\"\n      aria-describedby={helper ? `${id}-helper` : undefined}\n    >\n      <div\n        className=\"form-item__row\"\n        role=\"presentation\"\n      >\n        {label !== undefined && (\n          <label\n            className={doClassnames([texts.type, 'form-item__label'])}\n            htmlFor={id}\n            id={`${id}-label`}\n          >\n            {label}\n          </label>\n        )}\n        <div\n          className=\"form-item__input\"\n          role=\"presentation\"\n        >\n          {children}\n        </div>\n        {isNew && (\n          <div\n            className=\"form-item__chip\"\n            role=\"presentation\"\n          >\n            <Chip>New</Chip>\n          </div>\n        )}\n      </div>\n      {helper !== undefined && (\n        <div\n          className=\"form-item__helper\"\n          id={`${id}-helper`}\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          <Message\n            icon={helper.type === 'INFO' ? 'info' : 'warning'}\n            messages={[helper.message]}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default FormItem\n"],"names":["FormItem","props","id","label","helper","shouldFill","isBaseline","isMultiLine","isBlocked","isNew","children","jsxs","doClassnames","jsx","texts","Chip","Message"],"mappings":";;;;;AAuDA,MAAMA,IAAW,CAACC,MAAyB;AACzC,QAAM;AAAA,IACJ,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,YAAAC,IAAa;AAAA,IACb,aAAAC,IAAc;AAAA,IACd,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,UAAAC;AAAA,EAAA,IACET;AAEJ,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAa;AAAA,QACtB;AAAA,QACAP,KAAc;AAAA,QACdC,KAAc;AAAA,QACdC,KAAe;AAAA,QACfC,KAAa;AAAA,MAAA,CACd;AAAA,MACD,MAAK;AAAA,MACL,oBAAkBJ,IAAS,GAAGF,CAAE,YAAY;AAAA,MAE5C,UAAA;AAAA,QAAA,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEJ,UAAA;AAAA,cAAAR,MAAU,UACT,gBAAAU;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWD,EAAa,CAACE,EAAM,MAAM,kBAAkB,CAAC;AAAA,kBACxD,SAASZ;AAAA,kBACT,IAAI,GAAGA,CAAE;AAAA,kBAER,UAAAC;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGL,gBAAAU;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,MAAK;AAAA,kBAEJ,UAAAH;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEFD,KACC,gBAAAI;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,MAAK;AAAA,kBAEL,UAAA,gBAAAA,EAACE,KAAK,UAAA,MAAA,CAAG;AAAA,gBAAA;AAAA,cAAA;AAAA,YACX;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHX,MAAW,UACV,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI,GAAGX,CAAE;AAAA,YACT,MAAK;AAAA,YACL,aAAU;AAAA,YAEV,UAAA,gBAAAW;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,MAAMZ,EAAO,SAAS,SAAS,SAAS;AAAA,gBACxC,UAAU,CAACA,EAAO,OAAO;AAAA,cAAA;AAAA,YAAA;AAAA,UAC3B;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"FormItem.js","sources":["../../../../src/components/slots/form-item/FormItem.tsx"],"sourcesContent":["import { doClassnames } from '@unoff/utils'\nimport texts from '@styles/texts/texts.module.scss'\nimport Chip from '@components/tags/chip/Chip'\nimport Message from '@components/dialogs/message/Message'\nimport './form-item.scss'\n\nexport interface FormItemProps {\n  /**\n   * HTML id attribute\n   */\n  id?: string\n  /**\n   * Label text for the form item\n   */\n  label?: string\n  /**\n   * Helper or error message configuration\n   */\n  helper?: {\n    /** Type of message */\n    type: 'INFO' | 'ERROR'\n    /** Message text */\n    message: string\n  }\n  /**\n   * Whether to fill available width\n   * @default true\n   */\n  shouldFill?: boolean\n  /**\n   * Whether to align content to baseline\n   * @default false\n   */\n  isBaseline?: boolean\n  /**\n   * Whether to use multi-line layout\n   * @default false\n   */\n  isMultiLine?: boolean\n  /**\n   * Whether the item 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   * Form input element\n   */\n  children: React.ReactNode\n}\n\nconst FormItem = (props: FormItemProps) => {\n  const {\n    id,\n    label,\n    helper,\n    shouldFill = true,\n    isBaseline = false,\n    isMultiLine = false,\n    isBlocked = false,\n    isNew = false,\n    children,\n  } = props\n\n  return (\n    <div\n      className={doClassnames([\n        'form-item',\n        shouldFill && 'form-item--fill',\n        isBaseline && 'form-item--baseline',\n        isMultiLine && 'form-item--multiline',\n        isBlocked && 'form-item--blocked',\n      ])}\n      role=\"group\"\n      aria-describedby={helper ? `${id}-helper` : undefined}\n    >\n      <div\n        className=\"form-item__row\"\n        role=\"presentation\"\n      >\n        {label !== undefined && (\n          <label\n            className={doClassnames([texts.type, 'form-item__label'])}\n            htmlFor={id}\n            id={`${id}-label`}\n          >\n            {label}\n          </label>\n        )}\n        <div\n          className=\"form-item__input\"\n          role=\"presentation\"\n        >\n          {children}\n        </div>\n        {isNew && (\n          <div\n            className=\"form-item__chip\"\n            role=\"presentation\"\n          >\n            <Chip>New</Chip>\n          </div>\n        )}\n      </div>\n      {helper !== undefined && (\n        <div\n          className=\"form-item__helper\"\n          id={`${id}-helper`}\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          <Message\n            icon={helper.type === 'INFO' ? 'info' : 'warning'}\n            messages={[helper.message]}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default FormItem\n"],"names":["FormItem","props","id","label","helper","shouldFill","isBaseline","isMultiLine","isBlocked","isNew","children","jsxs","doClassnames","jsx","texts","Chip","Message"],"mappings":";;;;;AAuDA,MAAMA,IAAW,CAACC,MAAyB;AACzC,QAAM;AAAA,IACJ,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,YAAAC,IAAa;AAAA,IACb,aAAAC,IAAc;AAAA,IACd,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,UAAAC;AAAA,EAAA,IACET;AAEJ,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAa;AAAA,QACtB;AAAA,QACAP,KAAc;AAAA,QACdC,KAAc;AAAA,QACdC,KAAe;AAAA,QACfC,KAAa;AAAA,MAAA,CACd;AAAA,MACD,MAAK;AAAA,MACL,oBAAkBJ,IAAS,GAAGF,CAAE,YAAY;AAAA,MAE5C,UAAA;AAAA,QAAA,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEJ,UAAA;AAAA,cAAAR,MAAU,UACT,gBAAAU;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWD,EAAa,CAACE,EAAM,MAAM,kBAAkB,CAAC;AAAA,kBACxD,SAASZ;AAAA,kBACT,IAAI,GAAGA,CAAE;AAAA,kBAER,UAAAC;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGL,gBAAAU;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,MAAK;AAAA,kBAEJ,UAAAH;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEFD,KACC,gBAAAI;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,MAAK;AAAA,kBAEL,UAAA,gBAAAA,EAACE,KAAK,UAAA,MAAA,CAAG;AAAA,gBAAA;AAAA,cAAA;AAAA,YACX;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHX,MAAW,UACV,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI,GAAGX,CAAE;AAAA,YACT,MAAK;AAAA,YACL,aAAU;AAAA,YAEV,UAAA,gBAAAW;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,MAAMZ,EAAO,SAAS,SAAS,SAAS;AAAA,gBACxC,UAAU,CAACA,EAAO,OAAO;AAAA,cAAA;AAAA,YAAA;AAAA,UAC3B;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/slots/layout/Layout.d.ts

@@ -1,5 +1,4 @@
 import { DrawerProps } from '../drawer/Drawer';
-
 export type LayoutProps = {
     /**
      * HTML id attribute

package/dist/components/slots/layout/Layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../src/components/slots/layout/Layout.tsx"],"names":[],"mappings":";AACA,OAAe,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,eAAe,CAAA;AAEtB,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC;QACZ,mBAAmB;QACnB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;QACzB,gCAAgC;QAChC,YAAY,CAAC,EACT,MAAM,GACN,aAAa,GACb,UAAU,GACV,OAAO,GACP,QAAQ,GACR,OAAO,CAAA;QACX,wBAAwB;QACxB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,yDAAyD;QACzD,aAAa,CAAC,EAAE,WAAW,CAAA;KAC5B,CAAC,CAAA;IACF;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA;AAED,QAAA,MAAM,MAAM,UAAW,WAAW,4CA4CjC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../src/components/slots/layout/Layout.tsx"],"names":[],"mappings":"AACA,OAAe,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,eAAe,CAAA;AAEtB,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC;QACZ,mBAAmB;QACnB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;QACzB,gCAAgC;QAChC,YAAY,CAAC,EACT,MAAM,GACN,aAAa,GACb,UAAU,GACV,OAAO,GACP,QAAQ,GACR,OAAO,CAAA;QACX,wBAAwB;QACxB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,yDAAyD;QACzD,aAAa,CAAC,EAAE,WAAW,CAAA;KAC5B,CAAC,CAAA;IACF;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA;AAED,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,4CA4CjC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/components/slots/layout/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sources":["../../../../src/components/slots/layout/Layout.tsx"],"sourcesContent":["import { doClassnames } from '@a_ng_d/figmug-utils'\nimport Drawer, { DrawerProps } from '../drawer/Drawer'\nimport './layout.scss'\n\nexport type LayoutProps = {\n  /**\n   * HTML id attribute\n   */\n  id?: string\n  /**\n   * Array of column configurations\n   */\n  column: Array<{\n    /** Content node */\n    node?: React.ReactElement\n    /** Type modifier for styling */\n    typeModifier?:\n      | 'LIST'\n      | 'DISTRIBUTED'\n      | 'CENTERED'\n      | 'BLANK'\n      | 'DRAWER'\n      | 'FIXED'\n    /** Fixed width value */\n    fixedWidth?: string\n    /** Drawer configuration (when typeModifier is DRAWER) */\n    drawerOptions?: DrawerProps\n  }>\n  /**\n   * Whether to use full width\n   * @default false\n   */\n  isFullWidth?: boolean\n  /**\n   * Whether to use full height\n   * @default false\n   */\n  isFullHeight?: boolean\n}\n\nconst Layout = (props: LayoutProps) => {\n  const { id, column, isFullWidth = false, isFullHeight = false } = props\n\n  return (\n    <div\n      id={id}\n      className={doClassnames([\n        'layout',\n        isFullWidth && 'layout--full-width',\n        isFullHeight && 'layout--full-height',\n      ])}\n      role=\"main\"\n    >\n      {column.map(\n        (item, index) =>\n          item.node !== undefined &&\n          (item.typeModifier === 'DRAWER' &&\n          item.drawerOptions !== undefined ? (\n            <Drawer {...item.drawerOptions}>{item.node}</Drawer>\n          ) : (\n            <div\n              key={index}\n              className={doClassnames([\n                'layout__block',\n                item.typeModifier === 'LIST' && 'layout__block--list',\n                item.typeModifier === 'DISTRIBUTED' &&\n                  'layout__block--distributed',\n                item.typeModifier === 'CENTERED' && 'layout__block--centered',\n                item.typeModifier === 'BLANK' && 'layout__block--blank',\n                item.typeModifier === 'FIXED' && 'layout__block--fixed',\n              ])}\n              style={{\n                width:\n                  item.fixedWidth !== undefined ? item.fixedWidth : undefined,\n              }}\n              role=\"region\"\n              aria-label={`Content section ${index + 1}`}\n            >\n              {item.node}\n            </div>\n          ))\n      )}\n    </div>\n  )\n}\n\nexport default Layout\n"],"names":["Layout","props","id","column","isFullWidth","isFullHeight","jsx","doClassnames","item","index","Drawer"],"mappings":";;;AAwCA,MAAMA,IAAS,CAACC,MAAuB;AACrC,QAAM,EAAE,IAAAC,GAAI,QAAAC,GAAQ,aAAAC,IAAc,IAAO,cAAAC,IAAe,OAAUJ;AAElE,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAAJ;AAAA,MACA,WAAWK,EAAa;AAAA,QACtB;AAAA,QACAH,KAAe;AAAA,QACfC,KAAgB;AAAA,MAAA,CACjB;AAAA,MACD,MAAK;AAAA,MAEJ,UAAAF,EAAO;AAAA,QACN,CAACK,GAAMC,MACLD,EAAK,SAAS,WACbA,EAAK,iBAAiB,YACvBA,EAAK,kBAAkB,2BACpBE,GAAA,EAAQ,GAAGF,EAAK,eAAgB,UAAAA,EAAK,MAAK,IAE3C,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAWC,EAAa;AAAA,cACtB;AAAA,cACAC,EAAK,iBAAiB,UAAU;AAAA,cAChCA,EAAK,iBAAiB,iBACpB;AAAA,cACFA,EAAK,iBAAiB,cAAc;AAAA,cACpCA,EAAK,iBAAiB,WAAW;AAAA,cACjCA,EAAK,iBAAiB,WAAW;AAAA,YAAA,CAClC;AAAA,YACD,OAAO;AAAA,cACL,OACEA,EAAK,eAAe,SAAYA,EAAK,aAAa;AAAA,YAAA;AAAA,YAEtD,MAAK;AAAA,YACL,cAAY,mBAAmBC,IAAQ,CAAC;AAAA,YAEvC,UAAAD,EAAK;AAAA,UAAA;AAAA,UAjBDC;AAAA,QAAA;AAAA,MAkBP;AAAA,IAEN;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Layout.js","sources":["../../../../src/components/slots/layout/Layout.tsx"],"sourcesContent":["import { doClassnames } from '@unoff/utils'\nimport Drawer, { DrawerProps } from '../drawer/Drawer'\nimport './layout.scss'\n\nexport type LayoutProps = {\n  /**\n   * HTML id attribute\n   */\n  id?: string\n  /**\n   * Array of column configurations\n   */\n  column: Array<{\n    /** Content node */\n    node?: React.ReactElement\n    /** Type modifier for styling */\n    typeModifier?:\n      | 'LIST'\n      | 'DISTRIBUTED'\n      | 'CENTERED'\n      | 'BLANK'\n      | 'DRAWER'\n      | 'FIXED'\n    /** Fixed width value */\n    fixedWidth?: string\n    /** Drawer configuration (when typeModifier is DRAWER) */\n    drawerOptions?: DrawerProps\n  }>\n  /**\n   * Whether to use full width\n   * @default false\n   */\n  isFullWidth?: boolean\n  /**\n   * Whether to use full height\n   * @default false\n   */\n  isFullHeight?: boolean\n}\n\nconst Layout = (props: LayoutProps) => {\n  const { id, column, isFullWidth = false, isFullHeight = false } = props\n\n  return (\n    <div\n      id={id}\n      className={doClassnames([\n        'layout',\n        isFullWidth && 'layout--full-width',\n        isFullHeight && 'layout--full-height',\n      ])}\n      role=\"main\"\n    >\n      {column.map(\n        (item, index) =>\n          item.node !== undefined &&\n          (item.typeModifier === 'DRAWER' &&\n          item.drawerOptions !== undefined ? (\n            <Drawer {...item.drawerOptions}>{item.node}</Drawer>\n          ) : (\n            <div\n              key={index}\n              className={doClassnames([\n                'layout__block',\n                item.typeModifier === 'LIST' && 'layout__block--list',\n                item.typeModifier === 'DISTRIBUTED' &&\n                  'layout__block--distributed',\n                item.typeModifier === 'CENTERED' && 'layout__block--centered',\n                item.typeModifier === 'BLANK' && 'layout__block--blank',\n                item.typeModifier === 'FIXED' && 'layout__block--fixed',\n              ])}\n              style={{\n                width:\n                  item.fixedWidth !== undefined ? item.fixedWidth : undefined,\n              }}\n              role=\"region\"\n              aria-label={`Content section ${index + 1}`}\n            >\n              {item.node}\n            </div>\n          ))\n      )}\n    </div>\n  )\n}\n\nexport default Layout\n"],"names":["Layout","props","id","column","isFullWidth","isFullHeight","jsx","doClassnames","item","index","Drawer"],"mappings":";;;AAwCA,MAAMA,IAAS,CAACC,MAAuB;AACrC,QAAM,EAAE,IAAAC,GAAI,QAAAC,GAAQ,aAAAC,IAAc,IAAO,cAAAC,IAAe,OAAUJ;AAElE,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAAJ;AAAA,MACA,WAAWK,EAAa;AAAA,QACtB;AAAA,QACAH,KAAe;AAAA,QACfC,KAAgB;AAAA,MAAA,CACjB;AAAA,MACD,MAAK;AAAA,MAEJ,UAAAF,EAAO;AAAA,QACN,CAACK,GAAMC,MACLD,EAAK,SAAS,WACbA,EAAK,iBAAiB,YACvBA,EAAK,kBAAkB,2BACpBE,GAAA,EAAQ,GAAGF,EAAK,eAAgB,UAAAA,EAAK,MAAK,IAE3C,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAWC,EAAa;AAAA,cACtB;AAAA,cACAC,EAAK,iBAAiB,UAAU;AAAA,cAChCA,EAAK,iBAAiB,iBACpB;AAAA,cACFA,EAAK,iBAAiB,cAAc;AAAA,cACpCA,EAAK,iBAAiB,WAAW;AAAA,cACjCA,EAAK,iBAAiB,WAAW;AAAA,YAAA,CAClC;AAAA,YACD,OAAO;AAAA,cACL,OACEA,EAAK,eAAe,SAAYA,EAAK,aAAa;AAAA,YAAA;AAAA,YAEtD,MAAK;AAAA,YACL,cAAY,mBAAmBC,IAAQ,CAAC;AAAA,YAEvC,UAAAD,EAAK;AAAA,UAAA;AAAA,UAjBDC;AAAA,QAAA;AAAA,MAkBP;AAAA,IAEN;AAAA,EAAA;AAGN;"}

package/dist/components/slots/list/List.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export interface ListProps {
     /**
      * HTML id attribute

package/dist/components/slots/list/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/slots/list/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,eAAO,MAAM,IAAI,UAAW,SAAS,4CAqDpC,CAAA;AACD,eAAe,IAAI,CAAA"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/slots/list/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,4CAqDpC,CAAA;AACD,eAAe,IAAI,CAAA"}

package/dist/components/slots/list/List.js

@@ -1,8 +1,8 @@
 import '../../../assets/List.css';
 import { jsx as s } from "react/jsx-runtime";
 import { useState as h } from "react";
-import { Icon as g } from "../../assets/icon/Icon.js";
-import { t as T } from "../../../do-classnames-DSDFCvzy.js";
+import { t as g } from "../../../do-classnames-DSDFCvzy.js";
+import { Icon as T } from "../../assets/icon/Icon.js";
 const x = (i) => {
   const {
     id: r,
@@ -25,7 +25,7 @@ const x = (i) => {
         padding: n,
         listStyleType: "none"
       },
-      className: T([
+      className: g([
         "list",
         e && "list--loading",
         o && "list--message",
@@ -37,7 +37,7 @@ const x = (i) => {
       onScroll: m,
       "aria-busy": e,
       children: e ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
-        g,
+        T,
         {
           type: "PICTO",
           iconName: "spinner",

package/dist/components/slots/list/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../src/components/slots/list/List.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport Icon from '@components/assets/icon/Icon'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport './list.scss'\n\nexport interface ListProps {\n  /**\n   * HTML id attribute\n   */\n  id?: string\n  /**\n   * List item elements\n   */\n  children?: React.ReactNode\n  /**\n   * Custom padding value\n   */\n  padding?: string\n  /**\n   * Whether to show a border on scroll\n   * @default false\n   */\n  isTopBorderEnabled?: boolean\n  /**\n   * Whether to show loading state\n   * @default false\n   */\n  isLoading?: boolean\n  /**\n   * Whether the list contains message items\n   * @default false\n   */\n  isMessage?: boolean\n  /**\n   * Whether to use alternate styling\n   * @default false\n   */\n  isAlternate?: boolean\n  /**\n   * Whether to use full width\n   * @default false\n   */\n  isFullWidth?: boolean\n  /**\n   * Whether to use full height\n   * @default false\n   */\n  isFullHeight?: boolean\n}\n\nexport const List = (props: ListProps) => {\n  const {\n    id,\n    children,\n    isLoading = false,\n    isMessage = false,\n    padding,\n    isTopBorderEnabled = false,\n    isAlternate = false,\n    isFullWidth = false,\n    isFullHeight = false,\n  } = props\n  const [hasTopBorder, setTopBorder] = useState(false)\n\n  const onScroll = (e: React.UIEvent<HTMLUListElement>) => {\n    e.preventDefault()\n    if (e.currentTarget.scrollTop > 0 && isTopBorderEnabled) setTopBorder(true)\n    else setTopBorder(false)\n  }\n\n  return (\n    <ul\n      id={id}\n      style={{\n        padding: padding,\n        listStyleType: 'none',\n      }}\n      className={doClassnames([\n        'list',\n        isLoading && 'list--loading',\n        isMessage && 'list--message',\n        hasTopBorder && 'list--top-border',\n        isAlternate && 'list--alternate',\n        isFullWidth && 'list--full-width',\n        isFullHeight && 'list--full-height',\n      ])}\n      onScroll={onScroll}\n      aria-busy={isLoading}\n    >\n      {isLoading ? (\n        <li>\n          <Icon\n            type=\"PICTO\"\n            iconName=\"spinner\"\n            role=\"status\"\n            aria-hidden=\"true\"\n          />\n        </li>\n      ) : (\n        children\n      )}\n    </ul>\n  )\n}\nexport default List\n"],"names":["List","props","id","children","isLoading","isMessage","padding","isTopBorderEnabled","isAlternate","isFullWidth","isFullHeight","hasTopBorder","setTopBorder","useState","onScroll","e","jsx","doClassnames","Icon"],"mappings":";;;;AAkDO,MAAMA,IAAO,CAACC,MAAqB;AACxC,QAAM;AAAA,IACJ,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,SAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,IACrB,aAAAC,IAAc;AAAA,IACd,aAAAC,IAAc;AAAA,IACd,cAAAC,IAAe;AAAA,EAAA,IACbT,GACE,CAACU,GAAcC,CAAY,IAAIC,EAAS,EAAK,GAE7CC,IAAW,CAACC,MAAuC;AACvD,IAAAA,EAAE,eAAA,GACEA,EAAE,cAAc,YAAY,KAAKR,MAAiC,EAAI,MACxD,EAAK;AAAA,EACzB;AAEA,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAAd;AAAA,MACA,OAAO;AAAA,QACL,SAAAI;AAAA,QACA,eAAe;AAAA,MAAA;AAAA,MAEjB,WAAWW,EAAa;AAAA,QACtB;AAAA,QACAb,KAAa;AAAA,QACbC,KAAa;AAAA,QACbM,KAAgB;AAAA,QAChBH,KAAe;AAAA,QACfC,KAAe;AAAA,QACfC,KAAgB;AAAA,MAAA,CACjB;AAAA,MACD,UAAAI;AAAA,MACA,aAAWV;AAAA,MAEV,UAAAA,sBACE,MAAA,EACC,UAAA,gBAAAY;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,MAAK;AAAA,UACL,eAAY;AAAA,QAAA;AAAA,MAAA,GAEhB,IAEAf;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"List.js","sources":["../../../../src/components/slots/list/List.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport Icon from '@components/assets/icon/Icon'\nimport './list.scss'\n\nexport interface ListProps {\n  /**\n   * HTML id attribute\n   */\n  id?: string\n  /**\n   * List item elements\n   */\n  children?: React.ReactNode\n  /**\n   * Custom padding value\n   */\n  padding?: string\n  /**\n   * Whether to show a border on scroll\n   * @default false\n   */\n  isTopBorderEnabled?: boolean\n  /**\n   * Whether to show loading state\n   * @default false\n   */\n  isLoading?: boolean\n  /**\n   * Whether the list contains message items\n   * @default false\n   */\n  isMessage?: boolean\n  /**\n   * Whether to use alternate styling\n   * @default false\n   */\n  isAlternate?: boolean\n  /**\n   * Whether to use full width\n   * @default false\n   */\n  isFullWidth?: boolean\n  /**\n   * Whether to use full height\n   * @default false\n   */\n  isFullHeight?: boolean\n}\n\nexport const List = (props: ListProps) => {\n  const {\n    id,\n    children,\n    isLoading = false,\n    isMessage = false,\n    padding,\n    isTopBorderEnabled = false,\n    isAlternate = false,\n    isFullWidth = false,\n    isFullHeight = false,\n  } = props\n  const [hasTopBorder, setTopBorder] = useState(false)\n\n  const onScroll = (e: React.UIEvent<HTMLUListElement>) => {\n    e.preventDefault()\n    if (e.currentTarget.scrollTop > 0 && isTopBorderEnabled) setTopBorder(true)\n    else setTopBorder(false)\n  }\n\n  return (\n    <ul\n      id={id}\n      style={{\n        padding: padding,\n        listStyleType: 'none',\n      }}\n      className={doClassnames([\n        'list',\n        isLoading && 'list--loading',\n        isMessage && 'list--message',\n        hasTopBorder && 'list--top-border',\n        isAlternate && 'list--alternate',\n        isFullWidth && 'list--full-width',\n        isFullHeight && 'list--full-height',\n      ])}\n      onScroll={onScroll}\n      aria-busy={isLoading}\n    >\n      {isLoading ? (\n        <li>\n          <Icon\n            type=\"PICTO\"\n            iconName=\"spinner\"\n            role=\"status\"\n            aria-hidden=\"true\"\n          />\n        </li>\n      ) : (\n        children\n      )}\n    </ul>\n  )\n}\nexport default List\n"],"names":["List","props","id","children","isLoading","isMessage","padding","isTopBorderEnabled","isAlternate","isFullWidth","isFullHeight","hasTopBorder","setTopBorder","useState","onScroll","e","jsx","doClassnames","Icon"],"mappings":";;;;AAkDO,MAAMA,IAAO,CAACC,MAAqB;AACxC,QAAM;AAAA,IACJ,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,SAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,IACrB,aAAAC,IAAc;AAAA,IACd,aAAAC,IAAc;AAAA,IACd,cAAAC,IAAe;AAAA,EAAA,IACbT,GACE,CAACU,GAAcC,CAAY,IAAIC,EAAS,EAAK,GAE7CC,IAAW,CAACC,MAAuC;AACvD,IAAAA,EAAE,eAAA,GACEA,EAAE,cAAc,YAAY,KAAKR,MAAiC,EAAI,MACxD,EAAK;AAAA,EACzB;AAEA,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAAd;AAAA,MACA,OAAO;AAAA,QACL,SAAAI;AAAA,QACA,eAAe;AAAA,MAAA;AAAA,MAEjB,WAAWW,EAAa;AAAA,QACtB;AAAA,QACAb,KAAa;AAAA,QACbC,KAAa;AAAA,QACbM,KAAgB;AAAA,QAChBH,KAAe;AAAA,QACfC,KAAe;AAAA,QACfC,KAAgB;AAAA,MAAA,CACjB;AAAA,MACD,UAAAI;AAAA,MACA,aAAWV;AAAA,MAEV,UAAAA,sBACE,MAAA,EACC,UAAA,gBAAAY;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,MAAK;AAAA,UACL,eAAY;AAAA,QAAA;AAAA,MAAA,GAEhB,IAEAf;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/slots/popin/Popin.d.ts

@@ -1,4 +1,3 @@
-
 export interface PopInProps {
     /**
      * HTML id attribute

package/dist/components/slots/popin/Popin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popin.d.ts","sourceRoot":"","sources":["../../../../src/components/slots/popin/Popin.tsx"],"names":[],"mappings":";AAMA,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IACxB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,4BAA4B;QAC5B,OAAO,CAAC,EAAE;YACR,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAA;YAC1C,WAAW,CAAC,EAAE,OAAO,CAAA;YACrB,OAAO,CAAC,EAAE,MAAM,CAAA;YAChB,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAA;SAC7D,CAAA;QACD,gCAAgC;QAChC,WAAW,CAAC,EAAE;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAA;YAC1C,OAAO,CAAC,EAAE,MAAM,CAAA;YAChB,WAAW,CAAC,EAAE,OAAO,CAAA;YACrB,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,CAAC,MAAM,IAAI,CAAC,CAAA;SAC/C,CAAA;QACD,8BAA8B;QAC9B,SAAS,CAAC,EAAE;YACV,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAA;YAC1C,OAAO,CAAC,EAAE,MAAM,CAAA;YAChB,WAAW,CAAC,EAAE,OAAO,CAAA;YACrB,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAA;SAC7D,CAAA;KACF,CAAA;IACD;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,iBAAiB;QACjB,KAAK,EAAE,MAAM,CAAA;QACb,oBAAoB;QACpB,KAAK,EAAE,OAAO,CAAA;QACd,qBAAqB;QACrB,MAAM,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAA;KAC/D,CAAA;IACD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAA;CAC9D;AAED,QAAA,MAAM,KAAK,UAAW,UAAU,4CAoK/B,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Popin.d.ts","sourceRoot":"","sources":["../../../../src/components/slots/popin/Popin.tsx"],"names":[],"mappings":"AAMA,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IACxB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,4BAA4B;QAC5B,OAAO,CAAC,EAAE;YACR,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAA;YAC1C,WAAW,CAAC,EAAE,OAAO,CAAA;YACrB,OAAO,CAAC,EAAE,MAAM,CAAA;YAChB,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAA;SAC7D,CAAA;QACD,gCAAgC;QAChC,WAAW,CAAC,EAAE;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAA;YAC1C,OAAO,CAAC,EAAE,MAAM,CAAA;YAChB,WAAW,CAAC,EAAE,OAAO,CAAA;YACrB,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,CAAC,MAAM,IAAI,CAAC,CAAA;SAC/C,CAAA;QACD,8BAA8B;QAC9B,SAAS,CAAC,EAAE;YACV,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAA;YAC1C,OAAO,CAAC,EAAE,MAAM,CAAA;YAChB,WAAW,CAAC,EAAE,OAAO,CAAA;YACrB,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAA;SAC7D,CAAA;KACF,CAAA;IACD;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,iBAAiB;QACjB,KAAK,EAAE,MAAM,CAAA;QACb,oBAAoB;QACpB,KAAK,EAAE,OAAO,CAAA;QACd,qBAAqB;QACrB,MAAM,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAA;KAC/D,CAAA;IACD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAA;CAC9D;AAED,QAAA,MAAM,KAAK,GAAI,OAAO,UAAU,4CAoK/B,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/components/slots/popin/Popin.js

@@ -1,11 +1,11 @@
 import '../../../assets/Popin.css';
 import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { t as l } from "../../../do-classnames-DSDFCvzy.js";
 import o from "../../../styles/texts/texts.module.js";
 import A from "../../tags/chip/Chip.js";
 import N from "../../inputs/select/Select.js";
 import { Icon as _ } from "../../assets/icon/Icon.js";
 import s from "../../actions/button/Button.js";
-import { t as l } from "../../../do-classnames-DSDFCvzy.js";
 const O = (m) => {
   const {
     id: a,

package/dist/components/slots/popin/Popin.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popin.js","sources":["../../../../src/components/slots/popin/Popin.tsx"],"sourcesContent":["import texts from '@styles/texts/texts.module.scss'\nimport Chip from '@components/tags/chip/Chip'\nimport Select from '@components/inputs/select/Select'\nimport Icon from '@components/assets/icon/Icon'\nimport Button from '@components/actions/button/Button'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport './popin.scss'\n\nexport interface PopInProps {\n  /**\n   * HTML id attribute\n   */\n  id?: string\n  /**\n   * Type of popin layout\n   * @default 'POPIN'\n   */\n  type?: 'POPIN' | 'PANEL'\n  /**\n   * Title text\n   */\n  title: string\n  /**\n   * Optional tag to display next to the title\n   */\n  tag?: string\n  /**\n   * Configuration for action buttons\n   */\n  actions?: {\n    /** Primary action button */\n    primary?: {\n      label: string\n      state?: 'DEFAULT' | 'DISABLED' | 'LOADING'\n      isAutofocus?: boolean\n      feature?: string\n      action: React.MouseEventHandler & React.KeyboardEventHandler\n    }\n    /** Destructive action button */\n    destructive?: {\n      label: string\n      state?: 'DEFAULT' | 'DISABLED' | 'LOADING'\n      feature?: string\n      isAutofocus?: boolean\n      action: React.ReactEventHandler | (() => void)\n    }\n    /** Secondary action button */\n    secondary?: {\n      label: string\n      state?: 'DEFAULT' | 'DISABLED' | 'LOADING'\n      feature?: string\n      isAutofocus?: boolean\n      action: React.MouseEventHandler & React.KeyboardEventHandler\n    }\n  }\n  /**\n   * Select/checkbox configuration\n   */\n  select?: {\n    /** Label text */\n    label: string\n    /** Current state */\n    state: boolean\n    /** Change handler */\n    action: React.ChangeEventHandler<HTMLInputElement> | undefined\n  }\n  /**\n   * Optional indicator text\n   */\n  indicator?: string\n  /**\n   * Whether the popin is in loading state\n   * @default false\n   */\n  isLoading?: boolean\n  /**\n   * Whether to use message layout\n   * @default false\n   */\n  isMessage?: boolean\n  /**\n   * Popin content\n   */\n  children?: React.ReactNode\n  /**\n   * Close handler\n   */\n  onClose: React.MouseEventHandler & React.KeyboardEventHandler\n}\n\nconst PopIn = (props: PopInProps) => {\n  const {\n    id,\n    type = 'POPIN',\n    title,\n    actions,\n    select,\n    indicator,\n    tag,\n    isLoading = false,\n    isMessage = false,\n    children,\n    onClose,\n  } = props\n\n  return (\n    <div\n      id={id}\n      className={doClassnames(['popin', type === 'PANEL' && 'popin--panel'])}\n      role={type === 'PANEL' ? 'complementary' : 'dialog'}\n      aria-modal=\"true\"\n      aria-labelledby={id ? `${id}-title` : undefined}\n      aria-label={!id ? title : undefined}\n    >\n      <div\n        className=\"popin__header\"\n        role=\"presentation\"\n      >\n        <div\n          className=\"popin__title\"\n          role=\"presentation\"\n        >\n          <span\n            id={`${id}-title`}\n            className={doClassnames([\n              texts.type,\n              texts['type--large'],\n              texts['type--bold'],\n              texts['type--truncated'],\n            ])}\n          >\n            {title}\n          </span>\n          {tag != undefined && <Chip>{tag}</Chip>}\n        </div>\n        <Button\n          type=\"icon\"\n          icon=\"close\"\n          action={onClose}\n        />\n      </div>\n      <div\n        className={doClassnames([\n          'popin__content',\n          isLoading && 'popin__content--loading',\n          isMessage && 'popin__content--message',\n        ])}\n        role=\"region\"\n        aria-busy={isLoading}\n      >\n        {isLoading ? (\n          <Icon\n            type=\"PICTO\"\n            iconName=\"spinner\"\n            role=\"status\"\n          />\n        ) : (\n          children\n        )}\n      </div>\n      {(actions !== undefined || indicator !== undefined) && (\n        <div\n          className=\"popin__footer\"\n          role=\"toolbar\"\n        >\n          <div\n            className=\"popin__extra\"\n            role=\"group\"\n          >\n            {indicator !== undefined && (\n              <div\n                className={texts.label}\n                role=\"status\"\n              >\n                {indicator}\n              </div>\n            )}\n            {select !== undefined && (\n              <Select\n                id=\"tertiary-action\"\n                type=\"CHECK_BOX\"\n                name=\"abstract-action-name\"\n                label={select.label}\n                isChecked={select.state}\n                action={select.action}\n              />\n            )}\n          </div>\n          <div\n            className=\"popin__actions\"\n            role=\"group\"\n          >\n            {actions?.secondary !== undefined && (\n              <Button\n                type=\"secondary\"\n                label={actions.secondary.label}\n                isLoading={actions.secondary.state === 'LOADING'}\n                isDisabled={actions.secondary.state === 'DISABLED'}\n                feature={\n                  actions.secondary.feature === undefined\n                    ? 'SECONDARY_ACTION'\n                    : actions.secondary.feature\n                }\n                isAutofocus={\n                  actions.secondary.isAutofocus === undefined\n                    ? false\n                    : actions.secondary.isAutofocus\n                }\n                action={actions.secondary.action}\n              />\n            )}\n            {actions?.destructive !== undefined && (\n              <Button\n                type=\"destructive\"\n                label={actions.destructive.label}\n                isLoading={actions.destructive.state === 'LOADING'}\n                isDisabled={actions.destructive.state === 'DISABLED'}\n                feature={\n                  actions.destructive.feature === undefined\n                    ? 'DESTRUCTIVE_ACTION'\n                    : actions.destructive.feature\n                }\n                isAutofocus={\n                  actions.destructive.isAutofocus === undefined\n                    ? false\n                    : actions.destructive.isAutofocus\n                }\n                action={actions.destructive.action}\n              />\n            )}\n            {actions?.primary !== undefined && (\n              <Button\n                type=\"primary\"\n                label={actions.primary.label}\n                isLoading={actions.primary.state === 'LOADING'}\n                isDisabled={actions.primary.state === 'DISABLED'}\n                feature={\n                  actions.primary.feature === undefined\n                    ? 'PRIMARY_ACTION'\n                    : actions.primary.feature\n                }\n                isAutofocus={\n                  actions.primary.isAutofocus === undefined\n                    ? false\n                    : actions.primary.isAutofocus\n                }\n                action={actions.primary.action}\n              />\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default PopIn\n"],"names":["PopIn","props","id","type","title","actions","select","indicator","tag","isLoading","isMessage","children","onClose","jsxs","doClassnames","jsx","texts","Chip","Button","Icon","Select"],"mappings":";;;;;;;AA0FA,MAAMA,IAAQ,CAACC,MAAsB;AACnC,QAAM;AAAA,IACJ,IAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEX;AAEJ,SACE,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAAX;AAAA,MACA,WAAWY,EAAa,CAAC,SAASX,MAAS,WAAW,cAAc,CAAC;AAAA,MACrE,MAAMA,MAAS,UAAU,kBAAkB;AAAA,MAC3C,cAAW;AAAA,MACX,mBAAiBD,IAAK,GAAGA,CAAE,WAAW;AAAA,MACtC,cAAaA,IAAa,SAARE;AAAA,MAElB,UAAA;AAAA,QAAA,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEL,UAAA;AAAA,cAAA,gBAAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,MAAK;AAAA,kBAEL,UAAA;AAAA,oBAAA,gBAAAE;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,IAAI,GAAGb,CAAE;AAAA,wBACT,WAAWY,EAAa;AAAA,0BACtBE,EAAM;AAAA,0BACNA,EAAM,aAAa;AAAA,0BACnBA,EAAM,YAAY;AAAA,0BAClBA,EAAM,iBAAiB;AAAA,wBAAA,CACxB;AAAA,wBAEA,UAAAZ;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAEFI,KAAO,QAAa,gBAAAO,EAACE,GAAA,EAAM,UAAAT,EAAA,CAAI;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAElC,gBAAAO;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,MAAK;AAAA,kBACL,QAAQN;AAAA,gBAAA;AAAA,cAAA;AAAA,YACV;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD,EAAa;AAAA,cACtB;AAAA,cACAL,KAAa;AAAA,cACbC,KAAa;AAAA,YAAA,CACd;AAAA,YACD,MAAK;AAAA,YACL,aAAWD;AAAA,YAEV,UAAAA,IACC,gBAAAM;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,UAAS;AAAA,gBACT,MAAK;AAAA,cAAA;AAAA,YAAA,IAGPR;AAAA,UAAA;AAAA,QAAA;AAAA,SAGFN,MAAY,UAAaE,MAAc,WACvC,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEL,UAAA;AAAA,cAAA,gBAAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,MAAK;AAAA,kBAEJ,UAAA;AAAA,oBAAAN,MAAc,UACb,gBAAAQ;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,WAAWC,EAAM;AAAA,wBACjB,MAAK;AAAA,wBAEJ,UAAAT;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAGJD,MAAW,UACV,gBAAAS;AAAA,sBAACK;AAAA,sBAAA;AAAA,wBACC,IAAG;AAAA,wBACH,MAAK;AAAA,wBACL,MAAK;AAAA,wBACL,OAAOd,EAAO;AAAA,wBACd,WAAWA,EAAO;AAAA,wBAClB,QAAQA,EAAO;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACjB;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGJ,gBAAAO;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,MAAK;AAAA,kBAEJ,UAAA;AAAA,oBAAAR,GAAS,cAAc,UACtB,gBAAAU;AAAA,sBAACG;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,OAAOb,EAAQ,UAAU;AAAA,wBACzB,WAAWA,EAAQ,UAAU,UAAU;AAAA,wBACvC,YAAYA,EAAQ,UAAU,UAAU;AAAA,wBACxC,SACEA,EAAQ,UAAU,YAAY,SAC1B,qBACAA,EAAQ,UAAU;AAAA,wBAExB,aACEA,EAAQ,UAAU,gBAAgB,SAC9B,KACAA,EAAQ,UAAU;AAAA,wBAExB,QAAQA,EAAQ,UAAU;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAG7BA,GAAS,gBAAgB,UACxB,gBAAAU;AAAA,sBAACG;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,OAAOb,EAAQ,YAAY;AAAA,wBAC3B,WAAWA,EAAQ,YAAY,UAAU;AAAA,wBACzC,YAAYA,EAAQ,YAAY,UAAU;AAAA,wBAC1C,SACEA,EAAQ,YAAY,YAAY,SAC5B,uBACAA,EAAQ,YAAY;AAAA,wBAE1B,aACEA,EAAQ,YAAY,gBAAgB,SAChC,KACAA,EAAQ,YAAY;AAAA,wBAE1B,QAAQA,EAAQ,YAAY;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAG/BA,GAAS,YAAY,UACpB,gBAAAU;AAAA,sBAACG;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,OAAOb,EAAQ,QAAQ;AAAA,wBACvB,WAAWA,EAAQ,QAAQ,UAAU;AAAA,wBACrC,YAAYA,EAAQ,QAAQ,UAAU;AAAA,wBACtC,SACEA,EAAQ,QAAQ,YAAY,SACxB,mBACAA,EAAQ,QAAQ;AAAA,wBAEtB,aACEA,EAAQ,QAAQ,gBAAgB,SAC5B,KACAA,EAAQ,QAAQ;AAAA,wBAEtB,QAAQA,EAAQ,QAAQ;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAC1B;AAAA,gBAAA;AAAA,cAAA;AAAA,YAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"Popin.js","sources":["../../../../src/components/slots/popin/Popin.tsx"],"sourcesContent":["import { doClassnames } from '@unoff/utils'\nimport texts from '@styles/texts/texts.module.scss'\nimport Chip from '@components/tags/chip/Chip'\nimport Select from '@components/inputs/select/Select'\nimport Icon from '@components/assets/icon/Icon'\nimport Button from '@components/actions/button/Button'\nimport './popin.scss'\n\nexport interface PopInProps {\n  /**\n   * HTML id attribute\n   */\n  id?: string\n  /**\n   * Type of popin layout\n   * @default 'POPIN'\n   */\n  type?: 'POPIN' | 'PANEL'\n  /**\n   * Title text\n   */\n  title: string\n  /**\n   * Optional tag to display next to the title\n   */\n  tag?: string\n  /**\n   * Configuration for action buttons\n   */\n  actions?: {\n    /** Primary action button */\n    primary?: {\n      label: string\n      state?: 'DEFAULT' | 'DISABLED' | 'LOADING'\n      isAutofocus?: boolean\n      feature?: string\n      action: React.MouseEventHandler & React.KeyboardEventHandler\n    }\n    /** Destructive action button */\n    destructive?: {\n      label: string\n      state?: 'DEFAULT' | 'DISABLED' | 'LOADING'\n      feature?: string\n      isAutofocus?: boolean\n      action: React.ReactEventHandler | (() => void)\n    }\n    /** Secondary action button */\n    secondary?: {\n      label: string\n      state?: 'DEFAULT' | 'DISABLED' | 'LOADING'\n      feature?: string\n      isAutofocus?: boolean\n      action: React.MouseEventHandler & React.KeyboardEventHandler\n    }\n  }\n  /**\n   * Select/checkbox configuration\n   */\n  select?: {\n    /** Label text */\n    label: string\n    /** Current state */\n    state: boolean\n    /** Change handler */\n    action: React.ChangeEventHandler<HTMLInputElement> | undefined\n  }\n  /**\n   * Optional indicator text\n   */\n  indicator?: string\n  /**\n   * Whether the popin is in loading state\n   * @default false\n   */\n  isLoading?: boolean\n  /**\n   * Whether to use message layout\n   * @default false\n   */\n  isMessage?: boolean\n  /**\n   * Popin content\n   */\n  children?: React.ReactNode\n  /**\n   * Close handler\n   */\n  onClose: React.MouseEventHandler & React.KeyboardEventHandler\n}\n\nconst PopIn = (props: PopInProps) => {\n  const {\n    id,\n    type = 'POPIN',\n    title,\n    actions,\n    select,\n    indicator,\n    tag,\n    isLoading = false,\n    isMessage = false,\n    children,\n    onClose,\n  } = props\n\n  return (\n    <div\n      id={id}\n      className={doClassnames(['popin', type === 'PANEL' && 'popin--panel'])}\n      role={type === 'PANEL' ? 'complementary' : 'dialog'}\n      aria-modal=\"true\"\n      aria-labelledby={id ? `${id}-title` : undefined}\n      aria-label={!id ? title : undefined}\n    >\n      <div\n        className=\"popin__header\"\n        role=\"presentation\"\n      >\n        <div\n          className=\"popin__title\"\n          role=\"presentation\"\n        >\n          <span\n            id={`${id}-title`}\n            className={doClassnames([\n              texts.type,\n              texts['type--large'],\n              texts['type--bold'],\n              texts['type--truncated'],\n            ])}\n          >\n            {title}\n          </span>\n          {tag != undefined && <Chip>{tag}</Chip>}\n        </div>\n        <Button\n          type=\"icon\"\n          icon=\"close\"\n          action={onClose}\n        />\n      </div>\n      <div\n        className={doClassnames([\n          'popin__content',\n          isLoading && 'popin__content--loading',\n          isMessage && 'popin__content--message',\n        ])}\n        role=\"region\"\n        aria-busy={isLoading}\n      >\n        {isLoading ? (\n          <Icon\n            type=\"PICTO\"\n            iconName=\"spinner\"\n            role=\"status\"\n          />\n        ) : (\n          children\n        )}\n      </div>\n      {(actions !== undefined || indicator !== undefined) && (\n        <div\n          className=\"popin__footer\"\n          role=\"toolbar\"\n        >\n          <div\n            className=\"popin__extra\"\n            role=\"group\"\n          >\n            {indicator !== undefined && (\n              <div\n                className={texts.label}\n                role=\"status\"\n              >\n                {indicator}\n              </div>\n            )}\n            {select !== undefined && (\n              <Select\n                id=\"tertiary-action\"\n                type=\"CHECK_BOX\"\n                name=\"abstract-action-name\"\n                label={select.label}\n                isChecked={select.state}\n                action={select.action}\n              />\n            )}\n          </div>\n          <div\n            className=\"popin__actions\"\n            role=\"group\"\n          >\n            {actions?.secondary !== undefined && (\n              <Button\n                type=\"secondary\"\n                label={actions.secondary.label}\n                isLoading={actions.secondary.state === 'LOADING'}\n                isDisabled={actions.secondary.state === 'DISABLED'}\n                feature={\n                  actions.secondary.feature === undefined\n                    ? 'SECONDARY_ACTION'\n                    : actions.secondary.feature\n                }\n                isAutofocus={\n                  actions.secondary.isAutofocus === undefined\n                    ? false\n                    : actions.secondary.isAutofocus\n                }\n                action={actions.secondary.action}\n              />\n            )}\n            {actions?.destructive !== undefined && (\n              <Button\n                type=\"destructive\"\n                label={actions.destructive.label}\n                isLoading={actions.destructive.state === 'LOADING'}\n                isDisabled={actions.destructive.state === 'DISABLED'}\n                feature={\n                  actions.destructive.feature === undefined\n                    ? 'DESTRUCTIVE_ACTION'\n                    : actions.destructive.feature\n                }\n                isAutofocus={\n                  actions.destructive.isAutofocus === undefined\n                    ? false\n                    : actions.destructive.isAutofocus\n                }\n                action={actions.destructive.action}\n              />\n            )}\n            {actions?.primary !== undefined && (\n              <Button\n                type=\"primary\"\n                label={actions.primary.label}\n                isLoading={actions.primary.state === 'LOADING'}\n                isDisabled={actions.primary.state === 'DISABLED'}\n                feature={\n                  actions.primary.feature === undefined\n                    ? 'PRIMARY_ACTION'\n                    : actions.primary.feature\n                }\n                isAutofocus={\n                  actions.primary.isAutofocus === undefined\n                    ? false\n                    : actions.primary.isAutofocus\n                }\n                action={actions.primary.action}\n              />\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default PopIn\n"],"names":["PopIn","props","id","type","title","actions","select","indicator","tag","isLoading","isMessage","children","onClose","jsxs","doClassnames","jsx","texts","Chip","Button","Icon","Select"],"mappings":"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"}

package/dist/components/slots/section/Section.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export interface SectionProps {
     /**
      * HTML id attribute
@@ -24,7 +23,7 @@ export interface SectionProps {
     border?: Array<'TOP' | 'LEFT' | 'BOTTOM' | 'RIGHT'>;
 }
 export default class Section extends React.Component<SectionProps> {
-    setBorder: (orientation: Array<'TOP' | 'LEFT' | 'BOTTOM' | 'RIGHT'> | undefined) => {
+    setBorder: (orientation: Array<"TOP" | "LEFT" | "BOTTOM" | "RIGHT"> | undefined) => {
         [key: string]: React.CSSProperties;
     };
     render(): import("react/jsx-runtime").JSX.Element;

package/dist/components/slots/section/Section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../src/components/slots/section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,gBAAgB,CAAA;AAEvB,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC;QACV,mBAAmB;QACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QACtB,uBAAuB;QACvB,eAAe,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;KAC7C,CAAC,CAAA;IACF;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;CACpD;AAED,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC;IAChE,SAAS,gBACM,MAAM,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC,GAAG,SAAS;;MAapE;IAED,MAAM;CAiCP"}
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../src/components/slots/section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,gBAAgB,CAAA;AAEvB,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC;QACV,mBAAmB;QACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QACtB,uBAAuB;QACvB,eAAe,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;KAC7C,CAAC,CAAA;IACF;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;CACpD;AAED,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC;IAChE,SAAS,GACP,aAAa,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC,GAAG,SAAS;;MAapE;IAED,MAAM;CAiCP"}

package/dist/components/slots/section/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","sources":["../../../../src/components/slots/section/Section.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport './section.scss'\n\nexport interface SectionProps {\n  /**\n   * HTML id attribute\n   */\n  id?: string\n  /**\n   * Title element for the section\n   */\n  title?: React.ReactNode\n  /**\n   * Array of body content configurations\n   */\n  body: Array<{\n    /** Content node */\n    node?: React.ReactNode\n    /** Spacing modifier */\n    spacingModifier?: 'LARGE' | 'TIGHT' | 'NONE'\n  }>\n  /**\n   * Array of border positions\n   */\n  border?: Array<'TOP' | 'LEFT' | 'BOTTOM' | 'RIGHT'>\n}\n\nexport default class Section extends React.Component<SectionProps> {\n  setBorder = (\n    orientation: Array<'TOP' | 'LEFT' | 'BOTTOM' | 'RIGHT'> | undefined\n  ) => {\n    const property = 'var(--section-border)' as React.CSSProperties\n    const styles: { [key: string]: React.CSSProperties } = {}\n\n    if (!orientation) return styles\n    orientation.forEach((entry) => {\n      if (entry === 'TOP') styles.borderTop = property\n      if (entry === 'LEFT') styles.borderLeft = property\n      if (entry === 'BOTTOM') styles.borderBottom = property\n      if (entry === 'RIGHT') styles.borderRight = property\n    })\n    return styles\n  }\n\n  render() {\n    const { id, title, border, body } = this.props\n\n    return (\n      <div\n        id={id}\n        className=\"section\"\n        style={{\n          ...this.setBorder(border),\n        }}\n        role=\"region\"\n      >\n        {title && <div role=\"presentation\">{title}</div>}\n        {body.map(\n          (item, index) =>\n            (item.node !== undefined || item.node !== null) && (\n              <div\n                key={index}\n                className={doClassnames([\n                  'section__child',\n                  item.spacingModifier === 'LARGE' && 'section__child--large',\n                  item.spacingModifier === 'TIGHT' && 'section__child--tight',\n                  item.spacingModifier === 'NONE' && 'section__child--none',\n                ])}\n                role=\"group\"\n              >\n                {item.node}\n              </div>\n            )\n        )}\n      </div>\n    )\n  }\n}\n"],"names":["Section","React","orientation","property","styles","entry","id","title","border","body","jsxs","jsx","item","index","doClassnames"],"mappings":";;;AA4BA,MAAqBA,UAAgBC,EAAM,UAAwB;AAAA,EACjE,YAAY,CACVC,MACG;AACH,UAAMC,IAAW,yBACXC,IAAiD,CAAA;AAEvD,WAAKF,KACLA,EAAY,QAAQ,CAACG,MAAU;AAC7B,MAAIA,MAAU,UAAOD,EAAO,YAAYD,IACpCE,MAAU,WAAQD,EAAO,aAAaD,IACtCE,MAAU,aAAUD,EAAO,eAAeD,IAC1CE,MAAU,YAASD,EAAO,cAAcD;AAAA,IAC9C,CAAC,GACMC;AAAA,EACT;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,IAAAE,GAAI,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,EAAA,IAAS,KAAK;AAEzC,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAJ;AAAA,QACA,WAAU;AAAA,QACV,OAAO;AAAA,UACL,GAAG,KAAK,UAAUE,CAAM;AAAA,QAAA;AAAA,QAE1B,MAAK;AAAA,QAEJ,UAAA;AAAA,UAAAD,KAAS,gBAAAI,EAAC,OAAA,EAAI,MAAK,gBAAgB,UAAAJ,GAAM;AAAA,UACzCE,EAAK;AAAA,YACJ,CAACG,GAAMC,OACJD,EAAK,SAAS,UAAaA,EAAK,SAAS,SACxC,gBAAAD;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAWG,EAAa;AAAA,kBACtB;AAAA,kBACAF,EAAK,oBAAoB,WAAW;AAAA,kBACpCA,EAAK,oBAAoB,WAAW;AAAA,kBACpCA,EAAK,oBAAoB,UAAU;AAAA,gBAAA,CACpC;AAAA,gBACD,MAAK;AAAA,gBAEJ,UAAAA,EAAK;AAAA,cAAA;AAAA,cATDC;AAAA,YAAA;AAAA,UAUP;AAAA,QAEN;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"Section.js","sources":["../../../../src/components/slots/section/Section.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport './section.scss'\n\nexport interface SectionProps {\n  /**\n   * HTML id attribute\n   */\n  id?: string\n  /**\n   * Title element for the section\n   */\n  title?: React.ReactNode\n  /**\n   * Array of body content configurations\n   */\n  body: Array<{\n    /** Content node */\n    node?: React.ReactNode\n    /** Spacing modifier */\n    spacingModifier?: 'LARGE' | 'TIGHT' | 'NONE'\n  }>\n  /**\n   * Array of border positions\n   */\n  border?: Array<'TOP' | 'LEFT' | 'BOTTOM' | 'RIGHT'>\n}\n\nexport default class Section extends React.Component<SectionProps> {\n  setBorder = (\n    orientation: Array<'TOP' | 'LEFT' | 'BOTTOM' | 'RIGHT'> | undefined\n  ) => {\n    const property = 'var(--section-border)' as React.CSSProperties\n    const styles: { [key: string]: React.CSSProperties } = {}\n\n    if (!orientation) return styles\n    orientation.forEach((entry) => {\n      if (entry === 'TOP') styles.borderTop = property\n      if (entry === 'LEFT') styles.borderLeft = property\n      if (entry === 'BOTTOM') styles.borderBottom = property\n      if (entry === 'RIGHT') styles.borderRight = property\n    })\n    return styles\n  }\n\n  render() {\n    const { id, title, border, body } = this.props\n\n    return (\n      <div\n        id={id}\n        className=\"section\"\n        style={{\n          ...this.setBorder(border),\n        }}\n        role=\"region\"\n      >\n        {title && <div role=\"presentation\">{title}</div>}\n        {body.map(\n          (item, index) =>\n            (item.node !== undefined || item.node !== null) && (\n              <div\n                key={index}\n                className={doClassnames([\n                  'section__child',\n                  item.spacingModifier === 'LARGE' && 'section__child--large',\n                  item.spacingModifier === 'TIGHT' && 'section__child--tight',\n                  item.spacingModifier === 'NONE' && 'section__child--none',\n                ])}\n                role=\"group\"\n              >\n                {item.node}\n              </div>\n            )\n        )}\n      </div>\n    )\n  }\n}\n"],"names":["Section","React","orientation","property","styles","entry","id","title","border","body","jsxs","jsx","item","index","doClassnames"],"mappings":";;;AA4BA,MAAqBA,UAAgBC,EAAM,UAAwB;AAAA,EACjE,YAAY,CACVC,MACG;AACH,UAAMC,IAAW,yBACXC,IAAiD,CAAA;AAEvD,WAAKF,KACLA,EAAY,QAAQ,CAACG,MAAU;AAC7B,MAAIA,MAAU,UAAOD,EAAO,YAAYD,IACpCE,MAAU,WAAQD,EAAO,aAAaD,IACtCE,MAAU,aAAUD,EAAO,eAAeD,IAC1CE,MAAU,YAASD,EAAO,cAAcD;AAAA,IAC9C,CAAC,GACMC;AAAA,EACT;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,IAAAE,GAAI,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,EAAA,IAAS,KAAK;AAEzC,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAJ;AAAA,QACA,WAAU;AAAA,QACV,OAAO;AAAA,UACL,GAAG,KAAK,UAAUE,CAAM;AAAA,QAAA;AAAA,QAE1B,MAAK;AAAA,QAEJ,UAAA;AAAA,UAAAD,KAAS,gBAAAI,EAAC,OAAA,EAAI,MAAK,gBAAgB,UAAAJ,GAAM;AAAA,UACzCE,EAAK;AAAA,YACJ,CAACG,GAAMC,OACJD,EAAK,SAAS,UAAaA,EAAK,SAAS,SACxC,gBAAAD;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAWG,EAAa;AAAA,kBACtB;AAAA,kBACAF,EAAK,oBAAoB,WAAW;AAAA,kBACpCA,EAAK,oBAAoB,WAAW;AAAA,kBACpCA,EAAK,oBAAoB,UAAU;AAAA,gBAAA,CACpC;AAAA,gBACD,MAAK;AAAA,gBAEJ,UAAAA,EAAK;AAAA,cAAA;AAAA,cATDC;AAAA,YAAA;AAAA,UAUP;AAAA,QAEN;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/components/slots/simple-item/SimpleItem.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export interface SimpleItemProps {
     /**
      * HTML id attribute

package/dist/components/slots/simple-item/SimpleItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleItem.js","sources":["../../../../src/components/slots/simple-item/SimpleItem.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport './simple-item.scss'\n\nexport interface SimpleItemProps {\n  /**\n   * HTML id attribute\n   */\n  id?: string\n  /**\n   * Content for the left section\n   */\n  leftPartSlot: React.ReactNode\n  /**\n   * Content for the right section\n   */\n  rightPartSlot?: React.ReactNode\n  /**\n   * Whether to render as a list item\n   * @default true\n   */\n  isListItem?: boolean\n  /**\n   * Whether the item is clickable\n   * @default false\n   */\n  isInteractive?: boolean\n  /**\n   * Whether to use transparent background\n   * @default false\n   */\n  isTransparent?: boolean\n  /**\n   * Vertical alignment mode\n   * @default 'DEFAULT'\n   */\n  alignment?: 'DEFAULT' | 'CENTER' | 'BASELINE'\n  /**\n   * Click handler\n   */\n  action?: React.MouseEventHandler<HTMLLIElement | HTMLElement> &\n    React.KeyboardEventHandler<HTMLLIElement | HTMLElement>\n}\n\nexport default class SimpleItem extends React.Component<SimpleItemProps> {\n  static defaultProps: Partial<SimpleItemProps> = {\n    isListItem: true,\n    isInteractive: false,\n    isTransparent: false,\n    alignment: 'DEFAULT',\n  }\n\n  render() {\n    const {\n      id,\n      leftPartSlot,\n      rightPartSlot,\n      isListItem,\n      isInteractive,\n      isTransparent,\n      alignment,\n      action,\n    } = this.props\n\n    if (isListItem)\n      return (\n        <li\n          data-id={id}\n          className={doClassnames([\n            'simple-item',\n            alignment === 'CENTER' && 'simple-item--centered',\n            alignment === 'BASELINE' && 'simple-item--baseline',\n            isInteractive && 'simple-item--interactive',\n            isTransparent && 'simple-item--transparent',\n          ])}\n          tabIndex={isInteractive ? 0 : -1}\n          onMouseDown={isInteractive ? action : undefined}\n          onKeyDown={(e) => {\n            if ((e.key === ' ' || e.key === 'Enter') && isInteractive)\n              action?.(e)\n            if (e.key === 'Escape' && isInteractive)\n              (e.target as HTMLElement).blur()\n          }}\n          role={isInteractive ? 'button' : 'listitem'}\n        >\n          <div\n            className=\"simple-item__left\"\n            role=\"presentation\"\n          >\n            {leftPartSlot}\n          </div>\n          <div\n            className=\"simple-item__right\"\n            role=\"presentation\"\n          >\n            {rightPartSlot}\n          </div>\n        </li>\n      )\n    return (\n      <div\n        data-id={id}\n        className={doClassnames([\n          'simple-item',\n          alignment === 'CENTER' && 'simple-item--centered',\n          alignment === 'BASELINE' && 'simple-item--baseline',\n          isInteractive && 'simple-item--interactive',\n        ])}\n        tabIndex={isInteractive ? 0 : -1}\n        onMouseDown={isInteractive ? action : undefined}\n        onKeyDown={(e) => {\n          if ((e.key === ' ' || e.key === 'Enter') && isInteractive) action?.(e)\n          if (e.key === 'Escape' && isInteractive)\n            (e.target as HTMLElement).blur()\n        }}\n        role={isInteractive ? 'button' : 'group'}\n      >\n        <div\n          className=\"simple-item__left\"\n          role=\"presentation\"\n        >\n          {leftPartSlot}\n        </div>\n        <div\n          className=\"simple-item__right\"\n          role=\"presentation\"\n        >\n          {rightPartSlot}\n        </div>\n      </div>\n    )\n  }\n}\n"],"names":["SimpleItem","React","id","leftPartSlot","rightPartSlot","isListItem","isInteractive","isTransparent","alignment","action","jsxs","doClassnames","e","jsx"],"mappings":";;;AA4CA,MAAqBA,UAAmBC,EAAM,UAA2B;AAAA,EACvE,OAAO,eAAyC;AAAA,IAC9C,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,eAAe;AAAA,IACf,WAAW;AAAA,EAAA;AAAA,EAGb,SAAS;AACP,UAAM;AAAA,MACJ,IAAAC;AAAA,MACA,cAAAC;AAAA,MACA,eAAAC;AAAA,MACA,YAAAC;AAAA,MACA,eAAAC;AAAA,MACA,eAAAC;AAAA,MACA,WAAAC;AAAA,MACA,QAAAC;AAAA,IAAA,IACE,KAAK;AAET,WAAIJ,IAEA,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAASR;AAAA,QACT,WAAWS,EAAa;AAAA,UACtB;AAAA,UACAH,MAAc,YAAY;AAAA,UAC1BA,MAAc,cAAc;AAAA,UAC5BF,KAAiB;AAAA,UACjBC,KAAiB;AAAA,QAAA,CAClB;AAAA,QACD,UAAUD,IAAgB,IAAI;AAAA,QAC9B,aAAaA,IAAgBG,IAAS;AAAA,QACtC,WAAW,CAACG,MAAM;AAChB,WAAKA,EAAE,QAAQ,OAAOA,EAAE,QAAQ,YAAYN,KAC1CG,IAASG,CAAC,GACRA,EAAE,QAAQ,YAAYN,KACvBM,EAAE,OAAuB,KAAA;AAAA,QAC9B;AAAA,QACA,MAAMN,IAAgB,WAAW;AAAA,QAEjC,UAAA;AAAA,UAAA,gBAAAO;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAAV;AAAA,YAAA;AAAA,UAAA;AAAA,UAEH,gBAAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAAT;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA,IAIJ,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAASR;AAAA,QACT,WAAWS,EAAa;AAAA,UACtB;AAAA,UACAH,MAAc,YAAY;AAAA,UAC1BA,MAAc,cAAc;AAAA,UAC5BF,KAAiB;AAAA,QAAA,CAClB;AAAA,QACD,UAAUA,IAAgB,IAAI;AAAA,QAC9B,aAAaA,IAAgBG,IAAS;AAAA,QACtC,WAAW,CAACG,MAAM;AAChB,WAAKA,EAAE,QAAQ,OAAOA,EAAE,QAAQ,YAAYN,SAAwBM,CAAC,GACjEA,EAAE,QAAQ,YAAYN,KACvBM,EAAE,OAAuB,KAAA;AAAA,QAC9B;AAAA,QACA,MAAMN,IAAgB,WAAW;AAAA,QAEjC,UAAA;AAAA,UAAA,gBAAAO;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAAV;AAAA,YAAA;AAAA,UAAA;AAAA,UAEH,gBAAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAAT;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"SimpleItem.js","sources":["../../../../src/components/slots/simple-item/SimpleItem.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport './simple-item.scss'\n\nexport interface SimpleItemProps {\n  /**\n   * HTML id attribute\n   */\n  id?: string\n  /**\n   * Content for the left section\n   */\n  leftPartSlot: React.ReactNode\n  /**\n   * Content for the right section\n   */\n  rightPartSlot?: React.ReactNode\n  /**\n   * Whether to render as a list item\n   * @default true\n   */\n  isListItem?: boolean\n  /**\n   * Whether the item is clickable\n   * @default false\n   */\n  isInteractive?: boolean\n  /**\n   * Whether to use transparent background\n   * @default false\n   */\n  isTransparent?: boolean\n  /**\n   * Vertical alignment mode\n   * @default 'DEFAULT'\n   */\n  alignment?: 'DEFAULT' | 'CENTER' | 'BASELINE'\n  /**\n   * Click handler\n   */\n  action?: React.MouseEventHandler<HTMLLIElement | HTMLElement> &\n    React.KeyboardEventHandler<HTMLLIElement | HTMLElement>\n}\n\nexport default class SimpleItem extends React.Component<SimpleItemProps> {\n  static defaultProps: Partial<SimpleItemProps> = {\n    isListItem: true,\n    isInteractive: false,\n    isTransparent: false,\n    alignment: 'DEFAULT',\n  }\n\n  render() {\n    const {\n      id,\n      leftPartSlot,\n      rightPartSlot,\n      isListItem,\n      isInteractive,\n      isTransparent,\n      alignment,\n      action,\n    } = this.props\n\n    if (isListItem)\n      return (\n        <li\n          data-id={id}\n          className={doClassnames([\n            'simple-item',\n            alignment === 'CENTER' && 'simple-item--centered',\n            alignment === 'BASELINE' && 'simple-item--baseline',\n            isInteractive && 'simple-item--interactive',\n            isTransparent && 'simple-item--transparent',\n          ])}\n          tabIndex={isInteractive ? 0 : -1}\n          onMouseDown={isInteractive ? action : undefined}\n          onKeyDown={(e) => {\n            if ((e.key === ' ' || e.key === 'Enter') && isInteractive)\n              action?.(e)\n            if (e.key === 'Escape' && isInteractive)\n              (e.target as HTMLElement).blur()\n          }}\n          role={isInteractive ? 'button' : 'listitem'}\n        >\n          <div\n            className=\"simple-item__left\"\n            role=\"presentation\"\n          >\n            {leftPartSlot}\n          </div>\n          <div\n            className=\"simple-item__right\"\n            role=\"presentation\"\n          >\n            {rightPartSlot}\n          </div>\n        </li>\n      )\n    return (\n      <div\n        data-id={id}\n        className={doClassnames([\n          'simple-item',\n          alignment === 'CENTER' && 'simple-item--centered',\n          alignment === 'BASELINE' && 'simple-item--baseline',\n          isInteractive && 'simple-item--interactive',\n        ])}\n        tabIndex={isInteractive ? 0 : -1}\n        onMouseDown={isInteractive ? action : undefined}\n        onKeyDown={(e) => {\n          if ((e.key === ' ' || e.key === 'Enter') && isInteractive) action?.(e)\n          if (e.key === 'Escape' && isInteractive)\n            (e.target as HTMLElement).blur()\n        }}\n        role={isInteractive ? 'button' : 'group'}\n      >\n        <div\n          className=\"simple-item__left\"\n          role=\"presentation\"\n        >\n          {leftPartSlot}\n        </div>\n        <div\n          className=\"simple-item__right\"\n          role=\"presentation\"\n        >\n          {rightPartSlot}\n        </div>\n      </div>\n    )\n  }\n}\n"],"names":["SimpleItem","React","id","leftPartSlot","rightPartSlot","isListItem","isInteractive","isTransparent","alignment","action","jsxs","doClassnames","e","jsx"],"mappings":";;;AA4CA,MAAqBA,UAAmBC,EAAM,UAA2B;AAAA,EACvE,OAAO,eAAyC;AAAA,IAC9C,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,eAAe;AAAA,IACf,WAAW;AAAA,EAAA;AAAA,EAGb,SAAS;AACP,UAAM;AAAA,MACJ,IAAAC;AAAA,MACA,cAAAC;AAAA,MACA,eAAAC;AAAA,MACA,YAAAC;AAAA,MACA,eAAAC;AAAA,MACA,eAAAC;AAAA,MACA,WAAAC;AAAA,MACA,QAAAC;AAAA,IAAA,IACE,KAAK;AAET,WAAIJ,IAEA,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAASR;AAAA,QACT,WAAWS,EAAa;AAAA,UACtB;AAAA,UACAH,MAAc,YAAY;AAAA,UAC1BA,MAAc,cAAc;AAAA,UAC5BF,KAAiB;AAAA,UACjBC,KAAiB;AAAA,QAAA,CAClB;AAAA,QACD,UAAUD,IAAgB,IAAI;AAAA,QAC9B,aAAaA,IAAgBG,IAAS;AAAA,QACtC,WAAW,CAACG,MAAM;AAChB,WAAKA,EAAE,QAAQ,OAAOA,EAAE,QAAQ,YAAYN,KAC1CG,IAASG,CAAC,GACRA,EAAE,QAAQ,YAAYN,KACvBM,EAAE,OAAuB,KAAA;AAAA,QAC9B;AAAA,QACA,MAAMN,IAAgB,WAAW;AAAA,QAEjC,UAAA;AAAA,UAAA,gBAAAO;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAAV;AAAA,YAAA;AAAA,UAAA;AAAA,UAEH,gBAAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAAT;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA,IAIJ,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAASR;AAAA,QACT,WAAWS,EAAa;AAAA,UACtB;AAAA,UACAH,MAAc,YAAY;AAAA,UAC1BA,MAAc,cAAc;AAAA,UAC5BF,KAAiB;AAAA,QAAA,CAClB;AAAA,QACD,UAAUA,IAAgB,IAAI;AAAA,QAC9B,aAAaA,IAAgBG,IAAS;AAAA,QACtC,WAAW,CAACG,MAAM;AAChB,WAAKA,EAAE,QAAQ,OAAOA,EAAE,QAAQ,YAAYN,SAAwBM,CAAC,GACjEA,EAAE,QAAQ,YAAYN,KACvBM,EAAE,OAAuB,KAAA;AAAA,QAC9B;AAAA,QACA,MAAMN,IAAgB,WAAW;AAAA,QAEjC,UAAA;AAAA,UAAA,gBAAAO;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAAV;AAAA,YAAA;AAAA,UAAA;AAAA,UAEH,gBAAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAAT;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/components/tags/chip/Chip.d.ts

@@ -1,4 +1,3 @@
-
 export interface ChipProps {
     /**
      * Visual state of the chip

package/dist/components/tags/chip/Chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/tags/chip/Chip.tsx"],"names":[],"mappings":";AAIA,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,SAAS;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,eAAe,CAAA;IAC/C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,wBAAwB;QACxB,KAAK,EAAE,MAAM,CAAA;QACb,mBAAmB;QACnB,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;QAC9B,uBAAuB;QACvB,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;KACvB,CAAA;IACD;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAA;CAC9E;AAED,QAAA,MAAM,IAAI,UAAW,SAAS,4CA+E7B,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/tags/chip/Chip.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,SAAS;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,eAAe,CAAA;IAC/C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,wBAAwB;QACxB,KAAK,EAAE,MAAM,CAAA;QACb,mBAAmB;QACnB,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;QAC9B,uBAAuB;QACvB,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;KACvB,CAAA;IACD;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAA;CAC9E;AAED,QAAA,MAAM,IAAI,GAAI,OAAO,SAAS,4CA+E7B,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/components/tags/chip/Chip.figma.js

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

package/dist/components/tags/chip/Chip.js

@@ -1,15 +1,15 @@
 import '../../../assets/Chip.css';
 import { jsxs as f, jsx as n } from "react/jsx-runtime";
 import { useState as p } from "react";
-import a from "../../../styles/texts/texts.module.js";
-import { t as d } from "../../../do-classnames-DSDFCvzy.js";
+import { t as a } from "../../../do-classnames-DSDFCvzy.js";
+import d from "../../../styles/texts/texts.module.js";
 import h from "../tooltip/Tooltip.js";
 const _ = (o) => {
   const { children: l, state: r = "ACTIVE", isSolo: v = !1, preview: e, action: i } = o, [c, s] = p(!1);
   return /* @__PURE__ */ f(
     "div",
     {
-      className: d([
+      className: a([
         "chip",
         r === "INACTIVE" && "chip--inactive",
         r === "ON_BACKGROUND" && "chip--on-background",
@@ -52,10 +52,10 @@ const _ = (o) => {
         l !== void 0 && /* @__PURE__ */ n(
           "div",
           {
-            className: d([
+            className: a([
               "chip__text",
-              a.type,
-              a["type--truncated"]
+              d.type,
+              d["type--truncated"]
             ]),
             role: "presentation",
             children: l

package/dist/components/tags/chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../../src/components/tags/chip/Chip.tsx"],"sourcesContent":["import { useState } from 'react'\nimport texts from '@styles/texts/texts.module.scss'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport Tooltip from '../tooltip/Tooltip'\nimport './chip.scss'\n\nexport interface ChipProps {\n  /**\n   * Visual state of the chip\n   * @default 'ACTIVE'\n   */\n  state?: 'ACTIVE' | 'INACTIVE' | 'ON_BACKGROUND'\n  /**\n   * Content for the left slot\n   */\n  leftSlot?: React.ReactElement\n  /**\n   * Content for the right slot\n   */\n  rightSlot?: React.ReactElement\n  /**\n   * Text content of the chip\n   */\n  children?: React.ReactNode\n  /**\n   * Whether the chip is displayed alone (adds padding)\n   * @default false\n   */\n  isSolo?: boolean\n  /**\n   * Preview tooltip configuration\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   * Click handler\n   */\n  action?: React.MouseEventHandler & React.KeyboardEventHandler<HTMLDivElement>\n}\n\nconst Chip = (props: ChipProps) => {\n  const { children, state = 'ACTIVE', isSolo = false, preview, action } = props\n  const [isPreviewVisible, setIsPreviewVisible] = useState(false)\n\n  return (\n    <div\n      className={doClassnames([\n        'chip',\n        state === 'INACTIVE' && 'chip--inactive',\n        state === 'ON_BACKGROUND' && 'chip--on-background',\n        isSolo && 'chip--solo',\n        (action !== undefined || preview !== undefined) && 'chip--interactive',\n      ])}\n      onMouseDown={(e) => {\n        if (action) action(e)\n        else return undefined\n      }}\n      onMouseEnter={() => {\n        if (preview !== undefined) setIsPreviewVisible(true)\n      }}\n      onMouseLeave={() => {\n        if (preview !== undefined) setIsPreviewVisible(false)\n      }}\n      onKeyDown={(e) => {\n        if (action && (e.key === 'Enter' || e.key === ' ')) action(e)\n        else return undefined\n      }}\n      onFocus={() => {\n        if (preview !== undefined) setIsPreviewVisible(true)\n      }}\n      onBlur={() => {\n        if (preview !== undefined) setIsPreviewVisible(false)\n      }}\n      tabIndex={action !== undefined || preview !== undefined ? 0 : -1}\n      role={\n        action !== undefined || preview !== undefined ? 'button' : undefined\n      }\n      aria-pressed={action !== undefined ? state === 'ACTIVE' : undefined}\n      aria-disabled={state === 'INACTIVE' ? true : undefined}\n    >\n      {props.leftSlot && (\n        <div\n          className=\"chip__left-slot\"\n          role=\"presentation\"\n        >\n          {props.leftSlot}\n        </div>\n      )}\n      {children !== undefined && (\n        <div\n          className={doClassnames([\n            'chip__text',\n            texts.type,\n            texts['type--truncated'],\n          ])}\n          role=\"presentation\"\n        >\n          {children}\n        </div>\n      )}\n      {props.rightSlot && (\n        <div\n          className=\"chip__right-slot\"\n          role=\"presentation\"\n        >\n          {props.rightSlot}\n        </div>\n      )}\n      {isPreviewVisible && (\n        <Tooltip\n          pin={preview?.pin || 'BOTTOM'}\n          type=\"WITH_IMAGE\"\n          image={preview?.image}\n        >\n          {preview?.text}\n        </Tooltip>\n      )}\n    </div>\n  )\n}\n\nexport default Chip\n"],"names":["Chip","props","children","state","isSolo","preview","action","isPreviewVisible","setIsPreviewVisible","useState","jsxs","doClassnames","e","jsx","texts","Tooltip"],"mappings":";;;;;AA8CA,MAAMA,IAAO,CAACC,MAAqB;AACjC,QAAM,EAAE,UAAAC,GAAU,OAAAC,IAAQ,UAAU,QAAAC,IAAS,IAAO,SAAAC,GAAS,QAAAC,MAAWL,GAClE,CAACM,GAAkBC,CAAmB,IAAIC,EAAS,EAAK;AAE9D,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAa;AAAA,QACtB;AAAA,QACAR,MAAU,cAAc;AAAA,QACxBA,MAAU,mBAAmB;AAAA,QAC7BC,KAAU;AAAA,SACTE,MAAW,UAAaD,MAAY,WAAc;AAAA,MAAA,CACpD;AAAA,MACD,aAAa,CAACO,MAAM;AAClB,YAAIN,KAAeM,CAAC;AAAA,YACf;AAAA,MACP;AAAA,MACA,cAAc,MAAM;AAClB,QAAIP,MAAY,UAAWG,EAAoB,EAAI;AAAA,MACrD;AAAA,MACA,cAAc,MAAM;AAClB,QAAIH,MAAY,UAAWG,EAAoB,EAAK;AAAA,MACtD;AAAA,MACA,WAAW,CAACI,MAAM;AAChB,YAAIN,MAAWM,EAAE,QAAQ,WAAWA,EAAE,QAAQ,QAAaA,CAAC;AAAA,YACvD;AAAA,MACP;AAAA,MACA,SAAS,MAAM;AACb,QAAIP,MAAY,UAAWG,EAAoB,EAAI;AAAA,MACrD;AAAA,MACA,QAAQ,MAAM;AACZ,QAAIH,MAAY,UAAWG,EAAoB,EAAK;AAAA,MACtD;AAAA,MACA,UAAUF,MAAW,UAAaD,MAAY,SAAY,IAAI;AAAA,MAC9D,MACEC,MAAW,UAAaD,MAAY,SAAY,WAAW;AAAA,MAE7D,gBAAcC,MAAW,SAAYH,MAAU,WAAW;AAAA,MAC1D,iBAAeA,MAAU,aAAa,KAAO;AAAA,MAE5C,UAAA;AAAA,QAAAF,EAAM,YACL,gBAAAY;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEJ,UAAAZ,EAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGVC,MAAa,UACZ,gBAAAW;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,EAAa;AAAA,cACtB;AAAA,cACAG,EAAM;AAAA,cACNA,EAAM,iBAAiB;AAAA,YAAA,CACxB;AAAA,YACD,MAAK;AAAA,YAEJ,UAAAZ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJD,EAAM,aACL,gBAAAY;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEJ,UAAAZ,EAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGVM,KACC,gBAAAM;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,KAAKV,GAAS,OAAO;AAAA,YACrB,MAAK;AAAA,YACL,OAAOA,GAAS;AAAA,YAEf,UAAAA,GAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"Chip.js","sources":["../../../../src/components/tags/chip/Chip.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport texts from '@styles/texts/texts.module.scss'\nimport Tooltip from '../tooltip/Tooltip'\nimport './chip.scss'\n\nexport interface ChipProps {\n  /**\n   * Visual state of the chip\n   * @default 'ACTIVE'\n   */\n  state?: 'ACTIVE' | 'INACTIVE' | 'ON_BACKGROUND'\n  /**\n   * Content for the left slot\n   */\n  leftSlot?: React.ReactElement\n  /**\n   * Content for the right slot\n   */\n  rightSlot?: React.ReactElement\n  /**\n   * Text content of the chip\n   */\n  children?: React.ReactNode\n  /**\n   * Whether the chip is displayed alone (adds padding)\n   * @default false\n   */\n  isSolo?: boolean\n  /**\n   * Preview tooltip configuration\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   * Click handler\n   */\n  action?: React.MouseEventHandler & React.KeyboardEventHandler<HTMLDivElement>\n}\n\nconst Chip = (props: ChipProps) => {\n  const { children, state = 'ACTIVE', isSolo = false, preview, action } = props\n  const [isPreviewVisible, setIsPreviewVisible] = useState(false)\n\n  return (\n    <div\n      className={doClassnames([\n        'chip',\n        state === 'INACTIVE' && 'chip--inactive',\n        state === 'ON_BACKGROUND' && 'chip--on-background',\n        isSolo && 'chip--solo',\n        (action !== undefined || preview !== undefined) && 'chip--interactive',\n      ])}\n      onMouseDown={(e) => {\n        if (action) action(e)\n        else return undefined\n      }}\n      onMouseEnter={() => {\n        if (preview !== undefined) setIsPreviewVisible(true)\n      }}\n      onMouseLeave={() => {\n        if (preview !== undefined) setIsPreviewVisible(false)\n      }}\n      onKeyDown={(e) => {\n        if (action && (e.key === 'Enter' || e.key === ' ')) action(e)\n        else return undefined\n      }}\n      onFocus={() => {\n        if (preview !== undefined) setIsPreviewVisible(true)\n      }}\n      onBlur={() => {\n        if (preview !== undefined) setIsPreviewVisible(false)\n      }}\n      tabIndex={action !== undefined || preview !== undefined ? 0 : -1}\n      role={\n        action !== undefined || preview !== undefined ? 'button' : undefined\n      }\n      aria-pressed={action !== undefined ? state === 'ACTIVE' : undefined}\n      aria-disabled={state === 'INACTIVE' ? true : undefined}\n    >\n      {props.leftSlot && (\n        <div\n          className=\"chip__left-slot\"\n          role=\"presentation\"\n        >\n          {props.leftSlot}\n        </div>\n      )}\n      {children !== undefined && (\n        <div\n          className={doClassnames([\n            'chip__text',\n            texts.type,\n            texts['type--truncated'],\n          ])}\n          role=\"presentation\"\n        >\n          {children}\n        </div>\n      )}\n      {props.rightSlot && (\n        <div\n          className=\"chip__right-slot\"\n          role=\"presentation\"\n        >\n          {props.rightSlot}\n        </div>\n      )}\n      {isPreviewVisible && (\n        <Tooltip\n          pin={preview?.pin || 'BOTTOM'}\n          type=\"WITH_IMAGE\"\n          image={preview?.image}\n        >\n          {preview?.text}\n        </Tooltip>\n      )}\n    </div>\n  )\n}\n\nexport default Chip\n"],"names":["Chip","props","children","state","isSolo","preview","action","isPreviewVisible","setIsPreviewVisible","useState","jsxs","doClassnames","e","jsx","texts","Tooltip"],"mappings":";;;;;AA8CA,MAAMA,IAAO,CAACC,MAAqB;AACjC,QAAM,EAAE,UAAAC,GAAU,OAAAC,IAAQ,UAAU,QAAAC,IAAS,IAAO,SAAAC,GAAS,QAAAC,MAAWL,GAClE,CAACM,GAAkBC,CAAmB,IAAIC,EAAS,EAAK;AAE9D,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAa;AAAA,QACtB;AAAA,QACAR,MAAU,cAAc;AAAA,QACxBA,MAAU,mBAAmB;AAAA,QAC7BC,KAAU;AAAA,SACTE,MAAW,UAAaD,MAAY,WAAc;AAAA,MAAA,CACpD;AAAA,MACD,aAAa,CAACO,MAAM;AAClB,YAAIN,KAAeM,CAAC;AAAA,YACf;AAAA,MACP;AAAA,MACA,cAAc,MAAM;AAClB,QAAIP,MAAY,UAAWG,EAAoB,EAAI;AAAA,MACrD;AAAA,MACA,cAAc,MAAM;AAClB,QAAIH,MAAY,UAAWG,EAAoB,EAAK;AAAA,MACtD;AAAA,MACA,WAAW,CAACI,MAAM;AAChB,YAAIN,MAAWM,EAAE,QAAQ,WAAWA,EAAE,QAAQ,QAAaA,CAAC;AAAA,YACvD;AAAA,MACP;AAAA,MACA,SAAS,MAAM;AACb,QAAIP,MAAY,UAAWG,EAAoB,EAAI;AAAA,MACrD;AAAA,MACA,QAAQ,MAAM;AACZ,QAAIH,MAAY,UAAWG,EAAoB,EAAK;AAAA,MACtD;AAAA,MACA,UAAUF,MAAW,UAAaD,MAAY,SAAY,IAAI;AAAA,MAC9D,MACEC,MAAW,UAAaD,MAAY,SAAY,WAAW;AAAA,MAE7D,gBAAcC,MAAW,SAAYH,MAAU,WAAW;AAAA,MAC1D,iBAAeA,MAAU,aAAa,KAAO;AAAA,MAE5C,UAAA;AAAA,QAAAF,EAAM,YACL,gBAAAY;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEJ,UAAAZ,EAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGVC,MAAa,UACZ,gBAAAW;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,EAAa;AAAA,cACtB;AAAA,cACAG,EAAM;AAAA,cACNA,EAAM,iBAAiB;AAAA,YAAA,CACxB;AAAA,YACD,MAAK;AAAA,YAEJ,UAAAZ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJD,EAAM,aACL,gBAAAY;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEJ,UAAAZ,EAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGVM,KACC,gBAAAM;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,KAAKV,GAAS,OAAO;AAAA,YACrB,MAAK;AAAA,YACL,OAAOA,GAAS;AAAA,YAEf,UAAAA,GAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA;AAIR;"}

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 interface ColorChipProps {
     /**
      * Color value (hex, rgb, etc.)
@@ -24,10 +23,10 @@ interface ColorChipProps {
      */
     helper?: string | React.ReactNode;
 }
-interface ColorChipStates {
+interface ColorChipState {
     isTooltipVisible: boolean;
 }
-export default class ColorChip extends React.Component<ColorChipProps, ColorChipStates> {
+export default class ColorChip extends React.Component<ColorChipProps, ColorChipState> {
     static defaultProps: Partial<ColorChipProps>;
     constructor(props: ColorChipProps);
     render(): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +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"}
+{"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,cAAc;IACtB,gBAAgB,EAAE,OAAO,CAAA;CAC1B;AAED,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IACpF,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,cAAc,CAAC,CAG3C;gBAEW,KAAK,EAAE,cAAc;IAOjC,MAAM;CAqBP"}

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

@@ -1 +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;"}
+{"version":3,"file":"ColorChip.js","sources":["../../../../src/components/tags/color-chip/ColorChip.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@unoff/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 ColorChipState {\n  isTooltipVisible: boolean\n}\n\nexport default class ColorChip extends React.Component<ColorChipProps, ColorChipState> {\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,UAA0C;AAAA,EACrF,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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { IconList } from '../../../types/icon.types';
-
 interface IconChipProps {
     /**
      * Type of icon
@@ -30,10 +29,10 @@ interface IconChipProps {
      */
     type?: 'MULTI_LINE' | 'SINGLE_LINE' | 'WITH_IMAGE';
 }
-interface IconChipStates {
+interface IconChipState {
     isTooltipVisible: boolean;
 }
-export default class IconChip extends React.Component<IconChipProps, IconChipStates> {
+export default class IconChip extends React.Component<IconChipProps, IconChipState> {
     static defaultProps: Partial<IconChipProps>;
     constructor(props: IconChipProps);
     render(): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +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"}
+{"version":3,"file":"IconChip.d.ts","sourceRoot":"","sources":["../../../../src/components/tags/icon-chip/IconChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAG1C,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,aAAa;IACrB,gBAAgB,EAAE,OAAO,CAAA;CAC1B;AAED,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IACjF,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,aAAa,CAAC,CAI1C;gBAEW,KAAK,EAAE,aAAa;IAOhC,MAAM;CA6BP"}