@danske/sapphire-react-lab 0.105.2 → 0.106.2

package/build/esm/Accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/Accordion/index.ts"],"sourcesContent":["import { Accordion, type AccordionProps } from './src/Accordion';\nimport {\n  AccordionHeading,\n  AccordionHeadingProps,\n} from './src/AccordionHeading';\nimport { AccordionItem, type AccordionItemProps } from './src/AccordionItem';\nimport { AccordionContext } from './src/AccordionContext';\nimport { AccordionPanel, AccordionPanelProps } from './src/AccordionPanel';\n\n/*\n * Before moving Accordion component to the core package, it's important to check on the\n * latest release of \"@react-aria/accordion\".\n * The hook and the component package are marked as \"pre-release\", so we can expect some changes.\n *\n * https://github.com/adobe/react-spectrum/issues/2801#issuecomment-1035377858\n * https://github.com/adobe/react-spectrum/discussions/6635#discussioncomment-9990027\n *\n * The current implementation is based on the SelectableCollection API, which creates bugs when\n * focusable items are used inside of the Accordion.Item.\n * E.g. UC-3414 (fixed), UC-3545 (to-do)\n *\n * Alternatively, we can re-implement the component.\n */\nconst _Accordion = Object.assign(Accordion, {\n  Heading: AccordionHeading,\n  Item: AccordionItem,\n  Panel: AccordionPanel,\n});\n\nexport {\n  _Accordion as Accordion,\n  AccordionContext,\n  type AccordionProps,\n  type AccordionItemProps,\n  type AccordionHeadingProps,\n  type AccordionPanelProps,\n};\n"],"names":[],"mappings":";;;;;;AAuBM,MAAA,UAAA,GAAa,MAAO,CAAA,MAAA,CAAO,SAAW,EAAA;AAAA,EAC1C,OAAS,EAAA,gBAAA;AAAA,EACT,IAAM,EAAA,aAAA;AAAA,EACN,KAAO,EAAA,cAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/Accordion/index.ts"],"sourcesContent":["import { Accordion, type AccordionProps } from './src/Accordion';\nimport {\n  AccordionHeading,\n  type AccordionHeadingProps,\n} from './src/AccordionHeading';\nimport { AccordionItem, type AccordionItemProps } from './src/AccordionItem';\nimport { AccordionContext } from './src/AccordionContext';\nimport { AccordionPanel, type AccordionPanelProps } from './src/AccordionPanel';\n\n/*\n * Before moving Accordion component to the core package, it's important to check on the\n * latest release of \"@react-aria/accordion\".\n * The hook and the component package are marked as \"pre-release\", so we can expect some changes.\n *\n * https://github.com/adobe/react-spectrum/issues/2801#issuecomment-1035377858\n * https://github.com/adobe/react-spectrum/discussions/6635#discussioncomment-9990027\n *\n * The current implementation is based on the SelectableCollection API, which creates bugs when\n * focusable items are used inside of the Accordion.Item.\n * E.g. UC-3414 (fixed), UC-3545 (to-do)\n *\n * Alternatively, we can re-implement the component.\n */\nconst _Accordion = Object.assign(Accordion, {\n  Heading: AccordionHeading,\n  Item: AccordionItem,\n  Panel: AccordionPanel,\n});\n\nexport {\n  _Accordion as Accordion,\n  AccordionContext,\n  type AccordionProps,\n  type AccordionItemProps,\n  type AccordionHeadingProps,\n  type AccordionPanelProps,\n};\n"],"names":[],"mappings":";;;;;;AAuBA,MAAM,UAAA,GAAa,MAAA,CAAO,MAAA,CAAO,SAAA,EAAW;AAAA,EAC1C,OAAA,EAAS,gBAAA;AAAA,EACT,IAAA,EAAM,aAAA;AAAA,EACN,KAAA,EAAO;AACT,CAAC;;;;"}

package/build/esm/Accordion/src/Accordion.js

@@ -1,88 +1,57 @@
 import React, { forwardRef } from 'react';
 import clsx from 'clsx';
-import { useObjectRef, filterDOMProps } from '@react-aria/utils';
+import { filterDOMProps } from 'react-aria/filterDOMProps';
+import { useObjectRef } from 'react-aria/useObjectRef';
 import styles from '@danske/sapphire-css/components/accordion/accordion.module.css';
 import { useThemeCheck, useSapphireStyleProps, withTruthyZero } from '@danske/sapphire-react';
-import { FocusScope } from '@react-aria/focus';
+import { FocusScope } from 'react-aria/FocusScope';
 import { AccordionContext } from './AccordionContext.js';
 import { DisclosureGroup } from 'react-aria-components';
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const Accordion = forwardRef(function Accordion2(_a, ref) {
-  var _b = _a, {
-    allowsMultipleExpanded = true,
-    headerLevel = 5,
-    hideLastDivider = false,
-    hasNegativeSideMargin = false,
-    sidePadding,
-    children,
-    expandedKeys,
-    defaultExpandedKeys,
-    onExpandedChange,
-    isDisabled
-  } = _b, props = __objRest(_b, [
-    "allowsMultipleExpanded",
-    "headerLevel",
-    "hideLastDivider",
-    "hasNegativeSideMargin",
-    "sidePadding",
-    "children",
-    "expandedKeys",
-    "defaultExpandedKeys",
-    "onExpandedChange",
-    "isDisabled"
-  ]);
+const Accordion = forwardRef(function Accordion2({
+  allowsMultipleExpanded = true,
+  headerLevel = 5,
+  hideLastDivider = false,
+  hasNegativeSideMargin = false,
+  sidePadding,
+  children,
+  expandedKeys,
+  defaultExpandedKeys,
+  onExpandedChange,
+  isDisabled,
+  ...props
+}, ref) {
   useThemeCheck();
   const { styleProps } = useSapphireStyleProps(props);
   const forwardedRef = useObjectRef(ref);
-  return /* @__PURE__ */ React.createElement(FocusScope, null, /* @__PURE__ */ React.createElement(AccordionContext.Provider, {
-    value: { sidePadding, headerLevel }
-  }, /* @__PURE__ */ React.createElement(DisclosureGroup, __spreadProps(__spreadValues({}, filterDOMProps(props, { global: true, labelable: true })), {
-    allowsMultipleExpanded,
-    expandedKeys,
-    defaultExpandedKeys,
-    onExpandedChange,
-    isDisabled,
-    ref: forwardedRef,
-    className: clsx(styles["sapphire-accordion"], {
-      [styles["sapphire-accordion--without-last-divider"]]: hideLastDivider,
-      [styles["sapphire-accordion--negative-margin-self"]]: !withTruthyZero(sidePadding) && hasNegativeSideMargin
-    }, styleProps.className),
-    style: __spreadValues(__spreadValues({}, withTruthyZero(sidePadding) && hasNegativeSideMargin ? {
-      marginLeft: typeof sidePadding === "string" ? `calc(${sidePadding} * -1)` : `-${sidePadding}px`,
-      width: `calc(100% + calc(${sidePadding} * 2${typeof sidePadding === "string" ? "" : "px"}))`
-    } : {}), styleProps.style)
-  }), children)));
+  return /* @__PURE__ */ React.createElement(FocusScope, null, /* @__PURE__ */ React.createElement(AccordionContext.Provider, { value: { sidePadding, headerLevel } }, /* @__PURE__ */ React.createElement(
+    DisclosureGroup,
+    {
+      ...filterDOMProps(props, { global: true, labelable: true }),
+      allowsMultipleExpanded,
+      expandedKeys,
+      defaultExpandedKeys,
+      onExpandedChange,
+      isDisabled,
+      ref: forwardedRef,
+      className: clsx(
+        styles["sapphire-accordion"],
+        {
+          [styles["sapphire-accordion--without-last-divider"]]: hideLastDivider,
+          [styles["sapphire-accordion--negative-margin-self"]]: !withTruthyZero(sidePadding) && hasNegativeSideMargin
+        },
+        styleProps.className
+      ),
+      style: {
+        ...withTruthyZero(sidePadding) && hasNegativeSideMargin ? {
+          marginLeft: typeof sidePadding === "string" ? `calc(${sidePadding} * -1)` : `-${sidePadding}px`,
+          width: `calc(100% + calc(${sidePadding} * 2${typeof sidePadding === "string" ? "" : "px"}))`
+        } : {},
+        ...styleProps.style
+      }
+    },
+    children
+  )));
 });
 
 export { Accordion };

package/build/esm/Accordion/src/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../src/Accordion/src/Accordion.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { filterDOMProps, useObjectRef } from '@react-aria/utils';\nimport { DOMProps } from '@react-types/shared';\nimport styles from '@danske/sapphire-css/components/accordion/accordion.module.css';\nimport {\n  SapphireStyleProps,\n  TypographyHeadingProps,\n  useSapphireStyleProps,\n  useThemeCheck,\n  withTruthyZero as hasAllowedCustomSidePadding,\n  GlobalDomAttributes,\n} from '@danske/sapphire-react';\nimport { FocusScope } from '@react-aria/focus';\n\nimport { AccordionContext } from './AccordionContext';\nimport { DisclosureGroup, DisclosureGroupProps } from 'react-aria-components';\n\nexport type TreeExpansionMode = 'single' | 'multiple';\n\nexport interface AccordionProps\n  extends GlobalDomAttributes,\n    SapphireStyleProps,\n    DOMProps,\n    Pick<\n      DisclosureGroupProps,\n      | 'allowsMultipleExpanded'\n      | 'expandedKeys'\n      | 'defaultExpandedKeys'\n      | 'onExpandedChange'\n      | 'children'\n      | 'isDisabled'\n    > {\n  /** Set aria-level attribute for item's header. Accessibility requirement.\n   * Defines the hierarchical level of an element within a page structure.\n   * @default 5\n   */\n  headerLevel?: TypographyHeadingProps['level'];\n  /**\n   * Removes the divider after the last accordion item.\n   * Useful when rendered in a container which already has borders.\n   */\n  hideLastDivider?: boolean;\n  /**\n   * Counter acts the side padding, so that accordion is shifted to the left with same amount\n   * and having side padding * 2 added to width – resulting in full width accordion.\n   * Useful in scenarions where accordion is inside a padded container and desired layout has accordion going from edge to edge horizontally.\n   * @example\n   * ```tsx\n   * <Accordion hasNegativeSideMargin>...</Accordion>\n   * ```\n   */\n  hasNegativeSideMargin?: boolean;\n  /**\n   * Add custom sized padding to the sides of the accordion items.\n   * @example\n   * ```tsx\n   * <Accordion sidePadding={tokens.size.spacingContainerHorizontalM.value} hasNegativeSideMargin>...</Accordion>\n   * ```\n   */\n  sidePadding?: number | string;\n}\n\nexport const Accordion = forwardRef(function Accordion(\n  {\n    allowsMultipleExpanded = true,\n    headerLevel = 5,\n    hideLastDivider = false,\n    hasNegativeSideMargin = false,\n    sidePadding,\n    children,\n    expandedKeys,\n    defaultExpandedKeys,\n    onExpandedChange,\n    isDisabled,\n    ...props\n  }: AccordionProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  useThemeCheck();\n  const { styleProps } = useSapphireStyleProps(props);\n  const forwardedRef = useObjectRef<HTMLDivElement>(ref);\n\n  return (\n    <FocusScope>\n      <AccordionContext.Provider value={{ sidePadding, headerLevel }}>\n        <DisclosureGroup\n          {...filterDOMProps(props, { global: true, labelable: true })}\n          allowsMultipleExpanded={allowsMultipleExpanded}\n          expandedKeys={expandedKeys}\n          defaultExpandedKeys={defaultExpandedKeys}\n          onExpandedChange={onExpandedChange}\n          isDisabled={isDisabled}\n          ref={forwardedRef}\n          className={clsx(\n            styles['sapphire-accordion'],\n            {\n              [styles['sapphire-accordion--without-last-divider']]:\n                hideLastDivider,\n              [styles['sapphire-accordion--negative-margin-self']]:\n                !hasAllowedCustomSidePadding(sidePadding) &&\n                hasNegativeSideMargin,\n            },\n            styleProps.className\n          )}\n          style={{\n            ...(hasAllowedCustomSidePadding(sidePadding) &&\n            hasNegativeSideMargin\n              ? {\n                  marginLeft:\n                    typeof sidePadding === 'string'\n                      ? `calc(${sidePadding} * -1)`\n                      : `-${sidePadding}px`,\n                  width: `calc(100% + calc(${sidePadding} * 2${\n                    typeof sidePadding === 'string' ? '' : 'px'\n                  }))`,\n                }\n              : {}),\n            ...styleProps.style,\n          }}\n        >\n          {children}\n        </DisclosureGroup>\n      </AccordionContext.Provider>\n    </FocusScope>\n  );\n});\n"],"names":["hasAllowedCustomSidePadding"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DO,MAAM,SAAY,GAAA,UAAA,CAAW,SAClC,UAAA,CAAA,EAAA,EAaA,GACA,EAAA;AAdA,EACE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAyB,sBAAA,GAAA,IAAA;AAAA,IACzB,WAAc,GAAA,CAAA;AAAA,IACd,eAAkB,GAAA,KAAA;AAAA,IAClB,qBAAwB,GAAA,KAAA;AAAA,IACxB,WAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAA;AAAA,IACA,mBAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAA;AAAA,GAVF,GAAA,EAAA,EAWK,kBAXL,EAWK,EAAA;AAAA,IAVH,wBAAA;AAAA,IACA,aAAA;AAAA,IACA,iBAAA;AAAA,IACA,uBAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,qBAAA;AAAA,IACA,kBAAA;AAAA,IACA,YAAA;AAAA,GAAA,CAAA,CAAA;AAKF,EAAA,aAAA,EAAA,CAAA;AACA,EAAM,MAAA,EAAE,eAAe,qBAAsB,CAAA,KAAA,CAAA,CAAA;AAC7C,EAAA,MAAM,eAAe,YAA6B,CAAA,GAAA,CAAA,CAAA;AAElD,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAD,IACE,kBAAA,KAAA,CAAA,aAAA,CAAC,iBAAiB,QAAlB,EAAA;AAAA,IAA2B,KAAA,EAAO,EAAE,WAAa,EAAA,WAAA,EAAA;AAAA,GAC/C,kBAAA,KAAA,CAAA,aAAA,CAAC,iBAAD,aACM,CAAA,cAAA,CAAA,EAAA,EAAA,cAAA,CAAe,OAAO,EAAE,MAAA,EAAQ,IAAM,EAAA,SAAA,EAAW,IADvD,EAAA,CAAA,CAAA,EAAA;AAAA,IAEE,sBAAA;AAAA,IACA,YAAA;AAAA,IACA,mBAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAK,EAAA,YAAA;AAAA,IACL,SAAA,EAAW,IACT,CAAA,MAAA,CAAO,oBACP,CAAA,EAAA;AAAA,MAAA,CACG,OAAO,0CACN,CAAA,GAAA,eAAA;AAAA,MAAA,CACD,MAAO,CAAA,0CAAA,CAAA,GACN,CAACA,cAAA,CAA4B,WAC7B,CAAA,IAAA,qBAAA;AAAA,KAAA,EAEJ,UAAW,CAAA,SAAA,CAAA;AAAA,IAEb,KAAO,EAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACDA,cAA4B,CAAA,WAAA,CAAA,IAChC,qBACI,GAAA;AAAA,MACE,YACE,OAAO,WAAA,KAAgB,QACnB,GAAA,CAAA,KAAA,EAAQ,sBACR,CAAI,CAAA,EAAA,WAAA,CAAA,EAAA,CAAA;AAAA,MACV,OAAO,CAAoB,iBAAA,EAAA,WAAA,CAAA,IAAA,EACzB,OAAO,WAAA,KAAgB,WAAW,EAAK,GAAA,IAAA,CAAA,EAAA,CAAA;AAAA,KAAA,GAG3C,KACD,UAAW,CAAA,KAAA,CAAA;AAAA,GAGf,CAAA,EAAA,QAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"Accordion.js","sources":["../../../../src/Accordion/src/Accordion.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { filterDOMProps } from 'react-aria/filterDOMProps';\nimport { useObjectRef } from 'react-aria/useObjectRef';\nimport { DOMProps } from '@react-types/shared';\nimport styles from '@danske/sapphire-css/components/accordion/accordion.module.css';\nimport {\n  SapphireStyleProps,\n  TypographyHeadingProps,\n  useSapphireStyleProps,\n  useThemeCheck,\n  withTruthyZero as hasAllowedCustomSidePadding,\n  GlobalDomAttributes,\n} from '@danske/sapphire-react';\nimport { FocusScope } from 'react-aria/FocusScope';\n\nimport { AccordionContext } from './AccordionContext';\nimport { DisclosureGroup, DisclosureGroupProps } from 'react-aria-components';\n\nexport type TreeExpansionMode = 'single' | 'multiple';\n\nexport interface AccordionProps\n  extends GlobalDomAttributes,\n    SapphireStyleProps,\n    DOMProps,\n    Pick<\n      DisclosureGroupProps,\n      | 'allowsMultipleExpanded'\n      | 'expandedKeys'\n      | 'defaultExpandedKeys'\n      | 'onExpandedChange'\n      | 'children'\n      | 'isDisabled'\n    > {\n  /** Set aria-level attribute for item's header. Accessibility requirement.\n   * Defines the hierarchical level of an element within a page structure.\n   * @default 5\n   */\n  headerLevel?: TypographyHeadingProps['level'];\n  /**\n   * Removes the divider after the last accordion item.\n   * Useful when rendered in a container which already has borders.\n   */\n  hideLastDivider?: boolean;\n  /**\n   * Counter acts the side padding, so that accordion is shifted to the left with same amount\n   * and having side padding * 2 added to width – resulting in full width accordion.\n   * Useful in scenarions where accordion is inside a padded container and desired layout has accordion going from edge to edge horizontally.\n   * @example\n   * ```tsx\n   * <Accordion hasNegativeSideMargin>...</Accordion>\n   * ```\n   */\n  hasNegativeSideMargin?: boolean;\n  /**\n   * Add custom sized padding to the sides of the accordion items.\n   * @example\n   * ```tsx\n   * <Accordion sidePadding={tokens.size.spacingContainerHorizontalM.value} hasNegativeSideMargin>...</Accordion>\n   * ```\n   */\n  sidePadding?: number | string;\n}\n\n/**\n * Accordion is a vertically stacked set of items, that consist of an interactive header and expandable content section. An accordion item’s content display can be toggled on and off by clicking the component’s header above.\n */\nexport const Accordion = forwardRef(function Accordion(\n  {\n    allowsMultipleExpanded = true,\n    headerLevel = 5,\n    hideLastDivider = false,\n    hasNegativeSideMargin = false,\n    sidePadding,\n    children,\n    expandedKeys,\n    defaultExpandedKeys,\n    onExpandedChange,\n    isDisabled,\n    ...props\n  }: AccordionProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  useThemeCheck();\n  const { styleProps } = useSapphireStyleProps(props);\n  const forwardedRef = useObjectRef<HTMLDivElement>(ref);\n\n  return (\n    <FocusScope>\n      <AccordionContext.Provider value={{ sidePadding, headerLevel }}>\n        <DisclosureGroup\n          {...filterDOMProps(props, { global: true, labelable: true })}\n          allowsMultipleExpanded={allowsMultipleExpanded}\n          expandedKeys={expandedKeys}\n          defaultExpandedKeys={defaultExpandedKeys}\n          onExpandedChange={onExpandedChange}\n          isDisabled={isDisabled}\n          ref={forwardedRef}\n          className={clsx(\n            styles['sapphire-accordion'],\n            {\n              [styles['sapphire-accordion--without-last-divider']]:\n                hideLastDivider,\n              [styles['sapphire-accordion--negative-margin-self']]:\n                !hasAllowedCustomSidePadding(sidePadding) &&\n                hasNegativeSideMargin,\n            },\n            styleProps.className\n          )}\n          style={{\n            ...(hasAllowedCustomSidePadding(sidePadding) &&\n            hasNegativeSideMargin\n              ? {\n                  marginLeft:\n                    typeof sidePadding === 'string'\n                      ? `calc(${sidePadding} * -1)`\n                      : `-${sidePadding}px`,\n                  width: `calc(100% + calc(${sidePadding} * 2${\n                    typeof sidePadding === 'string' ? '' : 'px'\n                  }))`,\n                }\n              : {}),\n            ...styleProps.style,\n          }}\n        >\n          {children}\n        </DisclosureGroup>\n      </AccordionContext.Provider>\n    </FocusScope>\n  );\n});\n"],"names":["Accordion","hasAllowedCustomSidePadding"],"mappings":";;;;;;;;;;AAmEO,MAAM,SAAA,GAAY,UAAA,CAAW,SAASA,UAAAA,CAC3C;AAAA,EACE,sBAAA,GAAyB,IAAA;AAAA,EACzB,WAAA,GAAc,CAAA;AAAA,EACd,eAAA,GAAkB,KAAA;AAAA,EAClB,qBAAA,GAAwB,KAAA;AAAA,EACxB,WAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,mBAAA;AAAA,EACA,gBAAA;AAAA,EACA,UAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,GAAA,EACA;AACA,EAAA,aAAA,EAAc;AACd,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,qBAAA,CAAsB,KAAK,CAAA;AAClD,EAAA,MAAM,YAAA,GAAe,aAA6B,GAAG,CAAA;AAErD,EAAA,uBACE,KAAA,CAAA,aAAA,CAAC,UAAA,EAAA,IAAA,kBACC,KAAA,CAAA,aAAA,CAAC,gBAAA,CAAiB,QAAA,EAAjB,EAA0B,KAAA,EAAO,EAAE,WAAA,EAAa,WAAA,EAAY,EAAA,kBAC3D,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACE,GAAG,eAAe,KAAA,EAAO,EAAE,QAAQ,IAAA,EAAM,SAAA,EAAW,MAAM,CAAA;AAAA,MAC3D,sBAAA;AAAA,MACA,YAAA;AAAA,MACA,mBAAA;AAAA,MACA,gBAAA;AAAA,MACA,UAAA;AAAA,MACA,GAAA,EAAK,YAAA;AAAA,MACL,SAAA,EAAW,IAAA;AAAA,QACT,OAAO,oBAAoB,CAAA;AAAA,QAC3B;AAAA,UACE,CAAC,MAAA,CAAO,0CAA0C,CAAC,GACjD,eAAA;AAAA,UACF,CAAC,OAAO,0CAA0C,CAAC,GACjD,CAACC,cAAA,CAA4B,WAAW,CAAA,IACxC;AAAA,SACJ;AAAA,QACA,UAAA,CAAW;AAAA,OACb;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAIA,cAAA,CAA4B,WAAW,CAAA,IAC3C,qBAAA,GACI;AAAA,UACE,UAAA,EACE,OAAO,WAAA,KAAgB,QAAA,GACnB,QAAQ,WAAW,CAAA,MAAA,CAAA,GACnB,IAAI,WAAW,CAAA,EAAA,CAAA;AAAA,UACrB,KAAA,EAAO,oBAAoB,WAAW,CAAA,IAAA,EACpC,OAAO,WAAA,KAAgB,QAAA,GAAW,KAAK,IACzC,CAAA,EAAA;AAAA,YAEF,EAAC;AAAA,QACL,GAAG,UAAA,CAAW;AAAA;AAChB,KAAA;AAAA,IAEC;AAAA,GAEL,CACF,CAAA;AAEJ,CAAC;;;;"}

package/build/esm/Accordion/src/AccordionContext.js

@@ -9,7 +9,9 @@ function useAccordionContext() {
   if (context) {
     return context;
   }
-  throw new Error("Accordion context can only be used within Accordion component.");
+  throw new Error(
+    "Accordion context can only be used within Accordion component."
+  );
 }
 
 export { AccordionContext, useAccordionContext };

package/build/esm/Accordion/src/AccordionContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContext.js","sources":["../../../../src/Accordion/src/AccordionContext.ts"],"sourcesContent":["import { TypographyHeadingProps } from '@danske/sapphire-react';\nimport React, { useContext } from 'react';\n\ninterface AccordionContextProps {\n  sidePadding?: number | string;\n  headerLevel?: TypographyHeadingProps['level'];\n}\n\nexport const AccordionContext = React.createContext<AccordionContextProps>({\n  sidePadding: undefined,\n  headerLevel: 5,\n});\n\nexport function useAccordionContext(): AccordionContextProps {\n  const context = useContext(AccordionContext);\n  if (context) {\n    return context;\n  }\n  throw new Error(\n    'Accordion context can only be used within Accordion component.'\n  );\n}\n"],"names":[],"mappings":";;AAQa,MAAA,gBAAA,GAAmB,MAAM,aAAqC,CAAA;AAAA,EACzE,WAAa,EAAA,KAAA,CAAA;AAAA,EACb,WAAa,EAAA,CAAA;AAAA,CAAA,EAAA;AAG8C,SAAA,mBAAA,GAAA;AAC3D,EAAA,MAAM,UAAU,UAAW,CAAA,gBAAA,CAAA,CAAA;AAC3B,EAAA,IAAI,OAAS,EAAA;AACX,IAAO,OAAA,OAAA,CAAA;AAAA,GAAA;AAET,EAAA,MAAM,IAAI,KACR,CAAA,gEAAA,CAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"AccordionContext.js","sources":["../../../../src/Accordion/src/AccordionContext.ts"],"sourcesContent":["import { TypographyHeadingProps } from '@danske/sapphire-react';\nimport React, { useContext } from 'react';\n\ninterface AccordionContextProps {\n  sidePadding?: number | string;\n  headerLevel?: TypographyHeadingProps['level'];\n}\n\nexport const AccordionContext = React.createContext<AccordionContextProps>({\n  sidePadding: undefined,\n  headerLevel: 5,\n});\n\nexport function useAccordionContext(): AccordionContextProps {\n  const context = useContext(AccordionContext);\n  if (context) {\n    return context;\n  }\n  throw new Error(\n    'Accordion context can only be used within Accordion component.'\n  );\n}\n"],"names":[],"mappings":";;AAQO,MAAM,gBAAA,GAAmB,MAAM,aAAA,CAAqC;AAAA,EACzE,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa;AACf,CAAC;AAEM,SAAS,mBAAA,GAA6C;AAC3D,EAAA,MAAM,OAAA,GAAU,WAAW,gBAAgB,CAAA;AAC3C,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,OAAO,OAAA;AAAA,EACT;AACA,EAAA,MAAM,IAAI,KAAA;AAAA,IACR;AAAA,GACF;AACF;;;;"}

package/build/esm/Accordion/src/AccordionHeading.js

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
 import clsx from 'clsx';
-import { filterDOMProps } from '@react-aria/utils';
+import { filterDOMProps } from 'react-aria/filterDOMProps';
 import styles from '@danske/sapphire-css/components/accordion/accordion.module.css';
 import { withTruthyZero, Typography, Icon } from '@danske/sapphire-react';
 import { ChevronDown } from '@danske/sapphire-icons/react';
@@ -8,61 +8,29 @@ import { Button } from 'react-aria-components';
 import { useAccordionContext } from './AccordionContext.js';
 import { customPaddingStyleProps } from './utils.js';
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const AccordionHeading = forwardRef(function AccordionHeading2(_a, ref) {
-  var _b = _a, { children, headerLevel } = _b, props = __objRest(_b, ["children", "headerLevel"]);
+const AccordionHeading = forwardRef(function AccordionHeading2({ children, headerLevel, ...props }, ref) {
   const { sidePadding, headerLevel: contextHeaderLevel } = useAccordionContext();
-  return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({
-    role: "heading",
-    "aria-level": headerLevel != null ? headerLevel : contextHeaderLevel
-  }, filterDOMProps(props, { global: true })), {
-    ref
-  }), /* @__PURE__ */ React.createElement(Button, {
-    slot: "trigger",
-    className: ({ isFocusVisible }) => clsx(styles["sapphire-accordion__item-header"], styles["js-focus"], {
-      [styles["is-focus"]]: isFocusVisible
-    }),
-    style: withTruthyZero(sidePadding) ? customPaddingStyleProps(sidePadding) : {}
-  }, /* @__PURE__ */ React.createElement(Typography.Heading, {
-    level: 6,
-    elementType: "span"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: clsx(styles["sapphire-accordion__item-heading"])
-  }, children)), /* @__PURE__ */ React.createElement("div", {
-    className: clsx(styles["sapphire-accordion__item-arrow"])
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    size: "lg"
-  }, /* @__PURE__ */ React.createElement(ChevronDown, null)))));
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      role: "heading",
+      "aria-level": headerLevel ?? contextHeaderLevel,
+      ...filterDOMProps(props, { global: true }),
+      ref
+    },
+    /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        slot: "trigger",
+        className: ({ isFocusVisible }) => clsx(styles["sapphire-accordion__item-header"], styles["js-focus"], {
+          [styles["is-focus"]]: isFocusVisible
+        }),
+        style: withTruthyZero(sidePadding) ? customPaddingStyleProps(sidePadding) : {}
+      },
+      /* @__PURE__ */ React.createElement(Typography.Heading, { level: 6, elementType: "span" }, /* @__PURE__ */ React.createElement("div", { className: clsx(styles["sapphire-accordion__item-heading"]) }, children)),
+      /* @__PURE__ */ React.createElement("div", { className: clsx(styles["sapphire-accordion__item-arrow"]) }, /* @__PURE__ */ React.createElement(Icon, { size: "lg" }, /* @__PURE__ */ React.createElement(ChevronDown, null)))
+    )
+  );
 });
 
 export { AccordionHeading };

package/build/esm/Accordion/src/AccordionHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionHeading.js","sources":["../../../../src/Accordion/src/AccordionHeading.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\nimport clsx from 'clsx';\nimport { filterDOMProps } from '@react-aria/utils';\nimport { DOMProps } from '@react-types/shared';\nimport styles from '@danske/sapphire-css/components/accordion/accordion.module.css';\nimport {\n  Icon,\n  Typography,\n  TypographyHeadingProps,\n  withTruthyZero as hasAllowedCustomSidePadding,\n} from '@danske/sapphire-react';\nimport { ChevronDown } from '@danske/sapphire-icons/react';\nimport { Button } from 'react-aria-components';\nimport { useAccordionContext } from './AccordionContext';\nimport { customPaddingStyleProps } from './utils';\n\nexport interface AccordionHeadingProps extends DOMProps {\n  children?: ReactNode;\n  headerLevel?: TypographyHeadingProps['level'];\n}\n\nexport const AccordionHeading = forwardRef(function AccordionHeading(\n  { children, headerLevel, ...props }: AccordionHeadingProps,\n  ref: React.Ref<HTMLDivElement>\n): React.JSX.Element {\n  const { sidePadding, headerLevel: contextHeaderLevel } =\n    useAccordionContext();\n\n  return (\n    <div\n      role=\"heading\"\n      aria-level={headerLevel ?? contextHeaderLevel}\n      {...filterDOMProps(props, { global: true })}\n      ref={ref}\n    >\n      <Button\n        slot=\"trigger\"\n        className={({ isFocusVisible }) =>\n          clsx(styles['sapphire-accordion__item-header'], styles['js-focus'], {\n            [styles['is-focus']]: isFocusVisible,\n          })\n        }\n        style={\n          hasAllowedCustomSidePadding(sidePadding)\n            ? customPaddingStyleProps(sidePadding)\n            : {}\n        }\n      >\n        <Typography.Heading level={6} elementType=\"span\">\n          <div className={clsx(styles['sapphire-accordion__item-heading'])}>\n            {children}\n          </div>\n        </Typography.Heading>\n        <div className={clsx(styles['sapphire-accordion__item-arrow'])}>\n          <Icon size=\"lg\">\n            <ChevronDown />\n          </Icon>\n        </div>\n      </Button>\n    </div>\n  );\n});\n"],"names":["hasAllowedCustomSidePadding"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,gBAAmB,GAAA,UAAA,CAAW,SACzC,iBAAA,CAAA,EAAA,EACA,GACmB,EAAA;AAFnB,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,YAAU,WAAZ,EAAA,GAAA,EAAA,EAA4B,KAA5B,GAAA,SAAA,CAAA,EAAA,EAA4B,CAA1B,UAAU,EAAA,aAAA,CAAA,CAAA,CAAA;AAGZ,EAAM,MAAA,EAAE,WAAa,EAAA,WAAA,EAAa,kBAChC,EAAA,GAAA,mBAAA,EAAA,CAAA;AAEF,EAAA,2CACG,KAAD,EAAA,aAAA,CAAA,cAAA,CAAA;AAAA,IACE,IAAK,EAAA,SAAA;AAAA,IACL,cAAY,WAAe,IAAA,IAAA,GAAA,WAAA,GAAA,kBAAA;AAAA,GAAA,EACvB,cAAe,CAAA,KAAA,EAAO,EAAE,MAAA,EAAQ,IAHtC,EAAA,CAAA,CAAA,EAAA;AAAA,IAIE,GAAA;AAAA,GAAA,CAAA,sCAEC,MAAD,EAAA;AAAA,IACE,IAAK,EAAA,SAAA;AAAA,IACL,SAAA,EAAW,CAAC,EAAE,cAAA,EAAA,KACZ,KAAK,MAAO,CAAA,iCAAA,CAAA,EAAoC,OAAO,UAAa,CAAA,EAAA;AAAA,MAAA,CACjE,OAAO,UAAc,CAAA,GAAA,cAAA;AAAA,KAAA,CAAA;AAAA,IAG1B,KACE,EAAAA,cAAA,CAA4B,WACxB,CAAA,GAAA,uBAAA,CAAwB,WACxB,CAAA,GAAA,EAAA;AAAA,GAGN,kBAAA,KAAA,CAAA,aAAA,CAAC,WAAW,OAAZ,EAAA;AAAA,IAAoB,KAAO,EAAA,CAAA;AAAA,IAAG,WAAY,EAAA,MAAA;AAAA,GAAA,sCACvC,KAAD,EAAA;AAAA,IAAK,SAAA,EAAW,KAAK,MAAO,CAAA,kCAAA,CAAA,CAAA;AAAA,GACzB,EAAA,QAAA,CAAA,CAAA,sCAGJ,KAAD,EAAA;AAAA,IAAK,SAAA,EAAW,KAAK,MAAO,CAAA,gCAAA,CAAA,CAAA;AAAA,GAAA,sCACzB,IAAD,EAAA;AAAA,IAAM,IAAK,EAAA,IAAA;AAAA,GAAA,sCACR,WAAD,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"AccordionHeading.js","sources":["../../../../src/Accordion/src/AccordionHeading.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\nimport clsx from 'clsx';\nimport { filterDOMProps } from 'react-aria/filterDOMProps';\nimport { DOMProps } from '@react-types/shared';\nimport styles from '@danske/sapphire-css/components/accordion/accordion.module.css';\nimport {\n  Icon,\n  Typography,\n  TypographyHeadingProps,\n  withTruthyZero as hasAllowedCustomSidePadding,\n} from '@danske/sapphire-react';\nimport { ChevronDown } from '@danske/sapphire-icons/react';\nimport { Button } from 'react-aria-components';\nimport { useAccordionContext } from './AccordionContext';\nimport { customPaddingStyleProps } from './utils';\n\nexport interface AccordionHeadingProps extends DOMProps {\n  children?: ReactNode;\n  headerLevel?: TypographyHeadingProps['level'];\n}\n\nexport const AccordionHeading = forwardRef(function AccordionHeading(\n  { children, headerLevel, ...props }: AccordionHeadingProps,\n  ref: React.Ref<HTMLDivElement>\n): React.JSX.Element {\n  const { sidePadding, headerLevel: contextHeaderLevel } =\n    useAccordionContext();\n\n  return (\n    <div\n      role=\"heading\"\n      aria-level={headerLevel ?? contextHeaderLevel}\n      {...filterDOMProps(props, { global: true })}\n      ref={ref}\n    >\n      <Button\n        slot=\"trigger\"\n        className={({ isFocusVisible }) =>\n          clsx(styles['sapphire-accordion__item-header'], styles['js-focus'], {\n            [styles['is-focus']]: isFocusVisible,\n          })\n        }\n        style={\n          hasAllowedCustomSidePadding(sidePadding)\n            ? customPaddingStyleProps(sidePadding)\n            : {}\n        }\n      >\n        <Typography.Heading level={6} elementType=\"span\">\n          <div className={clsx(styles['sapphire-accordion__item-heading'])}>\n            {children}\n          </div>\n        </Typography.Heading>\n        <div className={clsx(styles['sapphire-accordion__item-arrow'])}>\n          <Icon size=\"lg\">\n            <ChevronDown />\n          </Icon>\n        </div>\n      </Button>\n    </div>\n  );\n});\n"],"names":["AccordionHeading","hasAllowedCustomSidePadding"],"mappings":";;;;;;;;;;AAqBO,MAAM,gBAAA,GAAmB,UAAA,CAAW,SAASA,iBAAAA,CAClD,EAAE,UAAU,WAAA,EAAa,GAAG,KAAA,EAAM,EAClC,GAAA,EACmB;AACnB,EAAA,MAAM,EAAE,WAAA,EAAa,WAAA,EAAa,kBAAA,KAChC,mBAAA,EAAoB;AAEtB,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,SAAA;AAAA,MACL,cAAY,WAAA,IAAe,kBAAA;AAAA,MAC1B,GAAG,cAAA,CAAe,KAAA,EAAO,EAAE,MAAA,EAAQ,MAAM,CAAA;AAAA,MAC1C;AAAA,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,SAAA;AAAA,QACL,SAAA,EAAW,CAAC,EAAE,cAAA,EAAe,KAC3B,IAAA,CAAK,MAAA,CAAO,iCAAiC,CAAA,EAAG,MAAA,CAAO,UAAU,CAAA,EAAG;AAAA,UAClE,CAAC,MAAA,CAAO,UAAU,CAAC,GAAG;AAAA,SACvB,CAAA;AAAA,QAEH,OACEC,cAAA,CAA4B,WAAW,IACnC,uBAAA,CAAwB,WAAW,IACnC;AAAC,OAAA;AAAA,0CAGN,UAAA,CAAW,OAAA,EAAX,EAAmB,KAAA,EAAO,GAAG,WAAA,EAAY,MAAA,EAAA,kBACxC,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,WAAW,IAAA,CAAK,MAAA,CAAO,kCAAkC,CAAC,CAAA,EAAA,EAC5D,QACH,CACF,CAAA;AAAA,sBACA,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,IAAA,CAAK,OAAO,gCAAgC,CAAC,CAAA,EAAA,kBAC3D,KAAA,CAAA,aAAA,CAAC,QAAK,IAAA,EAAK,IAAA,EAAA,kBACT,KAAA,CAAA,aAAA,CAAC,WAAA,EAAA,IAAY,CACf,CACF;AAAA;AACF,GACF;AAEJ,CAAC;;;;"}

package/build/esm/Accordion/src/AccordionItem.js

@@ -2,44 +2,15 @@ import React, { forwardRef } from 'react';
 import clsx from 'clsx';
 import styles from '@danske/sapphire-css/components/accordion/accordion.module.css';
 import { Disclosure } from 'react-aria-components';
-import { useFocusManager } from '@react-aria/focus';
-import { useObjectRef, useEvent } from '@react-aria/utils';
+import { useFocusManager } from 'react-aria/FocusScope';
+import { useEvent } from 'react-aria/private/utils/useEvent';
+import { useObjectRef } from 'react-aria/useObjectRef';
 
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const AccordionItem = forwardRef(function AccordionItem2(_a, forwardedRef) {
-  var _b = _a, { children, id } = _b, props = __objRest(_b, ["children", "id"]);
+const AccordionItem = forwardRef(function AccordionItem2({ children, id, ...props }, forwardedRef) {
   const ref = useObjectRef(forwardedRef);
   const focusManager = useFocusManager();
   const onKeyDown = (e) => {
-    if (!focusManager)
-      return;
+    if (!focusManager) return;
     if (!(e.target instanceof Element) || e.target.getAttribute("slot") !== "trigger")
       return;
     switch (e.key) {
@@ -64,16 +35,19 @@ const AccordionItem = forwardRef(function AccordionItem2(_a, forwardedRef) {
     }
   };
   useEvent(ref, "keydown", onKeyDown);
-  return /* @__PURE__ */ React.createElement(Disclosure, __spreadValues({
-    ref,
-    id,
-    className: ({ isExpanded, isDisabled }) => clsx(styles["sapphire-accordion__item"], {
-      [styles["sapphire-accordion__item--open"]]: isExpanded,
-      [styles["is-disabled"]]: isDisabled
-    })
-  }, props), /* @__PURE__ */ React.createElement("div", {
-    className: clsx(styles["sapphire-accordion__item-content-wrapper"])
-  }, children));
+  return /* @__PURE__ */ React.createElement(
+    Disclosure,
+    {
+      ref,
+      id,
+      className: ({ isExpanded, isDisabled }) => clsx(styles["sapphire-accordion__item"], {
+        [styles["sapphire-accordion__item--open"]]: isExpanded,
+        [styles["is-disabled"]]: isDisabled
+      }),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement("div", { className: clsx(styles["sapphire-accordion__item-content-wrapper"]) }, children)
+  );
 });
 
 export { AccordionItem };

package/build/esm/Accordion/src/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../../src/Accordion/src/AccordionItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\n\nimport styles from '@danske/sapphire-css/components/accordion/accordion.module.css';\n\nimport { Disclosure } from 'react-aria-components';\nimport { DisclosureProps } from 'react-aria-components';\nimport { useFocusManager } from '@react-aria/focus';\nimport { useEvent, useObjectRef } from '@react-aria/utils';\nimport { DOMProps } from '@react-types/shared';\n\nexport interface AccordionItemProps\n  extends DOMProps,\n    Pick<DisclosureProps, 'children' | 'isDisabled'> {}\n\nexport const AccordionItem = forwardRef(function AccordionItem(\n  { children, id, ...props }: AccordionItemProps,\n  forwardedRef: React.Ref<HTMLDivElement>\n): JSX.Element {\n  const ref = useObjectRef<HTMLDivElement>(forwardedRef);\n  const focusManager = useFocusManager();\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (!focusManager) return;\n\n    if (\n      !(e.target instanceof Element) ||\n      e.target.getAttribute('slot') !== 'trigger'\n    )\n      return;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        focusManager.focusNext();\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        focusManager.focusPrevious();\n        break;\n      case 'Home':\n        e.preventDefault();\n        focusManager.focusFirst();\n        break;\n      case 'End':\n        e.preventDefault();\n        focusManager.focusLast();\n        break;\n      default:\n        return;\n    }\n  };\n\n  useEvent(ref, 'keydown', onKeyDown);\n\n  return (\n    <Disclosure\n      ref={ref}\n      id={id}\n      className={({ isExpanded, isDisabled }) =>\n        clsx(styles['sapphire-accordion__item'], {\n          [styles['sapphire-accordion__item--open']]: isExpanded,\n          [styles['is-disabled']]: isDisabled,\n        })\n      }\n      {...props}\n    >\n      <div className={clsx(styles['sapphire-accordion__item-content-wrapper'])}>\n        {children}\n      </div>\n    </Disclosure>\n  );\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,aAAgB,GAAA,UAAA,CAAW,SACtC,cAAA,CAAA,EAAA,EACA,YACa,EAAA;AAFb,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,YAAU,EAAZ,EAAA,GAAA,EAAA,EAAmB,KAAnB,GAAA,SAAA,CAAA,EAAA,EAAmB,CAAjB,UAAU,EAAA,IAAA,CAAA,CAAA,CAAA;AAGZ,EAAA,MAAM,MAAM,YAA6B,CAAA,YAAA,CAAA,CAAA;AACzC,EAAA,MAAM,YAAe,GAAA,eAAA,EAAA,CAAA;AAErB,EAAM,MAAA,SAAA,GAAY,CAAC,CAAqB,KAAA;AACtC,IAAA,IAAI,CAAC,YAAA;AAAc,MAAA,OAAA;AAEnB,IAAA,IACE,EAAI,CAAA,CAAA,MAAA,YAAkB,YACtB,CAAE,CAAA,MAAA,CAAO,aAAa,MAAY,CAAA,KAAA,SAAA;AAElC,MAAA,OAAA;AAEF,IAAA,QAAQ,CAAE,CAAA,GAAA;AAAA,MACH,KAAA,WAAA;AACH,QAAE,CAAA,CAAA,cAAA,EAAA,CAAA;AACF,QAAa,YAAA,CAAA,SAAA,EAAA,CAAA;AACb,QAAA,MAAA;AAAA,MACG,KAAA,SAAA;AACH,QAAE,CAAA,CAAA,cAAA,EAAA,CAAA;AACF,QAAa,YAAA,CAAA,aAAA,EAAA,CAAA;AACb,QAAA,MAAA;AAAA,MACG,KAAA,MAAA;AACH,QAAE,CAAA,CAAA,cAAA,EAAA,CAAA;AACF,QAAa,YAAA,CAAA,UAAA,EAAA,CAAA;AACb,QAAA,MAAA;AAAA,MACG,KAAA,KAAA;AACH,QAAE,CAAA,CAAA,cAAA,EAAA,CAAA;AACF,QAAa,YAAA,CAAA,SAAA,EAAA,CAAA;AACb,QAAA,MAAA;AAAA,MAAA;AAEA,QAAA,OAAA;AAAA,KAAA;AAAA,GAAA,CAAA;AAIN,EAAA,QAAA,CAAS,KAAK,SAAW,EAAA,SAAA,CAAA,CAAA;AAEzB,EAAA,2CACG,UAAD,EAAA,cAAA,CAAA;AAAA,IACE,GAAA;AAAA,IACA,EAAA;AAAA,IACA,WAAW,CAAC,EAAE,YAAY,UACxB,EAAA,KAAA,IAAA,CAAK,OAAO,0BAA6B,CAAA,EAAA;AAAA,MAAA,CACtC,OAAO,gCAAoC,CAAA,GAAA,UAAA;AAAA,MAAA,CAC3C,OAAO,aAAiB,CAAA,GAAA,UAAA;AAAA,KAAA,CAAA;AAAA,GAGzB,EAAA,KAAA,CAAA,sCAEH,KAAD,EAAA;AAAA,IAAK,SAAA,EAAW,KAAK,MAAO,CAAA,0CAAA,CAAA,CAAA;AAAA,GACzB,EAAA,QAAA,CAAA,CAAA,CAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"AccordionItem.js","sources":["../../../../src/Accordion/src/AccordionItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\n\nimport styles from '@danske/sapphire-css/components/accordion/accordion.module.css';\n\nimport { Disclosure } from 'react-aria-components';\nimport { DisclosureProps } from 'react-aria-components';\nimport { useFocusManager } from 'react-aria/FocusScope';\nimport { useEvent } from 'react-aria/private/utils/useEvent';\nimport { useObjectRef } from 'react-aria/useObjectRef';\nimport { DOMProps } from '@react-types/shared';\n\nexport interface AccordionItemProps\n  extends DOMProps,\n    Pick<DisclosureProps, 'children' | 'isDisabled'> {}\n\nexport const AccordionItem = forwardRef(function AccordionItem(\n  { children, id, ...props }: AccordionItemProps,\n  forwardedRef: React.Ref<HTMLDivElement>\n): JSX.Element {\n  const ref = useObjectRef<HTMLDivElement>(forwardedRef);\n  const focusManager = useFocusManager();\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (!focusManager) return;\n\n    if (\n      !(e.target instanceof Element) ||\n      e.target.getAttribute('slot') !== 'trigger'\n    )\n      return;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        focusManager.focusNext();\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        focusManager.focusPrevious();\n        break;\n      case 'Home':\n        e.preventDefault();\n        focusManager.focusFirst();\n        break;\n      case 'End':\n        e.preventDefault();\n        focusManager.focusLast();\n        break;\n      default:\n        return;\n    }\n  };\n\n  useEvent(ref, 'keydown', onKeyDown);\n\n  return (\n    <Disclosure\n      ref={ref}\n      id={id}\n      className={({ isExpanded, isDisabled }) =>\n        clsx(styles['sapphire-accordion__item'], {\n          [styles['sapphire-accordion__item--open']]: isExpanded,\n          [styles['is-disabled']]: isDisabled,\n        })\n      }\n      {...props}\n    >\n      <div className={clsx(styles['sapphire-accordion__item-content-wrapper'])}>\n        {children}\n      </div>\n    </Disclosure>\n  );\n});\n"],"names":["AccordionItem"],"mappings":";;;;;;;;AAgBO,MAAM,aAAA,GAAgB,UAAA,CAAW,SAASA,cAAAA,CAC/C,EAAE,UAAU,EAAA,EAAI,GAAG,KAAA,EAAM,EACzB,YAAA,EACa;AACb,EAAA,MAAM,GAAA,GAAM,aAA6B,YAAY,CAAA;AACrD,EAAA,MAAM,eAAe,eAAA,EAAgB;AAErC,EAAA,MAAM,SAAA,GAAY,CAAC,CAAA,KAAqB;AACtC,IAAA,IAAI,CAAC,YAAA,EAAc;AAEnB,IAAA,IACE,EAAE,EAAE,MAAA,YAAkB,OAAA,CAAA,IACtB,EAAE,MAAA,CAAO,YAAA,CAAa,MAAM,CAAA,KAAM,SAAA;AAElC,MAAA;AAEF,IAAA,QAAQ,EAAE,GAAA;AAAK,MACb,KAAK,WAAA;AACH,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,YAAA,CAAa,SAAA,EAAU;AACvB,QAAA;AAAA,MACF,KAAK,SAAA;AACH,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,YAAA,CAAa,aAAA,EAAc;AAC3B,QAAA;AAAA,MACF,KAAK,MAAA;AACH,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,YAAA,CAAa,UAAA,EAAW;AACxB,QAAA;AAAA,MACF,KAAK,KAAA;AACH,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,YAAA,CAAa,SAAA,EAAU;AACvB,QAAA;AAAA,MACF;AACE,QAAA;AAAA;AACJ,EACF,CAAA;AAEA,EAAA,QAAA,CAAS,GAAA,EAAK,WAAW,SAAS,CAAA;AAElC,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,EAAA;AAAA,MACA,SAAA,EAAW,CAAC,EAAE,UAAA,EAAY,YAAW,KACnC,IAAA,CAAK,MAAA,CAAO,0BAA0B,CAAA,EAAG;AAAA,QACvC,CAAC,MAAA,CAAO,gCAAgC,CAAC,GAAG,UAAA;AAAA,QAC5C,CAAC,MAAA,CAAO,aAAa,CAAC,GAAG;AAAA,OAC1B,CAAA;AAAA,MAEF,GAAG;AAAA,KAAA;AAAA,oBAEJ,KAAA,CAAA,aAAA,CAAC,SAAI,SAAA,EAAW,IAAA,CAAK,OAAO,0CAA0C,CAAC,KACpE,QACH;AAAA,GACF;AAEJ,CAAC;;;;"}

package/build/esm/Accordion/src/AccordionPanel.js

@@ -1,57 +1,40 @@
 import React, { forwardRef } from 'react';
 import clsx from 'clsx';
-import { filterDOMProps } from '@react-aria/utils';
+import { filterDOMProps } from 'react-aria/filterDOMProps';
 import styles from '@danske/sapphire-css/components/accordion/accordion.module.css';
 import { DisclosurePanel } from 'react-aria-components';
 import { useAccordionContext } from './AccordionContext.js';
 import { customPaddingStyleProps } from './utils.js';
 import { withTruthyZero } from '@danske/sapphire-react';
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const AccordionPanel = forwardRef(function AccordionPanel2(_a, ref) {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+const AccordionPanel = forwardRef(function AccordionPanel2({ children, ...props }, ref) {
   const { sidePadding } = useAccordionContext();
-  return /* @__PURE__ */ React.createElement(DisclosurePanel, __spreadValues(__spreadProps(__spreadValues({
-    ref
-  }, filterDOMProps(props, { global: true })), {
-    className: clsx(styles["sapphire-accordion__item-content"]),
-    style: {
-      height: "var(--disclosure-panel-height)"
-    }
-  }), props), /* @__PURE__ */ React.createElement("div", {
-    style: __spreadValues({}, withTruthyZero(sidePadding) ? customPaddingStyleProps(sidePadding) : {}),
-    className: styles["sapphire-accordion__item-content-inner"]
-  }, children));
+  return /* @__PURE__ */ React.createElement(
+    DisclosurePanel,
+    {
+      ref,
+      ...filterDOMProps(props, { global: true }),
+      className: clsx(styles["sapphire-accordion__item-content"]),
+      style: {
+        /**
+         * useDisclosure hook from react-aria uses css variable --disclosure-panel-height to
+         * animate the height of the panel.
+         */
+        height: "var(--disclosure-panel-height)"
+      },
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        style: {
+          ...withTruthyZero(sidePadding) ? customPaddingStyleProps(sidePadding) : {}
+        },
+        className: styles["sapphire-accordion__item-content-inner"]
+      },
+      children
+    )
+  );
 });
 
 export { AccordionPanel };

package/build/esm/Accordion/src/AccordionPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionPanel.js","sources":["../../../../src/Accordion/src/AccordionPanel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { filterDOMProps } from '@react-aria/utils';\nimport styles from '@danske/sapphire-css/components/accordion/accordion.module.css';\nimport { DisclosurePanel, DisclosurePanelProps } from 'react-aria-components';\nimport { useAccordionContext } from './AccordionContext';\nimport { customPaddingStyleProps } from './utils';\nimport { withTruthyZero as hasAllowedCustomSidePadding } from '@danske/sapphire-react';\nimport { DOMProps } from '@react-types/shared';\n\nexport interface AccordionPanelProps\n  extends DOMProps,\n    Pick<DisclosurePanelProps, 'children' | 'role'> {}\n\nexport const AccordionPanel = forwardRef(function AccordionPanel(\n  { children, ...props }: AccordionPanelProps,\n  ref: React.Ref<HTMLDivElement>\n): React.JSX.Element {\n  const { sidePadding } = useAccordionContext();\n\n  return (\n    <DisclosurePanel\n      ref={ref}\n      {...filterDOMProps(props, { global: true })}\n      className={clsx(styles['sapphire-accordion__item-content'])}\n      style={{\n        /**\n         * useDisclosure hook from react-aria uses css variable --disclosure-panel-height to\n         * animate the height of the panel.\n         */\n        height: 'var(--disclosure-panel-height)',\n      }}\n      {...props}\n    >\n      <div\n        style={{\n          ...(hasAllowedCustomSidePadding(sidePadding)\n            ? customPaddingStyleProps(sidePadding)\n            : {}),\n        }}\n        className={styles['sapphire-accordion__item-content-inner']}\n      >\n        {children}\n      </div>\n    </DisclosurePanel>\n  );\n});\n"],"names":["hasAllowedCustomSidePadding"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,cAAiB,GAAA,UAAA,CAAW,SACvC,eAAA,CAAA,EAAA,EACA,GACmB,EAAA;AAFnB,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAF,QAAA,EAAA,GAAA,EAAA,EAAe,KAAf,GAAA,SAAA,CAAA,EAAA,EAAe,CAAb,UAAA,CAAA,CAAA,CAAA;AAGF,EAAA,MAAM,EAAE,WAAgB,EAAA,GAAA,mBAAA,EAAA,CAAA;AAExB,EAAA,2CACG,eAAD,EAAA,cAAA,CAAA,aAAA,CAAA,cAAA,CAAA;AAAA,IACE,GAAA;AAAA,GAAA,EACI,cAAe,CAAA,KAAA,EAAO,EAAE,MAAA,EAAQ,IAFtC,EAAA,CAAA,CAAA,EAAA;AAAA,IAGE,SAAA,EAAW,KAAK,MAAO,CAAA,kCAAA,CAAA,CAAA;AAAA,IACvB,KAAO,EAAA;AAAA,MAKL,MAAQ,EAAA,gCAAA;AAAA,KAAA;AAAA,GAEN,CAAA,EAAA,KAAA,CAAA,sCAEH,KAAD,EAAA;AAAA,IACE,KAAO,EAAA,cAAA,CAAA,EAAA,EACDA,cAA4B,CAAA,WAAA,CAAA,GAC5B,wBAAwB,WACxB,CAAA,GAAA,EAAA,CAAA;AAAA,IAEN,WAAW,MAAO,CAAA,wCAAA,CAAA;AAAA,GAEjB,EAAA,QAAA,CAAA,CAAA,CAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"AccordionPanel.js","sources":["../../../../src/Accordion/src/AccordionPanel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { filterDOMProps } from 'react-aria/filterDOMProps';\nimport styles from '@danske/sapphire-css/components/accordion/accordion.module.css';\nimport { DisclosurePanel, DisclosurePanelProps } from 'react-aria-components';\nimport { useAccordionContext } from './AccordionContext';\nimport { customPaddingStyleProps } from './utils';\nimport { withTruthyZero as hasAllowedCustomSidePadding } from '@danske/sapphire-react';\nimport { DOMProps } from '@react-types/shared';\n\nexport interface AccordionPanelProps\n  extends DOMProps,\n    Pick<DisclosurePanelProps, 'children' | 'role'> {}\n\nexport const AccordionPanel = forwardRef(function AccordionPanel(\n  { children, ...props }: AccordionPanelProps,\n  ref: React.Ref<HTMLDivElement>\n): React.JSX.Element {\n  const { sidePadding } = useAccordionContext();\n\n  return (\n    <DisclosurePanel\n      ref={ref}\n      {...filterDOMProps(props, { global: true })}\n      className={clsx(styles['sapphire-accordion__item-content'])}\n      style={{\n        /**\n         * useDisclosure hook from react-aria uses css variable --disclosure-panel-height to\n         * animate the height of the panel.\n         */\n        height: 'var(--disclosure-panel-height)',\n      }}\n      {...props}\n    >\n      <div\n        style={{\n          ...(hasAllowedCustomSidePadding(sidePadding)\n            ? customPaddingStyleProps(sidePadding)\n            : {}),\n        }}\n        className={styles['sapphire-accordion__item-content-inner']}\n      >\n        {children}\n      </div>\n    </DisclosurePanel>\n  );\n});\n"],"names":["AccordionPanel","hasAllowedCustomSidePadding"],"mappings":";;;;;;;;;AAcO,MAAM,cAAA,GAAiB,WAAW,SAASA,eAAAA,CAChD,EAAE,QAAA,EAAU,GAAG,KAAA,EAAM,EACrB,GAAA,EACmB;AACnB,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,mBAAA,EAAoB;AAE5C,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,cAAA,CAAe,KAAA,EAAO,EAAE,MAAA,EAAQ,MAAM,CAAA;AAAA,MAC1C,SAAA,EAAW,IAAA,CAAK,MAAA,CAAO,kCAAkC,CAAC,CAAA;AAAA,MAC1D,KAAA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,QAKL,MAAA,EAAQ;AAAA,OACV;AAAA,MACC,GAAG;AAAA,KAAA;AAAA,oBAEJ,KAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO;AAAA,UACL,GAAIC,cAAA,CAA4B,WAAW,IACvC,uBAAA,CAAwB,WAAW,IACnC;AAAC,SACP;AAAA,QACA,SAAA,EAAW,OAAO,wCAAwC;AAAA,OAAA;AAAA,MAEzD;AAAA;AACH,GACF;AAEJ,CAAC;;;;"}

package/build/esm/Accordion/src/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/Accordion/src/utils.ts"],"sourcesContent":["export const customPaddingStyleProps = (sidePadding: number | string) => ({\n  paddingLeft:\n    typeof sidePadding === 'string' ? sidePadding : `${sidePadding}px`,\n  paddingRight:\n    typeof sidePadding === 'string' ? sidePadding : `${sidePadding}px`,\n});\n"],"names":[],"mappings":"AAAa,MAAA,uBAAA,GAA0B,CAAC,WAAkC,MAAA;AAAA,EACxE,WACE,EAAA,OAAO,WAAgB,KAAA,QAAA,GAAW,cAAc,CAAG,EAAA,WAAA,CAAA,EAAA,CAAA;AAAA,EACrD,YACE,EAAA,OAAO,WAAgB,KAAA,QAAA,GAAW,cAAc,CAAG,EAAA,WAAA,CAAA,EAAA,CAAA;AAAA,CAAA;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../src/Accordion/src/utils.ts"],"sourcesContent":["export const customPaddingStyleProps = (sidePadding: number | string) => ({\n  paddingLeft:\n    typeof sidePadding === 'string' ? sidePadding : `${sidePadding}px`,\n  paddingRight:\n    typeof sidePadding === 'string' ? sidePadding : `${sidePadding}px`,\n});\n"],"names":[],"mappings":"AAAO,MAAM,uBAAA,GAA0B,CAAC,WAAA,MAAkC;AAAA,EACxE,aACE,OAAO,WAAA,KAAgB,QAAA,GAAW,WAAA,GAAc,GAAG,WAAW,CAAA,EAAA,CAAA;AAAA,EAChE,cACE,OAAO,WAAA,KAAgB,QAAA,GAAW,WAAA,GAAc,GAAG,WAAW,CAAA,EAAA;AAClE,CAAA;;;;"}