@janbox/storefront-ui 1.0.24 → 1.0.25

package/dist/lib/accordion/accordion/accordion.js

@@ -0,0 +1,118 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useRef, useCallback, useMemo, useEffect } from "react";
+import { useMergeRefs } from "@floating-ui/react";
+import { isNil } from "lodash-es";
+import { getAccordionProps, getAccordionDataAttributes, AccordionContext } from "./helpers.js";
+import { AccordionDataAttributes } from "./types.js";
+import { Booleanish } from "../../../constants/index.js";
+import { useControllableState } from "../../../hooks/use-controllable-state.js";
+import { mediaQuery } from "../../../theme/screens.js";
+import "../../../theme/palette.js";
+import { getAccordionGroupDataAttributes } from "../accordion-group/helpers.js";
+const Accordion = (_props) => {
+  const {
+    xs,
+    sm,
+    md,
+    lg,
+    children,
+    open: controlledOpen,
+    defaultOpen = false,
+    onOpenChange: onOpenChangeCallback,
+    ref,
+    ...rest
+  } = getAccordionProps(_props);
+  const rootRef = useRef(null);
+  const mergedRefs = useMergeRefs([ref, rootRef]);
+  const [open, setOpen] = useControllableState({
+    defaultValue: defaultOpen,
+    value: controlledOpen
+  });
+  const onOpenChange = useCallback(
+    (nextOpen) => {
+      setOpen(nextOpen);
+      onOpenChangeCallback == null ? void 0 : onOpenChangeCallback(nextOpen);
+    },
+    [setOpen, onOpenChangeCallback]
+  );
+  const css = [
+    {
+      width: "100%",
+      display: "flex",
+      flexDirection: "column"
+    },
+    xs == null ? void 0 : xs.css,
+    {
+      [mediaQuery("sm")]: sm == null ? void 0 : sm.css,
+      [mediaQuery("md")]: md == null ? void 0 : md.css,
+      [mediaQuery("lg")]: lg == null ? void 0 : lg.css
+    }
+  ];
+  const toggle = useCallback(() => {
+    const rootElement = rootRef.current;
+    if (!rootElement) return;
+    const { openState: currentOpen } = getAccordionDataAttributes(rootElement);
+    const nextOpen = !currentOpen;
+    rootElement.setAttribute(
+      AccordionDataAttributes.OpenState,
+      nextOpen.toString()
+    );
+  }, []);
+  const contextValue = useMemo(
+    () => ({
+      open,
+      toggle
+    }),
+    [open, toggle]
+  );
+  useEffect(() => {
+    const mutationObserver = new MutationObserver((records) => {
+      var _a;
+      const target = (_a = records.at(0)) == null ? void 0 : _a.target;
+      if (isNil(target)) return;
+      const nextOpen = target.getAttribute(AccordionDataAttributes.OpenState) === Booleanish.True;
+      onOpenChange(nextOpen);
+      if (nextOpen && target.parentElement) {
+        const { openMode } = getAccordionGroupDataAttributes(
+          target.parentElement
+        );
+        switch (openMode) {
+          case "single":
+            for (const child of target.parentElement.children) {
+              if (child !== target && getAccordionDataAttributes(child).openState) {
+                child.setAttribute(
+                  AccordionDataAttributes.OpenState,
+                  Booleanish.False
+                );
+              }
+            }
+            break;
+        }
+      }
+    });
+    if (rootRef.current) {
+      mutationObserver.observe(rootRef.current, {
+        attributes: true,
+        attributeFilter: [AccordionDataAttributes.OpenState]
+      });
+    }
+    return () => {
+      mutationObserver.disconnect();
+    };
+  }, [onOpenChange]);
+  return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      css,
+      ...{
+        [AccordionDataAttributes.OpenState]: open
+      },
+      ...rest,
+      ref: mergedRefs,
+      children
+    }
+  ) });
+};
+export {
+  Accordion
+};

package/dist/lib/accordion/accordion/helpers.d.ts

@@ -1,11 +1,12 @@
-import { AccordionProps } from './types.js';
+import { AccordionProps } from './types';
 export type AccordionContextValue = {
     open: boolean;
     toggle: () => void;
 };
-export declare const AccordionContext: import("react").Context<AccordionContextValue>;
+export declare const AccordionContext: import('react').Context<AccordionContextValue>;
 export declare const useAccordionContext: () => AccordionContextValue;
 export declare const getAccordionDataAttributes: (element: Element) => {
     openState: boolean;
 };
 export declare const getAccordionProps: (extended: AccordionProps) => AccordionProps;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/lib/accordion/accordion/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,EAA2B,cAAc,EAAE,MAAM,SAAS,CAAC;AAKlE,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,gDAA6C,CAAC;AAE3E,eAAO,MAAM,mBAAmB,6BAAqC,CAAC;AAEtE,eAAO,MAAM,0BAA0B,YAAa,OAAO;;CAI1D,CAAC;AAIF,eAAO,MAAM,iBAAiB,aAAc,cAAc,mBAEzD,CAAC"}

package/dist/lib/accordion/accordion/helpers.js

@@ -1,15 +1,21 @@
-import { createContext, useContext } from 'react';
-import { AccordionDataAttributes } from './types.js';
-import { Booleanish } from '../../../constants/index.js';
-import { mergeComponentProps } from '../../../utils/index.js';
-export const AccordionContext = createContext({});
-export const useAccordionContext = () => useContext(AccordionContext);
-export const getAccordionDataAttributes = (element) => {
-    return {
-        openState: element.getAttribute(AccordionDataAttributes.OpenState) === Booleanish.True,
-    };
+import { createContext, useContext } from "react";
+import { AccordionDataAttributes } from "./types.js";
+import { Booleanish } from "../../../constants/index.js";
+import { mergeComponentProps } from "../../../utils/index.js";
+const AccordionContext = createContext({});
+const useAccordionContext = () => useContext(AccordionContext);
+const getAccordionDataAttributes = (element) => {
+  return {
+    openState: element.getAttribute(AccordionDataAttributes.OpenState) === Booleanish.True
+  };
 };
 const defaultProps = {};
-export const getAccordionProps = (extended) => {
-    return mergeComponentProps(defaultProps, extended);
+const getAccordionProps = (extended) => {
+  return mergeComponentProps(defaultProps, extended);
+};
+export {
+  AccordionContext,
+  getAccordionDataAttributes,
+  getAccordionProps,
+  useAccordionContext
 };

package/dist/lib/accordion/accordion/index.d.ts

@@ -1,3 +1,4 @@
-export * from './accordion.jsx';
-export * from './types.js';
-export * from './helpers.js';
+export * from './accordion';
+export * from './types';
+export * from './helpers';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/accordion/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

package/dist/lib/accordion/accordion/types.d.ts

@@ -1,5 +1,5 @@
-import { JSX } from "react";
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from "../../../types/index.js";
+import { JSX } from 'react';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
 export declare enum AccordionDataAttributes {
     OpenState = "data-open"
 }
@@ -9,3 +9,4 @@ export interface AccordionExtendedProps extends ResponsiveDesign<PropsWithCSS> {
     onOpenChange?: (open: boolean) => void;
 }
 export type AccordionProps = ShallowMerge<JSX.IntrinsicElements["div"], AccordionExtendedProps>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/accordion/accordion/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9E,oBAAY,uBAAuB;IACjC,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB,CAAC,YAAY,CAAC;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,CACvC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B,sBAAsB,CACvB,CAAC"}

package/dist/lib/accordion/accordion/types.js

@@ -1,4 +1,7 @@
-export var AccordionDataAttributes;
-(function (AccordionDataAttributes) {
-    AccordionDataAttributes["OpenState"] = "data-open";
-})(AccordionDataAttributes || (AccordionDataAttributes = {}));
+var AccordionDataAttributes = /* @__PURE__ */ ((AccordionDataAttributes2) => {
+  AccordionDataAttributes2["OpenState"] = "data-open";
+  return AccordionDataAttributes2;
+})(AccordionDataAttributes || {});
+export {
+  AccordionDataAttributes
+};

package/dist/lib/accordion/accordion-content/accordion-content.d.ts

@@ -1,2 +1,3 @@
-import { AccordionContentProps } from './types.js';
+import { AccordionContentProps } from './types';
 export declare const AccordionContent: ({ children, ref, ..._props }: AccordionContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=accordion-content.d.ts.map

package/dist/lib/accordion/accordion-content/accordion-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-content.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion-content/accordion-content.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAOhD,eAAO,MAAM,gBAAgB,iCAAkC,qBAAqB,qDAoCnF,CAAC"}

package/dist/lib/accordion/accordion-content/accordion-content.js

@@ -0,0 +1,41 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useRef } from "react";
+import { motion } from "motion/react";
+import { getAccordionContentProps } from "./helpers.js";
+import { useAccordionContext } from "../accordion/helpers.js";
+import { mediaQuery } from "../../../theme/screens.js";
+import "../../../theme/palette.js";
+import { useAccordionGroupContext } from "../accordion-group/helpers.js";
+const AccordionContent = ({ children, ref, ..._props }) => {
+  const { accordionContentProps: accordionContentPropsByGroup = {} } = useAccordionGroupContext();
+  const { xs, sm, md, lg, containerProps, ...props } = getAccordionContentProps(accordionContentPropsByGroup, _props);
+  const { open } = useAccordionContext();
+  const defaultOpenRef = useRef(open);
+  const css = [
+    {
+      width: "100%"
+    },
+    xs == null ? void 0 : xs.css,
+    {
+      [mediaQuery("sm")]: sm == null ? void 0 : sm.css,
+      [mediaQuery("md")]: md == null ? void 0 : md.css,
+      [mediaQuery("lg")]: lg == null ? void 0 : lg.css
+    }
+  ];
+  const initial = defaultOpenRef.current ? { height: "auto", opacity: 1 } : { height: 0, opacity: 0 };
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial,
+      animate: open ? { height: "auto", opacity: 1 } : { height: 0, opacity: 0 },
+      transition: { duration: 0.3 },
+      css: { overflow: "hidden", width: "100%" },
+      ...containerProps,
+      ref,
+      children: /* @__PURE__ */ jsx("div", { ...props, css, children })
+    }
+  );
+};
+export {
+  AccordionContent
+};

package/dist/lib/accordion/accordion-content/helpers.d.ts

@@ -1,2 +1,3 @@
-import { AccordionContentProps } from './types.js';
+import { AccordionContentProps } from './types';
 export declare const getAccordionContentProps: (...extended: Partial<AccordionContentProps>[]) => AccordionContentProps;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/lib/accordion/accordion-content/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion-content/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAMhD,eAAO,MAAM,wBAAwB,gBAAiB,OAAO,CAAC,qBAAqB,CAAC,EAAE,0BAErF,CAAC"}

package/dist/lib/accordion/accordion-content/helpers.js

@@ -1,5 +1,8 @@
-import { mergeComponentProps } from '../../../utils/index.js';
+import { mergeComponentProps } from "../../../utils/index.js";
 const defaultProps = {};
-export const getAccordionContentProps = (...extended) => {
-    return mergeComponentProps(defaultProps, ...extended);
+const getAccordionContentProps = (...extended) => {
+  return mergeComponentProps(defaultProps, ...extended);
+};
+export {
+  getAccordionContentProps
 };

package/dist/lib/accordion/accordion-content/index.d.ts

@@ -1,3 +1,4 @@
-export * from './accordion-content.jsx';
-export * from './types.js';
-export * from './helpers.js';
+export * from './accordion-content';
+export * from './types';
+export * from './helpers';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/accordion/accordion-content/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion-content/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

package/dist/lib/accordion/accordion-content/types.d.ts

@@ -1,9 +1,10 @@
 import { JSX } from 'react';
 import { HTMLMotionProps } from 'motion/react';
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types/index.js';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
 interface AccordionContentExtendedProps extends ResponsiveDesign<PropsWithCSS> {
     children?: React.ReactNode;
     containerProps?: HTMLMotionProps<'div'>;
 }
 export type AccordionContentProps = ShallowMerge<JSX.IntrinsicElements['div'], AccordionContentExtendedProps>;
 export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/accordion/accordion-content/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion-content/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5E,UAAU,6BAA8B,SAAQ,gBAAgB,CAAC,YAAY,CAAC;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;CACzC;AAED,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,6BAA6B,CAAC,CAAC"}

package/dist/lib/accordion/accordion-group/accordion-group.d.ts

@@ -1,2 +1,3 @@
-import { AccordionGroupProps } from './types.js';
-export declare const AccordionGroup: import("react").ForwardRefExoticComponent<Omit<AccordionGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+import { AccordionGroupProps } from './types';
+export declare const AccordionGroup: import('react').ForwardRefExoticComponent<Omit<AccordionGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=accordion-group.d.ts.map

package/dist/lib/accordion/accordion-group/accordion-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-group.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion-group/accordion-group.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA4D,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAIxG,eAAO,MAAM,cAAc,6HAmDzB,CAAC"}

package/dist/lib/accordion/accordion-group/accordion-group.js

@@ -0,0 +1,56 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef, useRef, useMemo } from "react";
+import { useMergeRefs } from "@floating-ui/react";
+import { getAccordionGroupProps, AccordionGroupContext } from "./helpers.js";
+import { AccordionGroupDataAttributes } from "./types.js";
+import { mediaQuery } from "../../../theme/screens.js";
+import "../../../theme/palette.js";
+const AccordionGroup = forwardRef((_props, ref) => {
+  const {
+    children,
+    xs,
+    sm,
+    md,
+    lg,
+    openMode = "multiple",
+    accordionSummaryProps,
+    accordionContentProps,
+    ...rest
+  } = getAccordionGroupProps(_props);
+  const rootEl = useRef(null);
+  const mergedRefs = useMergeRefs([ref, rootEl]);
+  const css = [
+    {
+      display: "flex",
+      flexDirection: "column"
+    },
+    xs == null ? void 0 : xs.css,
+    {
+      [mediaQuery("sm")]: sm == null ? void 0 : sm.css,
+      [mediaQuery("md")]: md == null ? void 0 : md.css,
+      [mediaQuery("lg")]: lg == null ? void 0 : lg.css
+    }
+  ];
+  const contextValue = useMemo(
+    () => ({
+      accordionSummaryProps,
+      accordionContentProps
+    }),
+    [accordionSummaryProps, accordionContentProps]
+  );
+  return /* @__PURE__ */ jsx(AccordionGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      css,
+      ...rest,
+      ...{
+        [AccordionGroupDataAttributes.OpenMode]: openMode
+      },
+      ref: mergedRefs,
+      children
+    }
+  ) });
+});
+export {
+  AccordionGroup
+};

package/dist/lib/accordion/accordion-group/helpers.d.ts

@@ -1,14 +1,15 @@
-import { AccordionGroupOpenMode, AccordionGroupProps } from './types.js';
-import { Nullable } from '../../../types/index.js';
-export declare const AccordionGroupContext: import("react").Context<Partial<{
-    accordionSummaryProps?: Partial<import("../index.js").AccordionSummaryProps>;
-    accordionContentProps?: Partial<import("../index.js").AccordionContentProps>;
+import { AccordionGroupOpenMode, AccordionGroupProps } from './types';
+import { Nullable } from '../../../types';
+export declare const AccordionGroupContext: import('react').Context<Partial<{
+    accordionSummaryProps?: Partial<import('..').AccordionSummaryProps>;
+    accordionContentProps?: Partial<import('..').AccordionContentProps>;
 }>>;
 export declare const useAccordionGroupContext: () => Partial<{
-    accordionSummaryProps?: Partial<import("../index.js").AccordionSummaryProps>;
-    accordionContentProps?: Partial<import("../index.js").AccordionContentProps>;
+    accordionSummaryProps?: Partial<import('..').AccordionSummaryProps>;
+    accordionContentProps?: Partial<import('..').AccordionContentProps>;
 }>;
 export declare const getAccordionGroupDataAttributes: (element: HTMLElement) => {
     openMode: Nullable<AccordionGroupOpenMode>;
 };
 export declare const getAccordionGroupProps: (extended: AccordionGroupProps) => AccordionGroupProps;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/lib/accordion/accordion-group/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion-group/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAIjB,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,eAAO,MAAM,qBAAqB;;;GAAgD,CAAC;AAEnF,eAAO,MAAM,wBAAwB;;;EAA0C,CAAC;AAEhF,eAAO,MAAM,+BAA+B,YAAa,WAAW;cAEmB,QAAQ,CAAC,sBAAsB,CAAC;CAEtH,CAAC;AAIF,eAAO,MAAM,sBAAsB,aAAc,mBAAmB,wBAEnE,CAAC"}

package/dist/lib/accordion/accordion-group/helpers.js

@@ -1,14 +1,20 @@
-import { createContext, useContext } from 'react';
-import { AccordionGroupDataAttributes, } from './types.js';
-import { mergeComponentProps } from '../../../utils/index.js';
-export const AccordionGroupContext = createContext({});
-export const useAccordionGroupContext = () => useContext(AccordionGroupContext);
-export const getAccordionGroupDataAttributes = (element) => {
-    return {
-        openMode: (element.getAttribute(AccordionGroupDataAttributes.OpenMode) ?? null),
-    };
+import { createContext, useContext } from "react";
+import { AccordionGroupDataAttributes } from "./types.js";
+import { mergeComponentProps } from "../../../utils/index.js";
+const AccordionGroupContext = createContext({});
+const useAccordionGroupContext = () => useContext(AccordionGroupContext);
+const getAccordionGroupDataAttributes = (element) => {
+  return {
+    openMode: element.getAttribute(AccordionGroupDataAttributes.OpenMode) ?? null
+  };
 };
 const defaultProps = {};
-export const getAccordionGroupProps = (extended) => {
-    return mergeComponentProps(defaultProps, extended);
+const getAccordionGroupProps = (extended) => {
+  return mergeComponentProps(defaultProps, extended);
+};
+export {
+  AccordionGroupContext,
+  getAccordionGroupDataAttributes,
+  getAccordionGroupProps,
+  useAccordionGroupContext
 };

package/dist/lib/accordion/accordion-group/index.d.ts

@@ -1,3 +1,4 @@
-export * from './accordion-group.jsx';
-export * from './helpers.js';
-export * from './types.js';
+export * from './accordion-group';
+export * from './helpers';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/accordion/accordion-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}

package/dist/lib/accordion/accordion-group/types.d.ts

@@ -1,7 +1,7 @@
 import { JSX } from 'react';
-import { AccordionContentProps } from '../accordion-content/index.js';
-import { AccordionSummaryProps } from '../accordion-summary/index.js';
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types/index.js';
+import { AccordionContentProps } from '../accordion-content';
+import { AccordionSummaryProps } from '../accordion-summary';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
 export type AccordionGroupOpenMode = 'single' | 'multiple';
 export type AccordionGroupContextValue = Partial<{
     accordionSummaryProps?: Partial<AccordionSummaryProps>;
@@ -14,3 +14,4 @@ export interface AccordionGroupExtendedProps extends ResponsiveDesign<PropsWithC
     openMode?: AccordionGroupOpenMode;
 }
 export type AccordionGroupProps = ShallowMerge<JSX.IntrinsicElements['div'], AccordionGroupExtendedProps>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/accordion/accordion-group/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5E,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE3D,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC;IAC/C,qBAAqB,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IACvD,qBAAqB,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;CACxD,CAAC,CAAC;AAEH,oBAAY,4BAA4B;IACtC,QAAQ,mBAAmB;CAC5B;AAED,MAAM,WAAW,2BAA4B,SAAQ,gBAAgB,CAAC,YAAY,CAAC,EAAE,0BAA0B;IAC7G,QAAQ,CAAC,EAAE,sBAAsB,CAAC;CACnC;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,2BAA2B,CAAC,CAAC"}

package/dist/lib/accordion/accordion-group/types.js

@@ -1,4 +1,7 @@
-export var AccordionGroupDataAttributes;
-(function (AccordionGroupDataAttributes) {
-    AccordionGroupDataAttributes["OpenMode"] = "data-open-mode";
-})(AccordionGroupDataAttributes || (AccordionGroupDataAttributes = {}));
+var AccordionGroupDataAttributes = /* @__PURE__ */ ((AccordionGroupDataAttributes2) => {
+  AccordionGroupDataAttributes2["OpenMode"] = "data-open-mode";
+  return AccordionGroupDataAttributes2;
+})(AccordionGroupDataAttributes || {});
+export {
+  AccordionGroupDataAttributes
+};

package/dist/lib/accordion/accordion-summary/accordion-summary.d.ts

@@ -1,2 +1,3 @@
-import { AccordionSummaryProps } from './types.js';
+import { AccordionSummaryProps } from './types';
 export declare const AccordionSummary: ({ children, ref, ..._props }: AccordionSummaryProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=accordion-summary.d.ts.map

package/dist/lib/accordion/accordion-summary/accordion-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-summary.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion-summary/accordion-summary.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmC,qBAAqB,EAAE,MAAM,SAAS,CAAC;AA6BjF,eAAO,MAAM,gBAAgB,iCAAkC,qBAAqB,qDAwCnF,CAAC"}

package/dist/lib/accordion/accordion-summary/accordion-summary.js

@@ -0,0 +1,64 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { getAccordionSummaryProps } from "./helpers.js";
+import { useAccordionContext } from "../accordion/helpers.js";
+import { Booleanish } from "../../../constants/index.js";
+import { mediaQuery } from "../../../theme/screens.js";
+import "../../../theme/palette.js";
+import { useAccordionGroupContext } from "../accordion-group/helpers.js";
+import { Icon } from "../../icon/icon.js";
+const ExpandIcon = ({ source, position, xs, sm, md, lg }) => {
+  const { open } = useAccordionContext();
+  const sourceString = open ? source.expanded : source.collapsed;
+  return /* @__PURE__ */ jsx(
+    Icon,
+    {
+      css: {
+        flexShrink: 0
+      },
+      xs,
+      sm,
+      md,
+      lg,
+      "data-position": position,
+      source: sourceString
+    }
+  );
+};
+const AccordionSummary = ({ children, ref, ..._props }) => {
+  const { accordionSummaryProps: accordionSummaryPropsByGroup = {} } = useAccordionGroupContext();
+  const { xs, sm, md, lg, expandIcon, ...rest } = getAccordionSummaryProps(accordionSummaryPropsByGroup, _props);
+  const { toggle } = useAccordionContext();
+  const onClick = (e) => {
+    var _a, _b;
+    const target = e.target;
+    const contenteditable = target.getAttribute("contenteditable") === Booleanish.True;
+    if (contenteditable) {
+      (_a = rest.onClick) == null ? void 0 : _a.call(rest, e);
+      return;
+    }
+    e.stopPropagation();
+    e.preventDefault();
+    toggle();
+    (_b = rest.onClick) == null ? void 0 : _b.call(rest, e);
+  };
+  const css = [
+    {
+      display: "flex",
+      cursor: "pointer"
+    },
+    xs == null ? void 0 : xs.css,
+    {
+      [mediaQuery("sm")]: sm == null ? void 0 : sm.css,
+      [mediaQuery("md")]: md == null ? void 0 : md.css,
+      [mediaQuery("lg")]: lg == null ? void 0 : lg.css
+    }
+  ];
+  return /* @__PURE__ */ jsxs("div", { css, "aria-hidden": true, ...rest, onClick, ref, children: [
+    !!expandIcon && expandIcon.position === "left" && /* @__PURE__ */ jsx(ExpandIcon, { ...expandIcon }),
+    /* @__PURE__ */ jsx("div", { css: { flex: "1 1 0%" }, children }),
+    !!expandIcon && expandIcon.position === "right" && /* @__PURE__ */ jsx(ExpandIcon, { ...expandIcon })
+  ] });
+};
+export {
+  AccordionSummary
+};

package/dist/lib/accordion/accordion-summary/helpers.d.ts

@@ -1,2 +1,3 @@
-import { AccordionSummaryProps } from './types.js';
+import { AccordionSummaryProps } from './types';
 export declare const getAccordionSummaryProps: (...extended: Partial<AccordionSummaryProps>[]) => AccordionSummaryProps;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/lib/accordion/accordion-summary/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion-summary/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAahD,eAAO,MAAM,wBAAwB,gBAAiB,OAAO,CAAC,qBAAqB,CAAC,EAAE,0BAErF,CAAC"}

package/dist/lib/accordion/accordion-summary/helpers.js

@@ -1,12 +1,15 @@
-import { mergeComponentProps } from '../../../utils/index.js';
+import { mergeComponentProps } from "../../../utils/index.js";
 const defaultProps = {
-    xs: {
-        css: {
-            alignItems: 'center',
-            columnGap: 8,
-        },
-    },
+  xs: {
+    css: {
+      alignItems: "center",
+      columnGap: 8
+    }
+  }
 };
-export const getAccordionSummaryProps = (...extended) => {
-    return mergeComponentProps(defaultProps, ...extended);
+const getAccordionSummaryProps = (...extended) => {
+  return mergeComponentProps(defaultProps, ...extended);
+};
+export {
+  getAccordionSummaryProps
 };

package/dist/lib/accordion/accordion-summary/index.d.ts

@@ -1,3 +1,4 @@
-export * from './accordion-summary.jsx';
-export * from './types.js';
-export * from './helpers.js';
+export * from './accordion-summary';
+export * from './types';
+export * from './helpers';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/accordion/accordion-summary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion-summary/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

package/dist/lib/accordion/accordion-summary/types.d.ts

@@ -1,6 +1,6 @@
 import { JSX } from 'react';
-import { IconResponsiveProps } from '../../icon/index.js';
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types/index.js';
+import { IconResponsiveProps } from '../../icon';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
 export declare enum AccordionSummaryVariant {
     EndArrow = "end-arrow",
     EndPlusMinus = "end-plus-minus"
@@ -25,3 +25,4 @@ export interface AccordionSummaryExtendedProps extends ResponsiveDesign<PropsWit
 }
 export type AccordionSummaryProps = ShallowMerge<JSX.IntrinsicElements['div'], AccordionSummaryExtendedProps>;
 export {};
+//# sourceMappingURL=types.d.ts.map