@danske/sapphire-react-lab 0.76.0

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

@@ -0,0 +1,72 @@
+import React, { forwardRef } from 'react';
+import styles from '@danske/sapphire-css/components/accordion/accordion.module.css';
+import clsx from 'clsx';
+import { useThemeCheck, useSapphireStyleProps } from '@danske/sapphire-react';
+import { useAccordion } from '@react-aria/accordion';
+import { useTreeState } from './useTreeState.js';
+import { _AccordionItem } from './AccordionItem.js';
+import { useObjectRef, mergeProps, filterDOMProps } from '@react-aria/utils';
+
+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 = (_a, ref) => {
+  var _b = _a, {
+    expansionMode = "multiple",
+    headerLevel = 5,
+    hideLastDivider = false
+  } = _b, props = __objRest(_b, [
+    "expansionMode",
+    "headerLevel",
+    "hideLastDivider"
+  ]);
+  useThemeCheck();
+  const { styleProps } = useSapphireStyleProps(props);
+  const state = useTreeState(__spreadProps(__spreadValues({}, props), { expansionMode }));
+  const forwardedRef = useObjectRef(ref);
+  const { accordionProps } = useAccordion(props, state, forwardedRef);
+  return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, mergeProps(accordionProps, filterDOMProps(props, { labelable: true }))), {
+    className: clsx(styles["sapphire-accordion"], {
+      [styles["sapphire-accordion--without-last-divider"]]: hideLastDivider
+    }, styleProps.className),
+    ref: forwardedRef,
+    style: styleProps.style
+  }), [...state.collection].map((item) => /* @__PURE__ */ React.createElement(_AccordionItem, {
+    headerLevel,
+    key: item.key,
+    item,
+    state
+  })));
+};
+const Accordion = forwardRef(_Accordion);
+
+export { Accordion };
+//# sourceMappingURL=Accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../../../../src/Accordion/src/Accordion.tsx"],"sourcesContent":["import React, { ForwardedRef, Ref, forwardRef } from 'react';\nimport styles from '@danske/sapphire-css/components/accordion/accordion.module.css';\nimport clsx from 'clsx';\nimport {\n  HeadingProps,\n  SapphireStyleProps,\n  useSapphireStyleProps,\n  useThemeCheck,\n} from '@danske/sapphire-react';\nimport { CollectionBase, DOMProps, Expandable } from '@react-types/shared';\nimport { useAccordion } from '@react-aria/accordion';\nimport { TreeExpansionMode, useTreeState } from './useTreeState';\n\nimport { _AccordionItem } from './AccordionItem';\nimport { filterDOMProps, mergeProps, useObjectRef } from '@react-aria/utils';\n\nexport interface SapphireAccordionProps<T>\n  extends SapphireStyleProps,\n    CollectionBase<T>,\n    DOMProps,\n    Expandable {\n  /** Allow one or many expanded items\n   * @default 'multiple'\n   */\n  expansionMode?: TreeExpansionMode;\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?: HeadingProps['level'];\n  /**\n   * Removes the divider after the last list item.\n   * Useful when rendered in a container which already has borders.\n   */\n  hideLastDivider?: boolean;\n}\n\nconst _Accordion = <T extends object>(\n  {\n    expansionMode = 'multiple',\n    headerLevel = 5,\n    hideLastDivider = false,\n    ...props\n  }: SapphireAccordionProps<T>,\n  ref: ForwardedRef<HTMLDivElement>\n) => {\n  useThemeCheck();\n  const { styleProps } = useSapphireStyleProps(props);\n  const state = useTreeState<T>({ ...props, expansionMode });\n  const forwardedRef = useObjectRef<HTMLDivElement>(ref);\n\n  const { accordionProps } = useAccordion(props, state, forwardedRef);\n\n  return (\n    <div\n      {...mergeProps(\n        accordionProps,\n        filterDOMProps(props, { labelable: true })\n      )}\n      className={clsx(\n        styles['sapphire-accordion'],\n        {\n          [styles['sapphire-accordion--without-last-divider']]: hideLastDivider,\n        },\n        styleProps.className\n      )}\n      ref={forwardedRef}\n      style={styleProps.style}\n    >\n      {[...state.collection].map((item) => (\n        <_AccordionItem<T>\n          headerLevel={headerLevel}\n          key={item.key}\n          item={item}\n          state={state}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport const Accordion = forwardRef(_Accordion) as <T extends object>(\n  props: SapphireAccordionProps<T> & { ref?: Ref<HTMLDivElement> }\n) => React.ReactElement;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,MAAM,UAAA,GAAa,CACjB,EAAA,EAMA,GACG,KAAA;AAPH,EACE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAgB,aAAA,GAAA,UAAA;AAAA,IAChB,WAAc,GAAA,CAAA;AAAA,IACd,eAAkB,GAAA,KAAA;AAAA,GAHpB,GAAA,EAAA,EAIK,kBAJL,EAIK,EAAA;AAAA,IAHH,eAAA;AAAA,IACA,aAAA;AAAA,IACA,iBAAA;AAAA,GAAA,CAAA,CAAA;AAKF,EAAA,aAAA,EAAA,CAAA;AACA,EAAM,MAAA,EAAE,eAAe,qBAAsB,CAAA,KAAA,CAAA,CAAA;AAC7C,EAAA,MAAM,KAAQ,GAAA,YAAA,CAAgB,aAAK,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAA,EAAL,EAAY,aAAA,EAAA,CAAA,CAAA,CAAA;AAC1C,EAAA,MAAM,eAAe,YAA6B,CAAA,GAAA,CAAA,CAAA;AAElD,EAAA,MAAM,EAAE,cAAA,EAAA,GAAmB,YAAa,CAAA,KAAA,EAAO,KAAO,EAAA,YAAA,CAAA,CAAA;AAEtD,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,OAAD,aACM,CAAA,cAAA,CAAA,EAAA,EAAA,UAAA,CACF,gBACA,cAAe,CAAA,KAAA,EAAO,EAAE,SAAA,EAAW,IAHvC,EAAA,CAAA,CAAA,CAAA,EAAA;AAAA,IAKE,SAAA,EAAW,IACT,CAAA,MAAA,CAAO,oBACP,CAAA,EAAA;AAAA,MAAA,CACG,OAAO,0CAA8C,CAAA,GAAA,eAAA;AAAA,KAAA,EAExD,UAAW,CAAA,SAAA,CAAA;AAAA,IAEb,GAAK,EAAA,YAAA;AAAA,IACL,OAAO,UAAW,CAAA,KAAA;AAAA,GAEjB,CAAA,EAAA,CAAC,GAAG,KAAM,CAAA,UAAA,CAAA,CAAY,IAAI,CAAC,IAAA,yCACzB,cAAD,EAAA;AAAA,IACE,WAAA;AAAA,IACA,KAAK,IAAK,CAAA,GAAA;AAAA,IACV,IAAA;AAAA,IACA,KAAA;AAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAOH,MAAM,YAAY,UAAW,CAAA,UAAA;;;;"}

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

@@ -0,0 +1,49 @@
+import React from 'react';
+import styles from '@danske/sapphire-css/components/accordion/accordion.module.css';
+import clsx from 'clsx';
+import { filterDOMProps } from '@react-aria/utils';
+
+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 = (_a) => {
+  var _b = _a, {
+    children
+  } = _b, props = __objRest(_b, [
+    "children"
+  ]);
+  return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, filterDOMProps(props)), {
+    className: clsx(styles["sapphire-accordion__item-heading"])
+  }), children);
+};
+
+export { AccordionHeading };
+//# sourceMappingURL=AccordionHeading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionHeading.js","sources":["../../../../src/Accordion/src/AccordionHeading.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport styles from '@danske/sapphire-css/components/accordion/accordion.module.css';\nimport clsx from 'clsx';\nimport { DOMProps } from '@react-types/shared';\nimport { filterDOMProps } from '@react-aria/utils';\n\nexport interface SapphireAccordionHeadingProps extends DOMProps {\n  children?: ReactNode;\n}\n\nexport const AccordionHeading = ({\n  children,\n  ...props\n}: SapphireAccordionHeadingProps) => {\n  return (\n    <div\n      {...filterDOMProps(props)}\n      className={clsx(styles['sapphire-accordion__item-heading'])}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUa,MAAA,gBAAA,GAAmB,CAAC,EAGI,KAAA;AAHJ,EAC/B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,GAD+B,GAAA,EAAA,EAE5B,kBAF4B,EAE5B,EAAA;AAAA,IADH,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAD,aACM,CAAA,cAAA,CAAA,EAAA,EAAA,cAAA,CAAe,KADrB,CAAA,CAAA,EAAA;AAAA,IAEE,SAAA,EAAW,KAAK,MAAO,CAAA,kCAAA,CAAA,CAAA;AAAA,GAEtB,CAAA,EAAA,QAAA,CAAA,CAAA;AAAA;;;;"}

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

@@ -0,0 +1,68 @@
+import React, { useRef } from 'react';
+import { useHover, usePress } from '@react-aria/interactions';
+import { useFocusRing } from '@react-aria/focus';
+import { mergeProps } from '@react-aria/utils';
+import clsx from 'clsx';
+import styles from '@danske/sapphire-css/components/accordion/accordion.module.css';
+import { Icon } from '@danske/sapphire-react';
+import { ChevronDown } from '@danske/sapphire-icons/react';
+import { useAccordionItem } from '@react-aria/accordion';
+import { Item } from '@react-stately/collections';
+
+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));
+function _AccordionItem(props) {
+  const { state, item } = props;
+  const isOpen = state.expandedKeys.has(item.key);
+  const isDisabled = state.disabledKeys.has(item.key);
+  const { isHovered, hoverProps } = useHover({ isDisabled });
+  const { pressProps, isPressed } = usePress({ isDisabled });
+  const { focusProps, isFocusVisible } = useFocusRing();
+  const ref = useRef(null);
+  const { buttonProps, regionProps } = useAccordionItem(props, state, ref);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: clsx(styles["sapphire-accordion__item"], {
+      [styles["sapphire-accordion__item--open"]]: isOpen,
+      [styles["is-disabled"]]: isDisabled
+    })
+  }, /* @__PURE__ */ React.createElement("div", {
+    role: "heading",
+    "aria-level": props.headerLevel
+  }, /* @__PURE__ */ React.createElement("button", __spreadProps(__spreadValues({}, mergeProps(buttonProps, hoverProps, pressProps, focusProps)), {
+    "aria-disabled": isDisabled,
+    ref,
+    className: clsx(styles["sapphire-accordion__item-header"], styles["js-focus"], styles["js-hover"], {
+      [styles["is-focus"]]: isFocusVisible,
+      [styles["is-hover"]]: isHovered,
+      [styles["is-active"]]: isPressed
+    })
+  }), item.props.heading, /* @__PURE__ */ React.createElement("div", {
+    className: clsx(styles["sapphire-accordion__item-arrow"])
+  }, /* @__PURE__ */ React.createElement(Icon, null, /* @__PURE__ */ React.createElement(ChevronDown, null))))), /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, regionProps), {
+    "aria-hidden": !isOpen,
+    className: clsx(styles["sapphire-accordion__item-content-wrapper"])
+  }), /* @__PURE__ */ React.createElement("div", {
+    className: clsx(styles["sapphire-accordion__item-content"])
+  }, item.props.children)));
+}
+const AccordionItem = Item;
+
+export { AccordionItem, _AccordionItem };
+//# sourceMappingURL=AccordionItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.js","sources":["../../../../src/Accordion/src/AccordionItem.tsx"],"sourcesContent":["import React, { ReactNode, useRef } from 'react';\nimport { Node, ItemProps } from '@react-types/shared';\nimport { TreeState } from '@react-stately/tree';\nimport { useHover, usePress } from '@react-aria/interactions';\nimport { useFocusRing } from '@react-aria/focus';\nimport { mergeProps } from '@react-aria/utils';\nimport clsx from 'clsx';\nimport styles from '@danske/sapphire-css/components/accordion/accordion.module.css';\nimport { HeadingProps, Icon } from '@danske/sapphire-react';\nimport { ChevronDown } from '@danske/sapphire-icons/react';\nimport { useAccordionItem } from '@react-aria/accordion';\nimport { Item } from '@react-stately/collections';\n\ninterface AccordionItemProps<T> {\n  item: Node<T>;\n  state: TreeState<T>;\n  headerLevel: HeadingProps['level'];\n}\n\nexport function _AccordionItem<T>(props: AccordionItemProps<T>): JSX.Element {\n  const { state, item } = props;\n\n  const isOpen = state.expandedKeys.has(item.key);\n  const isDisabled = state.disabledKeys.has(item.key);\n\n  const { isHovered, hoverProps } = useHover({ isDisabled });\n  const { pressProps, isPressed } = usePress({ isDisabled });\n  const { focusProps, isFocusVisible } = useFocusRing();\n\n  const ref = useRef<HTMLButtonElement>(null);\n\n  const { buttonProps, regionProps } = useAccordionItem<T>(props, state, ref);\n\n  return (\n    <div\n      className={clsx(styles['sapphire-accordion__item'], {\n        [styles['sapphire-accordion__item--open']]: isOpen,\n        [styles['is-disabled']]: isDisabled,\n      })}\n    >\n      <div role=\"heading\" aria-level={props.headerLevel}>\n        <button\n          {...mergeProps(buttonProps, hoverProps, pressProps, focusProps)}\n          aria-disabled={isDisabled}\n          ref={ref}\n          className={clsx(\n            styles['sapphire-accordion__item-header'],\n            styles['js-focus'],\n            styles['js-hover'],\n            {\n              [styles['is-focus']]: isFocusVisible,\n              [styles['is-hover']]: isHovered,\n              [styles['is-active']]: isPressed,\n            }\n          )}\n        >\n          {item.props.heading}\n          <div className={clsx(styles['sapphire-accordion__item-arrow'])}>\n            <Icon>\n              <ChevronDown />\n            </Icon>\n          </div>\n        </button>\n      </div>\n      <div\n        {...regionProps}\n        aria-hidden={!isOpen}\n        className={clsx(styles['sapphire-accordion__item-content-wrapper'])}\n      >\n        <div className={clsx(styles['sapphire-accordion__item-content'])}>\n          {item.props.children}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport interface SapphireAccordionItemProps<T>\n  extends Omit<ItemProps<T>, 'title'> {\n  heading: ReactNode;\n}\n\nexport const AccordionItem = Item as <T>(\n  props: SapphireAccordionItemProps<T>\n) => JSX.Element;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,SAAA,cAAA,CAA2B,KAA2C,EAAA;AAC3E,EAAM,MAAA,EAAE,OAAO,IAAS,EAAA,GAAA,KAAA,CAAA;AAExB,EAAA,MAAM,MAAS,GAAA,KAAA,CAAM,YAAa,CAAA,GAAA,CAAI,IAAK,CAAA,GAAA,CAAA,CAAA;AAC3C,EAAA,MAAM,UAAa,GAAA,KAAA,CAAM,YAAa,CAAA,GAAA,CAAI,IAAK,CAAA,GAAA,CAAA,CAAA;AAE/C,EAAA,MAAM,EAAE,SAAA,EAAW,UAAe,EAAA,GAAA,QAAA,CAAS,EAAE,UAAA,EAAA,CAAA,CAAA;AAC7C,EAAA,MAAM,EAAE,UAAA,EAAY,SAAc,EAAA,GAAA,QAAA,CAAS,EAAE,UAAA,EAAA,CAAA,CAAA;AAC7C,EAAM,MAAA,EAAE,YAAY,cAAmB,EAAA,GAAA,YAAA,EAAA,CAAA;AAEvC,EAAA,MAAM,MAAM,MAA0B,CAAA,IAAA,CAAA,CAAA;AAEtC,EAAA,MAAM,EAAE,WAAA,EAAa,WAAgB,EAAA,GAAA,gBAAA,CAAoB,OAAO,KAAO,EAAA,GAAA,CAAA,CAAA;AAEvE,EAAA,2CACG,KAAD,EAAA;AAAA,IACE,SAAA,EAAW,IAAK,CAAA,MAAA,CAAO,0BAA6B,CAAA,EAAA;AAAA,MAAA,CACjD,OAAO,gCAAoC,CAAA,GAAA,MAAA;AAAA,MAAA,CAC3C,OAAO,aAAiB,CAAA,GAAA,UAAA;AAAA,KAAA,CAAA;AAAA,GAAA,sCAG1B,KAAD,EAAA;AAAA,IAAK,IAAK,EAAA,SAAA;AAAA,IAAU,cAAY,KAAM,CAAA,WAAA;AAAA,GAAA,sCACnC,QAAD,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACM,WAAW,WAAa,EAAA,UAAA,EAAY,YAAY,UADtD,CAAA,CAAA,EAAA;AAAA,IAEE,eAAe,EAAA,UAAA;AAAA,IACf,GAAA;AAAA,IACA,WAAW,IACT,CAAA,MAAA,CAAO,oCACP,MAAO,CAAA,UAAA,CAAA,EACP,OAAO,UACP,CAAA,EAAA;AAAA,MAAA,CACG,OAAO,UAAc,CAAA,GAAA,cAAA;AAAA,MAAA,CACrB,OAAO,UAAc,CAAA,GAAA,SAAA;AAAA,MAAA,CACrB,OAAO,WAAe,CAAA,GAAA,SAAA;AAAA,KAAA,CAAA;AAAA,GAAA,CAAA,EAI1B,IAAK,CAAA,KAAA,CAAM,OACZ,kBAAA,KAAA,CAAA,aAAA,CAAC,KAAD,EAAA;AAAA,IAAK,SAAA,EAAW,KAAK,MAAO,CAAA,gCAAA,CAAA,CAAA;AAAA,GAC1B,kBAAA,KAAA,CAAA,aAAA,CAAC,MAAD,IACE,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAD,IAKR,CAAA,CAAA,CAAA,CAAA,CAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,KAAD,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACM,WADN,CAAA,EAAA;AAAA,IAEE,eAAa,CAAC,MAAA;AAAA,IACd,SAAA,EAAW,KAAK,MAAO,CAAA,0CAAA,CAAA,CAAA;AAAA,GAAA,CAAA,sCAEtB,KAAD,EAAA;AAAA,IAAK,SAAA,EAAW,KAAK,MAAO,CAAA,kCAAA,CAAA,CAAA;AAAA,GAAA,EACzB,KAAK,KAAM,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA;AAYf,MAAM,aAAgB,GAAA;;;;"}

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

@@ -0,0 +1,42 @@
+import { useTreeState as useTreeState$1 } from '@react-stately/tree';
+
+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));
+function useTreeState(props) {
+  const state = useTreeState$1(props);
+  const onToggle = (key) => {
+    state.setExpandedKeys(toggleKey(state.expandedKeys, key, props.expansionMode));
+  };
+  return __spreadProps(__spreadValues({}, state), { toggleKey: onToggle });
+}
+function toggleKey(set, key, expansionMode = "multiple") {
+  const res = new Set(set);
+  if (res.has(key)) {
+    res.delete(key);
+  } else {
+    if (expansionMode === "single")
+      res.clear();
+    res.add(key);
+  }
+  return res;
+}
+
+export { useTreeState };
+//# sourceMappingURL=useTreeState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeState.js","sources":["../../../../src/Accordion/src/useTreeState.ts"],"sourcesContent":["import { Key } from 'react';\nimport {\n  TreeProps as OriginalTreeProps,\n  TreeState,\n  useTreeState as useOriginalTreeState,\n} from '@react-stately/tree';\n\n/**\n * A wrapper for `useTreeState` to add support of single expanded item\n *\n * More details here\n * https://github.com/adobe/react-spectrum/blob/main/packages/%40react-stately/tree/src/useTreeState.ts\n */\n\nexport interface TreeProps<T> extends OriginalTreeProps<T> {\n  expansionMode?: TreeExpansionMode;\n}\n\nexport type TreeExpansionMode = 'single' | 'multiple';\n\nexport function useTreeState<T extends object>(\n  props: TreeProps<T>\n): TreeState<T> {\n  const state = useOriginalTreeState(props);\n\n  const onToggle = (key: Key) => {\n    state.setExpandedKeys(\n      toggleKey(state.expandedKeys, key, props.expansionMode)\n    );\n  };\n\n  return { ...state, toggleKey: onToggle };\n}\n\nfunction toggleKey(\n  set: Set<Key>,\n  key: Key,\n  expansionMode: TreeExpansionMode = 'multiple'\n): Set<Key> {\n  const res = new Set(set);\n  if (res.has(key)) {\n    res.delete(key);\n  } else {\n    if (expansionMode === 'single') res.clear();\n    res.add(key);\n  }\n\n  return res;\n}\n"],"names":["useOriginalTreeState"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBO,SAAA,YAAA,CACL,KACc,EAAA;AACd,EAAA,MAAM,QAAQA,cAAqB,CAAA,KAAA,CAAA,CAAA;AAEnC,EAAM,MAAA,QAAA,GAAW,CAAC,GAAa,KAAA;AAC7B,IAAA,KAAA,CAAM,eACJ,CAAA,SAAA,CAAU,KAAM,CAAA,YAAA,EAAc,KAAK,KAAM,CAAA,aAAA,CAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAI7C,EAAO,OAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAK,KAAL,CAAA,EAAA,EAAY,SAAW,EAAA,QAAA,EAAA,CAAA,CAAA;AAAA,CAAA;AAGhC,SACE,SAAA,CAAA,GAAA,EACA,GACA,EAAA,aAAA,GAAmC,UACzB,EAAA;AACV,EAAM,MAAA,GAAA,GAAM,IAAI,GAAI,CAAA,GAAA,CAAA,CAAA;AACpB,EAAI,IAAA,GAAA,CAAI,IAAI,GAAM,CAAA,EAAA;AAChB,IAAA,GAAA,CAAI,MAAO,CAAA,GAAA,CAAA,CAAA;AAAA,GACN,MAAA;AACL,IAAA,IAAI,aAAkB,KAAA,QAAA;AAAU,MAAI,GAAA,CAAA,KAAA,EAAA,CAAA;AACpC,IAAA,GAAA,CAAI,GAAI,CAAA,GAAA,CAAA,CAAA;AAAA,GAAA;AAGV,EAAO,OAAA,GAAA,CAAA;AAAA;;;;"}

package/build/esm/Avatar/src/Avatar.js

@@ -0,0 +1,63 @@
+import { useThemeCheck, useSapphireStyleProps, Icon } from '@danske/sapphire-react';
+import React from 'react';
+import styles from '@danske/sapphire-css/components/avatar/avatar.module.css';
+import clsx from 'clsx';
+
+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 Avatar = (_a) => {
+  var _b = _a, {
+    monogram,
+    icon,
+    color = "informative",
+    size = "medium"
+  } = _b, props = __objRest(_b, [
+    "monogram",
+    "icon",
+    "color",
+    "size"
+  ]);
+  useThemeCheck();
+  const { styleProps } = useSapphireStyleProps(props);
+  return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, styleProps), {
+    className: clsx(styleProps.className, styles["sapphire-avatar"], {
+      [styles["sapphire-avatar--large"]]: size === "large",
+      [styles["sapphire-avatar--small"]]: size === "small",
+      [styles["sapphire-avatar--extra-small"]]: size === "extraSmall"
+    }, color !== "passive" && styles[`sapphire-avatar--${color}`])
+  }), icon ? /* @__PURE__ */ React.createElement(Icon, {
+    size: size === "large" ? "l" : size === "medium" ? "m" : "s"
+  }, icon) : monogram);
+};
+
+export { Avatar };
+//# sourceMappingURL=Avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../../src/Avatar/src/Avatar.tsx"],"sourcesContent":["import {\n  Icon,\n  SapphireStyleProps,\n  useSapphireStyleProps,\n  useThemeCheck,\n} from '@danske/sapphire-react';\nimport React, { ReactNode } from 'react';\nimport styles from '@danske/sapphire-css/components/avatar/avatar.module.css';\nimport clsx from 'clsx';\n\nexport type SapphireAvatarProps = SapphireStyleProps & {\n  /**\n   * @default 'medium'\n   */\n  size?: 'large' | 'medium' | 'small' | 'extraSmall';\n\n  /**\n   * The background color of the avatar.\n   * Can either be semantic or one of the named decorative colors.\n   *\n   * @default 'informative'\n   */\n\n  color?:\n    | 'positive'\n    | 'negative'\n    | 'warning'\n    | 'informative'\n    | 'passive'\n    | 'aqua'\n    | 'copper'\n    | 'electro'\n    | 'indigo'\n    | 'lime'\n    | 'pink'\n    | 'violet'\n    | 'gold'\n    | 'beige'\n    | 'orchid'\n    | 'gray'\n    | 'cobalt'\n    | 'forestGreen'\n    | 'teal'\n    | 'orange';\n} & (\n    | {\n        monogram: ReactNode;\n        icon?: never;\n      }\n    | {\n        monogram?: never;\n        icon: ReactNode;\n      }\n  );\n\nexport const Avatar = ({\n  monogram,\n  icon,\n  color = 'informative',\n  size = 'medium',\n  ...props\n}: SapphireAvatarProps): React.ReactElement => {\n  useThemeCheck();\n  const { styleProps } = useSapphireStyleProps(props);\n\n  return (\n    <div\n      {...styleProps}\n      className={clsx(\n        styleProps.className,\n        styles['sapphire-avatar'],\n        {\n          [styles['sapphire-avatar--large']]: size === 'large',\n          [styles['sapphire-avatar--small']]: size === 'small',\n          [styles['sapphire-avatar--extra-small']]: size === 'extraSmall',\n        },\n        color !== 'passive' && styles[`sapphire-avatar--${color}`]\n      )}\n    >\n      {icon ? (\n        <Icon size={size === 'large' ? 'l' : size === 'medium' ? 'm' : 's'}>\n          {icon}\n        </Icon>\n      ) : (\n        monogram\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDa,MAAA,MAAA,GAAS,CAAC,EAMwB,KAAA;AANxB,EACrB,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAQ,GAAA,aAAA;AAAA,IACR,IAAO,GAAA,QAAA;AAAA,GAJc,GAAA,EAAA,EAKlB,kBALkB,EAKlB,EAAA;AAAA,IAJH,UAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,aAAA,EAAA,CAAA;AACA,EAAM,MAAA,EAAE,eAAe,qBAAsB,CAAA,KAAA,CAAA,CAAA;AAE7C,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAD,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACM,UADN,CAAA,EAAA;AAAA,IAEE,SAAW,EAAA,IAAA,CACT,UAAW,CAAA,SAAA,EACX,OAAO,iBACP,CAAA,EAAA;AAAA,MACG,CAAA,MAAA,CAAO,4BAA4B,IAAS,KAAA,OAAA;AAAA,MAC5C,CAAA,MAAA,CAAO,4BAA4B,IAAS,KAAA,OAAA;AAAA,MAC5C,CAAA,MAAA,CAAO,kCAAkC,IAAS,KAAA,YAAA;AAAA,KAErD,EAAA,KAAA,KAAU,SAAa,IAAA,MAAA,CAAO,CAAoB,iBAAA,EAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAGnD,CAAA,EAAA,IAAA,uCACE,IAAD,EAAA;AAAA,IAAM,MAAM,IAAS,KAAA,OAAA,GAAU,GAAM,GAAA,IAAA,KAAS,WAAW,GAAM,GAAA,GAAA;AAAA,GAAA,EAC5D,IAGH,CAAA,GAAA,QAAA,CAAA,CAAA;AAAA;;;;"}

package/build/esm/Calendar/i18n/da-DK.js

@@ -0,0 +1,9 @@
+var year = "År";
+var week = "Uge {weekNumber}";
+var da = {
+	year: year,
+	week: week
+};
+
+export { da as default, week, year };
+//# sourceMappingURL=da-DK.js.map

package/build/esm/Calendar/i18n/da-DK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"da-DK.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/Calendar/i18n/de-DE.js

@@ -0,0 +1,9 @@
+var year = "Jahr";
+var week = "Woche {weekNumber}";
+var de = {
+	year: year,
+	week: week
+};
+
+export { de as default, week, year };
+//# sourceMappingURL=de-DE.js.map

package/build/esm/Calendar/i18n/de-DE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"de-DE.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/Calendar/i18n/en-US.js

@@ -0,0 +1,9 @@
+var year = "Year";
+var week = "Week {weekNumber}";
+var en = {
+	year: year,
+	week: week
+};
+
+export { en as default, week, year };
+//# sourceMappingURL=en-US.js.map

package/build/esm/Calendar/i18n/en-US.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-US.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/Calendar/i18n/fi-FI.js

@@ -0,0 +1,9 @@
+var year = "Vuosi";
+var week = "Viikko {weekNumber}";
+var fi = {
+	year: year,
+	week: week
+};
+
+export { fi as default, week, year };
+//# sourceMappingURL=fi-FI.js.map

package/build/esm/Calendar/i18n/fi-FI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fi-FI.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/Calendar/i18n/index.js

@@ -0,0 +1,20 @@
+import da from './da-DK.js';
+import en from './en-US.js';
+import de from './de-DE.js';
+import fi from './fi-FI.js';
+import no from './nb-NO.js';
+import pl from './pl-PL.js';
+import se from './sv-SE.js';
+
+var intlMessages = {
+  "da-DK": da,
+  "en-US": en,
+  "de-DE": de,
+  "fi-FI": fi,
+  "no-NO": no,
+  "pl-PL": pl,
+  "sv-SE": se
+};
+
+export { intlMessages as default };
+//# sourceMappingURL=index.js.map

package/build/esm/Calendar/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/Calendar/i18n/index.ts"],"sourcesContent":["import da from './da-DK.json';\nimport en from './en-US.json';\nimport de from './de-DE.json';\nimport fi from './fi-FI.json';\nimport no from './nb-NO.json';\nimport pl from './pl-PL.json';\nimport se from './sv-SE.json';\n\nexport default {\n  'da-DK': da,\n  'en-US': en,\n  'de-DE': de,\n  'fi-FI': fi,\n  'no-NO': no,\n  'pl-PL': pl,\n  'sv-SE': se,\n};\n"],"names":[],"mappings":";;;;;;;;AAQA,mBAAe;AAAA,EACb,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,CAAA;;;;"}

package/build/esm/Calendar/i18n/nb-NO.js

@@ -0,0 +1,9 @@
+var year = "År";
+var week = "Uke {weekNumber}";
+var no = {
+	year: year,
+	week: week
+};
+
+export { no as default, week, year };
+//# sourceMappingURL=nb-NO.js.map

package/build/esm/Calendar/i18n/nb-NO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nb-NO.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/Calendar/i18n/pl-PL.js

@@ -0,0 +1,9 @@
+var year = "Rok";
+var week = "Tydzień {weekNumber}";
+var pl = {
+	year: year,
+	week: week
+};
+
+export { pl as default, week, year };
+//# sourceMappingURL=pl-PL.js.map

package/build/esm/Calendar/i18n/pl-PL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pl-PL.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/Calendar/i18n/sv-SE.js

@@ -0,0 +1,9 @@
+var year = "År";
+var week = "Vecka {weekNumber}";
+var se = {
+	year: year,
+	week: week
+};
+
+export { se as default, week, year };
+//# sourceMappingURL=sv-SE.js.map

package/build/esm/Calendar/i18n/sv-SE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sv-SE.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/Calendar/src/Calendar.js

@@ -0,0 +1,122 @@
+import React from 'react';
+import { createCalendar } from '@internationalized/date';
+import { useCalendar } from '@react-aria/calendar';
+import { mergeProps, filterDOMProps } from '@react-aria/utils';
+import { useThemeCheck, useSapphireStyleProps, Button } from '@danske/sapphire-react';
+import styles from '@danske/sapphire-css/components/calendar/calendar.module.css';
+import { CalendarDaysGrid } from './CalendarDaysGrid.js';
+import { useLocale, useMessageFormatter, useDateFormatter } from '@react-aria/i18n';
+import { CalendarMonthsGrid } from './CalendarMonthsGrid.js';
+import { CalendarYearsGrid } from './CalendarYearsGrid.js';
+import { useSapphireCalendarState } from './useSapphireCalendarState.js';
+import clsx from 'clsx';
+import { CalendarHeader } from './CalendarHeader.js';
+import { useCalendarAnimationState, CalendarPageAnimation } from './CalendarPageAnimation.js';
+import intlMessages from '../i18n/index.js';
+import { sentenceCase } 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 Calendar = (_a) => {
+  var _b = _a, {
+    showWeekNumbers
+  } = _b, props = __objRest(_b, [
+    "showWeekNumbers"
+  ]);
+  useThemeCheck();
+  const { locale } = useLocale();
+  const formatMessage = useMessageFormatter(intlMessages);
+  useThemeCheck();
+  const { styleProps } = useSapphireStyleProps(props);
+  const state = useCalendarAnimationState(useSapphireCalendarState(__spreadProps(__spreadValues({
+    selectionAlignment: "start"
+  }, props), {
+    locale,
+    createCalendar
+  })));
+  const monthDateFormatter = useDateFormatter({
+    month: "long",
+    year: "numeric",
+    era: state.visibleRange.start.calendar.identifier === "gregory" && state.visibleRange.start.era === "BC" ? "short" : void 0,
+    calendar: state.visibleRange.start.calendar.identifier,
+    timeZone: state.timeZone
+  });
+  const { calendarProps, prevButtonProps, nextButtonProps } = useCalendar(props, state);
+  const renderGrid = () => {
+    switch (state.view) {
+      case "years":
+        return /* @__PURE__ */ React.createElement(CalendarYearsGrid, {
+          state
+        });
+      case "months":
+        return /* @__PURE__ */ React.createElement(CalendarMonthsGrid, {
+          state
+        });
+      case "days":
+      default:
+        return /* @__PURE__ */ React.createElement(CalendarDaysGrid, {
+          state,
+          showWeekNumbers
+        });
+    }
+  };
+  const renderTitle = () => {
+    switch (state.view) {
+      case "days":
+        return sentenceCase(monthDateFormatter.format(state.visibleRange.start.toDate(state.timeZone)));
+      case "months":
+        return state.focusedDate.year;
+      case "years":
+        return sentenceCase(formatMessage("year"));
+    }
+  };
+  return /* @__PURE__ */ React.createElement("div", __spreadValues({
+    className: styles["sapphire-calendar"]
+  }, mergeProps(calendarProps, filterDOMProps(props))), /* @__PURE__ */ React.createElement("div", {
+    className: clsx(styles["sapphire-calendar__table-container"], styleProps.className),
+    style: styleProps.style
+  }, /* @__PURE__ */ React.createElement(CalendarHeader, {
+    prevButtonProps,
+    nextButtonProps
+  }, state.canBroadenView ? /* @__PURE__ */ React.createElement(Button, {
+    onPress: state.broadenView,
+    isDisabled: state.isDisabled,
+    variant: "tertiary",
+    appearance: "ghost",
+    size: "large"
+  }, renderTitle()) : renderTitle()), state.view === "days" ? /* @__PURE__ */ React.createElement(CalendarPageAnimation, {
+    state: state.animationState
+  }, renderGrid()) : renderGrid()));
+};
+
+export { Calendar };
+//# sourceMappingURL=Calendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sources":["../../../../src/Calendar/src/Calendar.tsx"],"sourcesContent":["import React from 'react';\nimport { createCalendar, DateValue } from '@internationalized/date';\nimport { AriaCalendarProps, useCalendar } from '@react-aria/calendar';\nimport { filterDOMProps, mergeProps } from '@react-aria/utils';\n\nimport {\n  SapphireStyleProps,\n  useSapphireStyleProps,\n  useThemeCheck,\n  Button,\n} from '@danske/sapphire-react';\nimport styles from '@danske/sapphire-css/components/calendar/calendar.module.css';\n\nimport { CalendarDaysGrid } from './CalendarDaysGrid';\nimport {\n  useDateFormatter,\n  useLocale,\n  useMessageFormatter,\n} from '@react-aria/i18n';\nimport { CalendarMonthsGrid } from './CalendarMonthsGrid';\nimport { CalendarYearsGrid } from './CalendarYearsGrid';\nimport {\n  SapphireCalendarStateOptions,\n  useSapphireCalendarState,\n} from './useSapphireCalendarState';\nimport clsx from 'clsx';\nimport { CalendarHeader } from './CalendarHeader';\nimport {\n  CalendarPageAnimation,\n  useCalendarAnimationState,\n} from './CalendarPageAnimation';\nimport intlMessages from '../i18n';\nimport { sentenceCase } from './utils';\n\nexport interface SapphireCalendarProps\n  extends SapphireStyleProps,\n    Omit<AriaCalendarProps<DateValue>, 'validationState' | 'errorMessage'>,\n    SapphireCalendarStateOptions {\n  /**\n   * Whether week numbers are visible as a first column\n   */\n  showWeekNumbers?: boolean;\n}\n\n/**\n * Displays a calendar and allows users to select a single date. It displays a grid of days in one\n * month, by default, and the user can navigate to previous and next months. It's also possible\n * to navigate to months and years view, to quickly jump to a date far away from the focused date.\n */\nexport const Calendar = ({\n  showWeekNumbers,\n  ...props\n}: Omit<SapphireCalendarProps, 'locale'>): JSX.Element => {\n  useThemeCheck();\n  const { locale } = useLocale();\n  const formatMessage = useMessageFormatter(intlMessages);\n\n  useThemeCheck();\n  const { styleProps } = useSapphireStyleProps(props);\n  const state = useCalendarAnimationState(\n    useSapphireCalendarState({\n      selectionAlignment: 'start',\n      ...props,\n      locale,\n      createCalendar,\n    })\n  );\n\n  const monthDateFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era:\n      state.visibleRange.start.calendar.identifier === 'gregory' &&\n      state.visibleRange.start.era === 'BC'\n        ? 'short'\n        : undefined,\n    calendar: state.visibleRange.start.calendar.identifier,\n    timeZone: state.timeZone,\n  });\n\n  const { calendarProps, prevButtonProps, nextButtonProps } = useCalendar(\n    props,\n    state\n  );\n\n  const renderGrid = () => {\n    switch (state.view) {\n      case 'years':\n        return <CalendarYearsGrid state={state} />;\n      case 'months':\n        return <CalendarMonthsGrid state={state} />;\n      case 'days':\n      default:\n        return (\n          <CalendarDaysGrid state={state} showWeekNumbers={showWeekNumbers} />\n        );\n    }\n  };\n\n  const renderTitle = () => {\n    switch (state.view) {\n      case 'days':\n        return sentenceCase(\n          monthDateFormatter.format(\n            state.visibleRange.start.toDate(state.timeZone)\n          )\n        );\n      case 'months':\n        return state.focusedDate.year;\n      case 'years':\n        return sentenceCase(formatMessage('year'));\n    }\n  };\n  return (\n    <div\n      className={styles['sapphire-calendar']}\n      {...mergeProps(calendarProps, filterDOMProps(props))}\n    >\n      <div\n        className={clsx(\n          styles['sapphire-calendar__table-container'],\n          styleProps.className\n        )}\n        style={styleProps.style}\n      >\n        <CalendarHeader\n          prevButtonProps={prevButtonProps}\n          nextButtonProps={nextButtonProps}\n        >\n          {state.canBroadenView ? (\n            <Button\n              onPress={state.broadenView}\n              isDisabled={state.isDisabled}\n              variant=\"tertiary\"\n              appearance=\"ghost\"\n              size=\"large\"\n            >\n              {renderTitle()}\n            </Button>\n          ) : (\n            renderTitle()\n          )}\n        </CalendarHeader>\n        {state.view === 'days' ? (\n          <CalendarPageAnimation state={state.animationState}>\n            {renderGrid()}\n          </CalendarPageAnimation>\n        ) : (\n          renderGrid()\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}