@unoff/ui 1.21.1 → 1.21.3

package/dist/components/lists/draggable-item/DraggableItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableItem.js","sources":["../../../../src/components/lists/draggable-item/DraggableItem.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames, doMap } from '@unoff/utils'\nimport DraggableWindow from '@components/slots/draggable-window/DraggableWindow'\nimport Button from '@components/actions/button/Button'\nimport './draggable-item.scss'\n\nexport interface DraggableItemProps {\n  /**\n   * Unique identifier for the item\n   */\n  id: string\n  /**\n   * Index position in the list\n   */\n  index: number\n  /**\n   * Whether the item can be removed\n   * @default true\n   */\n  canBeRemoved?: boolean\n  /**\n   * Primary content slot\n   */\n  primarySlot: React.ReactNode\n  /**\n   * Secondary content configuration\n   */\n  secondarySlot?: {\n    /** Title for the secondary content */\n    title: string\n    /** Content node */\n    node: React.ReactNode\n  }\n  /**\n   * Action buttons slot\n   */\n  actionsSlot?: React.ReactNode\n  /**\n   * Whether the item is selected\n   * @default false\n   */\n  selected?: boolean\n  /**\n   * Title for the options panel\n   */\n  optionsTitle?: string\n  /**\n   * Helper texts for buttons\n   */\n  helpers?: {\n    /** Helper for remove button */\n    remove?: string\n    /** Helper for more options button */\n    more?: string\n  }\n  /**\n   * Whether to show drop guide above\n   * @default false\n   */\n  guideAbove?: boolean\n  /**\n   * Whether to show drop guide below\n   * @default false\n   */\n  guideBelow?: boolean\n  /**\n   * Whether the item is blocked\n   * @default false\n   */\n  isBlocked?: boolean\n  /**\n   * Selection change handler\n   */\n  onChangeSelection: React.MouseEventHandler<HTMLLIElement>\n  /**\n   * Cancel selection handler\n   */\n  onCancelSelection: React.MouseEventHandler<Element> &\n    React.FocusEventHandler<HTMLInputElement>\n  /**\n   * Refold options handler\n   */\n  onRefoldOptions?: () => void\n  /**\n   * Drag state change handler\n   */\n  onDragChange: (\n    id: string | undefined,\n    hasGuideAbove: boolean,\n    hasGuideBelow: boolean,\n    position: number\n  ) => void\n  /**\n   * Drop outside handler\n   */\n  onDropOutside: (e: React.DragEvent<HTMLLIElement>) => void\n  /**\n   * Order change handler\n   */\n  onChangeOrder: (e: React.DragEvent<HTMLLIElement>) => void\n  /**\n   * Remove item handler\n   */\n  onRemove: React.MouseEventHandler<Element> &\n    React.KeyboardEventHandler<Element>\n}\n\nexport interface DraggableItemStates {\n  isDragged: boolean\n  hasMoreOptions: boolean\n}\n\nexport default class DraggableItem extends React.Component<\n  DraggableItemProps,\n  DraggableItemStates\n> {\n  private moreButtonRef: React.RefObject<Button>\n\n  static defaultProps: Partial<DraggableItemProps> = {\n    canBeRemoved: true,\n    selected: false,\n    guideAbove: false,\n    guideBelow: false,\n    isBlocked: false,\n  }\n\n  constructor(props: DraggableItemProps) {\n    super(props)\n    this.state = {\n      isDragged: false,\n      hasMoreOptions: false,\n    }\n    this.moreButtonRef = React.createRef()\n  }\n\n  // Direct Actions\n  onDragStart = (e: React.DragEvent<HTMLLIElement>) => {\n    const clone = e.currentTarget.cloneNode(true)\n\n    this.setState({ isDragged: true })\n    ;(clone as HTMLElement).style.opacity = '0'\n    ;(clone as HTMLElement).style.position = 'absolute'\n    ;(clone as HTMLElement).id = 'ghost'\n    ;(clone as HTMLElement).style.pointerEvents = 'none'\n    document.body.appendChild(clone)\n    if (e.dataTransfer) {\n      e.dataTransfer.setDragImage(clone as Element, 0, 0)\n      e.dataTransfer.effectAllowed = 'move'\n    }\n  }\n\n  onDragEnd = (e: React.DragEvent<HTMLLIElement>) => {\n    const { onDropOutside, onDragChange } = this.props\n\n    this.setState({ isDragged: false })\n    onDragChange('', false, false, 0)\n    onDropOutside(e)\n    document.querySelector('#ghost')?.remove()\n  }\n\n  onDragOver = (e: React.DragEvent<HTMLLIElement>) => {\n    const { onDragChange } = this.props\n\n    e.preventDefault()\n    const target = e.currentTarget\n    const rect = target.getBoundingClientRect()\n    const height: number = target.clientHeight\n    const y: number = e.clientY - rect.top\n    const refY: number = doMap(y, 0, height, 0, height)\n\n    if (refY >= -1 && refY <= height / 2)\n      onDragChange(\n        target.dataset.id,\n        true,\n        false,\n        parseFloat(target.dataset.position ?? '0')\n      )\n    else if (refY > height / 2 && refY <= height)\n      onDragChange(\n        target.dataset.id,\n        false,\n        true,\n        parseFloat(target.dataset.position ?? '0')\n      )\n  }\n\n  onDrop = (e: React.DragEvent<HTMLLIElement>) => {\n    const { onChangeOrder } = this.props\n\n    e.preventDefault()\n    onChangeOrder(e)\n  }\n\n  // Render\n  render() {\n    const {\n      id,\n      index,\n      canBeRemoved,\n      primarySlot,\n      secondarySlot,\n      actionsSlot,\n      selected,\n      optionsTitle,\n      helpers,\n      guideAbove,\n      guideBelow,\n      isBlocked,\n      onRemove,\n      onChangeSelection,\n      onCancelSelection,\n      onRefoldOptions,\n    } = this.props\n\n    const { isDragged, hasMoreOptions } = this.state\n\n    return (\n      <li\n        data-id={id}\n        data-position={index}\n        className={doClassnames([\n          'draggable-item',\n          isDragged && 'draggable-item--dragged',\n          guideAbove && 'draggable-item--above',\n          guideBelow && 'draggable-item--below',\n        ])}\n        draggable={!hasMoreOptions && !isBlocked ? selected : false}\n        aria-grabbed={isDragged}\n        aria-current={selected ? 'true' : undefined}\n        onMouseDown={(e) => {\n          if (!hasMoreOptions && !isBlocked) onChangeSelection(e)\n        }}\n        onDragStart={(e) => {\n          if (!hasMoreOptions && !isBlocked) this.onDragStart(e)\n        }}\n        onDragEnd={(e) => {\n          if (!hasMoreOptions && !isBlocked) this.onDragEnd(e)\n        }}\n        onDragOver={(e) => {\n          if (!hasMoreOptions && !isBlocked) this.onDragOver(e)\n        }}\n        onDrop={(e) => {\n          if (!hasMoreOptions && !isBlocked) this.onDrop(e)\n        }}\n      >\n        <div\n          className=\"draggable-item__primary\"\n          role=\"group\"\n        >\n          <div\n            className=\"draggable-item__left\"\n            role=\"presentation\"\n          >\n            {primarySlot}\n          </div>\n          <div\n            className=\"draggable-item__right\"\n            role=\"group\"\n          >\n            {secondarySlot !== undefined && (\n              <Button\n                ref={this.moreButtonRef}\n                type=\"icon\"\n                icon=\"ellipses\"\n                state={hasMoreOptions ? 'selected' : undefined}\n                helper={\n                  helpers?.more !== undefined\n                    ? {\n                        label: helpers.more,\n                      }\n                    : undefined\n                }\n                action={() => {\n                  onCancelSelection\n                  onRefoldOptions\n                  this.setState({ hasMoreOptions: !hasMoreOptions })\n                }}\n              />\n            )}\n            {actionsSlot !== undefined && actionsSlot}\n            <Button\n              type=\"icon\"\n              icon=\"minus\"\n              helper={\n                helpers?.remove !== undefined\n                  ? {\n                      label: helpers.remove,\n                    }\n                  : undefined\n              }\n              feature=\"REMOVE_ITEM\"\n              isDisabled={!canBeRemoved}\n              action={canBeRemoved ? onRemove : () => null}\n            />\n          </div>\n        </div>\n        {hasMoreOptions && secondarySlot !== undefined && (\n          <DraggableWindow\n            title={\n              secondarySlot.title !== undefined\n                ? secondarySlot.title\n                : optionsTitle\n            }\n            onClose={() =>\n              this.setState({\n                hasMoreOptions: false,\n              })\n            }\n            triggerRef={this.moreButtonRef}\n          >\n            {secondarySlot.node}\n          </DraggableWindow>\n        )}\n      </li>\n    )\n  }\n}\n"],"names":["DraggableItem","React","props","clone","onDropOutside","onDragChange","target","rect","height","y","refY","doMap","onChangeOrder","id","index","canBeRemoved","primarySlot","secondarySlot","actionsSlot","selected","optionsTitle","helpers","guideAbove","guideBelow","isBlocked","onRemove","onChangeSelection","onCancelSelection","onRefoldOptions","isDragged","hasMoreOptions","jsxs","doClassnames","e","jsx","Button","DraggableWindow"],"mappings":"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"}
+{"version":3,"file":"DraggableItem.js","sources":["../../../../src/components/lists/draggable-item/DraggableItem.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames, doMap } from '@unoff/utils'\nimport DraggableWindow from '@components/slots/draggable-window/DraggableWindow'\nimport Button from '@components/actions/button/Button'\nimport './draggable-item.scss'\n\nexport interface DraggableItemProps {\n  /**\n   * Unique identifier for the item\n   */\n  id: string\n  /**\n   * Index position in the list\n   */\n  index: number\n  /**\n   * Whether the item can be removed\n   * @default true\n   */\n  canBeRemoved?: boolean\n  /**\n   * Primary content slot\n   */\n  primarySlot: React.ReactNode\n  /**\n   * Secondary content configuration\n   */\n  secondarySlot?: {\n    /** Title for the secondary content */\n    title: string\n    /** Content node */\n    node: React.ReactNode\n  }\n  /**\n   * Action buttons slot\n   */\n  actionsSlot?: React.ReactNode\n  /**\n   * Whether the item is selected\n   * @default false\n   */\n  selected?: boolean\n  /**\n   * Title for the options panel\n   */\n  optionsTitle?: string\n  /**\n   * Helper texts for buttons\n   */\n  helpers?: {\n    /** Helper for remove button */\n    remove?: string\n    /** Helper for more options button */\n    more?: string\n  }\n  /**\n   * Whether to show drop guide above\n   * @default false\n   */\n  guideAbove?: boolean\n  /**\n   * Whether to show drop guide below\n   * @default false\n   */\n  guideBelow?: boolean\n  /**\n   * Whether the item is blocked\n   * @default false\n   */\n  isBlocked?: boolean\n  /**\n   * Selection change handler\n   */\n  onChangeSelection: React.MouseEventHandler<HTMLLIElement>\n  /**\n   * Cancel selection handler\n   */\n  onCancelSelection: React.MouseEventHandler<Element> &\n    React.FocusEventHandler<HTMLInputElement>\n  /**\n   * Refold options handler\n   */\n  onRefoldOptions?: () => void\n  /**\n   * Drag state change handler\n   */\n  onDragChange: (\n    id: string | undefined,\n    hasGuideAbove: boolean,\n    hasGuideBelow: boolean,\n    position: number\n  ) => void\n  /**\n   * Drop outside handler\n   */\n  onDropOutside: (e: React.DragEvent<HTMLLIElement>) => void\n  /**\n   * Order change handler\n   */\n  onChangeOrder: (e: React.DragEvent<HTMLLIElement>) => void\n  /**\n   * Remove item handler\n   */\n  onRemove: React.MouseEventHandler<Element> &\n    React.KeyboardEventHandler<Element>\n}\n\nexport interface DraggableItemState {\n  isDragged: boolean\n  hasMoreOptions: boolean\n}\n\nexport default class DraggableItem extends React.Component<\n  DraggableItemProps,\n  DraggableItemState\n> {\n  private moreButtonRef: React.RefObject<Button>\n\n  static defaultProps: Partial<DraggableItemProps> = {\n    canBeRemoved: true,\n    selected: false,\n    guideAbove: false,\n    guideBelow: false,\n    isBlocked: false,\n  }\n\n  constructor(props: DraggableItemProps) {\n    super(props)\n    this.state = {\n      isDragged: false,\n      hasMoreOptions: false,\n    }\n    this.moreButtonRef = React.createRef()\n  }\n\n  // Direct Actions\n  onDragStart = (e: React.DragEvent<HTMLLIElement>) => {\n    const clone = e.currentTarget.cloneNode(true)\n\n    this.setState({ isDragged: true })\n    ;(clone as HTMLElement).style.opacity = '0'\n    ;(clone as HTMLElement).style.position = 'absolute'\n    ;(clone as HTMLElement).id = 'ghost'\n    ;(clone as HTMLElement).style.pointerEvents = 'none'\n    document.body.appendChild(clone)\n    if (e.dataTransfer) {\n      e.dataTransfer.setDragImage(clone as Element, 0, 0)\n      e.dataTransfer.effectAllowed = 'move'\n    }\n  }\n\n  onDragEnd = (e: React.DragEvent<HTMLLIElement>) => {\n    const { onDropOutside, onDragChange } = this.props\n\n    this.setState({ isDragged: false })\n    onDragChange('', false, false, 0)\n    onDropOutside(e)\n    document.querySelector('#ghost')?.remove()\n  }\n\n  onDragOver = (e: React.DragEvent<HTMLLIElement>) => {\n    const { onDragChange } = this.props\n\n    e.preventDefault()\n    const target = e.currentTarget\n    const rect = target.getBoundingClientRect()\n    const height: number = target.clientHeight\n    const y: number = e.clientY - rect.top\n    const refY: number = doMap(y, 0, height, 0, height)\n\n    if (refY >= -1 && refY <= height / 2)\n      onDragChange(\n        target.dataset.id,\n        true,\n        false,\n        parseFloat(target.dataset.position ?? '0')\n      )\n    else if (refY > height / 2 && refY <= height)\n      onDragChange(\n        target.dataset.id,\n        false,\n        true,\n        parseFloat(target.dataset.position ?? '0')\n      )\n  }\n\n  onDrop = (e: React.DragEvent<HTMLLIElement>) => {\n    const { onChangeOrder } = this.props\n\n    e.preventDefault()\n    onChangeOrder(e)\n  }\n\n  // Render\n  render() {\n    const {\n      id,\n      index,\n      canBeRemoved,\n      primarySlot,\n      secondarySlot,\n      actionsSlot,\n      selected,\n      optionsTitle,\n      helpers,\n      guideAbove,\n      guideBelow,\n      isBlocked,\n      onRemove,\n      onChangeSelection,\n      onCancelSelection,\n      onRefoldOptions,\n    } = this.props\n\n    const { isDragged, hasMoreOptions } = this.state\n\n    return (\n      <li\n        data-id={id}\n        data-position={index}\n        className={doClassnames([\n          'draggable-item',\n          isDragged && 'draggable-item--dragged',\n          guideAbove && 'draggable-item--above',\n          guideBelow && 'draggable-item--below',\n        ])}\n        draggable={!hasMoreOptions && !isBlocked ? selected : false}\n        aria-grabbed={isDragged}\n        aria-current={selected ? 'true' : undefined}\n        onMouseDown={(e) => {\n          if (!hasMoreOptions && !isBlocked) onChangeSelection(e)\n        }}\n        onDragStart={(e) => {\n          if (!hasMoreOptions && !isBlocked) this.onDragStart(e)\n        }}\n        onDragEnd={(e) => {\n          if (!hasMoreOptions && !isBlocked) this.onDragEnd(e)\n        }}\n        onDragOver={(e) => {\n          if (!hasMoreOptions && !isBlocked) this.onDragOver(e)\n        }}\n        onDrop={(e) => {\n          if (!hasMoreOptions && !isBlocked) this.onDrop(e)\n        }}\n      >\n        <div\n          className=\"draggable-item__primary\"\n          role=\"group\"\n        >\n          <div\n            className=\"draggable-item__left\"\n            role=\"presentation\"\n          >\n            {primarySlot}\n          </div>\n          <div\n            className=\"draggable-item__right\"\n            role=\"group\"\n          >\n            {secondarySlot !== undefined && (\n              <Button\n                ref={this.moreButtonRef}\n                type=\"icon\"\n                icon=\"ellipses\"\n                state={hasMoreOptions ? 'selected' : undefined}\n                helper={\n                  helpers?.more !== undefined\n                    ? {\n                        label: helpers.more,\n                      }\n                    : undefined\n                }\n                action={() => {\n                  onCancelSelection\n                  onRefoldOptions\n                  this.setState({ hasMoreOptions: !hasMoreOptions })\n                }}\n              />\n            )}\n            {actionsSlot !== undefined && actionsSlot}\n            <Button\n              type=\"icon\"\n              icon=\"minus\"\n              helper={\n                helpers?.remove !== undefined\n                  ? {\n                      label: helpers.remove,\n                    }\n                  : undefined\n              }\n              feature=\"REMOVE_ITEM\"\n              isDisabled={!canBeRemoved}\n              action={canBeRemoved ? onRemove : () => null}\n            />\n          </div>\n        </div>\n        {hasMoreOptions && secondarySlot !== undefined && (\n          <DraggableWindow\n            title={\n              secondarySlot.title !== undefined\n                ? secondarySlot.title\n                : optionsTitle\n            }\n            onClose={() =>\n              this.setState({\n                hasMoreOptions: false,\n              })\n            }\n            triggerRef={this.moreButtonRef}\n          >\n            {secondarySlot.node}\n          </DraggableWindow>\n        )}\n      </li>\n    )\n  }\n}\n"],"names":["DraggableItem","React","props","clone","onDropOutside","onDragChange","target","rect","height","y","refY","doMap","onChangeOrder","id","index","canBeRemoved","primarySlot","secondarySlot","actionsSlot","selected","optionsTitle","helpers","guideAbove","guideBelow","isBlocked","onRemove","onChangeSelection","onCancelSelection","onRefoldOptions","isDragged","hasMoreOptions","jsxs","doClassnames","e","jsx","Button","DraggableWindow"],"mappings":"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"}

package/dist/components/lists/keyboard-shortcut-item/KeyboardShortcutItem.d.ts

@@ -1,4 +1,3 @@
-
 export type KeyboardShortcutItemProps = {
     /**
      * Label describing the action

package/dist/components/lists/keyboard-shortcut-item/KeyboardShortcutItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeyboardShortcutItem.d.ts","sourceRoot":"","sources":["../../../../src/components/lists/keyboard-shortcut-item/KeyboardShortcutItem.tsx"],"names":[],"mappings":"AAEA,OAAO,+BAA+B,CAAA;AAEtC,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,oBAAoB,UAAW,yBAAyB,4CA+D7D,CAAA;AAED,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"KeyboardShortcutItem.d.ts","sourceRoot":"","sources":["../../../../src/components/lists/keyboard-shortcut-item/KeyboardShortcutItem.tsx"],"names":[],"mappings":"AAEA,OAAO,+BAA+B,CAAA;AAEtC,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,oBAAoB,GAAI,OAAO,yBAAyB,4CA+D7D,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/dist/components/lists/members-list/MembersList.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export interface MembersListProps {
     /**
      * Array of member information

package/dist/components/lists/sortable-list/SortableList.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 interface SelectedColor {
     id: string | undefined;
     position: number;
@@ -79,12 +78,12 @@ export interface SortableListProps<T = DefaultData> {
      */
     onRefoldOptions: () => void;
 }
-export interface SortableListStates {
+export interface SortableListState {
     selectedElement: SelectedColor;
     hoveredElement: HoveredColor;
     hasTopBorder: boolean;
 }
-export default class SortableList<T extends DefaultData> extends React.Component<SortableListProps<T>, SortableListStates> {
+export default class SortableList<T extends DefaultData> extends React.Component<SortableListProps<T>, SortableListState> {
     private listRef;
     static defaultProps: Partial<SortableListProps>;
     constructor(props: SortableListProps<T>);

package/dist/components/lists/sortable-list/SortableList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortableList.d.ts","sourceRoot":"","sources":["../../../../src/components/lists/sortable-list/SortableList.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SortableList.d.ts","sourceRoot":"","sources":["../../../../src/components/lists/sortable-list/SortableList.tsx"],"names":[],"mappings":"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"}

package/dist/components/lists/sortable-list/SortableList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortableList.js","sources":["../../../../src/components/lists/sortable-list/SortableList.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport DraggableItem from '../draggable-item/DraggableItem'\nimport './sortable-list.scss'\n\ninterface SelectedColor {\n  id: string | undefined\n  position: number\n}\n\ninterface DefaultData {\n  id: string\n}\n\ninterface HoveredColor extends SelectedColor {\n  hasGuideAbove: boolean\n  hasGuideBelow: boolean\n}\n\nexport interface SortableListProps<T = DefaultData> {\n  /**\n   * Array of data items\n   */\n  data: Array<T>\n  /**\n   * Array of primary content nodes\n   */\n  primarySlot: Array<React.ReactNode>\n  /**\n   * Array of secondary content configurations\n   */\n  secondarySlot?: Array<{\n    /** Title for the secondary content */\n    title: string\n    /** Content node */\n    node: React.ReactNode\n  }>\n  /**\n   * Array of action button nodes\n   */\n  actionsSlot?: Array<React.ReactNode>\n  /**\n   * Content to display when list is empty\n   */\n  emptySlot?: React.ReactNode\n  /**\n   * Helper texts for buttons\n   */\n  helpers?: {\n    /** Helper for remove button */\n    remove?: string\n    /** Helper for more options button */\n    more?: string\n  }\n  /**\n   * Whether the list is scrollable\n   * @default false\n   */\n  isScrollable?: boolean\n  /**\n   * Whether to show a top border on scroll\n   * @default false\n   */\n  isTopBorderEnabled?: boolean\n  /**\n   * Whether the list can be empty\n   * @default true\n   */\n  canBeEmpty?: boolean\n  /**\n   * Whether the list is blocked\n   * @default false\n   */\n  isBlocked?: boolean\n  /**\n   * Change handler when list is reordered\n   */\n  onChangeSortableList: (data: Array<T>) => void\n  /**\n   * Remove item handler\n   */\n  onRemoveItem: React.MouseEventHandler<Element> &\n    React.KeyboardEventHandler<Element>\n  /**\n   * Refold options handler\n   */\n  onRefoldOptions: () => void\n}\n\nexport interface SortableListStates {\n  selectedElement: SelectedColor\n  hoveredElement: HoveredColor\n  hasTopBorder: boolean\n}\n\nexport default class SortableList<\n  T extends DefaultData,\n> extends React.Component<SortableListProps<T>, SortableListStates> {\n  private listRef: React.RefObject<HTMLUListElement>\n\n  static defaultProps: Partial<SortableListProps> = {\n    isScrollable: false,\n    isTopBorderEnabled: false,\n    canBeEmpty: true,\n    isBlocked: false,\n  }\n\n  constructor(props: SortableListProps<T>) {\n    super(props)\n    this.state = {\n      selectedElement: {\n        id: undefined,\n        position: 0,\n      },\n      hoveredElement: {\n        id: undefined,\n        hasGuideAbove: false,\n        hasGuideBelow: false,\n        position: 0,\n      },\n      hasTopBorder: false,\n    }\n    this.listRef = React.createRef()\n    this.handleClickOutside = this.handleClickOutside.bind(this)\n  }\n\n  // Lifecycle\n  componentDidMount = () =>\n    document.addEventListener('mousedown', this.handleClickOutside)\n\n  componentWillUnmount = () =>\n    document.removeEventListener('mousedown', this.handleClickOutside)\n\n  handleClickOutside = (e: Event) => {\n    if (this.listRef.current !== null)\n      if (\n        !this.listRef.current.contains(e.target as HTMLElement) ||\n        e.target === this.listRef.current\n      )\n        this.setState({\n          selectedElement: {\n            id: undefined,\n            position: 0,\n          },\n        })\n  }\n\n  // Handlers\n  orderHandler = () => {\n    const { onChangeSortableList, data } = this.props\n    const { selectedElement, hoveredElement } = this.state\n\n    const source: SelectedColor = selectedElement,\n      target: HoveredColor = hoveredElement,\n      duplicatedData = data.map((el) => el)\n\n    let position: number\n    const sourceIndex = duplicatedData.findIndex(\n      (item) => item.id === source.id\n    )\n\n    const [removedElement] = duplicatedData.splice(sourceIndex, 1)\n\n    if (target.hasGuideAbove && target.position > source.position)\n      position = target.position - 1\n    else if (target.hasGuideBelow && target.position > source.position)\n      position = target.position\n    else if (target.hasGuideAbove && target.position < source.position)\n      position = target.position\n    else if (target.hasGuideBelow && target.position < source.position)\n      position = target.position + 1\n    else position = target.position\n\n    duplicatedData.splice(position, 0, removedElement)\n\n    onChangeSortableList(duplicatedData)\n  }\n\n  selectionHandler: React.MouseEventHandler<HTMLLIElement> &\n    React.MouseEventHandler<Element> &\n    React.FocusEventHandler<HTMLInputElement> = (e) => {\n    const item = e.currentTarget as HTMLElement\n    const target = e.target as HTMLElement\n\n    if (\n      target.tagName === 'INPUT' ||\n      target.tagName === 'BUTTON' ||\n      target.tagName === 'TEXTAREA'\n    )\n      return this.setState({\n        selectedElement: {\n          id: undefined,\n          position: 0,\n        },\n      })\n\n    return this.setState({\n      selectedElement: {\n        id: item.dataset.id,\n        position: parseFloat(item.dataset.position ?? '0'),\n      },\n    })\n  }\n\n  dragHandler = (\n    id: string | undefined,\n    hasGuideAbove: boolean,\n    hasGuideBelow: boolean,\n    position: number\n  ) => {\n    this.setState({\n      hoveredElement: {\n        id: id,\n        hasGuideAbove: hasGuideAbove,\n        hasGuideBelow: hasGuideBelow,\n        position: position,\n      },\n    })\n  }\n\n  dropOutsideHandler = (e: React.DragEvent<HTMLLIElement>) => {\n    const target = e.target,\n      parent: ParentNode =\n        (target as HTMLElement).parentNode ?? (target as HTMLElement),\n      scrollY: number = (parent.parentNode?.parentNode as HTMLElement)\n        .scrollTop,\n      parentRefTop: number = (parent as HTMLElement).offsetTop,\n      parentRefBottom: number =\n        parentRefTop + (parent as HTMLElement).clientHeight\n\n    if (e.pageY + scrollY < parentRefTop) this.orderHandler()\n    else if (e.pageY + scrollY > parentRefBottom) this.orderHandler()\n  }\n\n  removeHandler = (\n    e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>\n  ) => {\n    const { onChangeSortableList, data } = this.props\n    const duplicatedData = data.map((el) => el)\n    let id: string | null\n    const element: HTMLElement | null = (\n      e.currentTarget as HTMLElement\n    ).closest('.draggable-item')\n\n    element !== null ? (id = element.getAttribute('data-id')) : (id = null)\n\n    onChangeSortableList(duplicatedData.filter((item) => item.id !== id))\n  }\n\n  // Direct Actions\n  onScroll = (e: React.UIEvent<HTMLUListElement>) => {\n    const { isTopBorderEnabled } = this.props\n\n    e.preventDefault()\n    if (e.currentTarget.scrollTop > 0 && isTopBorderEnabled)\n      this.setState({ hasTopBorder: true })\n    else this.setState({ hasTopBorder: false })\n  }\n\n  // Render\n  render() {\n    const {\n      data,\n      canBeEmpty,\n      isBlocked,\n      primarySlot,\n      secondarySlot,\n      actionsSlot,\n      emptySlot,\n      helpers,\n      isScrollable,\n      onRemoveItem,\n      onRefoldOptions,\n    } = this.props\n    const { selectedElement, hoveredElement, hasTopBorder } = this.state\n\n    if (data.length === 0 && canBeEmpty)\n      return <div className=\"sortable-list\">{emptySlot}</div>\n    return (\n      <ul\n        className={doClassnames([\n          'sortable-list',\n          isScrollable && 'sortable-list--scrollable',\n          hasTopBorder && 'sortable-list--top-border',\n        ])}\n        onScroll={this.onScroll}\n        ref={this.listRef}\n      >\n        {data.map((item, index) => (\n          <DraggableItem\n            key={item.id}\n            id={item.id}\n            index={index}\n            canBeRemoved={\n              (data.length > 1 && !isBlocked) || (canBeEmpty && !isBlocked)\n            }\n            primarySlot={primarySlot[index]}\n            secondarySlot={secondarySlot ? secondarySlot[index] : undefined}\n            actionsSlot={actionsSlot ? actionsSlot[index] : undefined}\n            selected={selectedElement.id === item.id}\n            helpers={{\n              remove: helpers?.remove,\n              more: helpers?.more,\n            }}\n            guideAbove={\n              hoveredElement.id === item.id\n                ? hoveredElement.hasGuideAbove\n                : false\n            }\n            guideBelow={\n              hoveredElement.id === item.id\n                ? hoveredElement.hasGuideBelow\n                : false\n            }\n            isBlocked={isBlocked}\n            onCancelSelection={this.selectionHandler}\n            onRefoldOptions={onRefoldOptions}\n            onChangeOrder={this.orderHandler}\n            onRemove={onRemoveItem}\n            onChangeSelection={this.selectionHandler}\n            onDragChange={this.dragHandler}\n            onDropOutside={this.orderHandler}\n            aria-selected={selectedElement.id === item.id}\n          />\n        ))}\n      </ul>\n    )\n  }\n}\n"],"names":["SortableList","React","props","onChangeSortableList","data","selectedElement","hoveredElement","source","target","duplicatedData","el","position","sourceIndex","item","removedElement","id","hasGuideAbove","hasGuideBelow","parent","scrollY","parentRefTop","parentRefBottom","element","isTopBorderEnabled","canBeEmpty","isBlocked","primarySlot","secondarySlot","actionsSlot","emptySlot","helpers","isScrollable","onRemoveItem","onRefoldOptions","hasTopBorder","jsx","doClassnames","index","DraggableItem"],"mappings":"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"}
+{"version":3,"file":"SortableList.js","sources":["../../../../src/components/lists/sortable-list/SortableList.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport DraggableItem from '../draggable-item/DraggableItem'\nimport './sortable-list.scss'\n\ninterface SelectedColor {\n  id: string | undefined\n  position: number\n}\n\ninterface DefaultData {\n  id: string\n}\n\ninterface HoveredColor extends SelectedColor {\n  hasGuideAbove: boolean\n  hasGuideBelow: boolean\n}\n\nexport interface SortableListProps<T = DefaultData> {\n  /**\n   * Array of data items\n   */\n  data: Array<T>\n  /**\n   * Array of primary content nodes\n   */\n  primarySlot: Array<React.ReactNode>\n  /**\n   * Array of secondary content configurations\n   */\n  secondarySlot?: Array<{\n    /** Title for the secondary content */\n    title: string\n    /** Content node */\n    node: React.ReactNode\n  }>\n  /**\n   * Array of action button nodes\n   */\n  actionsSlot?: Array<React.ReactNode>\n  /**\n   * Content to display when list is empty\n   */\n  emptySlot?: React.ReactNode\n  /**\n   * Helper texts for buttons\n   */\n  helpers?: {\n    /** Helper for remove button */\n    remove?: string\n    /** Helper for more options button */\n    more?: string\n  }\n  /**\n   * Whether the list is scrollable\n   * @default false\n   */\n  isScrollable?: boolean\n  /**\n   * Whether to show a top border on scroll\n   * @default false\n   */\n  isTopBorderEnabled?: boolean\n  /**\n   * Whether the list can be empty\n   * @default true\n   */\n  canBeEmpty?: boolean\n  /**\n   * Whether the list is blocked\n   * @default false\n   */\n  isBlocked?: boolean\n  /**\n   * Change handler when list is reordered\n   */\n  onChangeSortableList: (data: Array<T>) => void\n  /**\n   * Remove item handler\n   */\n  onRemoveItem: React.MouseEventHandler<Element> &\n    React.KeyboardEventHandler<Element>\n  /**\n   * Refold options handler\n   */\n  onRefoldOptions: () => void\n}\n\nexport interface SortableListState {\n  selectedElement: SelectedColor\n  hoveredElement: HoveredColor\n  hasTopBorder: boolean\n}\n\nexport default class SortableList<T extends DefaultData> extends React.Component<\n  SortableListProps<T>,\n  SortableListState\n> {\n  private listRef: React.RefObject<HTMLUListElement>\n\n  static defaultProps: Partial<SortableListProps> = {\n    isScrollable: false,\n    isTopBorderEnabled: false,\n    canBeEmpty: true,\n    isBlocked: false,\n  }\n\n  constructor(props: SortableListProps<T>) {\n    super(props)\n    this.state = {\n      selectedElement: {\n        id: undefined,\n        position: 0,\n      },\n      hoveredElement: {\n        id: undefined,\n        hasGuideAbove: false,\n        hasGuideBelow: false,\n        position: 0,\n      },\n      hasTopBorder: false,\n    }\n    this.listRef = React.createRef()\n    this.handleClickOutside = this.handleClickOutside.bind(this)\n  }\n\n  // Lifecycle\n  componentDidMount = () =>\n    document.addEventListener('mousedown', this.handleClickOutside)\n\n  componentWillUnmount = () =>\n    document.removeEventListener('mousedown', this.handleClickOutside)\n\n  handleClickOutside = (e: Event) => {\n    if (this.listRef.current !== null)\n      if (\n        !this.listRef.current.contains(e.target as HTMLElement) ||\n        e.target === this.listRef.current\n      )\n        this.setState({\n          selectedElement: {\n            id: undefined,\n            position: 0,\n          },\n        })\n  }\n\n  // Handlers\n  orderHandler = () => {\n    const { onChangeSortableList, data } = this.props\n    const { selectedElement, hoveredElement } = this.state\n\n    const source: SelectedColor = selectedElement,\n      target: HoveredColor = hoveredElement,\n      duplicatedData = data.map((el) => el)\n\n    let position: number\n    const sourceIndex = duplicatedData.findIndex(\n      (item) => item.id === source.id\n    )\n\n    const [removedElement] = duplicatedData.splice(sourceIndex, 1)\n\n    if (target.hasGuideAbove && target.position > source.position)\n      position = target.position - 1\n    else if (target.hasGuideBelow && target.position > source.position)\n      position = target.position\n    else if (target.hasGuideAbove && target.position < source.position)\n      position = target.position\n    else if (target.hasGuideBelow && target.position < source.position)\n      position = target.position + 1\n    else position = target.position\n\n    duplicatedData.splice(position, 0, removedElement)\n\n    onChangeSortableList(duplicatedData)\n  }\n\n  selectionHandler: React.MouseEventHandler<HTMLLIElement> &\n    React.MouseEventHandler<Element> &\n    React.FocusEventHandler<HTMLInputElement> = (e) => {\n    const item = e.currentTarget as HTMLElement\n    const target = e.target as HTMLElement\n\n    if (\n      target.tagName === 'INPUT' ||\n      target.tagName === 'BUTTON' ||\n      target.tagName === 'TEXTAREA'\n    )\n      return this.setState({\n        selectedElement: {\n          id: undefined,\n          position: 0,\n        },\n      })\n\n    return this.setState({\n      selectedElement: {\n        id: item.dataset.id,\n        position: parseFloat(item.dataset.position ?? '0'),\n      },\n    })\n  }\n\n  dragHandler = (\n    id: string | undefined,\n    hasGuideAbove: boolean,\n    hasGuideBelow: boolean,\n    position: number\n  ) => {\n    this.setState({\n      hoveredElement: {\n        id: id,\n        hasGuideAbove: hasGuideAbove,\n        hasGuideBelow: hasGuideBelow,\n        position: position,\n      },\n    })\n  }\n\n  dropOutsideHandler = (e: React.DragEvent<HTMLLIElement>) => {\n    const target = e.target,\n      parent: ParentNode =\n        (target as HTMLElement).parentNode ?? (target as HTMLElement),\n      scrollY: number = (parent.parentNode?.parentNode as HTMLElement)\n        .scrollTop,\n      parentRefTop: number = (parent as HTMLElement).offsetTop,\n      parentRefBottom: number =\n        parentRefTop + (parent as HTMLElement).clientHeight\n\n    if (e.pageY + scrollY < parentRefTop) this.orderHandler()\n    else if (e.pageY + scrollY > parentRefBottom) this.orderHandler()\n  }\n\n  removeHandler = (\n    e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>\n  ) => {\n    const { onChangeSortableList, data } = this.props\n    const duplicatedData = data.map((el) => el)\n    let id: string | null\n    const element: HTMLElement | null = (\n      e.currentTarget as HTMLElement\n    ).closest('.draggable-item')\n\n    element !== null ? (id = element.getAttribute('data-id')) : (id = null)\n\n    onChangeSortableList(duplicatedData.filter((item) => item.id !== id))\n  }\n\n  // Direct Actions\n  onScroll = (e: React.UIEvent<HTMLUListElement>) => {\n    const { isTopBorderEnabled } = this.props\n\n    e.preventDefault()\n    if (e.currentTarget.scrollTop > 0 && isTopBorderEnabled)\n      this.setState({ hasTopBorder: true })\n    else this.setState({ hasTopBorder: false })\n  }\n\n  // Render\n  render() {\n    const {\n      data,\n      canBeEmpty,\n      isBlocked,\n      primarySlot,\n      secondarySlot,\n      actionsSlot,\n      emptySlot,\n      helpers,\n      isScrollable,\n      onRemoveItem,\n      onRefoldOptions,\n    } = this.props\n    const { selectedElement, hoveredElement, hasTopBorder } = this.state\n\n    if (data.length === 0 && canBeEmpty)\n      return <div className=\"sortable-list\">{emptySlot}</div>\n    return (\n      <ul\n        className={doClassnames([\n          'sortable-list',\n          isScrollable && 'sortable-list--scrollable',\n          hasTopBorder && 'sortable-list--top-border',\n        ])}\n        onScroll={this.onScroll}\n        ref={this.listRef}\n      >\n        {data.map((item, index) => (\n          <DraggableItem\n            key={item.id}\n            id={item.id}\n            index={index}\n            canBeRemoved={\n              (data.length > 1 && !isBlocked) || (canBeEmpty && !isBlocked)\n            }\n            primarySlot={primarySlot[index]}\n            secondarySlot={secondarySlot ? secondarySlot[index] : undefined}\n            actionsSlot={actionsSlot ? actionsSlot[index] : undefined}\n            selected={selectedElement.id === item.id}\n            helpers={{\n              remove: helpers?.remove,\n              more: helpers?.more,\n            }}\n            guideAbove={\n              hoveredElement.id === item.id\n                ? hoveredElement.hasGuideAbove\n                : false\n            }\n            guideBelow={\n              hoveredElement.id === item.id\n                ? hoveredElement.hasGuideBelow\n                : false\n            }\n            isBlocked={isBlocked}\n            onCancelSelection={this.selectionHandler}\n            onRefoldOptions={onRefoldOptions}\n            onChangeOrder={this.orderHandler}\n            onRemove={onRemoveItem}\n            onChangeSelection={this.selectionHandler}\n            onDragChange={this.dragHandler}\n            onDropOutside={this.orderHandler}\n            aria-selected={selectedElement.id === item.id}\n          />\n        ))}\n      </ul>\n    )\n  }\n}\n"],"names":["SortableList","React","props","onChangeSortableList","data","selectedElement","hoveredElement","source","target","duplicatedData","el","position","sourceIndex","item","removedElement","id","hasGuideAbove","hasGuideBelow","parent","scrollY","parentRefTop","parentRefBottom","element","isTopBorderEnabled","canBeEmpty","isBlocked","primarySlot","secondarySlot","actionsSlot","emptySlot","helpers","isScrollable","onRemoveItem","onRefoldOptions","hasTopBorder","jsx","doClassnames","index","DraggableItem"],"mappings":"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"}

package/dist/components/lists/tabs/Tabs.d.ts

@@ -1,5 +1,4 @@
 import { IconList } from '../../../types/icon.types';
-
 export interface TabsProps {
     /**
      * Array of tab configurations

package/dist/components/lists/tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/lists/tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,CAAA;AAGpB,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAM1C,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC;QACV,gBAAgB;QAChB,KAAK,EAAE,MAAM,CAAA;QACb,oBAAoB;QACpB,EAAE,EAAE,MAAM,CAAA;QACV,oBAAoB;QACpB,IAAI,CAAC,EAAE;YACL,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;YACxB,IAAI,EAAE,QAAQ,CAAA;SACf,CAAA;QACD,mCAAmC;QACnC,SAAS,EAAE,OAAO,CAAA;QAClB,oCAAoC;QACpC,KAAK,CAAC,EAAE,OAAO,CAAA;KAChB,CAAC,CAAA;IACF;;OAEG;IACH,MAAM,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACrC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAA;CAC7D;AAED,QAAA,MAAM,IAAI,UAAW,SAAS,mDA2K7B,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/lists/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAGpB,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAM1C,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC;QACV,gBAAgB;QAChB,KAAK,EAAE,MAAM,CAAA;QACb,oBAAoB;QACpB,EAAE,EAAE,MAAM,CAAA;QACV,oBAAoB;QACpB,IAAI,CAAC,EAAE;YACL,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;YACxB,IAAI,EAAE,QAAQ,CAAA;SACf,CAAA;QACD,mCAAmC;QACnC,SAAS,EAAE,OAAO,CAAA;QAClB,oCAAoC;QACpC,KAAK,CAAC,EAAE,OAAO,CAAA;KAChB,CAAC,CAAA;IACF;;OAEG;IACH,MAAM,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACrC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAA;CAC7D;AAED,QAAA,MAAM,IAAI,GAAI,OAAO,SAAS,mDA2K7B,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/components/slots/bar/Bar.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export interface BarProps {
     /**
      * HTML id attribute
@@ -54,10 +53,15 @@ export interface BarProps {
      * @default false
      */
     shouldReflow?: boolean;
+    /**
+     * Whether to use a vertical (column) layout
+     * @default false
+     */
+    isVertical?: boolean;
 }
 export default class Bar extends React.Component<BarProps> {
     static defaultProps: Partial<BarProps>;
-    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 | null;

package/dist/components/slots/bar/Bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Bar.d.ts","sourceRoot":"","sources":["../../../../src/components/slots/bar/Bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,YAAY,CAAA;AAEnB,MAAM,WAAW,QAAQ;IACvB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACxC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACxC;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACzC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;IACnD;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC,CAAA;IACvC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,MAAM,CAAC,OAAO,OAAO,GAAI,SAAQ,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC;IACxD,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,QAAQ,CAAC,CAMrC;IAED,SAAS,gBACM,MAAM,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC,GAAG,SAAS;;MAcpE;IAED,MAAM;CA+EP"}
+{"version":3,"file":"Bar.d.ts","sourceRoot":"","sources":["../../../../src/components/slots/bar/Bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,YAAY,CAAA;AAEnB,MAAM,WAAW,QAAQ;IACvB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACxC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACxC;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACzC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;IACnD;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC,CAAA;IACvC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,CAAC,OAAO,OAAO,GAAI,SAAQ,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC;IACxD,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,QAAQ,CAAC,CAOrC;IAED,SAAS,GACP,aAAa,KAAK,CAAC,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC,GAAG,SAAS;;MAcpE;IAED,MAAM;CAiFP"}

package/dist/components/slots/bar/Bar.js

@@ -1,19 +1,20 @@
 import '../../../assets/Bar.css';
-import { jsx as t, jsxs as v } from "react/jsx-runtime";
-import T from "react";
-import { t as g } from "../../../do-classnames-DSDFCvzy.js";
-class C extends T.Component {
+import { jsx as t, jsxs as T } from "react/jsx-runtime";
+import g from "react";
+import { t as x } from "../../../do-classnames-DSDFCvzy.js";
+class N extends g.Component {
   static defaultProps = {
     isCompact: !1,
     isOnlyText: !1,
     isInverted: !1,
     isCentered: !1,
-    shouldReflow: !1
+    shouldReflow: !1,
+    isVertical: !1
   };
   setBorder = (s) => {
     const e = "var(--bar-border-width) solid var(--bar-border-color)", r = {};
-    return s && s.forEach((o) => {
-      o === "TOP" && (r.borderTop = e), o === "LEFT" && (r.borderLeft = e), o === "BOTTOM" && (r.borderBottom = e), o === "RIGHT" && (r.borderRight = e);
+    return s && s.forEach((l) => {
+      l === "TOP" && (r.borderTop = e), l === "LEFT" && (r.borderLeft = e), l === "BOTTOM" && (r.borderBottom = e), l === "RIGHT" && (r.borderRight = e);
     }), r;
   };
   render() {
@@ -21,27 +22,29 @@ class C extends T.Component {
       id: s,
       isCompact: e,
       isOnlyText: r,
-      isInverted: o,
+      isInverted: l,
       isCentered: p,
       shouldReflow: h,
+      isVertical: u,
       border: c,
       padding: n,
-      clip: l,
+      clip: o,
       leftPartSlot: a,
       soloPartSlot: i,
       rightPartSlot: d
-    } = this.props, f = i != null, u = a != null, m = d != null;
-    if (!f && !u && !m) return null;
-    const b = g([
+    } = this.props, f = i != null, m = a != null, v = d != null;
+    if (!f && !m && !v) return null;
+    const b = x([
       "bar",
       e && "bar--compact",
       r && "bar--text-only",
-      o && "bar--inverted",
+      l && "bar--inverted",
       p && "bar--centered",
       h && "bar--reflow",
-      l && l.includes("LEFT") && "bar--clip-left",
-      l && l.includes("RIGHT") && "bar--clip-right",
-      l && l.includes("SOLO") && "bar--clip-solo"
+      u && "bar--vertical",
+      o && o.includes("LEFT") && "bar--clip-left",
+      o && o.includes("RIGHT") && "bar--clip-right",
+      o && o.includes("SOLO") && "bar--clip-solo"
     ]);
     return f ? /* @__PURE__ */ t(
       "div",
@@ -62,7 +65,7 @@ class C extends T.Component {
           }
         )
       }
-    ) : /* @__PURE__ */ v(
+    ) : /* @__PURE__ */ T(
       "div",
       {
         id: s,
@@ -95,6 +98,6 @@ class C extends T.Component {
   }
 }
 export {
-  C as default
+  N as default
 };
 //# sourceMappingURL=Bar.js.map

package/dist/components/slots/bar/Bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bar.js","sources":["../../../../src/components/slots/bar/Bar.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport './bar.scss'\n\nexport interface BarProps {\n  /**\n   * HTML id attribute\n   */\n  id?: string\n  /**\n   * Content for the left section\n   */\n  leftPartSlot?: React.ReactElement | null\n  /**\n   * Content for the center section (when used alone)\n   */\n  soloPartSlot?: React.ReactElement | null\n  /**\n   * Content for the right section\n   */\n  rightPartSlot?: React.ReactElement | null\n  /**\n   * Array of border positions\n   */\n  border?: Array<'TOP' | 'LEFT' | 'BOTTOM' | 'RIGHT'>\n  /**\n   * Array of clip positions (for visual effects)\n   */\n  clip?: Array<'LEFT' | 'RIGHT' | 'SOLO'>\n  /**\n   * Custom padding value\n   */\n  padding?: string\n  /**\n   * Whether to use compact spacing\n   * @default false\n   */\n  isCompact?: boolean\n  /**\n   * Whether the bar contains only text\n   * @default false\n   */\n  isOnlyText?: boolean\n  /**\n   * Whether to use inverted color scheme\n   * @default false\n   */\n  isInverted?: boolean\n  /**\n   * Whether to center the content\n   * @default false\n   */\n  isCentered?: boolean\n  /**\n   * Whether to reflow on small screens\n   * @default false\n   */\n  shouldReflow?: boolean\n}\n\nexport default class Bar extends React.Component<BarProps> {\n  static defaultProps: Partial<BarProps> = {\n    isCompact: false,\n    isOnlyText: false,\n    isInverted: false,\n    isCentered: false,\n    shouldReflow: false,\n  }\n\n  setBorder = (\n    orientation: Array<'TOP' | 'LEFT' | 'BOTTOM' | 'RIGHT'> | undefined\n  ) => {\n    const property =\n      'var(--bar-border-width) solid var(--bar-border-color)' 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 {\n      id,\n      isCompact,\n      isOnlyText,\n      isInverted,\n      isCentered,\n      shouldReflow,\n      border,\n      padding,\n      clip,\n      leftPartSlot,\n      soloPartSlot,\n      rightPartSlot,\n    } = this.props\n\n    const hasValidSolo = soloPartSlot !== undefined && soloPartSlot !== null\n    const hasValidLeft = leftPartSlot !== undefined && leftPartSlot !== null\n    const hasValidRight = rightPartSlot !== undefined && rightPartSlot !== null\n\n    if (!hasValidSolo && !hasValidLeft && !hasValidRight) return null\n\n    const barClassName = doClassnames([\n      'bar',\n      isCompact && 'bar--compact',\n      isOnlyText && 'bar--text-only',\n      isInverted && 'bar--inverted',\n      isCentered && 'bar--centered',\n      shouldReflow && 'bar--reflow',\n      clip && clip.includes('LEFT') && 'bar--clip-left',\n      clip && clip.includes('RIGHT') && 'bar--clip-right',\n      clip && clip.includes('SOLO') && 'bar--clip-solo',\n    ])\n\n    if (hasValidSolo)\n      return (\n        <div\n          id={id}\n          className={barClassName}\n          style={{\n            ...this.setBorder(border),\n            padding: padding,\n          }}\n          role=\"toolbar\"\n        >\n          <div\n            className=\"bar__solo\"\n            role=\"group\"\n          >\n            {soloPartSlot}\n          </div>\n        </div>\n      )\n\n    return (\n      <div\n        id={id}\n        className={barClassName}\n        style={{\n          ...this.setBorder(border),\n          padding: padding,\n        }}\n        role=\"toolbar\"\n      >\n        <div\n          className=\"bar__left\"\n          role=\"group\"\n        >\n          {leftPartSlot}\n        </div>\n        <div\n          className=\"bar__right\"\n          role=\"group\"\n        >\n          {rightPartSlot}\n        </div>\n      </div>\n    )\n  }\n}\n"],"names":["Bar","React","orientation","property","styles","entry","id","isCompact","isOnlyText","isInverted","isCentered","shouldReflow","border","padding","clip","leftPartSlot","soloPartSlot","rightPartSlot","hasValidSolo","hasValidLeft","hasValidRight","barClassName","doClassnames","jsx","jsxs"],"mappings":";;;AA4DA,MAAqBA,UAAYC,EAAM,UAAoB;AAAA,EACzD,OAAO,eAAkC;AAAA,IACvC,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc;AAAA,EAAA;AAAA,EAGhB,YAAY,CACVC,MACG;AACH,UAAMC,IACJ,yDACIC,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;AAAA,MACJ,IAAAE;AAAA,MACA,WAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,QAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,eAAAC;AAAA,IAAA,IACE,KAAK,OAEHC,IAA6CF,KAAiB,MAC9DG,IAA6CJ,KAAiB,MAC9DK,IAA+CH,KAAkB;AAEvE,QAAI,CAACC,KAAgB,CAACC,KAAgB,CAACC,EAAe,QAAO;AAE7D,UAAMC,IAAeC,EAAa;AAAA,MAChC;AAAA,MACAf,KAAa;AAAA,MACbC,KAAc;AAAA,MACdC,KAAc;AAAA,MACdC,KAAc;AAAA,MACdC,KAAgB;AAAA,MAChBG,KAAQA,EAAK,SAAS,MAAM,KAAK;AAAA,MACjCA,KAAQA,EAAK,SAAS,OAAO,KAAK;AAAA,MAClCA,KAAQA,EAAK,SAAS,MAAM,KAAK;AAAA,IAAA,CAClC;AAED,WAAII,IAEA,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAjB;AAAA,QACA,WAAWe;AAAA,QACX,OAAO;AAAA,UACL,GAAG,KAAK,UAAUT,CAAM;AAAA,UACxB,SAAAC;AAAA,QAAA;AAAA,QAEF,MAAK;AAAA,QAEL,UAAA,gBAAAU;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEJ,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA,IAKJ,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAlB;AAAA,QACA,WAAWe;AAAA,QACX,OAAO;AAAA,UACL,GAAG,KAAK,UAAUT,CAAM;AAAA,UACxB,SAAAC;AAAA,QAAA;AAAA,QAEF,MAAK;AAAA,QAEL,UAAA;AAAA,UAAA,gBAAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAAR;AAAA,YAAA;AAAA,UAAA;AAAA,UAEH,gBAAAQ;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAAN;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"Bar.js","sources":["../../../../src/components/slots/bar/Bar.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport './bar.scss'\n\nexport interface BarProps {\n  /**\n   * HTML id attribute\n   */\n  id?: string\n  /**\n   * Content for the left section\n   */\n  leftPartSlot?: React.ReactElement | null\n  /**\n   * Content for the center section (when used alone)\n   */\n  soloPartSlot?: React.ReactElement | null\n  /**\n   * Content for the right section\n   */\n  rightPartSlot?: React.ReactElement | null\n  /**\n   * Array of border positions\n   */\n  border?: Array<'TOP' | 'LEFT' | 'BOTTOM' | 'RIGHT'>\n  /**\n   * Array of clip positions (for visual effects)\n   */\n  clip?: Array<'LEFT' | 'RIGHT' | 'SOLO'>\n  /**\n   * Custom padding value\n   */\n  padding?: string\n  /**\n   * Whether to use compact spacing\n   * @default false\n   */\n  isCompact?: boolean\n  /**\n   * Whether the bar contains only text\n   * @default false\n   */\n  isOnlyText?: boolean\n  /**\n   * Whether to use inverted color scheme\n   * @default false\n   */\n  isInverted?: boolean\n  /**\n   * Whether to center the content\n   * @default false\n   */\n  isCentered?: boolean\n  /**\n   * Whether to reflow on small screens\n   * @default false\n   */\n  shouldReflow?: boolean\n  /**\n   * Whether to use a vertical (column) layout\n   * @default false\n   */\n  isVertical?: boolean\n}\n\nexport default class Bar extends React.Component<BarProps> {\n  static defaultProps: Partial<BarProps> = {\n    isCompact: false,\n    isOnlyText: false,\n    isInverted: false,\n    isCentered: false,\n    shouldReflow: false,\n    isVertical: false,\n  }\n\n  setBorder = (\n    orientation: Array<'TOP' | 'LEFT' | 'BOTTOM' | 'RIGHT'> | undefined\n  ) => {\n    const property =\n      'var(--bar-border-width) solid var(--bar-border-color)' 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 {\n      id,\n      isCompact,\n      isOnlyText,\n      isInverted,\n      isCentered,\n      shouldReflow,\n      isVertical,\n      border,\n      padding,\n      clip,\n      leftPartSlot,\n      soloPartSlot,\n      rightPartSlot,\n    } = this.props\n\n    const hasValidSolo = soloPartSlot !== undefined && soloPartSlot !== null\n    const hasValidLeft = leftPartSlot !== undefined && leftPartSlot !== null\n    const hasValidRight = rightPartSlot !== undefined && rightPartSlot !== null\n\n    if (!hasValidSolo && !hasValidLeft && !hasValidRight) return null\n\n    const barClassName = doClassnames([\n      'bar',\n      isCompact && 'bar--compact',\n      isOnlyText && 'bar--text-only',\n      isInverted && 'bar--inverted',\n      isCentered && 'bar--centered',\n      shouldReflow && 'bar--reflow',\n      isVertical && 'bar--vertical',\n      clip && clip.includes('LEFT') && 'bar--clip-left',\n      clip && clip.includes('RIGHT') && 'bar--clip-right',\n      clip && clip.includes('SOLO') && 'bar--clip-solo',\n    ])\n\n    if (hasValidSolo)\n      return (\n        <div\n          id={id}\n          className={barClassName}\n          style={{\n            ...this.setBorder(border),\n            padding: padding,\n          }}\n          role=\"toolbar\"\n        >\n          <div\n            className=\"bar__solo\"\n            role=\"group\"\n          >\n            {soloPartSlot}\n          </div>\n        </div>\n      )\n\n    return (\n      <div\n        id={id}\n        className={barClassName}\n        style={{\n          ...this.setBorder(border),\n          padding: padding,\n        }}\n        role=\"toolbar\"\n      >\n        <div\n          className=\"bar__left\"\n          role=\"group\"\n        >\n          {leftPartSlot}\n        </div>\n        <div\n          className=\"bar__right\"\n          role=\"group\"\n        >\n          {rightPartSlot}\n        </div>\n      </div>\n    )\n  }\n}\n"],"names":["Bar","React","orientation","property","styles","entry","id","isCompact","isOnlyText","isInverted","isCentered","shouldReflow","isVertical","border","padding","clip","leftPartSlot","soloPartSlot","rightPartSlot","hasValidSolo","hasValidLeft","hasValidRight","barClassName","doClassnames","jsx","jsxs"],"mappings":";;;AAiEA,MAAqBA,UAAYC,EAAM,UAAoB;AAAA,EACzD,OAAO,eAAkC;AAAA,IACvC,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,YAAY;AAAA,EAAA;AAAA,EAGd,YAAY,CACVC,MACG;AACH,UAAMC,IACJ,yDACIC,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;AAAA,MACJ,IAAAE;AAAA,MACA,WAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,QAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,eAAAC;AAAA,IAAA,IACE,KAAK,OAEHC,IAA6CF,KAAiB,MAC9DG,IAA6CJ,KAAiB,MAC9DK,IAA+CH,KAAkB;AAEvE,QAAI,CAACC,KAAgB,CAACC,KAAgB,CAACC,EAAe,QAAO;AAE7D,UAAMC,IAAeC,EAAa;AAAA,MAChC;AAAA,MACAhB,KAAa;AAAA,MACbC,KAAc;AAAA,MACdC,KAAc;AAAA,MACdC,KAAc;AAAA,MACdC,KAAgB;AAAA,MAChBC,KAAc;AAAA,MACdG,KAAQA,EAAK,SAAS,MAAM,KAAK;AAAA,MACjCA,KAAQA,EAAK,SAAS,OAAO,KAAK;AAAA,MAClCA,KAAQA,EAAK,SAAS,MAAM,KAAK;AAAA,IAAA,CAClC;AAED,WAAII,IAEA,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAlB;AAAA,QACA,WAAWgB;AAAA,QACX,OAAO;AAAA,UACL,GAAG,KAAK,UAAUT,CAAM;AAAA,UACxB,SAAAC;AAAA,QAAA;AAAA,QAEF,MAAK;AAAA,QAEL,UAAA,gBAAAU;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEJ,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA,IAKJ,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAnB;AAAA,QACA,WAAWgB;AAAA,QACX,OAAO;AAAA,UACL,GAAG,KAAK,UAAUT,CAAM;AAAA,UACxB,SAAAC;AAAA,QAAA;AAAA,QAEF,MAAK;AAAA,QAEL,UAAA;AAAA,UAAA,gBAAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAAR;AAAA,YAAA;AAAA,UAAA;AAAA,UAEH,gBAAAQ;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAAN;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/components/slots/draggable-window/DraggableWindow.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { default as Button } from '../../actions/button/Button';
-
 export interface DraggableWindowProps {
     /**
      * Title of the window

package/dist/components/slots/draggable-window/DraggableWindow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableWindow.d.ts","sourceRoot":"","sources":["../../../../src/components/slots/draggable-window/DraggableWindow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAG1D,OAAO,MAAM,MAAM,mCAAmC,CAAA;AAGtD,OAAO,yBAAyB,CAAA;AAEhC,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;IACnC;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,QAAA,MAAM,eAAe,UAAW,oBAAoB,4CA2GnD,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"DraggableWindow.d.ts","sourceRoot":"","sources":["../../../../src/components/slots/draggable-window/DraggableWindow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAG1D,OAAO,MAAM,MAAM,mCAAmC,CAAA;AAGtD,OAAO,yBAAyB,CAAA;AAEhC,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;IACnC;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,4CA2GnD,CAAA;AAED,eAAe,eAAe,CAAA"}

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/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/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/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/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/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/simple-item/SimpleItem.d.ts

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

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/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 '@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 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;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,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"}