@apia/components 2.0.9 → 2.0.10

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { ISimpleButton } from '../forms/buttons/SimpleButton.js';
+import '../forms/DateInput.js';
+import '../forms/NumberInput.js';
+
+declare const ToolbarTextButton: (props: ISimpleButton) => React.JSX.Element;
+
+export { ToolbarTextButton };
+//# sourceMappingURL=ToolbarTextButton.d.ts.map

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

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

package/dist/components/Toolbar/ToolbarTextButton.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarTextButton.js","sources":["../../../src/components/Toolbar/ToolbarTextButton.tsx"],"sourcesContent":["import { getVariant } from '@apia/theme';\r\nimport { ISimpleButton, SimpleButton } from '../forms';\r\n\r\nexport const ToolbarTextButton = (props: ISimpleButton) => {\r\n  return (\r\n    <SimpleButton\r\n      {...props}\r\n      className={`toolbar__textButton ${props?.className ?? ''}`}\r\n      {...(props.variant ? getVariant(props.variant) : null)}\r\n    >\r\n      {props.children}\r\n    </SimpleButton>\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;;AAGa,MAAA,iBAAA,GAAoB,CAAC,KAAyB,KAAA;AACzD,EACE,uBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAW,EAAA,CAAA,oBAAA,EAAuB,KAAO,EAAA,SAAA,IAAa,EAAE,CAAA,CAAA;AAAA,MACvD,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/index.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { ToolbarController } from './ToolbarController.js';
+import '../forms/DateInput.js';
+import '../forms/NumberInput.js';
+
+declare const Toolbar: ((props: {
+    children: ReactNode;
+    /**
+     * El controlador permite gestionar el estado de los distintos elementos de
+     * la toolbar
+     */
+    getController?: ((newController: ToolbarController) => unknown) | undefined;
+}) => React.JSX.Element) & {
+    displayName: string;
+};
+
+export { Toolbar, ToolbarController };
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Toolbar/index.js

@@ -0,0 +1,23 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { useMount } from '@apia/util';
+import { makeStyledComponent, Box, getVariant } from '@apia/theme';
+import { styles } from './styles.js';
+import { useMemo } from 'react';
+import { ToolbarController } from './ToolbarController.js';
+
+const Toolbar = makeStyledComponent(
+  "toolbar",
+  "layout.components.toolbar",
+  styles,
+  ({ children, getController }) => {
+    const controller = useMemo(() => new ToolbarController(), []);
+    useMount(() => {
+      getController?.(controller);
+    });
+    return /* @__PURE__ */ jsx(controller.Context, { children: /* @__PURE__ */ jsx(Box, { className: "toolbar", ...getVariant("layout.components.toolbar"), children }) });
+  },
+  true
+);
+
+export { Toolbar, ToolbarController };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Toolbar/index.tsx"],"sourcesContent":["import { useMount } from '@apia/util';\r\nimport { TToolbarIconButton } from './types';\r\nimport { Box, getVariant, makeStyledComponent } from '@apia/theme';\r\nimport { styles } from './styles';\r\nimport { ReactNode, useMemo } from 'react';\r\nimport { ToolbarController } from './ToolbarController';\r\nimport { ToolbarTextButton } from './ToolbarTextButton';\r\nimport { ToolbarIconButton } from './ToolbarIconButton';\r\nimport { ToolbarInput } from './ToolbarInput';\r\nimport { ToolbarSeparator } from './ToolbarSeparator';\r\nimport { ToolbarSelect } from './ToolbarSelect';\r\n\r\nconst Toolbar = makeStyledComponent<{\r\n  children: ReactNode;\r\n  /**\r\n   * El controlador permite gestionar el estado de los distintos elementos de\r\n   * la toolbar\r\n   */\r\n  getController?: (newController: ToolbarController) => unknown;\r\n}>(\r\n  'toolbar',\r\n  'layout.components.toolbar',\r\n  styles,\r\n  ({ children, getController }) => {\r\n    const controller = useMemo(() => new ToolbarController(), []);\r\n\r\n    useMount(() => {\r\n      getController?.(controller);\r\n    });\r\n\r\n    return (\r\n      <controller.Context>\r\n        <Box className=\"toolbar\" {...getVariant('layout.components.toolbar')}>\r\n          {children}\r\n        </Box>\r\n      </controller.Context>\r\n    );\r\n  },\r\n  true,\r\n);\r\n\r\nexport type { TToolbarIconButton as TToolDefinition };\r\nexport {\r\n  ToolbarIconButton,\r\n  ToolbarInput,\r\n  ToolbarTextButton,\r\n  Toolbar,\r\n  ToolbarController,\r\n  ToolbarSeparator,\r\n  ToolbarSelect,\r\n};\r\n"],"names":[],"mappings":";;;;;;;AAYA,MAAM,OAAU,GAAA,mBAAA;AAAA,EAQd,SAAA;AAAA,EACA,2BAAA;AAAA,EACA,MAAA;AAAA,EACA,CAAC,EAAE,QAAU,EAAA,aAAA,EAAoB,KAAA;AAC/B,IAAA,MAAM,aAAa,OAAQ,CAAA,MAAM,IAAI,iBAAkB,EAAA,EAAG,EAAE,CAAA,CAAA;AAE5D,IAAA,QAAA,CAAS,MAAM;AACb,MAAA,aAAA,GAAgB,UAAU,CAAA,CAAA;AAAA,KAC3B,CAAA,CAAA;AAED,IAAA,uBACG,GAAA,CAAA,UAAA,CAAW,OAAX,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA,EAAI,SAAU,EAAA,SAAA,EAAW,GAAG,UAAA,CAAW,2BAA2B,CAAA,EAChE,UACH,CACF,EAAA,CAAA,CAAA;AAAA,GAEJ;AAAA,EACA,IAAA;AACF;;;;"}

package/dist/components/Toolbar/styles.js

@@ -0,0 +1,84 @@
+const styles = {
+  alignItems: "center",
+  backgroundColor: "palette.background.default",
+  display: "flex",
+  gap: "2px",
+  py: "4px",
+  px: "8px",
+  "& > *": {
+    alignItems: "center",
+    borderRadius: "4px",
+    display: "flex",
+    flexShrink: 0,
+    justifyContent: "center",
+    outline: "none !important",
+    p: 0
+  },
+  ".toolbar__textButton": (theme) => ({
+    variant: "buttons.primary-sm",
+    background: "transparent",
+    border: "none",
+    color: "palette.text.primary",
+    ...theme.palette.getStatesFromDefinition(
+      {
+        backgroundColor: theme.palette.background.default
+      },
+      { states: { default: false } }
+    ),
+    "&.primary": theme.palette.getStatesFromPath("buttons.primary")
+  }),
+  ".toolbar__select": () => ({
+    padding: "4px",
+    paddingLeft: "8px",
+    paddingRight: "32px"
+  }),
+  ".toolbar__button": {
+    border: "none",
+    borderRadius: "4px",
+    height: "32px",
+    width: "32px",
+    background: "transparent",
+    svg: {
+      path: {
+        fill: "palette.text.primary"
+      }
+    },
+    "&:disabled": {
+      svg: {
+        path: {
+          fill: "palette.border.section"
+        }
+      }
+    }
+  },
+  ".fieldLabel": {
+    display: "flex",
+    flexDirection: "row",
+    gap: 3,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  ".toolbar__input": {
+    borderRadius: "4px",
+    p: 3,
+    width: "80px"
+  },
+  ".toolbar__separator": {
+    borderLeft: "1px solid",
+    borderRight: "1px solid",
+    borderColor: "palette.gray.750",
+    height: "60%",
+    width: "3px"
+  },
+  ".toggled": (theme) => {
+    return {
+      ...theme.palette.getOneState(
+        { backgroundColor: theme.palette.background.default },
+        "selected"
+      )
+    };
+  }
+};
+
+export { styles };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/components/Toolbar/styles.ts"],"sourcesContent":["import { ThemeUICSSObject } from '@apia/theme';\r\n\r\nexport const styles: ThemeUICSSObject = {\r\n  alignItems: 'center',\r\n  backgroundColor: 'palette.background.default',\r\n  display: 'flex',\r\n  gap: '2px',\r\n  py: '4px',\r\n  px: '8px',\r\n\r\n  '& > *': {\r\n    alignItems: 'center',\r\n    borderRadius: '4px',\r\n    display: 'flex',\r\n    flexShrink: 0,\r\n    justifyContent: 'center',\r\n    outline: 'none !important',\r\n    p: 0,\r\n  },\r\n\r\n  '.toolbar__textButton': (theme) => ({\r\n    variant: 'buttons.primary-sm',\r\n    background: 'transparent',\r\n    border: 'none',\r\n    color: 'palette.text.primary',\r\n\r\n    ...theme.palette.getStatesFromDefinition(\r\n      {\r\n        backgroundColor: theme.palette.background.default,\r\n      },\r\n      { states: { default: false } },\r\n    ),\r\n\r\n    '&.primary': theme.palette.getStatesFromPath('buttons.primary'),\r\n  }),\r\n\r\n  '.toolbar__select': () => ({\r\n    padding: '4px',\r\n    paddingLeft: '8px',\r\n    paddingRight: '32px',\r\n  }),\r\n\r\n  '.toolbar__button': {\r\n    border: 'none',\r\n    borderRadius: '4px',\r\n    height: '32px',\r\n    width: '32px',\r\n    background: 'transparent',\r\n    svg: {\r\n      path: {\r\n        fill: 'palette.text.primary',\r\n      },\r\n    },\r\n\r\n    '&:disabled': {\r\n      svg: {\r\n        path: {\r\n          fill: 'palette.border.section',\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  '.fieldLabel': {\r\n    display: 'flex',\r\n    flexDirection: 'row',\r\n    gap: 3,\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n  },\r\n\r\n  '.toolbar__input': {\r\n    borderRadius: '4px',\r\n    p: 3,\r\n    width: '80px',\r\n  },\r\n\r\n  '.toolbar__separator': {\r\n    borderLeft: '1px solid',\r\n    borderRight: '1px solid',\r\n    borderColor: 'palette.gray.750',\r\n    height: '60%',\r\n    width: '3px',\r\n  },\r\n\r\n  '.toggled': (theme) => {\r\n    return {\r\n      ...theme.palette.getOneState(\r\n        { backgroundColor: theme.palette.background.default },\r\n        'selected',\r\n      ),\r\n    };\r\n  },\r\n};\r\n"],"names":[],"mappings":"AAEO,MAAM,MAA2B,GAAA;AAAA,EACtC,UAAY,EAAA,QAAA;AAAA,EACZ,eAAiB,EAAA,4BAAA;AAAA,EACjB,OAAS,EAAA,MAAA;AAAA,EACT,GAAK,EAAA,KAAA;AAAA,EACL,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EAEJ,OAAS,EAAA;AAAA,IACP,UAAY,EAAA,QAAA;AAAA,IACZ,YAAc,EAAA,KAAA;AAAA,IACd,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,CAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,iBAAA;AAAA,IACT,CAAG,EAAA,CAAA;AAAA,GACL;AAAA,EAEA,sBAAA,EAAwB,CAAC,KAAW,MAAA;AAAA,IAClC,OAAS,EAAA,oBAAA;AAAA,IACT,UAAY,EAAA,aAAA;AAAA,IACZ,MAAQ,EAAA,MAAA;AAAA,IACR,KAAO,EAAA,sBAAA;AAAA,IAEP,GAAG,MAAM,OAAQ,CAAA,uBAAA;AAAA,MACf;AAAA,QACE,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,OAAA;AAAA,OAC5C;AAAA,MACA,EAAE,MAAA,EAAQ,EAAE,OAAA,EAAS,OAAQ,EAAA;AAAA,KAC/B;AAAA,IAEA,WAAa,EAAA,KAAA,CAAM,OAAQ,CAAA,iBAAA,CAAkB,iBAAiB,CAAA;AAAA,GAChE,CAAA;AAAA,EAEA,oBAAoB,OAAO;AAAA,IACzB,OAAS,EAAA,KAAA;AAAA,IACT,WAAa,EAAA,KAAA;AAAA,IACb,YAAc,EAAA,MAAA;AAAA,GAChB,CAAA;AAAA,EAEA,kBAAoB,EAAA;AAAA,IAClB,MAAQ,EAAA,MAAA;AAAA,IACR,YAAc,EAAA,KAAA;AAAA,IACd,MAAQ,EAAA,MAAA;AAAA,IACR,KAAO,EAAA,MAAA;AAAA,IACP,UAAY,EAAA,aAAA;AAAA,IACZ,GAAK,EAAA;AAAA,MACH,IAAM,EAAA;AAAA,QACJ,IAAM,EAAA,sBAAA;AAAA,OACR;AAAA,KACF;AAAA,IAEA,YAAc,EAAA;AAAA,MACZ,GAAK,EAAA;AAAA,QACH,IAAM,EAAA;AAAA,UACJ,IAAM,EAAA,wBAAA;AAAA,SACR;AAAA,OACF;AAAA,KACF;AAAA,GACF;AAAA,EAEA,aAAe,EAAA;AAAA,IACb,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,KAAA;AAAA,IACf,GAAK,EAAA,CAAA;AAAA,IACL,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,GAClB;AAAA,EAEA,iBAAmB,EAAA;AAAA,IACjB,YAAc,EAAA,KAAA;AAAA,IACd,CAAG,EAAA,CAAA;AAAA,IACH,KAAO,EAAA,MAAA;AAAA,GACT;AAAA,EAEA,qBAAuB,EAAA;AAAA,IACrB,UAAY,EAAA,WAAA;AAAA,IACZ,WAAa,EAAA,WAAA;AAAA,IACb,WAAa,EAAA,kBAAA;AAAA,IACb,MAAQ,EAAA,KAAA;AAAA,IACR,KAAO,EAAA,KAAA;AAAA,GACT;AAAA,EAEA,UAAA,EAAY,CAAC,KAAU,KAAA;AACrB,IAAO,OAAA;AAAA,MACL,GAAG,MAAM,OAAQ,CAAA,WAAA;AAAA,QACf,EAAE,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,WAAW,OAAQ,EAAA;AAAA,QACpD,UAAA;AAAA,OACF;AAAA,KACF,CAAA;AAAA,GACF;AACF;;;;"}

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

@@ -0,0 +1,39 @@
+import { TIconType, TIconName } from '@apia/icons';
+import { ToolbarController } from './ToolbarController.js';
+import { InputProps } from '@apia/theme';
+
+type TToolEventState = {
+    isLoading: boolean;
+    isToggled: boolean;
+};
+type TToolbarIconButton = {
+    action: (props: TToolEventState, controller: ToolbarController) => unknown;
+    /**
+     * Si se pasa allowToggle y no se pasa toggled ( ni en true ni en false ),
+     * entonces el estado de toggle será controlado internamente en el toolbar
+     */
+    allowToggle?: boolean;
+    /**
+     * Si se desea usar defaultToggled, debería pasarse también allowToggle
+     */
+    defaultToggled?: boolean;
+    disabled?: boolean;
+    icon: TIconType | TIconName;
+    id: string;
+    isLoading?: boolean;
+    title: string;
+    iconSize?: 'Xs' | 'Sm' | 'Md' | 'Lg' | 'Xl' | undefined;
+    /**
+     * Siempre que se pase toggled, no importa si en true o en false, el
+     * usuario del toolbar deberá mantener la lógica de persistencia del
+     * toggle
+     */
+    toggled?: boolean;
+};
+type TToolInput = {
+    inputProps?: InputProps;
+    label?: string;
+};
+
+export type { TToolEventState, TToolInput, TToolbarIconButton };
+//# sourceMappingURL=types.d.ts.map

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

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

package/dist/components/accordion/Accordion.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode, FC } from 'react';
+import { AccordionHandler } from './handler.js';
+
+interface IAccordionProps {
+    /**
+     * Tiempo en ms que dura la animación. Por defecto se usa 150.
+     */
+    animationDuration?: number;
+    children?: ReactNode;
+    className?: string;
+    getHandler?: (handler: AccordionHandler) => unknown;
+    singleExpand?: boolean;
+    /**
+     * Por defecto usa la variante layout.common.components.accordion.primary
+     */
+    variant?: string;
+}
+declare const Accordion: FC<IAccordionProps>;
+
+export { Accordion, type IAccordionProps };
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/components/accordion/Accordion.d.ts.map

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

package/dist/components/accordion/Accordion.js

@@ -0,0 +1,66 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { useMemo, useState, useRef, useEffect } from 'react';
+import { AccordionHandler } from './handler.js';
+import { KeyHandler } from './KeyHandler.js';
+import { shallowEqual } from '@apia/store';
+import { uniqueId } from '../ListBox/common.js';
+
+const Accordion = ({
+  animationDuration = 150,
+  children,
+  className,
+  getHandler,
+  singleExpand,
+  variant = "layout.common.components.accordion.primary"
+}) => {
+  const id = useMemo(() => uniqueId(), []);
+  const [handler] = useState(() => {
+    return new AccordionHandler(id, {
+      animationDuration,
+      children,
+      getHandler,
+      singleExpand,
+      variant
+    });
+  });
+  const propsRef = useRef({
+    animationDuration,
+    children,
+    getHandler,
+    singleExpand,
+    variant
+  });
+  if (!shallowEqual(
+    {
+      animationDuration,
+      children,
+      getHandler,
+      singleExpand,
+      variant
+    },
+    propsRef.current
+  )) {
+    propsRef.current = {
+      animationDuration,
+      children,
+      getHandler,
+      singleExpand,
+      variant
+    };
+    handler.updateProps({
+      animationDuration,
+      children,
+      getHandler,
+      singleExpand,
+      variant
+    });
+  }
+  const Provider = handler.hooks.useAccordionContextProvider();
+  useEffect(() => {
+    getHandler?.(handler);
+  }, [getHandler, handler]);
+  return /* @__PURE__ */ jsx(Provider, { children: /* @__PURE__ */ jsx(KeyHandler, { className: `accordion ${className ?? ""}`, children }) });
+};
+
+export { Accordion };
+//# sourceMappingURL=Accordion.js.map

package/dist/components/accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { useRef, FC, ReactNode, useEffect, useState, useMemo } from 'react';\r\nimport { AccordionHandler } from './handler';\r\nimport { KeyHandler } from './KeyHandler';\r\nimport { shallowEqual } from '@apia/store';\r\nimport { uniqueId } from '../ListBox/common';\r\n\r\nexport interface IAccordionProps {\r\n  /**\r\n   * Tiempo en ms que dura la animación. Por defecto se usa 150.\r\n   */\r\n  animationDuration?: number;\r\n  children?: ReactNode;\r\n  className?: string;\r\n  getHandler?: (handler: AccordionHandler) => unknown;\r\n  singleExpand?: boolean;\r\n  /**\r\n   * Por defecto usa la variante layout.common.components.accordion.primary\r\n   */\r\n  variant?: string;\r\n}\r\n\r\nexport const Accordion: FC<IAccordionProps> = ({\r\n  animationDuration = 150,\r\n  children,\r\n  className,\r\n  getHandler,\r\n  singleExpand,\r\n  variant = 'layout.common.components.accordion.primary',\r\n}) => {\r\n  const id = useMemo(() => uniqueId(), []);\r\n\r\n  const [handler] = useState(() => {\r\n    return new AccordionHandler(id, {\r\n      animationDuration,\r\n      children,\r\n      getHandler,\r\n      singleExpand,\r\n      variant,\r\n    });\r\n  });\r\n  const propsRef = useRef({\r\n    animationDuration,\r\n    children,\r\n    getHandler,\r\n    singleExpand,\r\n    variant,\r\n  });\r\n  if (\r\n    !shallowEqual(\r\n      {\r\n        animationDuration,\r\n        children,\r\n        getHandler,\r\n        singleExpand,\r\n        variant,\r\n      },\r\n      propsRef.current,\r\n    )\r\n  ) {\r\n    propsRef.current = {\r\n      animationDuration,\r\n      children,\r\n      getHandler,\r\n      singleExpand,\r\n      variant,\r\n    };\r\n    handler.updateProps({\r\n      animationDuration,\r\n      children,\r\n      getHandler,\r\n      singleExpand,\r\n      variant,\r\n    });\r\n  }\r\n\r\n  const Provider = handler.hooks.useAccordionContextProvider();\r\n\r\n  useEffect(() => {\r\n    getHandler?.(handler);\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [getHandler, handler]);\r\n\r\n  return (\r\n    <Provider>\r\n      <KeyHandler className={`accordion ${className ?? ''}`}>\r\n        {children}\r\n      </KeyHandler>\r\n    </Provider>\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;;;;;AAqBO,MAAM,YAAiC,CAAC;AAAA,EAC7C,iBAAoB,GAAA,GAAA;AAAA,EACpB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAU,GAAA,4CAAA;AACZ,CAAM,KAAA;AACJ,EAAA,MAAM,KAAK,OAAQ,CAAA,MAAM,QAAS,EAAA,EAAG,EAAE,CAAA,CAAA;AAEvC,EAAA,MAAM,CAAC,OAAO,CAAI,GAAA,QAAA,CAAS,MAAM;AAC/B,IAAO,OAAA,IAAI,iBAAiB,EAAI,EAAA;AAAA,MAC9B,iBAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA,MACA,YAAA;AAAA,MACA,OAAA;AAAA,KACD,CAAA,CAAA;AAAA,GACF,CAAA,CAAA;AACD,EAAA,MAAM,WAAW,MAAO,CAAA;AAAA,IACtB,iBAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,OAAA;AAAA,GACD,CAAA,CAAA;AACD,EAAA,IACE,CAAC,YAAA;AAAA,IACC;AAAA,MACE,iBAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA,MACA,YAAA;AAAA,MACA,OAAA;AAAA,KACF;AAAA,IACA,QAAS,CAAA,OAAA;AAAA,GAEX,EAAA;AACA,IAAA,QAAA,CAAS,OAAU,GAAA;AAAA,MACjB,iBAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA,MACA,YAAA;AAAA,MACA,OAAA;AAAA,KACF,CAAA;AACA,IAAA,OAAA,CAAQ,WAAY,CAAA;AAAA,MAClB,iBAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA,MACA,YAAA;AAAA,MACA,OAAA;AAAA,KACD,CAAA,CAAA;AAAA,GACH;AAEA,EAAM,MAAA,QAAA,GAAW,OAAQ,CAAA,KAAA,CAAM,2BAA4B,EAAA,CAAA;AAE3D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,GAAa,OAAO,CAAA,CAAA;AAAA,GAEnB,EAAA,CAAC,UAAY,EAAA,OAAO,CAAC,CAAA,CAAA;AAExB,EACE,uBAAA,GAAA,CAAC,QACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAW,aAAa,SAAa,IAAA,EAAE,CAChD,CAAA,EAAA,QAAA,EACH,CACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/accordion/AccordionItem.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { TId } from '@apia/util';
+import { IAccordionItemButton } from './defaultElements/DefaultAccordionItemButton.js';
+
+interface IAccordionItemProps {
+    /**
+     * Cada elemento del acordeón tiene dos formas de renderizar el botón. O bien
+     * se pasa un elemento AccordionItemButton como hijo o bien se pasan
+     * buttonProps. En caso contrario, el elemento no tendrá botón.
+     */
+    buttonProps?: IAccordionItemButton;
+    children?: ReactNode;
+    defaultExpanded?: boolean;
+    id: TId;
+}
+declare const AccordionItem: ({ children, defaultExpanded, id, ...props }: IAccordionItemProps) => React.JSX.Element;
+
+export { AccordionItem, type IAccordionItemProps };
+//# sourceMappingURL=AccordionItem.d.ts.map

package/dist/components/accordion/AccordionItem.d.ts.map

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

package/dist/components/accordion/AccordionItem.js

@@ -0,0 +1,26 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { useRef } from 'react';
+import { AccordionItemContent } from './AccordionItemContent.js';
+import { useAccordionContext } from './context.js';
+
+const AccordionItem = ({
+  children,
+  defaultExpanded,
+  id,
+  ...props
+}) => {
+  const context = useAccordionContext();
+  const Provider = context.hooks.useItemContextProvider(id);
+  const hasRegistered = useRef(false);
+  if (!hasRegistered.current) {
+    hasRegistered.current = true;
+    context.registerItem(id, {
+      isChecked: false,
+      isExpanded: !!defaultExpanded
+    });
+  }
+  return /* @__PURE__ */ jsx(Provider, { children: /* @__PURE__ */ jsx(AccordionItemContent, { id, ...props, children }) });
+};
+
+export { AccordionItem };
+//# sourceMappingURL=AccordionItem.js.map

package/dist/components/accordion/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.js","sources":["../../../src/components/accordion/AccordionItem.tsx"],"sourcesContent":["import { ReactNode, useRef } from 'react';\r\nimport { AccordionItemContent } from './AccordionItemContent';\r\nimport { useAccordionContext } from './context';\r\nimport { TId } from '@apia/util';\r\nimport { IAccordionItemButton } from './defaultElements/DefaultAccordionItemButton';\r\n\r\nexport interface IAccordionItemProps {\r\n  /**\r\n   * Cada elemento del acordeón tiene dos formas de renderizar el botón. O bien\r\n   * se pasa un elemento AccordionItemButton como hijo o bien se pasan\r\n   * buttonProps. En caso contrario, el elemento no tendrá botón.\r\n   */\r\n  buttonProps?: IAccordionItemButton;\r\n  children?: ReactNode;\r\n  defaultExpanded?: boolean;\r\n  id: TId;\r\n}\r\n\r\nexport const AccordionItem = ({\r\n  children,\r\n  defaultExpanded,\r\n  id,\r\n  ...props\r\n}: IAccordionItemProps) => {\r\n  const context = useAccordionContext();\r\n  const Provider = context.hooks.useItemContextProvider(id);\r\n  const hasRegistered = useRef(false);\r\n\r\n  if (!hasRegistered.current) {\r\n    hasRegistered.current = true;\r\n    context.registerItem(id, {\r\n      isChecked: false,\r\n      isExpanded: !!defaultExpanded,\r\n    });\r\n  }\r\n\r\n  return (\r\n    <Provider>\r\n      <AccordionItemContent id={id} {...props}>\r\n        {children}\r\n      </AccordionItemContent>\r\n    </Provider>\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;;;AAkBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,QAAA;AAAA,EACA,eAAA;AAAA,EACA,EAAA;AAAA,EACA,GAAG,KAAA;AACL,CAA2B,KAAA;AACzB,EAAA,MAAM,UAAU,mBAAoB,EAAA,CAAA;AACpC,EAAA,MAAM,QAAW,GAAA,OAAA,CAAQ,KAAM,CAAA,sBAAA,CAAuB,EAAE,CAAA,CAAA;AACxD,EAAM,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAElC,EAAI,IAAA,CAAC,cAAc,OAAS,EAAA;AAC1B,IAAA,aAAA,CAAc,OAAU,GAAA,IAAA,CAAA;AACxB,IAAA,OAAA,CAAQ,aAAa,EAAI,EAAA;AAAA,MACvB,SAAW,EAAA,KAAA;AAAA,MACX,UAAA,EAAY,CAAC,CAAC,eAAA;AAAA,KACf,CAAA,CAAA;AAAA,GACH;AAEA,EACE,uBAAA,GAAA,CAAC,YACC,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,IAAS,GAAG,KAAA,EAC/B,UACH,CACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/accordion/AccordionItemButton.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+
+type TAccordionItemButton = {
+    children?: ReactNode;
+};
+declare const AccordionItemButton: ({ children }: TAccordionItemButton) => React.JSX.Element;
+
+export { AccordionItemButton, type TAccordionItemButton };
+//# sourceMappingURL=AccordionItemButton.d.ts.map

package/dist/components/accordion/AccordionItemButton.d.ts.map

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

package/dist/components/accordion/AccordionItemButton.js

@@ -0,0 +1,8 @@
+import { jsx, Fragment } from '@apia/theme/jsx-runtime';
+
+const AccordionItemButton = ({ children }) => {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+
+export { AccordionItemButton };
+//# sourceMappingURL=AccordionItemButton.js.map

package/dist/components/accordion/AccordionItemButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItemButton.js","sources":["../../../src/components/accordion/AccordionItemButton.tsx"],"sourcesContent":["import { ReactNode } from 'react';\r\n\r\nexport type TAccordionItemButton = {\r\n  children?: ReactNode;\r\n};\r\n\r\nexport const AccordionItemButton = ({ children }: TAccordionItemButton) => {\r\n  return <>{children}</>;\r\n};\r\n"],"names":[],"mappings":";;AAMO,MAAM,mBAAsB,GAAA,CAAC,EAAE,QAAA,EAAqC,KAAA;AACzE,EAAA,uCAAU,QAAS,EAAA,CAAA,CAAA;AACrB;;;;"}

package/dist/components/accordion/AccordionItemContent.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { IAccordionItemProps } from './AccordionItem.js';
+
+declare const AccordionItemContent: ({ children, buttonProps, }: IAccordionItemProps) => React.JSX.Element;
+
+export { AccordionItemContent };
+//# sourceMappingURL=AccordionItemContent.d.ts.map

package/dist/components/accordion/AccordionItemContent.d.ts.map

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

package/dist/components/accordion/AccordionItemContent.js

@@ -0,0 +1,50 @@
+import { jsxs, jsx } from '@apia/theme/jsx-runtime';
+import { Children } from 'react';
+import { AccordionItemButton } from './AccordionItemButton.js';
+import { DefaultAccordionItemButton } from './defaultElements/DefaultAccordionItemButton.js';
+import AnimateHeight from 'react-animate-height';
+import { useAccordionContext } from './context.js';
+import { Box } from '@apia/theme';
+
+const AccordionItemContent = ({
+  children,
+  buttonProps
+}) => {
+  let button = null;
+  const actualChildren = Children.toArray(children).filter((current) => {
+    if (typeof current !== "string" && typeof current !== "number") {
+      const element = current;
+      if (element.type === AccordionItemButton) {
+        button = element;
+        return false;
+      }
+    }
+    return true;
+  });
+  if (button === null && buttonProps)
+    button = /* @__PURE__ */ jsx(DefaultAccordionItemButton, { ...buttonProps });
+  const handler = useAccordionContext();
+  const isExpanded = handler.hooks.useItemStateSelector(
+    (current) => current.isExpanded
+  );
+  const duration = handler.hooks.usePropsSelector(
+    (current) => current.animationDuration
+  );
+  const id = handler.hooks.useItemId();
+  return /* @__PURE__ */ jsxs(Box, { className: "accordion__item", "data-id": id, children: [
+    button,
+    /* @__PURE__ */ jsx(
+      AnimateHeight,
+      {
+        className: "accordion__item__content",
+        height: isExpanded ? "auto" : 0,
+        duration,
+        id: `accordion__${handler.id}__${id}`,
+        children: actualChildren
+      }
+    )
+  ] });
+};
+
+export { AccordionItemContent };
+//# sourceMappingURL=AccordionItemContent.js.map

package/dist/components/accordion/AccordionItemContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItemContent.js","sources":["../../../src/components/accordion/AccordionItemContent.tsx"],"sourcesContent":["import { Children, ReactElement } from 'react';\r\nimport { AccordionItemButton } from './AccordionItemButton';\r\nimport { DefaultAccordionItemButton } from './defaultElements/DefaultAccordionItemButton';\r\nimport { IAccordionItemProps } from './AccordionItem';\r\nimport AnimateHeight from 'react-animate-height';\r\nimport { useAccordionContext } from './context';\r\nimport { Box } from '@apia/theme';\r\n\r\nexport const AccordionItemContent = ({\r\n  children,\r\n  buttonProps,\r\n}: IAccordionItemProps) => {\r\n  let button = null;\r\n\r\n  const actualChildren = Children.toArray(children).filter((current) => {\r\n    if (typeof current !== 'string' && typeof current !== 'number') {\r\n      const element = current as ReactElement;\r\n\r\n      if (element.type === AccordionItemButton) {\r\n        button = element;\r\n        return false;\r\n      }\r\n    }\r\n    return true;\r\n  });\r\n\r\n  if (button === null && buttonProps)\r\n    button = <DefaultAccordionItemButton {...buttonProps} />;\r\n\r\n  const handler = useAccordionContext();\r\n  const isExpanded = handler.hooks.useItemStateSelector(\r\n    (current) => current.isExpanded,\r\n  );\r\n  const duration = handler.hooks.usePropsSelector(\r\n    (current) => current.animationDuration,\r\n  );\r\n  const id = handler.hooks.useItemId();\r\n\r\n  return (\r\n    <Box className=\"accordion__item\" data-id={id}>\r\n      {button}\r\n      <AnimateHeight\r\n        className=\"accordion__item__content\"\r\n        height={isExpanded ? 'auto' : 0}\r\n        duration={duration}\r\n        id={`accordion__${handler.id}__${id}`}\r\n      >\r\n        {actualChildren}\r\n      </AnimateHeight>\r\n    </Box>\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;;;;;;AAQO,MAAM,uBAAuB,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,WAAA;AACF,CAA2B,KAAA;AACzB,EAAA,IAAI,MAAS,GAAA,IAAA,CAAA;AAEb,EAAA,MAAM,iBAAiB,QAAS,CAAA,OAAA,CAAQ,QAAQ,CAAE,CAAA,MAAA,CAAO,CAAC,OAAY,KAAA;AACpE,IAAA,IAAI,OAAO,OAAA,KAAY,QAAY,IAAA,OAAO,YAAY,QAAU,EAAA;AAC9D,MAAA,MAAM,OAAU,GAAA,OAAA,CAAA;AAEhB,MAAI,IAAA,OAAA,CAAQ,SAAS,mBAAqB,EAAA;AACxC,QAAS,MAAA,GAAA,OAAA,CAAA;AACT,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AAAA,KACF;AACA,IAAO,OAAA,IAAA,CAAA;AAAA,GACR,CAAA,CAAA;AAED,EAAA,IAAI,WAAW,IAAQ,IAAA,WAAA;AACrB,IAAS,MAAA,mBAAA,GAAA,CAAC,0BAA4B,EAAA,EAAA,GAAG,WAAa,EAAA,CAAA,CAAA;AAExD,EAAA,MAAM,UAAU,mBAAoB,EAAA,CAAA;AACpC,EAAM,MAAA,UAAA,GAAa,QAAQ,KAAM,CAAA,oBAAA;AAAA,IAC/B,CAAC,YAAY,OAAQ,CAAA,UAAA;AAAA,GACvB,CAAA;AACA,EAAM,MAAA,QAAA,GAAW,QAAQ,KAAM,CAAA,gBAAA;AAAA,IAC7B,CAAC,YAAY,OAAQ,CAAA,iBAAA;AAAA,GACvB,CAAA;AACA,EAAM,MAAA,EAAA,GAAK,OAAQ,CAAA,KAAA,CAAM,SAAU,EAAA,CAAA;AAEnC,EAAA,uBACG,IAAA,CAAA,GAAA,EAAA,EAAI,SAAU,EAAA,iBAAA,EAAkB,WAAS,EACvC,EAAA,QAAA,EAAA;AAAA,IAAA,MAAA;AAAA,oBACD,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,0BAAA;AAAA,QACV,MAAA,EAAQ,aAAa,MAAS,GAAA,CAAA;AAAA,QAC9B,QAAA;AAAA,QACA,EAAI,EAAA,CAAA,WAAA,EAAc,OAAQ,CAAA,EAAE,KAAK,EAAE,CAAA,CAAA;AAAA,QAElC,QAAA,EAAA,cAAA;AAAA,OAAA;AAAA,KACH;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/accordion/KeyHandler.js

@@ -0,0 +1,82 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { Box, getVariant } from '@apia/theme';
+import { useAccordionContext } from './context.js';
+import { useCallback } from 'react';
+
+const KeyHandler = (props) => {
+  const handler = useAccordionContext();
+  const variant = handler.hooks.usePropsSelector((current) => current.variant);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ...props,
+      ref: useCallback(
+        (ref) => {
+          if (ref) {
+            ref.addEventListener("keydown", (ev) => {
+              if (ev.target.closest(".accordion__item__content"))
+                return;
+              const accordionItem = ev.target?.closest(
+                ".accordion__item"
+              );
+              const accordion = ev.target?.closest(
+                ".accordion"
+              );
+              const allItems = [
+                ...accordion?.querySelectorAll(".accordion__item") ?? []
+              ];
+              const currentIndex = allItems.findIndex(
+                (current) => current === accordionItem
+              );
+              if (ev.code === "ArrowDown") {
+                if (currentIndex < allItems.length - 1) {
+                  ev.preventDefault();
+                  allItems[currentIndex + 1]?.querySelector(
+                    ".accordion__item__button"
+                  )?.focus();
+                }
+              } else if (ev.code === "ArrowUp") {
+                if (currentIndex > 0) {
+                  ev.preventDefault();
+                  allItems[currentIndex - 1]?.querySelector(
+                    ".accordion__item__button"
+                  )?.focus();
+                }
+              } else if (ev.code === "ArrowLeft") {
+                if (allItems[currentIndex]?.querySelector(
+                  '[aria-expanded="true"]'
+                )) {
+                  ev.preventDefault();
+                  allItems[currentIndex]?.querySelector(
+                    ".accordion__item__button"
+                  )?.click();
+                }
+              } else if (ev.code === "ArrowRight") {
+                if (allItems[currentIndex]?.querySelector(
+                  '[aria-expanded="false"]'
+                )) {
+                  ev.preventDefault();
+                  allItems[currentIndex]?.querySelector(
+                    ".accordion__item__button"
+                  )?.click();
+                }
+              } else if (ev.code === "Space") {
+                ev.preventDefault();
+                ev.stopPropagation();
+                const id = accordionItem.dataset.id;
+                handler.udpateItem(id, {
+                  isChecked: !handler.itemsState[id].isChecked
+                });
+              }
+            });
+          }
+        },
+        [handler]
+      ),
+      ...variant ? getVariant(variant) : void 0
+    }
+  );
+};
+
+export { KeyHandler };
+//# sourceMappingURL=KeyHandler.js.map

package/dist/components/accordion/KeyHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyHandler.js","sources":["../../../src/components/accordion/KeyHandler.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@apia/theme';\r\nimport { useAccordionContext } from './context';\r\nimport { getVariant } from '@apia/theme';\r\nimport { useCallback } from 'react';\r\n\r\nexport const KeyHandler = (props: BoxProps) => {\r\n  const handler = useAccordionContext();\r\n\r\n  const variant = handler.hooks.usePropsSelector((current) => current.variant);\r\n\r\n  return (\r\n    <Box\r\n      {...props}\r\n      ref={useCallback(\r\n        (ref: HTMLElement | null) => {\r\n          if (ref) {\r\n            ref.addEventListener('keydown', (ev) => {\r\n              if (\r\n                (ev.target as HTMLElement).closest('.accordion__item__content')\r\n              )\r\n                return;\r\n\r\n              const accordionItem = (ev.target as HTMLElement)?.closest(\r\n                '.accordion__item',\r\n              ) as HTMLElement;\r\n              const accordion = (ev.target as HTMLElement)?.closest(\r\n                '.accordion',\r\n              );\r\n              const allItems = [\r\n                ...(accordion?.querySelectorAll('.accordion__item') ?? []),\r\n              ];\r\n              const currentIndex = allItems.findIndex(\r\n                (current) => current === accordionItem,\r\n              );\r\n\r\n              if (ev.code === 'ArrowDown') {\r\n                if (currentIndex < allItems.length - 1) {\r\n                  ev.preventDefault();\r\n                  (\r\n                    (allItems[currentIndex + 1] as HTMLElement)?.querySelector(\r\n                      '.accordion__item__button',\r\n                    ) as HTMLElement\r\n                  )?.focus();\r\n                }\r\n              } else if (ev.code === 'ArrowUp') {\r\n                if (currentIndex > 0) {\r\n                  ev.preventDefault();\r\n                  (\r\n                    (allItems[currentIndex - 1] as HTMLElement)?.querySelector(\r\n                      '.accordion__item__button',\r\n                    ) as HTMLElement\r\n                  )?.focus();\r\n                }\r\n              } else if (ev.code === 'ArrowLeft') {\r\n                if (\r\n                  (allItems[currentIndex] as HTMLElement)?.querySelector(\r\n                    '[aria-expanded=\"true\"]',\r\n                  ) as HTMLElement\r\n                ) {\r\n                  ev.preventDefault();\r\n                  (\r\n                    (allItems[currentIndex] as HTMLElement)?.querySelector(\r\n                      '.accordion__item__button',\r\n                    ) as HTMLElement\r\n                  )?.click();\r\n                }\r\n              } else if (ev.code === 'ArrowRight') {\r\n                if (\r\n                  (allItems[currentIndex] as HTMLElement)?.querySelector(\r\n                    '[aria-expanded=\"false\"]',\r\n                  ) as HTMLElement\r\n                ) {\r\n                  ev.preventDefault();\r\n                  (\r\n                    (allItems[currentIndex] as HTMLElement)?.querySelector(\r\n                      '.accordion__item__button',\r\n                    ) as HTMLElement\r\n                  )?.click();\r\n                }\r\n              } else if (ev.code === 'Space') {\r\n                ev.preventDefault();\r\n                ev.stopPropagation();\r\n                const id = accordionItem.dataset.id as string;\r\n                handler.udpateItem(id, {\r\n                  isChecked: !handler.itemsState[id].isChecked,\r\n                });\r\n              }\r\n            });\r\n          }\r\n        },\r\n        [handler],\r\n      )}\r\n      {...(variant ? getVariant(variant) : undefined)}\r\n    />\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;;;AAKa,MAAA,UAAA,GAAa,CAAC,KAAoB,KAAA;AAC7C,EAAA,MAAM,UAAU,mBAAoB,EAAA,CAAA;AAEpC,EAAA,MAAM,UAAU,OAAQ,CAAA,KAAA,CAAM,iBAAiB,CAAC,OAAA,KAAY,QAAQ,OAAO,CAAA,CAAA;AAE3E,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAK,EAAA,WAAA;AAAA,QACH,CAAC,GAA4B,KAAA;AAC3B,UAAA,IAAI,GAAK,EAAA;AACP,YAAI,GAAA,CAAA,gBAAA,CAAiB,SAAW,EAAA,CAAC,EAAO,KAAA;AACtC,cACG,IAAA,EAAA,CAAG,MAAuB,CAAA,OAAA,CAAQ,2BAA2B,CAAA;AAE9D,gBAAA,OAAA;AAEF,cAAM,MAAA,aAAA,GAAiB,GAAG,MAAwB,EAAA,OAAA;AAAA,gBAChD,kBAAA;AAAA,eACF,CAAA;AACA,cAAM,MAAA,SAAA,GAAa,GAAG,MAAwB,EAAA,OAAA;AAAA,gBAC5C,YAAA;AAAA,eACF,CAAA;AACA,cAAA,MAAM,QAAW,GAAA;AAAA,gBACf,GAAI,SAAA,EAAW,gBAAiB,CAAA,kBAAkB,KAAK,EAAC;AAAA,eAC1D,CAAA;AACA,cAAA,MAAM,eAAe,QAAS,CAAA,SAAA;AAAA,gBAC5B,CAAC,YAAY,OAAY,KAAA,aAAA;AAAA,eAC3B,CAAA;AAEA,cAAI,IAAA,EAAA,CAAG,SAAS,WAAa,EAAA;AAC3B,gBAAI,IAAA,YAAA,GAAe,QAAS,CAAA,MAAA,GAAS,CAAG,EAAA;AACtC,kBAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,kBACG,QAAA,CAAS,YAAe,GAAA,CAAC,CAAmB,EAAA,aAAA;AAAA,oBAC3C,0BAAA;AAAA,qBAED,KAAM,EAAA,CAAA;AAAA,iBACX;AAAA,eACF,MAAA,IAAW,EAAG,CAAA,IAAA,KAAS,SAAW,EAAA;AAChC,gBAAA,IAAI,eAAe,CAAG,EAAA;AACpB,kBAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,kBACG,QAAA,CAAS,YAAe,GAAA,CAAC,CAAmB,EAAA,aAAA;AAAA,oBAC3C,0BAAA;AAAA,qBAED,KAAM,EAAA,CAAA;AAAA,iBACX;AAAA,eACF,MAAA,IAAW,EAAG,CAAA,IAAA,KAAS,WAAa,EAAA;AAClC,gBACG,IAAA,QAAA,CAAS,YAAY,CAAmB,EAAA,aAAA;AAAA,kBACvC,wBAAA;AAAA,iBAEF,EAAA;AACA,kBAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,kBACG,QAAA,CAAS,YAAY,CAAmB,EAAA,aAAA;AAAA,oBACvC,0BAAA;AAAA,qBAED,KAAM,EAAA,CAAA;AAAA,iBACX;AAAA,eACF,MAAA,IAAW,EAAG,CAAA,IAAA,KAAS,YAAc,EAAA;AACnC,gBACG,IAAA,QAAA,CAAS,YAAY,CAAmB,EAAA,aAAA;AAAA,kBACvC,yBAAA;AAAA,iBAEF,EAAA;AACA,kBAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,kBACG,QAAA,CAAS,YAAY,CAAmB,EAAA,aAAA;AAAA,oBACvC,0BAAA;AAAA,qBAED,KAAM,EAAA,CAAA;AAAA,iBACX;AAAA,eACF,MAAA,IAAW,EAAG,CAAA,IAAA,KAAS,OAAS,EAAA;AAC9B,gBAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,gBAAA,EAAA,CAAG,eAAgB,EAAA,CAAA;AACnB,gBAAM,MAAA,EAAA,GAAK,cAAc,OAAQ,CAAA,EAAA,CAAA;AACjC,gBAAA,OAAA,CAAQ,WAAW,EAAI,EAAA;AAAA,kBACrB,SAAW,EAAA,CAAC,OAAQ,CAAA,UAAA,CAAW,EAAE,CAAE,CAAA,SAAA;AAAA,iBACpC,CAAA,CAAA;AAAA,eACH;AAAA,aACD,CAAA,CAAA;AAAA,WACH;AAAA,SACF;AAAA,QACA,CAAC,OAAO,CAAA;AAAA,OACV;AAAA,MACC,GAAI,OAAA,GAAU,UAAW,CAAA,OAAO,CAAI,GAAA,KAAA,CAAA;AAAA,KAAA;AAAA,GACvC,CAAA;AAEJ;;;;"}

package/dist/components/accordion/context.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { AccordionHandler } from './handler.js';
+import { TId } from '@apia/util';
+
+declare const AccordionContext: React.Context<AccordionHandler | null>;
+declare const AccordionItemContext: React.Context<TId | null>;
+declare const useAccordionContext: () => AccordionHandler;
+
+export { AccordionContext, AccordionItemContext, useAccordionContext };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/accordion/context.d.ts.map

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

package/dist/components/accordion/context.js

@@ -0,0 +1,13 @@
+import { createContext, useContext } from 'react';
+
+const AccordionContext = createContext(null);
+const AccordionItemContext = createContext(null);
+const useAccordionContext = () => {
+  const context = useContext(AccordionContext);
+  if (!context)
+    throw new Error("There is no AccordionContext");
+  return context;
+};
+
+export { AccordionContext, AccordionItemContext, useAccordionContext };
+//# sourceMappingURL=context.js.map

package/dist/components/accordion/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../src/components/accordion/context.ts"],"sourcesContent":["import { TId } from '@apia/util';\r\nimport { createContext, useContext } from 'react';\r\nimport { TAccordionHandler } from '.';\r\n\r\nexport const AccordionContext = createContext<TAccordionHandler | null>(null);\r\nexport const AccordionItemContext = createContext<TId | null>(null);\r\n\r\nexport const useAccordionContext = () => {\r\n  const context = useContext(AccordionContext);\r\n  if (!context) throw new Error('There is no AccordionContext');\r\n  return context;\r\n};\r\n"],"names":[],"mappings":";;AAIa,MAAA,gBAAA,GAAmB,cAAwC,IAAI,EAAA;AAC/D,MAAA,oBAAA,GAAuB,cAA0B,IAAI,EAAA;AAE3D,MAAM,sBAAsB,MAAM;AACvC,EAAM,MAAA,OAAA,GAAU,WAAW,gBAAgB,CAAA,CAAA;AAC3C,EAAA,IAAI,CAAC,OAAA;AAAS,IAAM,MAAA,IAAI,MAAM,8BAA8B,CAAA,CAAA;AAC5D,EAAO,OAAA,OAAA,CAAA;AACT;;;;"}