@apia/components 3.0.1 → 3.0.6

package/dist/components/SortableList/SortableListHandler.js

@@ -1,161 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import { EventEmitter, useSubscription } from '@apia/util';
-import { createContext, useMemo, useContext, Children, isValidElement, useRef, useCallback } from 'react';
-import { Box } from '@apia/theme';
-
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateSet = (obj, member, value, setter) => {
-  __accessCheck(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
-  return value;
-};
-var _emitter, _items, _moveItem;
-function getTargetItem(ev) {
-  return ev.target.closest(
-    ".sortableList__item"
-  );
-}
-class SortableListHandler {
-  constructor() {
-    __privateAdd(this, _emitter, new EventEmitter());
-    __privateAdd(this, _items, []);
-    __publicField(this, "updateChildren", (items) => {
-      __privateSet(this, _items, Children.toArray(items).filter(
-        (el) => isValidElement(el)
-      ));
-    });
-    __privateAdd(this, _moveItem, (movingId, idBefore, after) => {
-      if (movingId === idBefore)
-        return;
-      const itemIndex = __privateGet(this, _items).findIndex(
-        (search) => search.props.id === movingId
-      );
-      const item = __privateGet(this, _items).splice(itemIndex, 1)[0];
-      const insertIndex = __privateGet(this, _items).findIndex(
-        (search) => search.props.id === idBefore
-      );
-      __privateGet(this, _items).splice(insertIndex + (after ? 1 : 0), 0, item);
-      __privateGet(this, _emitter).emit("sort", null);
-    });
-    __publicField(this, "useItemEvents", () => {
-      const unsuscribe = useRef(() => {
-      });
-      const ref = useCallback((el) => {
-        unsuscribe.current();
-        if (el) {
-          const handleDragEnd = (ev) => {
-            getTargetItem(ev).classList.remove("dragging");
-          };
-          const handleDrop = (ev) => {
-            const target = getTargetItem(ev);
-            __privateGet(this, _moveItem).call(this, ev.dataTransfer.getData("text"), target.id, target.classList.contains("after"));
-            target.classList.remove("dragover");
-            target.classList.remove("after");
-          };
-          const handleDragLeave = (ev) => {
-            getTargetItem(ev).classList.remove("dragover");
-          };
-          const handleDragOver = (ev) => {
-            ev.preventDefault();
-            ev.dataTransfer.dropEffect = "move";
-            getTargetItem(ev).classList.add("dragover");
-            const bounding = getTargetItem(ev).getBoundingClientRect();
-            if (ev.clientY - bounding.top > bounding.height / 2)
-              getTargetItem(ev).classList.add("after");
-            else
-              getTargetItem(ev).classList.remove("after");
-          };
-          document.addEventListener("dragend", handleDragEnd);
-          el.addEventListener("drop", handleDrop);
-          el.addEventListener("dragleave", handleDragLeave);
-          el.addEventListener("dragover", handleDragOver);
-          unsuscribe.current = () => {
-            document.removeEventListener("dragend", handleDragEnd);
-            el.removeEventListener("drop", handleDrop);
-            el.removeEventListener("dragleave", handleDragLeave);
-            el.removeEventListener("dragover", handleDragOver);
-          };
-        }
-      }, []);
-      return ref;
-    });
-    __publicField(this, "useSortChange", (onSortChange) => {
-      useSubscription({
-        makeSubscription: () => {
-          return __privateGet(this, _emitter).on("sort", () => {
-            onSortChange?.([...__privateGet(this, _items)]);
-          });
-        }
-      });
-    });
-    __publicField(this, "useWrapperEvents", () => {
-      const unsuscribe = useRef(() => {
-      });
-      const ref = useCallback((el) => {
-        unsuscribe.current();
-        if (el) {
-          let handleDrag2 = function(ev) {
-            const target = ev.target;
-            if (ev.dataTransfer) {
-              ev.dataTransfer.effectAllowed = "all";
-              ev.dataTransfer.setData("text", target.id);
-              target.classList.add("dragging");
-            }
-          };
-          el.addEventListener("dragstart", handleDrag2);
-          unsuscribe.current = () => {
-            el.removeEventListener("dragstart", handleDrag2);
-          };
-        }
-      }, []);
-      return ref;
-    });
-  }
-}
-_emitter = new WeakMap();
-_items = new WeakMap();
-_moveItem = new WeakMap();
-const con = createContext({});
-const SortableListContext = ({
-  boxProps,
-  children,
-  onSortChange
-}) => {
-  const handler = useMemo(() => new SortableListHandler(), []);
-  handler.useSortChange(onSortChange);
-  handler.updateChildren(children);
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      ...boxProps,
-      as: boxProps?.as ?? "ul",
-      className: `sortableList ${boxProps?.className ?? ""}`,
-      ref: handler.useWrapperEvents(),
-      children: /* @__PURE__ */ jsx(con.Provider, { value: handler, children })
-    }
-  );
-};
-function useSortableListHandler() {
-  return useContext(con);
-}
-
-export { SortableListContext, SortableListHandler, useSortableListHandler };
-//# sourceMappingURL=SortableListHandler.js.map

package/dist/components/SortableList/SortableListHandler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SortableListHandler.js","sources":["../../../src/components/SortableList/SortableListHandler.tsx"],"sourcesContent":["import { EventEmitter } from '@apia/util';\nimport {\n  Children,\n  ReactElement,\n  ReactNode,\n  createContext,\n  isValidElement,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useSubscription } from '@apia/util';\nimport { Box, BoxProps } from '@apia/theme';\nimport { TSortableListItem } from './SortableListItem';\n\ntype THover = { id: string; after: boolean };\n\nfunction getTargetItem(ev: Event) {\n  return (ev.target as HTMLElement).closest(\n    '.sortableList__item',\n  ) as HTMLElement;\n}\n\nexport class SortableListHandler {\n  #emitter = new EventEmitter<{ hover: THover; sort: null }>();\n\n  #items: ReactElement<{ id: string }>[] = [];\n\n  updateChildren = (items: ReactNode) => {\n    this.#items = Children.toArray(items).filter((el): el is ReactElement =>\n      isValidElement(el),\n    );\n  };\n\n  #moveItem = (movingId: string, idBefore: string, after: boolean) => {\n    if (movingId === idBefore) return;\n\n    const itemIndex = this.#items.findIndex(\n      (search) => search.props.id === movingId,\n    );\n    const item = this.#items.splice(itemIndex, 1)![0]!;\n    const insertIndex = this.#items.findIndex(\n      (search) => search.props.id === idBefore,\n    );\n\n    this.#items.splice(insertIndex + (after ? 1 : 0), 0, item);\n    this.#emitter.emit('sort', null);\n  };\n\n  useItemEvents = () => {\n    const unsuscribe = useRef(() => {});\n    const ref = useCallback((el: HTMLElement) => {\n      unsuscribe.current();\n\n      if (el) {\n        const handleDragEnd = (ev: DragEvent) => {\n          getTargetItem(ev).classList.remove('dragging');\n        };\n\n        const handleDrop = (ev: DragEvent) => {\n          const target = getTargetItem(ev);\n\n          this.#moveItem(\n            ev.dataTransfer!.getData('text'),\n            target.id,\n            target.classList.contains('after'),\n          );\n\n          target.classList.remove('dragover');\n          target.classList.remove('after');\n        };\n\n        const handleDragLeave = (ev: DragEvent) => {\n          getTargetItem(ev).classList.remove('dragover');\n        };\n\n        const handleDragOver = (ev: DragEvent) => {\n          ev.preventDefault();\n          // eslint-disable-next-line no-param-reassign\n          ev.dataTransfer!.dropEffect = 'move';\n          getTargetItem(ev).classList.add('dragover');\n\n          const bounding = getTargetItem(ev).getBoundingClientRect();\n          if (ev.clientY - bounding.top > bounding.height / 2)\n            getTargetItem(ev).classList.add('after');\n          else getTargetItem(ev).classList.remove('after');\n        };\n\n        document.addEventListener('dragend', handleDragEnd);\n        el.addEventListener('drop', handleDrop);\n        el.addEventListener('dragleave', handleDragLeave);\n        el.addEventListener('dragover', handleDragOver);\n\n        unsuscribe.current = () => {\n          document.removeEventListener('dragend', handleDragEnd);\n          el.removeEventListener('drop', handleDrop);\n          el.removeEventListener('dragleave', handleDragLeave);\n          el.removeEventListener('dragover', handleDragOver);\n        };\n      }\n    }, []);\n\n    return ref;\n  };\n\n  useSortChange = (onSortChange?: (items: ReactElement[]) => unknown) => {\n    useSubscription({\n      makeSubscription: () => {\n        return this.#emitter.on('sort', () => {\n          onSortChange?.([...this.#items]);\n        });\n      },\n    });\n  };\n\n  useWrapperEvents = () => {\n    const unsuscribe = useRef(() => {});\n    const ref = useCallback((el: HTMLElement) => {\n      unsuscribe.current();\n\n      if (el) {\n        function handleDrag(ev: DragEvent) {\n          const target = ev.target as HTMLElement;\n\n          if (ev.dataTransfer) {\n            // eslint-disable-next-line no-param-reassign\n            ev.dataTransfer.effectAllowed = 'all';\n            ev.dataTransfer.setData('text', target.id);\n            target.classList.add('dragging');\n          }\n        }\n\n        el.addEventListener('dragstart', handleDrag);\n\n        unsuscribe.current = () => {\n          el.removeEventListener('dragstart', handleDrag);\n        };\n      }\n    }, []);\n\n    return ref;\n  };\n}\n\nconst con = createContext<SortableListHandler>({} as SortableListHandler);\n\nexport const SortableListContext = ({\n  boxProps,\n  children,\n  onSortChange,\n}: {\n  boxProps?: BoxProps;\n  children: ReactNode;\n  onSortChange?: (items: ReactElement<TSortableListItem>[]) => unknown;\n}) => {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const handler = useMemo(() => new SortableListHandler(), []);\n  handler.useSortChange(onSortChange);\n  handler.updateChildren(children);\n\n  return (\n    <Box\n      {...boxProps}\n      as={boxProps?.as ?? 'ul'}\n      className={`sortableList ${boxProps?.className ?? ''}`}\n      ref={handler.useWrapperEvents()}\n    >\n      <con.Provider value={handler}>{children}</con.Provider>\n    </Box>\n  );\n};\n\nexport function useSortableListHandler() {\n  return useContext(con);\n}\n\nexport type { TSortableListItem };\n"],"names":["handleDrag"],"mappings":"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"}

package/dist/components/SortableList/SortableListItem.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { ReactNode } from 'react';
-import { BoxProps } from '@apia/theme';
-
-type TSortableListItem = {
-    additionalProps?: any;
-    boxProps?: Omit<BoxProps, 'id'>;
-    id: string;
-    children: ReactNode;
-};
-declare const SortableListItem: React.MemoExoticComponent<({ boxProps, id, children }: TSortableListItem) => React.JSX.Element>;
-
-export { SortableListItem, type TSortableListItem };
-//# sourceMappingURL=SortableListItem.d.ts.map

package/dist/components/SortableList/SortableListItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SortableListItem.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/SortableList/SortableListItem.js

@@ -1,24 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import { Box } from '@apia/theme';
-import { memo } from 'react';
-import { useSortableListHandler } from './SortableListHandler.js';
-
-const SortableListItem = memo(
-  ({ boxProps, id, children }) => {
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        ...boxProps,
-        as: boxProps?.as ?? "li",
-        className: `sortableList__item ${boxProps?.className ?? ""}`,
-        draggable: true,
-        id,
-        ref: useSortableListHandler().useItemEvents(),
-        children
-      }
-    );
-  }
-);
-
-export { SortableListItem };
-//# sourceMappingURL=SortableListItem.js.map

package/dist/components/SortableList/SortableListItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SortableListItem.js","sources":["../../../src/components/SortableList/SortableListItem.tsx"],"sourcesContent":["import { Box, BoxProps } from '@apia/theme';\nimport { ReactNode, memo } from 'react';\nimport { useSortableListHandler } from './SortableListHandler';\n\nexport type TSortableListItem = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  additionalProps?: any;\n  boxProps?: Omit<BoxProps, 'id'>;\n  id: string;\n  children: ReactNode;\n};\n\nexport const SortableListItem = memo(\n  ({ boxProps, id, children }: TSortableListItem) => {\n    return (\n      <Box\n        {...boxProps}\n        as={boxProps?.as ?? 'li'}\n        className={`sortableList__item ${boxProps?.className ?? ''}`}\n        draggable\n        id={id}\n        ref={useSortableListHandler().useItemEvents()}\n      >\n        {children}\n      </Box>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;AAYO,MAAM,gBAAmB,GAAA,IAAA;AAAA,EAC9B,CAAC,EAAE,QAAU,EAAA,EAAA,EAAI,UAAkC,KAAA;AACjD,IACE,uBAAA,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACE,GAAG,QAAA;AAAA,QACJ,EAAA,EAAI,UAAU,EAAM,IAAA,IAAA;AAAA,QACpB,SAAW,EAAA,CAAA,mBAAA,EAAsB,QAAU,EAAA,SAAA,IAAa,EAAE,CAAA,CAAA;AAAA,QAC1D,SAAS,EAAA,IAAA;AAAA,QACT,EAAA;AAAA,QACA,GAAA,EAAK,sBAAuB,EAAA,CAAE,aAAc,EAAA;AAAA,QAE3C,QAAA;AAAA,OAAA;AAAA,KACH,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist/components/SortableList/index.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { ReactNode, ReactElement } from 'react';
-import { BoxProps } from '@apia/theme';
-import { TSortableListItem } from './SortableListItem.js';
-export { SortableListItem } from './SortableListItem.js';
-
-declare const UnstyledSortableList: ({ boxProps, children, onSortChange, }: {
-    boxProps?: BoxProps | undefined;
-    children: ReactNode;
-    onSortChange?: ((items: ReactElement<TSortableListItem>[]) => unknown) | undefined;
-}) => React.JSX.Element;
-declare const SortableList: ((props: {
-    boxProps?: BoxProps | undefined;
-    children: ReactNode;
-    onSortChange?: ((items: ReactElement<TSortableListItem>[]) => unknown) | undefined;
-}) => React.JSX.Element) & {
-    displayName: string;
-};
-
-export { SortableList, UnstyledSortableList };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/SortableList/index.d.ts.map

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

package/dist/components/SortableList/index.js

@@ -1,53 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import { makeStyledComponent } from '@apia/theme';
-import { Children } from 'react';
-import { SortableListContext } from './SortableListHandler.js';
-import { SortableListItem } from './SortableListItem.js';
-
-const UnstyledSortableList = ({
-  boxProps,
-  children,
-  onSortChange
-}) => {
-  Children.forEach(children, (el) => {
-    if (el?.type !== SortableListItem)
-      throw new Error(
-        `Every children of a SortableList must be of type SortableListItem`
-      );
-  });
-  return /* @__PURE__ */ jsx(SortableListContext, { onSortChange, boxProps, children });
-};
-const SortableList = makeStyledComponent(
-  "SortableList",
-  "layout.common.components.sortableList",
-  {
-    ".sortableList": { display: "flex", flexDirection: "column" },
-    ".sortableList__item": {
-      cursor: "pointer"
-    },
-    ".dragging": {
-      opacity: "0.3"
-    },
-    ".dragover": { position: "relative" },
-    ".dragover:after": {
-      display: "block",
-      content: '""',
-      position: "absolute",
-      height: "4px",
-      left: "0",
-      top: "-4px",
-      bottom: "auto",
-      width: "100%",
-      backgroundColor: "palette.background.default",
-      zIndex: 9
-    },
-    ".dragover.after:after": {
-      top: "auto",
-      bottom: "-4px"
-    }
-  },
-  UnstyledSortableList
-);
-
-export { SortableList, SortableListItem, UnstyledSortableList };
-//# sourceMappingURL=index.js.map

package/dist/components/SortableList/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/SortableList/index.tsx"],"sourcesContent":["import { BoxProps, makeStyledComponent } from '@apia/theme';\nimport { Children, ReactElement, ReactNode } from 'react';\nimport { SortableListContext } from './SortableListHandler';\nimport { SortableListItem, TSortableListItem } from './SortableListItem';\n\nexport const UnstyledSortableList = ({\n  boxProps,\n  children,\n  onSortChange,\n}: {\n  boxProps?: BoxProps;\n  children: ReactNode;\n  onSortChange?: (items: ReactElement<TSortableListItem>[]) => unknown;\n}) => {\n  Children.forEach(children, (el) => {\n    if ((el as ReactElement<TSortableListItem>)?.type !== SortableListItem)\n      throw new Error(\n        `Every children of a SortableList must be of type SortableListItem`,\n      );\n  });\n\n  return (\n    <SortableListContext onSortChange={onSortChange} boxProps={boxProps}>\n      {children}\n    </SortableListContext>\n  );\n};\n\nexport const SortableList = makeStyledComponent(\n  'SortableList',\n  'layout.common.components.sortableList',\n  {\n    '.sortableList': { display: 'flex', flexDirection: 'column' },\n    '.sortableList__item': {\n      cursor: 'pointer',\n    },\n    '.dragging': {\n      opacity: '0.3',\n    },\n    '.dragover': { position: 'relative' },\n    '.dragover:after': {\n      display: 'block',\n      content: '\"\"',\n      position: 'absolute',\n      height: '4px',\n      left: '0',\n      top: '-4px',\n      bottom: 'auto',\n      width: '100%',\n      backgroundColor: 'palette.background.default',\n      zIndex: 9,\n    },\n    '.dragover.after:after': {\n      top: 'auto',\n      bottom: '-4px',\n    },\n  },\n  UnstyledSortableList,\n);\n\nexport { SortableListItem };\n"],"names":[],"mappings":";;;;;;AAKO,MAAM,uBAAuB,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AACF,CAIM,KAAA;AACJ,EAAS,QAAA,CAAA,OAAA,CAAQ,QAAU,EAAA,CAAC,EAAO,KAAA;AACjC,IAAA,IAAK,IAAwC,IAAS,KAAA,gBAAA;AACpD,MAAA,MAAM,IAAI,KAAA;AAAA,QACR,CAAA,iEAAA,CAAA;AAAA,OACF,CAAA;AAAA,GACH,CAAA,CAAA;AAED,EAAA,uBACG,GAAA,CAAA,mBAAA,EAAA,EAAoB,YAA4B,EAAA,QAAA,EAC9C,QACH,EAAA,CAAA,CAAA;AAEJ,EAAA;AAEO,MAAM,YAAe,GAAA,mBAAA;AAAA,EAC1B,cAAA;AAAA,EACA,uCAAA;AAAA,EACA;AAAA,IACE,eAAiB,EAAA,EAAE,OAAS,EAAA,MAAA,EAAQ,eAAe,QAAS,EAAA;AAAA,IAC5D,qBAAuB,EAAA;AAAA,MACrB,MAAQ,EAAA,SAAA;AAAA,KACV;AAAA,IACA,WAAa,EAAA;AAAA,MACX,OAAS,EAAA,KAAA;AAAA,KACX;AAAA,IACA,WAAA,EAAa,EAAE,QAAA,EAAU,UAAW,EAAA;AAAA,IACpC,iBAAmB,EAAA;AAAA,MACjB,OAAS,EAAA,OAAA;AAAA,MACT,OAAS,EAAA,IAAA;AAAA,MACT,QAAU,EAAA,UAAA;AAAA,MACV,MAAQ,EAAA,KAAA;AAAA,MACR,IAAM,EAAA,GAAA;AAAA,MACN,GAAK,EAAA,MAAA;AAAA,MACL,MAAQ,EAAA,MAAA;AAAA,MACR,KAAO,EAAA,MAAA;AAAA,MACP,eAAiB,EAAA,4BAAA;AAAA,MACjB,MAAQ,EAAA,CAAA;AAAA,KACV;AAAA,IACA,uBAAyB,EAAA;AAAA,MACvB,GAAK,EAAA,MAAA;AAAA,MACL,MAAQ,EAAA,MAAA;AAAA,KACV;AAAA,GACF;AAAA,EACA,oBAAA;AACF;;;;"}

package/dist/components/Toolbar/ToolbarController.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import { ReactNode } from 'react';
-import { EventEmitter } from '@apia/util';
-import { TToolbarIconButton } from './types.js';
-
-type TClickListener = () => unknown;
-type TItemState = Pick<TToolbarIconButton, 'disabled' | 'toggled' | 'isLoading'>;
-declare class ToolbarController extends EventEmitter<{
-    pressEnter: string;
-    updateItemState: string;
-}> {
-    eventListeners: Record<string, TClickListener[]>;
-    itemsState: Record<string, TItemState>;
-    hooks: {
-        useItemState: (id: string, initialState: TItemState) => TItemState;
-    };
-    setItemState: (id: string, newState: Partial<TItemState>) => void;
-    Context: ({ children }: {
-        children: ReactNode;
-    }) => React.JSX.Element;
-}
-
-export { ToolbarController };
-//# sourceMappingURL=ToolbarController.d.ts.map

package/dist/components/Toolbar/ToolbarController.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarController.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Toolbar/ToolbarController.js

@@ -1,50 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import { EventEmitter } from '@apia/util';
-import { createContext, useState, useEffect, useContext } from 'react';
-
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-class ToolbarController extends EventEmitter {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "eventListeners", {});
-    __publicField(this, "itemsState", {});
-    __publicField(this, "hooks", {
-      useItemState: (id, initialState) => {
-        const [state, setState] = useState(initialState);
-        useEffect(() => {
-          this.itemsState[id] = initialState;
-          this.on("updateItemState", (evId) => {
-            if (evId === id) {
-              setState({ ...this.itemsState[id] });
-            }
-          });
-        }, []);
-        return state;
-      }
-    });
-    __publicField(this, "setItemState", (id, newState) => {
-      this.itemsState[id] = { ...this.itemsState[id], ...newState };
-      this.emit("updateItemState", id);
-    });
-    __publicField(this, "Context", ({ children }) => {
-      return /* @__PURE__ */ jsx(ToolbarControllerContext.Provider, { value: this, children });
-    });
-  }
-}
-const ToolbarControllerContext = createContext(
-  null
-);
-const useToolbarControllerContext = () => {
-  const context = useContext(ToolbarControllerContext);
-  if (!context)
-    throw new Error("There is no Toolbar controller context");
-  return context;
-};
-
-export { ToolbarController, ToolbarControllerContext, useToolbarControllerContext };
-//# sourceMappingURL=ToolbarController.js.map

package/dist/components/Toolbar/ToolbarController.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarController.js","sources":["../../../src/components/Toolbar/ToolbarController.tsx"],"sourcesContent":["import { EventEmitter } from '@apia/util';\nimport {\n  createContext,\n  useContext,\n  ReactNode,\n  useEffect,\n  useState,\n} from 'react';\nimport { TToolbarIconButton } from './types';\n\ntype TClickListener = () => unknown;\ntype TItemState = Pick<\n  TToolbarIconButton,\n  'disabled' | 'toggled' | 'isLoading'\n>;\n\nexport class ToolbarController extends EventEmitter<{\n  pressEnter: string;\n  updateItemState: string;\n}> {\n  eventListeners: Record<string, TClickListener[]> = {};\n  itemsState: Record<string, TItemState> = {};\n\n  hooks = {\n    useItemState: (id: string, initialState: TItemState) => {\n      const [state, setState] = useState(initialState);\n\n      useEffect(() => {\n        this.itemsState[id] = initialState;\n        this.on('updateItemState', (evId) => {\n          if (evId === id) {\n            setState({ ...this.itemsState[id] });\n          }\n        });\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, []);\n\n      return state;\n    },\n  };\n\n  setItemState = (id: string, newState: Partial<TItemState>) => {\n    this.itemsState[id] = { ...this.itemsState[id], ...newState };\n    this.emit('updateItemState', id);\n  };\n\n  Context = ({ children }: { children: ReactNode }) => {\n    return (\n      <ToolbarControllerContext.Provider value={this}>\n        {children}\n      </ToolbarControllerContext.Provider>\n    );\n  };\n}\n\nexport const ToolbarControllerContext = createContext<ToolbarController | null>(\n  null,\n);\n\nexport const useToolbarControllerContext = () => {\n  const context = useContext(ToolbarControllerContext);\n\n  if (!context) throw new Error('There is no Toolbar controller context');\n\n  return context;\n};\n"],"names":[],"mappings":";;;;;;;;;;AAgBO,MAAM,0BAA0B,YAGpC,CAAA;AAAA,EAHI,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA,CAAA;AAIL,IAAA,aAAA,CAAA,IAAA,EAAA,gBAAA,EAAmD,EAAC,CAAA,CAAA;AACpD,IAAA,aAAA,CAAA,IAAA,EAAA,YAAA,EAAyC,EAAC,CAAA,CAAA;AAE1C,IAAQ,aAAA,CAAA,IAAA,EAAA,OAAA,EAAA;AAAA,MACN,YAAA,EAAc,CAAC,EAAA,EAAY,YAA6B,KAAA;AACtD,QAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,YAAY,CAAA,CAAA;AAE/C,QAAA,SAAA,CAAU,MAAM;AACd,UAAK,IAAA,CAAA,UAAA,CAAW,EAAE,CAAI,GAAA,YAAA,CAAA;AACtB,UAAK,IAAA,CAAA,EAAA,CAAG,iBAAmB,EAAA,CAAC,IAAS,KAAA;AACnC,YAAA,IAAI,SAAS,EAAI,EAAA;AACf,cAAA,QAAA,CAAS,EAAE,GAAG,IAAA,CAAK,UAAW,CAAA,EAAE,GAAG,CAAA,CAAA;AAAA,aACrC;AAAA,WACD,CAAA,CAAA;AAAA,SAEH,EAAG,EAAE,CAAA,CAAA;AAEL,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AAAA,KACF,CAAA,CAAA;AAEA,IAAe,aAAA,CAAA,IAAA,EAAA,cAAA,EAAA,CAAC,IAAY,QAAkC,KAAA;AAC5D,MAAK,IAAA,CAAA,UAAA,CAAW,EAAE,CAAA,GAAI,EAAE,GAAG,KAAK,UAAW,CAAA,EAAE,CAAG,EAAA,GAAG,QAAS,EAAA,CAAA;AAC5D,MAAK,IAAA,CAAA,IAAA,CAAK,mBAAmB,EAAE,CAAA,CAAA;AAAA,KACjC,CAAA,CAAA;AAEA,IAAU,aAAA,CAAA,IAAA,EAAA,SAAA,EAAA,CAAC,EAAE,QAAA,EAAwC,KAAA;AACnD,MAAA,2BACG,wBAAyB,CAAA,QAAA,EAAzB,EAAkC,KAAA,EAAO,MACvC,QACH,EAAA,CAAA,CAAA;AAAA,KAEJ,CAAA,CAAA;AAAA,GAAA;AACF,CAAA;AAEO,MAAM,wBAA2B,GAAA,aAAA;AAAA,EACtC,IAAA;AACF,EAAA;AAEO,MAAM,8BAA8B,MAAM;AAC/C,EAAM,MAAA,OAAA,GAAU,WAAW,wBAAwB,CAAA,CAAA;AAEnD,EAAA,IAAI,CAAC,OAAA;AAAS,IAAM,MAAA,IAAI,MAAM,wCAAwC,CAAA,CAAA;AAEtE,EAAO,OAAA,OAAA,CAAA;AACT;;;;"}

package/dist/components/Toolbar/ToolbarIconButton.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { TToolbarIconButton } from './types.js';
-
-declare const ToolbarIconButton: ({ id, action, actionSource, allowToggle, defaultToggled, disabled, icon, iconSize, isLoading: outerIsLoading, title, toggled: toggledProp, }: TToolbarIconButton) => React.JSX.Element;
-
-export { ToolbarIconButton };
-//# sourceMappingURL=ToolbarIconButton.d.ts.map

package/dist/components/Toolbar/ToolbarIconButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarIconButton.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Toolbar/ToolbarIconButton.js

@@ -1,110 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import { useState, useRef, useCallback, useEffect } from 'react';
-import { useToolbarControllerContext } from './ToolbarController.js';
-import { usePrevious, useMount } from '@apia/util';
-import { IconButton } from '../forms/buttons/IconButton.js';
-
-const ToolbarIconButton = ({
-  id,
-  action,
-  actionSource,
-  allowToggle,
-  defaultToggled,
-  disabled,
-  icon,
-  iconSize,
-  isLoading: outerIsLoading,
-  title,
-  toggled: toggledProp
-}) => {
-  const [innerIsToggled, setInnerIsToggled] = useState(
-    toggledProp ?? (allowToggle ? defaultToggled ?? false : false)
-  );
-  const [isDisabled, setIsDisabled] = useState(!!disabled);
-  const context = useToolbarControllerContext();
-  const [isLoading, setIsLoading] = useState(false);
-  const previousIsLoading = usePrevious(outerIsLoading);
-  if (previousIsLoading.current !== outerIsLoading)
-    setIsLoading(!!outerIsLoading);
-  const lastDisabledProp = usePrevious(disabled);
-  if (lastDisabledProp.current !== disabled) {
-    setIsDisabled(!!disabled);
-  }
-  const lastToggledProp = useRef(toggledProp);
-  if (toggledProp !== void 0 && innerIsToggled !== toggledProp && lastToggledProp.current !== toggledProp) {
-    lastToggledProp.current = toggledProp;
-    setInnerIsToggled(toggledProp);
-  }
-  const handleClick = useCallback(async () => {
-    setIsLoading(true);
-    try {
-      if (lastToggledProp.current !== void 0) {
-        await action(
-          { isToggled: !lastToggledProp.current, isLoading },
-          context
-        );
-      } else if (allowToggle) {
-        let isToggled = false;
-        setInnerIsToggled((current) => {
-          isToggled = !current;
-          return isToggled;
-        });
-        await action({ isToggled, isLoading }, context);
-      } else {
-        await action({ isToggled: false, isLoading }, context);
-      }
-    } catch (e) {
-      console.error(e);
-    }
-    setIsLoading(false);
-  }, [action, allowToggle, context, isLoading]);
-  useEffect(() => {
-    const unsuscribe1 = context.on("updateItemState", (evId) => {
-      if (evId === id) {
-        setInnerIsToggled(!!context.itemsState[evId].toggled);
-        setIsDisabled(!!context.itemsState[evId].disabled);
-      }
-    });
-    const unsuscribe2 = context.on("pressEnter", (evId) => {
-      if (evId === id)
-        void handleClick();
-    });
-    return () => {
-      unsuscribe1();
-      unsuscribe2();
-    };
-  }, [context, id, handleClick]);
-  useMount(() => {
-    if (context.itemsState[id]) {
-      if (context.itemsState[id].disabled !== void 0) {
-        setIsDisabled(!!context.itemsState[id].disabled);
-      }
-      if (context.itemsState[id].toggled !== void 0) {
-        setInnerIsToggled(!!context.itemsState[id].toggled);
-      }
-    } else
-      context.itemsState[id] = {
-        disabled: isDisabled,
-        toggled: innerIsToggled,
-        ...context.itemsState[id]
-      };
-  });
-  return /* @__PURE__ */ jsx(
-    IconButton,
-    {
-      className: `toolbar__button ${innerIsToggled ? "toggled" : ""}`,
-      "data-id": id,
-      disabled: isDisabled,
-      icon,
-      onClick: actionSource !== "mousedown" ? handleClick : void 0,
-      isLoading,
-      onMouseDown: actionSource === "mousedown" ? handleClick : void 0,
-      size: iconSize ?? "Md",
-      title,
-      variant: "icon-outline"
-    }
-  );
-};
-
-export { ToolbarIconButton };
-//# sourceMappingURL=ToolbarIconButton.js.map

package/dist/components/Toolbar/ToolbarIconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarIconButton.js","sources":["../../../src/components/Toolbar/ToolbarIconButton.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { useToolbarControllerContext } from './ToolbarController';\nimport { TToolbarIconButton } from './types';\nimport { useMount, usePrevious } from '@apia/util';\nimport { IconButton } from '../forms';\n\nexport const ToolbarIconButton = ({\n  id,\n  action,\n  actionSource,\n  allowToggle,\n  defaultToggled,\n  disabled,\n  icon,\n  iconSize,\n  isLoading: outerIsLoading,\n  title,\n  toggled: toggledProp,\n}: TToolbarIconButton) => {\n  const [innerIsToggled, setInnerIsToggled] = useState<boolean>(\n    toggledProp ?? (allowToggle ? defaultToggled ?? false : false),\n  );\n  const [isDisabled, setIsDisabled] = useState(!!disabled);\n  const context = useToolbarControllerContext();\n  const [isLoading, setIsLoading] = useState(false);\n\n  const previousIsLoading = usePrevious(outerIsLoading);\n  if (previousIsLoading.current !== outerIsLoading)\n    setIsLoading(!!outerIsLoading);\n\n  const lastDisabledProp = usePrevious(disabled);\n  if (lastDisabledProp.current !== disabled) {\n    setIsDisabled(!!disabled);\n  }\n\n  /**\n   * Si la prop toggled cambia y no está undefined, se debe actualizar el\n   * estado interno.\n   */\n  const lastToggledProp = useRef<boolean | undefined>(toggledProp);\n  if (\n    toggledProp !== undefined &&\n    innerIsToggled !== toggledProp &&\n    lastToggledProp.current !== toggledProp\n  ) {\n    lastToggledProp.current = toggledProp;\n    setInnerIsToggled(toggledProp);\n  }\n\n  const handleClick = useCallback(async () => {\n    setIsLoading(true);\n    try {\n      if (lastToggledProp.current !== undefined) {\n        await action(\n          { isToggled: !lastToggledProp.current, isLoading },\n          context,\n        );\n      } else if (allowToggle) {\n        let isToggled = false;\n        setInnerIsToggled((current) => {\n          isToggled = !current;\n          return isToggled;\n        });\n        await action({ isToggled, isLoading }, context);\n      } else {\n        await action({ isToggled: false, isLoading }, context);\n      }\n    } catch (e) {\n      console.error(e);\n    }\n    setIsLoading(false);\n  }, [action, allowToggle, context, isLoading]);\n\n  /**\n   * Se maneja el uso de teclado para hacer click sobre el elemento\n   */\n  useEffect(() => {\n    const unsuscribe1 = context.on('updateItemState', (evId) => {\n      if (evId === id) {\n        setInnerIsToggled(!!context.itemsState[evId].toggled);\n        setIsDisabled(!!context.itemsState[evId].disabled);\n      }\n    });\n    const unsuscribe2 = context.on('pressEnter', (evId) => {\n      if (evId === id) void handleClick();\n    });\n\n    return () => {\n      unsuscribe1();\n      unsuscribe2();\n    };\n  }, [context, id, handleClick]);\n\n  useMount(() => {\n    if (context.itemsState[id]) {\n      if (context.itemsState[id].disabled !== undefined) {\n        setIsDisabled(!!context.itemsState[id].disabled);\n      }\n      if (context.itemsState[id].toggled !== undefined) {\n        setInnerIsToggled(!!context.itemsState[id].toggled);\n      }\n    } else\n      context.itemsState[id] = {\n        disabled: isDisabled,\n        toggled: innerIsToggled,\n        ...context.itemsState[id],\n      };\n  });\n\n  return (\n    <IconButton\n      className={`toolbar__button ${innerIsToggled ? 'toggled' : ''}`}\n      data-id={id}\n      disabled={isDisabled}\n      icon={icon}\n      onClick={actionSource !== 'mousedown' ? handleClick : undefined}\n      isLoading={isLoading}\n      onMouseDown={actionSource === 'mousedown' ? handleClick : undefined}\n      size={iconSize ?? 'Md'}\n      title={title}\n      variant=\"icon-outline\"\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Toolbar/ToolbarInput.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { TToolInput } from './types.js';
-
-declare const ToolbarInput: (tool: TToolInput) => React.JSX.Element;
-
-export { ToolbarInput };
-//# sourceMappingURL=ToolbarInput.d.ts.map

package/dist/components/Toolbar/ToolbarInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarInput.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Toolbar/ToolbarInput.js

@@ -1,13 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import { Input } from '@apia/theme';
-import { FieldLabel } from '../forms/FieldLabel.js';
-
-const ToolbarInput = (tool) => {
-  const input = /* @__PURE__ */ jsx(Input, { className: "toolbar__input", ...tool.inputProps });
-  if (tool.label)
-    return /* @__PURE__ */ jsx(FieldLabel, { label: tool.label, children: input });
-  return input;
-};
-
-export { ToolbarInput };
-//# sourceMappingURL=ToolbarInput.js.map

package/dist/components/Toolbar/ToolbarInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarInput.js","sources":["../../../src/components/Toolbar/ToolbarInput.tsx"],"sourcesContent":["import { FieldLabel } from '../forms';\nimport { TToolInput } from './types';\nimport { Input } from '@apia/theme';\n\nexport const ToolbarInput = (tool: TToolInput) => {\n  const input = <Input className=\"toolbar__input\" {...tool.inputProps} />;\n\n  if (tool.label) return <FieldLabel label={tool.label}>{input}</FieldLabel>;\n\n  return input;\n};\n"],"names":[],"mappings":";;;;AAIa,MAAA,YAAA,GAAe,CAAC,IAAqB,KAAA;AAChD,EAAA,MAAM,wBAAS,GAAA,CAAA,KAAA,EAAA,EAAM,WAAU,gBAAkB,EAAA,GAAG,KAAK,UAAY,EAAA,CAAA,CAAA;AAErE,EAAA,IAAI,IAAK,CAAA,KAAA;AAAO,IAAA,uBAAQ,GAAA,CAAA,UAAA,EAAA,EAAW,KAAO,EAAA,IAAA,CAAK,OAAQ,QAAM,EAAA,KAAA,EAAA,CAAA,CAAA;AAE7D,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}

package/dist/components/Toolbar/ToolbarSelect.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { SelectProps } from '@apia/theme';
-
-declare const ToolbarSelect: (props: SelectProps) => React.JSX.Element;
-
-export { ToolbarSelect };
-//# sourceMappingURL=ToolbarSelect.d.ts.map

package/dist/components/Toolbar/ToolbarSelect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarSelect.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Toolbar/ToolbarSelect.js

@@ -1,17 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import { Select, getVariant } from '@apia/theme';
-
-const ToolbarSelect = (props) => {
-  return /* @__PURE__ */ jsx(
-    Select,
-    {
-      ...props,
-      className: `toolbar__select ${props?.className ?? ""}`,
-      ...props.variant ? getVariant(props.variant) : null,
-      children: props.children
-    }
-  );
-};
-
-export { ToolbarSelect };
-//# sourceMappingURL=ToolbarSelect.js.map

package/dist/components/Toolbar/ToolbarSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarSelect.js","sources":["../../../src/components/Toolbar/ToolbarSelect.tsx"],"sourcesContent":["import { Select, SelectProps, getVariant } from '@apia/theme';\n\nexport const ToolbarSelect = (props: SelectProps) => {\n  return (\n    <Select\n      {...props}\n      className={`toolbar__select ${props?.className ?? ''}`}\n      {...(props.variant ? getVariant(props.variant) : null)}\n    >\n      {props.children}\n    </Select>\n  );\n};\n"],"names":[],"mappings":";;;AAEa,MAAA,aAAA,GAAgB,CAAC,KAAuB,KAAA;AACnD,EACE,uBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAW,EAAA,CAAA,gBAAA,EAAmB,KAAO,EAAA,SAAA,IAAa,EAAE,CAAA,CAAA;AAAA,MACnD,GAAI,KAAM,CAAA,OAAA,GAAU,UAAW,CAAA,KAAA,CAAM,OAAO,CAAI,GAAA,IAAA;AAAA,MAEhD,QAAM,EAAA,KAAA,CAAA,QAAA;AAAA,KAAA;AAAA,GACT,CAAA;AAEJ;;;;"}

package/dist/components/Toolbar/ToolbarSeparator.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-
-declare const ToolbarSeparator: () => React.JSX.Element;
-
-export { ToolbarSeparator };
-//# sourceMappingURL=ToolbarSeparator.d.ts.map

package/dist/components/Toolbar/ToolbarSeparator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarSeparator.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Toolbar/ToolbarSeparator.js

@@ -1,9 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import { Box } from '@apia/theme';
-
-const ToolbarSeparator = () => {
-  return /* @__PURE__ */ jsx(Box, { className: "toolbar__separator", children: "\xA0" });
-};
-
-export { ToolbarSeparator };
-//# sourceMappingURL=ToolbarSeparator.js.map

package/dist/components/Toolbar/ToolbarSeparator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarSeparator.js","sources":["../../../src/components/Toolbar/ToolbarSeparator.tsx"],"sourcesContent":["import { Box } from '@apia/theme';\n\nexport const ToolbarSeparator = () => {\n  return <Box className=\"toolbar__separator\">&nbsp;</Box>;\n};\n"],"names":[],"mappings":";;;AAEO,MAAM,mBAAmB,MAAM;AACpC,EAAA,uBAAQ,GAAA,CAAA,GAAA,EAAA,EAAI,SAAU,EAAA,oBAAA,EAAqB,QAAM,EAAA,MAAA,EAAA,CAAA,CAAA;AACnD;;;;"}