@janbox/storefront-ui 1.0.0

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react = require("react");
+const react$1 = require("motion/react");
+const helpers$1 = require("./helpers.cjs");
+const helpers$2 = require("../accordion/helpers.cjs");
+const theme_screens = require("../../../theme/screens.cjs");
+require("../../../theme/palette.cjs");
+const helpers = require("../accordion-group/helpers.cjs");
+const AccordionContent = ({ children, ref, ..._props }) => {
+  const { accordionContentProps: accordionContentPropsByGroup = {} } = helpers.useAccordionGroupContext();
+  const { xs, sm, md, lg, containerProps, ...props } = helpers$1.getAccordionContentProps(accordionContentPropsByGroup, _props);
+  const { open } = helpers$2.useAccordionContext();
+  const defaultOpenRef = react.useRef(open);
+  const css = [
+    {
+      width: "100%"
+    },
+    xs == null ? void 0 : xs.css,
+    {
+      [theme_screens.mediaQuery("sm")]: sm == null ? void 0 : sm.css,
+      [theme_screens.mediaQuery("md")]: md == null ? void 0 : md.css,
+      [theme_screens.mediaQuery("lg")]: lg == null ? void 0 : lg.css
+    }
+  ];
+  const initial = defaultOpenRef.current ? { height: "auto", opacity: 1 } : { height: 0, opacity: 0 };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react$1.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__ */ jsxRuntime.jsx("div", { ...props, css, children })
+    }
+  );
+};
+exports.AccordionContent = AccordionContent;

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

@@ -0,0 +1,3 @@
+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.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils_index = require("../../../utils/index.cjs");
+const defaultProps = {};
+const getAccordionContentProps = (...extended) => {
+  return utils_index.mergeComponentProps(defaultProps, ...extended);
+};
+exports.getAccordionContentProps = getAccordionContentProps;

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

@@ -0,0 +1,3 @@
+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

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

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,10 @@
+import { JSX } from 'react';
+import { HTMLMotionProps } from 'motion/react';
+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.cjs

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

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

@@ -0,0 +1,3 @@
+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.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const types = require("./types.cjs");
+const utils_index = require("../../../utils/index.cjs");
+const AccordionGroupContext = react.createContext({});
+const useAccordionGroupContext = () => react.useContext(AccordionGroupContext);
+const getAccordionGroupDataAttributes = (element) => {
+  return {
+    openMode: element.getAttribute(types.AccordionGroupDataAttributes.OpenMode) ?? null
+  };
+};
+const defaultProps = {};
+const getAccordionGroupProps = (extended) => {
+  return utils_index.mergeComponentProps(defaultProps, extended);
+};
+exports.AccordionGroupContext = AccordionGroupContext;
+exports.getAccordionGroupDataAttributes = getAccordionGroupDataAttributes;
+exports.getAccordionGroupProps = getAccordionGroupProps;
+exports.useAccordionGroupContext = useAccordionGroupContext;

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

@@ -0,0 +1,15 @@
+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('..').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

@@ -0,0 +1,20 @@
+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 = {};
+const getAccordionGroupProps = (extended) => {
+  return mergeComponentProps(defaultProps, extended);
+};
+export {
+  AccordionGroupContext,
+  getAccordionGroupDataAttributes,
+  getAccordionGroupProps,
+  useAccordionGroupContext
+};

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

@@ -0,0 +1,4 @@
+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.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var AccordionGroupDataAttributes = /* @__PURE__ */ ((AccordionGroupDataAttributes2) => {
+  AccordionGroupDataAttributes2["OpenMode"] = "data-open-mode";
+  return AccordionGroupDataAttributes2;
+})(AccordionGroupDataAttributes || {});
+exports.AccordionGroupDataAttributes = AccordionGroupDataAttributes;

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

@@ -0,0 +1,17 @@
+import { JSX } from 'react';
+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>;
+    accordionContentProps?: Partial<AccordionContentProps>;
+}>;
+export declare enum AccordionGroupDataAttributes {
+    OpenMode = "data-open-mode"
+}
+export interface AccordionGroupExtendedProps extends ResponsiveDesign<PropsWithCSS>, AccordionGroupContextValue {
+    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

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

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

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const helpers$1 = require("./helpers.cjs");
+const helpers$2 = require("../accordion/helpers.cjs");
+const constants_index = require("../../../constants/index.cjs");
+const theme_screens = require("../../../theme/screens.cjs");
+require("../../../theme/palette.cjs");
+const helpers = require("../accordion-group/helpers.cjs");
+const icon = require("../../icon/icon.cjs");
+const ExpandIcon = ({ source, position, xs, sm, md, lg }) => {
+  const { open } = helpers$2.useAccordionContext();
+  const sourceString = open ? source.expanded : source.collapsed;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    icon.Icon,
+    {
+      css: {
+        flexShrink: 0
+      },
+      xs,
+      sm,
+      md,
+      lg,
+      "data-position": position,
+      source: sourceString
+    }
+  );
+};
+const AccordionSummary = ({ children, ref, ..._props }) => {
+  const { accordionSummaryProps: accordionSummaryPropsByGroup = {} } = helpers.useAccordionGroupContext();
+  const { xs, sm, md, lg, expandIcon, ...rest } = helpers$1.getAccordionSummaryProps(accordionSummaryPropsByGroup, _props);
+  const { toggle } = helpers$2.useAccordionContext();
+  const onClick = (e) => {
+    var _a, _b;
+    const target = e.target;
+    const contenteditable = target.getAttribute("contenteditable") === constants_index.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,
+    {
+      [theme_screens.mediaQuery("sm")]: sm == null ? void 0 : sm.css,
+      [theme_screens.mediaQuery("md")]: md == null ? void 0 : md.css,
+      [theme_screens.mediaQuery("lg")]: lg == null ? void 0 : lg.css
+    }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css, "aria-hidden": true, ...rest, onClick, ref, children: [
+    !!expandIcon && expandIcon.position === "left" && /* @__PURE__ */ jsxRuntime.jsx(ExpandIcon, { ...expandIcon }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { css: { flex: "1 1 0%" }, children }),
+    !!expandIcon && expandIcon.position === "right" && /* @__PURE__ */ jsxRuntime.jsx(ExpandIcon, { ...expandIcon })
+  ] });
+};
+exports.AccordionSummary = AccordionSummary;

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

@@ -0,0 +1,3 @@
+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.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils_index = require("../../../utils/index.cjs");
+const defaultProps = {
+  xs: {
+    css: {
+      alignItems: "center",
+      columnGap: 8
+    }
+  }
+};
+const getAccordionSummaryProps = (...extended) => {
+  return utils_index.mergeComponentProps(defaultProps, ...extended);
+};
+exports.getAccordionSummaryProps = getAccordionSummaryProps;

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

@@ -0,0 +1,3 @@
+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

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

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

@@ -0,0 +1,4 @@
+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.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var AccordionSummaryVariant = /* @__PURE__ */ ((AccordionSummaryVariant2) => {
+  AccordionSummaryVariant2["EndArrow"] = "end-arrow";
+  AccordionSummaryVariant2["EndPlusMinus"] = "end-plus-minus";
+  return AccordionSummaryVariant2;
+})(AccordionSummaryVariant || {});
+exports.AccordionSummaryVariant = AccordionSummaryVariant;

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

@@ -0,0 +1,28 @@
+import { JSX } from 'react';
+import { IconResponsiveProps } from '../../icon';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
+export declare enum AccordionSummaryVariant {
+    EndArrow = "end-arrow",
+    EndPlusMinus = "end-plus-minus"
+}
+export interface AccordionSummaryIconProps extends ResponsiveDesign<PropsWithCSS> {
+    states: {
+        collapse: {
+            source: string;
+        };
+        expand: {
+            source: string;
+        };
+    };
+}
+type AccordionState = 'collapsed' | 'expanded';
+export interface AccordionSummaryExpandIconProps extends ResponsiveDesign<IconResponsiveProps> {
+    source: Record<AccordionState, string>;
+    position: 'left' | 'right';
+}
+export interface AccordionSummaryExtendedProps extends ResponsiveDesign<PropsWithCSS> {
+    expandIcon?: AccordionSummaryExpandIconProps;
+}
+export type AccordionSummaryProps = ShallowMerge<JSX.IntrinsicElements['div'], AccordionSummaryExtendedProps>;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion-summary/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5E,oBAAY,uBAAuB;IACjC,QAAQ,cAAc;IACtB,YAAY,mBAAmB;CAChC;AAED,MAAM,WAAW,yBAA0B,SAAQ,gBAAgB,CAAC,YAAY,CAAC;IAC/E,MAAM,EAAE;QACN,QAAQ,EAAE;YACR,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,MAAM,EAAE;YACN,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;KACH,CAAC;CACH;AAED,KAAK,cAAc,GAAG,WAAW,GAAG,UAAU,CAAC;AAE/C,MAAM,WAAW,+BAAgC,SAAQ,gBAAgB,CAAC,mBAAmB,CAAC;IAC5F,MAAM,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IACvC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,6BAA8B,SAAQ,gBAAgB,CAAC,YAAY,CAAC;IACnF,UAAU,CAAC,EAAE,+BAA+B,CAAC;CAC9C;AAED,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,6BAA6B,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+var AccordionSummaryVariant = /* @__PURE__ */ ((AccordionSummaryVariant2) => {
+  AccordionSummaryVariant2["EndArrow"] = "end-arrow";
+  AccordionSummaryVariant2["EndPlusMinus"] = "end-plus-minus";
+  return AccordionSummaryVariant2;
+})(AccordionSummaryVariant || {});
+export {
+  AccordionSummaryVariant
+};

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

@@ -0,0 +1,5 @@
+export * from './accordion-group';
+export * from './accordion';
+export * from './accordion-summary';
+export * from './accordion-content';
+//# sourceMappingURL=index.d.ts.map

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

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