@ndla/primitives 1.0.127-alpha.0 → 1.0.129-alpha.0

package/dist/panda.buildinfo.json

@@ -1,5 +1,5 @@
 {
-  "schemaVersion": "1.7.0",
+  "schemaVersion": "1.10.0",
   "styles": {
     "atomic": [
       "display]___[value:flex",

package/dist/styles.css

@@ -114,9 +114,6 @@
         font-size: calc(var(--font-sizes-xxsmall) * 1.11);
         line-height: calc(var(--line-heights-xsmall) * 1.11);
 }
-}
-
-    @media print {
       .textStyle_label\.medium {
         font-size: var(--font-sizes-xsmall);
         line-height: var(--line-heights-xsmall);
@@ -126,9 +123,6 @@
         font-size: calc(var(--font-sizes-xsmall) * 1.11);
         line-height: calc(var(--line-heights-xsmall) * 1.11);
 }
-}
-
-    @media print {
       .textStyle_label\.large\! {
         font-size: var(--font-sizes-small) !important;
         line-height: var(--line-heights-small) !important;
@@ -138,9 +132,6 @@
         font-size: calc(var(--font-sizes-small) * 1.11) !important;
         line-height: calc(var(--line-heights-small) * 1.11) !important;
 }
-}
-
-    @media print {
       .textStyle_label\.xsmall {
         font-size: var(--font-sizes-xxsmall);
         line-height: var(--line-heights-xxsmall);
@@ -150,9 +141,6 @@
         font-size: calc(var(--font-sizes-xxsmall) * 1.11);
         line-height: calc(var(--line-heights-xxsmall) * 1.11);
 }
-}
-
-    @media print {
       .textStyle_body\.medium {
         font-size: var(--font-sizes-xsmall);
         line-height: var(--line-heights-xsmall);
@@ -162,9 +150,6 @@
         font-size: calc(var(--font-sizes-xsmall) * 1.11);
         line-height: calc(var(--line-heights-xsmall) * 1.11);
 }
-}
-
-    @media print {
       .textStyle_heading\.medium {
         font-size: var(--font-sizes-xxlarge);
         line-height: var(--line-heights-xxlarge);
@@ -174,9 +159,6 @@
         font-size: calc(var(--font-sizes-xxlarge) * 1.11);
         line-height: calc(var(--line-heights-xxlarge) * 1.11);
 }
-}
-
-    @media print {
       .\[\&_\>_\*\]\:textStyle_label\.large\! > * {
         font-size: var(--font-sizes-small) !important;
         line-height: var(--line-heights-small) !important;
@@ -1750,12 +1732,7 @@
     border-color: var(--colors-surface-action);
 }
 
-  .checked\:text-decoration_underline:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
-    text-decoration: underline;
-    text-decoration-thickness: max(0.0625em, 1px);
-}
-
-  .highlighted\:text-decoration_underline[data-highlighted] {
+  .checked\:text-decoration_underline:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]),.highlighted\:text-decoration_underline[data-highlighted] {
     text-decoration: underline;
     text-decoration-thickness: max(0.0625em, 1px);
 }
@@ -2253,11 +2230,7 @@
     border-radius: var(--radii-xsmall);
 }
 
-  .focusVisible\:ring_2px_solid:is(:focus-visible, [data-focus-visible]) {
-    outline: 2px solid;
-}
-
-  .\[\&\:has\(input\:focus-visible\)\]\:ring_2px_solid:has(input:focus-visible) {
+  .focusVisible\:ring_2px_solid:is(:focus-visible, [data-focus-visible]),.\[\&\:has\(input\:focus-visible\)\]\:ring_2px_solid:has(input:focus-visible) {
     outline: 2px solid;
 }
 
@@ -2539,11 +2512,7 @@
     background: var(--colors-surface-disabled-subtle);
 }
 
-  .disabled\:hover\:bg_surface\.disabled:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
-    background: var(--colors-surface-disabled);
-}
-
-  .disabled\:checked\:bg_surface\.disabled:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+  .disabled\:hover\:bg_surface\.disabled:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]),.disabled\:checked\:bg_surface\.disabled:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
     background: var(--colors-surface-disabled);
 }
 
@@ -2563,31 +2532,15 @@
     background: var(--colors-surface-default);
 }
 
-  .selected\:hover\:bg_surface\.hover:is([aria-selected=true], [data-selected]):is(:hover, [data-hover]) {
-    background: var(--colors-surface-hover);
-}
-
-  .selected\:highlighted\:bg_surface\.hover:is([aria-selected=true], [data-selected])[data-highlighted] {
-    background: var(--colors-surface-hover);
-}
-
-  .highlighted\:hover\:bg_surface\.hover[data-highlighted]:is(:hover, [data-hover]) {
+  .selected\:hover\:bg_surface\.hover:is([aria-selected=true], [data-selected]):is(:hover, [data-hover]),.selected\:highlighted\:bg_surface\.hover:is([aria-selected=true], [data-selected])[data-highlighted],.highlighted\:hover\:bg_surface\.hover[data-highlighted]:is(:hover, [data-hover]) {
     background: var(--colors-surface-hover);
 }
 
-  .disabled\:highlighted\:bg_surface\.disabled:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])[data-highlighted] {
+  .disabled\:highlighted\:bg_surface\.disabled:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])[data-highlighted],.disabled\:selected\:bg_surface\.disabled:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is([aria-selected=true], [data-selected]) {
     background: var(--colors-surface-disabled);
 }
 
-  .disabled\:selected\:bg_surface\.disabled:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is([aria-selected=true], [data-selected]) {
-    background: var(--colors-surface-disabled);
-}
-
-  .disabled\:hover\:bd-c_stroke\.disabled:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
-    border-color: var(--colors-stroke-disabled);
-}
-
-  .disabled\:checked\:bd-c_stroke\.disabled:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+  .disabled\:hover\:bd-c_stroke\.disabled:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]),.disabled\:checked\:bd-c_stroke\.disabled:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
     border-color: var(--colors-stroke-disabled);
 }
 
@@ -2659,11 +2612,7 @@
     list-style-type: square;
 }
 
-  .disabled\:\[\&_svg\]\:c_text\.onAction:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) svg {
-    color: var(--colors-text-on-action);
-}
-
-  .disabled\:hover\:c_text\.onAction:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
+  .disabled\:\[\&_svg\]\:c_text\.onAction:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) svg,.disabled\:hover\:c_text\.onAction:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
     color: var(--colors-text-on-action);
 }
 
@@ -2743,11 +2692,7 @@
     margin-block-end: calc(var(--spacing-xxsmall) * -1);
 }
 
-  .ariaInvalid\:hover\:bx-sh-c_stroke\.error:has([aria-invalid='true']):is(:hover, [data-hover]),.ariaInvalid\:hover\:bx-sh-c_stroke\.error[aria-invalid='true']:is(:hover, [data-hover]) {
-    --shadow-color: var(--colors-stroke-error);
-}
-
-  .ariaInvalid\:focusWithin\:bx-sh-c_stroke\.error:has([aria-invalid='true']):focus-within,.ariaInvalid\:focusWithin\:bx-sh-c_stroke\.error[aria-invalid='true']:focus-within {
+  .ariaInvalid\:hover\:bx-sh-c_stroke\.error:has([aria-invalid='true']):is(:hover, [data-hover]),.ariaInvalid\:hover\:bx-sh-c_stroke\.error[aria-invalid='true']:is(:hover, [data-hover]),.ariaInvalid\:focusWithin\:bx-sh-c_stroke\.error:has([aria-invalid='true']):focus-within,.ariaInvalid\:focusWithin\:bx-sh-c_stroke\.error[aria-invalid='true']:focus-within {
     --shadow-color: var(--colors-stroke-error);
 }
 
@@ -2763,11 +2708,7 @@
     color: var(--colors-icon-default);
 }
 
-  .disabled\:highlighted\:c_text\.disabled:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])[data-highlighted] {
-    color: var(--colors-text-disabled);
-}
-
-  .disabled\:selected\:c_text\.disabled:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is([aria-selected=true], [data-selected]) {
+  .disabled\:highlighted\:c_text\.disabled:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])[data-highlighted],.disabled\:selected\:c_text\.disabled:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is([aria-selected=true], [data-selected]) {
     color: var(--colors-text-disabled);
 }
 
@@ -2795,16 +2736,6 @@
     color: var(--colors-text-subtle);
 }
 
-  .peer:is(:focus-visible, [data-focus-visible]) ~ .peerFocusVisible\:horizontal\:bdr-t_xsmall[data-orientation=horizontal] {
-    border-top-left-radius: var(--radii-xsmall);
-    border-top-right-radius: var(--radii-xsmall);
-}
-
-  .peer:is(:focus-visible, [data-focus-visible]) ~ .peerFocusVisible\:vertical\:bdr-r_xsmall[data-orientation=vertical] {
-    border-top-right-radius: var(--radii-xsmall);
-    border-bottom-right-radius: var(--radii-xsmall);
-}
-
   .highlighted\:\[\&_svg\]\:c_stroke\.hover[data-highlighted] svg {
     color: var(--colors-stroke-hover);
 }
@@ -2817,6 +2748,16 @@
     --shadow-color: var(--colors-stroke-default);
 }
 
+  .peer:is(:focus-visible, [data-focus-visible]) ~ .peerFocusVisible\:horizontal\:bdr-t_xsmall[data-orientation=horizontal] {
+    border-top-left-radius: var(--radii-xsmall);
+    border-top-right-radius: var(--radii-xsmall);
+}
+
+  .peer:is(:focus-visible, [data-focus-visible]) ~ .peerFocusVisible\:vertical\:bdr-r_xsmall[data-orientation=vertical] {
+    border-top-right-radius: var(--radii-xsmall);
+    border-bottom-right-radius: var(--radii-xsmall);
+}
+
   .hover\:disabled\:border-style_solid:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     border-style: solid;
 }
@@ -2983,21 +2924,9 @@
     .motionReduce\:anim-dur_2s {
       animation-duration: 2s;
 }
-}
-
-  @media (prefers-reduced-motion: reduce) {
-    .open\:motionReduce\:anim_none:is([open], [data-open], [data-state="open"], :popover-open) {
-      animation: none;
-}
-}
-
-  @media (prefers-reduced-motion: reduce) {
-    .closed\:motionReduce\:anim_none:is([closed], [data-closed], [data-state="closed"]) {
+    .open\:motionReduce\:anim_none:is([open], [data-open], [data-state="open"], :popover-open),.closed\:motionReduce\:anim_none:is([closed], [data-closed], [data-state="closed"]) {
       animation: none;
 }
-}
-
-  @media (prefers-reduced-motion: reduce) {
     .\[\&_svg\]\:motionReduce\:trs_none svg,.highlighted\:motionReduce\:trs_none[data-highlighted] {
       transition: none;
 }
@@ -3005,28 +2934,16 @@
       --transition-duration: 0s;
       transition-duration: 0s;
 }
-}
-
-  @media (prefers-reduced-motion: reduce) {
     .hover\:motionReduce\:trs_none:is(:hover, [data-hover]) {
       transition: none;
 }
-}
-
-  @media (prefers-reduced-motion: reduce) {
     .hover\:motionReduce\:trf_translateX\(0\):is(:hover, [data-hover]) {
       transform: translateX(0);
 }
-}
-
-  @media (prefers-reduced-motion: reduce) {
     .hover\:motionReduce\:trs-dur_0s:is(:hover, [data-hover]) {
       --transition-duration: 0s;
       transition-duration: 0s;
 }
-}
-
-  @media (prefers-reduced-motion: reduce) {
     .checked\:hover\:motionReduce\:trf_translateX\(120\%\):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]) {
       transform: translateX(120%);
 }

package/es/Accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.mjs","names":[],"sources":["../src/Accordion.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { Accordion, accordionAnatomy } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { RecipeVariantProps, StyledProps } from \"@ndla/styled-system/types\";\nimport type { RefAttributes } from \"react\";\n\nconst accordionRecipe = sva({\n  slots: accordionAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"3xsmall\",\n    },\n    itemTrigger: {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n      background: \"surface.default\",\n      cursor: \"pointer\",\n      transitionDuration: \"fast\",\n      transitionTimingFunction: \"default\",\n      transitionProperty: \"background, border-color, border, border-radius\",\n      _closed: {\n        transitionProperty: \"background, border-color, border, border-radius\",\n      },\n      _disabled: {\n        cursor: \"not-allowed\",\n        background: \"surface.disabled.subtle\",\n        boxShadowColor: \"stroke.disabled\",\n        color: \"text.disabled\",\n        _hover: {\n          background: \"surface.disabled.subtle\",\n          boxShadowColor: \"stroke.disabled\",\n          color: \"text.disabled\",\n        },\n      },\n    },\n    itemIndicator: {\n      color: \"icon.strong\",\n      transformOrigin: \"center\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"transform\",\n      transitionTimingFunction: \"default\",\n      _open: {\n        transform: \"rotate(180deg)\",\n      },\n      _motionReduce: {\n        transition: \"none\",\n        transitionDuration: \"0s\",\n      },\n    },\n    itemContent: {\n      overflow: \"hidden\",\n      // TODO: Is this needed?\n      transitionProperty: \"padding-bottom\",\n      transitionDuration: \"normal\",\n      transitionTimingFunction: \"default\",\n      paddingBlock: \"xsmall\",\n      paddingInline: \"small\",\n      _open: {\n        animation: \"collapse-in\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n      _closed: {\n        animation: \"collapse-out\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n    },\n    item: {\n      width: \"100%\",\n    },\n  },\n  defaultVariants: {\n    variant: \"bordered\",\n  },\n  variants: {\n    variant: {\n      clean: {},\n      bordered: {\n        itemTrigger: {\n          paddingInline: \"medium\",\n          paddingBlock: \"medium\",\n          width: \"100%\",\n          borderRadius: \"xsmall\",\n          boxShadowColor: \"stroke.subtle\",\n          boxShadow: \"inset 0 0 0 1px var(--shadow-color)\",\n          _hover: {\n            background: \"surface.actionSubtle.hover\",\n            boxShadowColor: \"stroke.hover\",\n          },\n          _open: {\n            background: \"surface.actionSubtle.active\",\n            boxShadowColor: \"stroke.default\",\n            borderBottomRadius: \"sharp\",\n          },\n          _focusVisible: {\n            outline: \"none\",\n            boxShadowColor: \"stroke.default\",\n            boxShadow: \"inset 0 0 0 3px var(--shadow-color)\",\n          },\n        },\n        itemContent: {\n          borderBottomRadius: \"xsmall\",\n          borderWidth: \"0 1px 1px\",\n          borderStyle: \"solid\",\n          borderColor: \"stroke.default\",\n        },\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(accordionRecipe);\n\nexport type AccordionVariantProps = NonNullable<RecipeVariantProps<typeof accordionRecipe>>;\n\nexport interface AccordionRootProps\n  extends StyledProps, Accordion.RootProps, RefAttributes<HTMLDivElement>, AccordionVariantProps {}\n\nexport const InternalAccordionRoot = withProvider(Accordion.Root, \"root\", { baseComponent: true });\n\nexport const AccordionRoot = ({ lazyMount = true, unmountOnExit = true, ...props }: AccordionRootProps) => (\n  <InternalAccordionRoot lazyMount={lazyMount} unmountOnExit={unmountOnExit} {...props} />\n);\n\nexport const AccordionItemContent = withContext(Accordion.ItemContent, \"itemContent\", { baseComponent: true });\n\nexport const AccordionItemIndicator = withContext(Accordion.ItemIndicator, \"itemIndicator\", { baseComponent: true });\n\nexport interface AccordionItemProps extends StyledProps, Accordion.ItemProps {}\n\nexport const AccordionItem = withContext(Accordion.Item, \"item\", { baseComponent: true });\n\nexport const AccordionItemTrigger = withContext(Accordion.ItemTrigger, \"itemTrigger\", { baseComponent: true });\n"],"mappings":";;;;;;;;;;;;AA6HA,MAAM,EAAE,cAAc,gBAAgB,mBA/Gd,IAAI;CAC1B,OAAO,iBAAiB,MAAM;CAC9B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACN;EACD,aAAa;GACX,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,YAAY;GACZ,QAAQ;GACR,oBAAoB;GACpB,0BAA0B;GAC1B,oBAAoB;GACpB,SAAS,EACP,oBAAoB,mDACrB;GACD,WAAW;IACT,QAAQ;IACR,YAAY;IACZ,gBAAgB;IAChB,OAAO;IACP,QAAQ;KACN,YAAY;KACZ,gBAAgB;KAChB,OAAO;KACR;IACF;GACF;EACD,eAAe;GACb,OAAO;GACP,iBAAiB;GACjB,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,OAAO,EACL,WAAW,kBACZ;GACD,eAAe;IACb,YAAY;IACZ,oBAAoB;IACrB;GACF;EACD,aAAa;GACX,UAAU;GAEV,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,cAAc;GACd,eAAe;GACf,OAAO;IACL,WAAW;IACX,eAAe,EACb,WAAW,QACZ;IACF;GACD,SAAS;IACP,WAAW;IACX,eAAe,EACb,WAAW,QACZ;IACF;GACF;EACD,MAAM,EACJ,OAAO,QACR;EACF;CACD,iBAAiB,EACf,SAAS,YACV;CACD,UAAU,EACR,SAAS;EACP,OAAO,EAAE;EACT,UAAU;GACR,aAAa;IACX,eAAe;IACf,cAAc;IACd,OAAO;IACP,cAAc;IACd,gBAAgB;IAChB,WAAW;IACX,QAAQ;KACN,YAAY;KACZ,gBAAgB;KACjB;IACD,OAAO;KACL,YAAY;KACZ,gBAAgB;KAChB,oBAAoB;KACrB;IACD,eAAe;KACb,SAAS;KACT,gBAAgB;KAChB,WAAW;KACZ;IACF;GACD,aAAa;IACX,oBAAoB;IACpB,aAAa;IACb,aAAa;IACb,aAAa;IACd;GACF;EACF,EACF;CACF,CAAC,CAEuE;AAOzE,MAAa,wBAAwB,aAAa,UAAU,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAElG,MAAa,iBAAiB,EAAE,YAAY,MAAM,gBAAgB,MAAM,GAAG,YACzE,oBAAC,uBAAD;CAAkC;CAA0B;CAAe,GAAI;CAAS,CAAA;AAG1F,MAAa,uBAAuB,YAAY,UAAU,aAAa,eAAe,EAAE,eAAe,MAAM,CAAC;AAE9G,MAAa,yBAAyB,YAAY,UAAU,eAAe,iBAAiB,EAAE,eAAe,MAAM,CAAC;AAIpH,MAAa,gBAAgB,YAAY,UAAU,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAEzF,MAAa,uBAAuB,YAAY,UAAU,aAAa,eAAe,EAAE,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Accordion.mjs","names":[],"sources":["../src/Accordion.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { Accordion, accordionAnatomy } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { RecipeVariantProps, StyledProps } from \"@ndla/styled-system/types\";\nimport type { RefAttributes } from \"react\";\n\nconst accordionRecipe = sva({\n  slots: accordionAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"3xsmall\",\n    },\n    itemTrigger: {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n      background: \"surface.default\",\n      cursor: \"pointer\",\n      transitionDuration: \"fast\",\n      transitionTimingFunction: \"default\",\n      transitionProperty: \"background, border-color, border, border-radius\",\n      _closed: {\n        transitionProperty: \"background, border-color, border, border-radius\",\n      },\n      _disabled: {\n        cursor: \"not-allowed\",\n        background: \"surface.disabled.subtle\",\n        boxShadowColor: \"stroke.disabled\",\n        color: \"text.disabled\",\n        _hover: {\n          background: \"surface.disabled.subtle\",\n          boxShadowColor: \"stroke.disabled\",\n          color: \"text.disabled\",\n        },\n      },\n    },\n    itemIndicator: {\n      color: \"icon.strong\",\n      transformOrigin: \"center\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"transform\",\n      transitionTimingFunction: \"default\",\n      _open: {\n        transform: \"rotate(180deg)\",\n      },\n      _motionReduce: {\n        transition: \"none\",\n        transitionDuration: \"0s\",\n      },\n    },\n    itemContent: {\n      overflow: \"hidden\",\n      // TODO: Is this needed?\n      transitionProperty: \"padding-bottom\",\n      transitionDuration: \"normal\",\n      transitionTimingFunction: \"default\",\n      paddingBlock: \"xsmall\",\n      paddingInline: \"small\",\n      _open: {\n        animation: \"collapse-in\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n      _closed: {\n        animation: \"collapse-out\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n    },\n    item: {\n      width: \"100%\",\n    },\n  },\n  defaultVariants: {\n    variant: \"bordered\",\n  },\n  variants: {\n    variant: {\n      clean: {},\n      bordered: {\n        itemTrigger: {\n          paddingInline: \"medium\",\n          paddingBlock: \"medium\",\n          width: \"100%\",\n          borderRadius: \"xsmall\",\n          boxShadowColor: \"stroke.subtle\",\n          boxShadow: \"inset 0 0 0 1px var(--shadow-color)\",\n          _hover: {\n            background: \"surface.actionSubtle.hover\",\n            boxShadowColor: \"stroke.hover\",\n          },\n          _open: {\n            background: \"surface.actionSubtle.active\",\n            boxShadowColor: \"stroke.default\",\n            borderBottomRadius: \"sharp\",\n          },\n          _focusVisible: {\n            outline: \"none\",\n            boxShadowColor: \"stroke.default\",\n            boxShadow: \"inset 0 0 0 3px var(--shadow-color)\",\n          },\n        },\n        itemContent: {\n          borderBottomRadius: \"xsmall\",\n          borderWidth: \"0 1px 1px\",\n          borderStyle: \"solid\",\n          borderColor: \"stroke.default\",\n        },\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(accordionRecipe);\n\nexport type AccordionVariantProps = NonNullable<RecipeVariantProps<typeof accordionRecipe>>;\n\nexport interface AccordionRootProps\n  extends StyledProps, Accordion.RootProps, RefAttributes<HTMLDivElement>, AccordionVariantProps {}\n\nexport const InternalAccordionRoot = withProvider(Accordion.Root, \"root\", { baseComponent: true });\n\nexport const AccordionRoot = ({ lazyMount = true, unmountOnExit = true, ...props }: AccordionRootProps) => (\n  <InternalAccordionRoot lazyMount={lazyMount} unmountOnExit={unmountOnExit} {...props} />\n);\n\nexport const AccordionItemContent = withContext(Accordion.ItemContent, \"itemContent\", { baseComponent: true });\n\nexport const AccordionItemIndicator = withContext(Accordion.ItemIndicator, \"itemIndicator\", { baseComponent: true });\n\nexport interface AccordionItemProps extends StyledProps, Accordion.ItemProps {}\n\nexport const AccordionItem = withContext(Accordion.Item, \"item\", { baseComponent: true });\n\nexport const AccordionItemTrigger = withContext(Accordion.ItemTrigger, \"itemTrigger\", { baseComponent: true });\n"],"mappings":";;;;;;;;;;;;AA6HA,MAAM,EAAE,cAAc,gBAAgB,mBA/Gd,IAAI;CAC1B,OAAO,iBAAiB,MAAM;CAC9B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACN;EACD,aAAa;GACX,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,YAAY;GACZ,QAAQ;GACR,oBAAoB;GACpB,0BAA0B;GAC1B,oBAAoB;GACpB,SAAS,EACP,oBAAoB,mDACrB;GACD,WAAW;IACT,QAAQ;IACR,YAAY;IACZ,gBAAgB;IAChB,OAAO;IACP,QAAQ;KACN,YAAY;KACZ,gBAAgB;KAChB,OAAO;KACR;IACF;GACF;EACD,eAAe;GACb,OAAO;GACP,iBAAiB;GACjB,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,OAAO,EACL,WAAW,kBACZ;GACD,eAAe;IACb,YAAY;IACZ,oBAAoB;IACrB;GACF;EACD,aAAa;GACX,UAAU;GAEV,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,cAAc;GACd,eAAe;GACf,OAAO;IACL,WAAW;IACX,eAAe,EACb,WAAW,QACZ;IACF;GACD,SAAS;IACP,WAAW;IACX,eAAe,EACb,WAAW,QACZ;IACF;GACF;EACD,MAAM,EACJ,OAAO,QACR;EACF;CACD,iBAAiB,EACf,SAAS,YACV;CACD,UAAU,EACR,SAAS;EACP,OAAO,EAAE;EACT,UAAU;GACR,aAAa;IACX,eAAe;IACf,cAAc;IACd,OAAO;IACP,cAAc;IACd,gBAAgB;IAChB,WAAW;IACX,QAAQ;KACN,YAAY;KACZ,gBAAgB;KACjB;IACD,OAAO;KACL,YAAY;KACZ,gBAAgB;KAChB,oBAAoB;KACrB;IACD,eAAe;KACb,SAAS;KACT,gBAAgB;KAChB,WAAW;KACZ;IACF;GACD,aAAa;IACX,oBAAoB;IACpB,aAAa;IACb,aAAa;IACb,aAAa;IACd;GACF;EACF,EACF;CACF,CAEuE,CAAC;AAOzE,MAAa,wBAAwB,aAAa,UAAU,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAElG,MAAa,iBAAiB,EAAE,YAAY,MAAM,gBAAgB,MAAM,GAAG,YACzE,oBAAC,uBAAD;CAAkC;CAA0B;CAAe,GAAI;CAAS,CAAA;AAG1F,MAAa,uBAAuB,YAAY,UAAU,aAAa,eAAe,EAAE,eAAe,MAAM,CAAC;AAE9G,MAAa,yBAAyB,YAAY,UAAU,eAAe,iBAAiB,EAAE,eAAe,MAAM,CAAC;AAIpH,MAAa,gBAAgB,YAAY,UAAU,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAEzF,MAAa,uBAAuB,YAAY,UAAU,aAAa,eAAe,EAAE,eAAe,MAAM,CAAC"}

package/es/ArticleLists.mjs

@@ -26,6 +26,13 @@ const orderedListRecipe = cva({
 	defaultVariants: { variant: "numbers" },
 	variants: { variant: {
 		numbers: {
+			/** We utilize a CSS variable for the counter name to correctly reset counters when nested inside a letter list.
+			* This way, the nested number list won't pick up on any other counters named "numbers" higher up in the DOM tree.
+			* This fixes the following scenario
+			* ol (numbers) -> 1.
+			*  ol(letters) -> A.
+			*    ol (numbers) -> 1. (Without the CSS variable, this would be 1.1)
+			*/
 			counterReset: "var(--counter-name) var(--start, 0)",
 			"& > li": {
 				counterIncrement: "var(--counter-name)",

package/es/ArticleLists.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleLists.mjs","names":[],"sources":["../src/ArticleLists.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { type HTMLArkProps, ark } from \"@ark-ui/react\";\nimport { css, cva } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { HTMLStyledProps, RecipeVariantProps, StyledProps } from \"@ndla/styled-system/types\";\nimport { createContext, type CSSProperties, forwardRef, useContext, useId, useMemo } from \"react\";\n\nconst orderedListRecipe = cva({\n  base: {\n    paddingInlineStart: \"large\",\n    \"& > li\": {\n      marginBlock: \"small\",\n      _before: {\n        position: \"absolute\",\n        transform: \"translateX(calc(-100% - token(spacing.small)))\",\n        fontVariantNumeric: \"tabular-nums\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"numbers\",\n  },\n  variants: {\n    variant: {\n      numbers: {\n        /** We utilize a CSS variable for the counter name to correctly reset counters when nested inside a letter list.\n         * This way, the nested number list won't pick up on any other counters named \"numbers\" higher up in the DOM tree.\n         * This fixes the following scenario\n         * ol (numbers) -> 1.\n         *  ol(letters) -> A.\n         *    ol (numbers) -> 1. (Without the CSS variable, this would be 1.1)\n         */\n        counterReset: \"var(--counter-name) var(--start, 0)\",\n        \"& > li\": {\n          counterIncrement: \"var(--counter-name)\",\n          _before: {\n            content: `counters(var(--counter-name), \".\") \". \"`,\n          },\n          // If a nested OL is not a letters variant, it's a numbers variant. Keep increasing the margin to account for wider numbers.\n          \"& > ol:not([data-variant='letters']) > li\": {\n            paddingInlineStart: \"small\",\n            \"& > ol:not([data-variant='letters']) > li\": {\n              paddingInlineStart: \"large\",\n              \"& > ol:not([data-variant='letters']) > li\": {\n                paddingInlineStart: \"xxlarge\",\n              },\n            },\n          },\n        },\n      },\n      letters: {\n        counterReset: \"letters var(--start, 0)\",\n        \"& > li\": {\n          counterIncrement: \"letters\",\n          _before: {\n            content: `counter(letters, upper-alpha) \". \"`,\n          },\n          \"& > ol[data-variant='letters'] > li\": {\n            _before: {\n              content: `counter(letters, lower-alpha) \". \"`,\n            },\n            \"& > ol[data-variant='letters'] > li\": {\n              _before: {\n                content: `counter(letters, lower-roman) \". \"`,\n              },\n            },\n          },\n        },\n      },\n    },\n  },\n});\n\nexport type OrderedListVariantProps = NonNullable<RecipeVariantProps<typeof orderedListRecipe>>;\n\nexport interface OrderedListProps extends StyledProps, HTMLArkProps<\"ol\">, OrderedListVariantProps {}\n\nconst StyledOrderedList = styled(ark.ol, {}, { baseComponent: true });\n\nconst ListContext = createContext<\"numbers\" | \"letters\" | undefined>(undefined);\n\nconst useCurrentListContext = () => {\n  const ctx = useContext(ListContext);\n  return ctx;\n};\n\nexport const OrderedList = forwardRef<HTMLOListElement, OrderedListProps>(\n  ({ variant = \"numbers\", css: cssProp, start, ...props }, ref) => {\n    const counterId = useId();\n    const currentContext = useCurrentListContext();\n\n    const style = useMemo(() => {\n      const css: Record<string, any> = { \"--start\": start ? start - 1 : 0 };\n      if (variant !== currentContext) {\n        css[\"--counter-name\"] = counterId;\n      }\n      return css as CSSProperties;\n    }, [start, variant, currentContext, counterId]);\n\n    return (\n      <ListContext.Provider value={variant ?? \"numbers\"}>\n        <StyledOrderedList\n          data-embed-type=\"ordered-list\"\n          data-variant={variant}\n          start={start}\n          type={variant === \"letters\" ? \"A\" : undefined}\n          css={css.raw(orderedListRecipe.raw({ variant }), cssProp)}\n          style={style}\n          ref={ref}\n          {...props}\n        />\n      </ListContext.Provider>\n    );\n  },\n);\n\nexport interface UnOrderedListProps extends StyledProps, HTMLArkProps<\"ul\"> {}\n\nexport const StyledUnOrderedList = styled(\"ul\", {\n  base: {\n    listStyle: \"revert\",\n    marginInlineStart: \"medium\",\n    paddingInlineStart: \"small\",\n    \"& ul\": {\n      marginInlineStart: \"0\",\n    },\n    \"& li\": {\n      marginBlock: \"small\",\n      paddingInlineStart: \"small\",\n      _marker: {\n        color: \"icon.strong\",\n      },\n\n      \"& > ol\": {\n        marginInlineStart: \"0 !important\",\n      },\n    },\n\n    listStyleType: \"disc\",\n    \"& > li > ul\": {\n      listStyleType: \"circle\",\n      \"& > li > ul\": {\n        listStyleType: \"square\",\n      },\n    },\n  },\n});\n\nexport const UnOrderedList = forwardRef<HTMLUListElement, UnOrderedListProps>((props, ref) => {\n  const counterId = useId();\n\n  const style = useMemo(\n    () =>\n      ({\n        \"--counter-name\": counterId,\n      }) as CSSProperties,\n    [counterId],\n  );\n\n  return <StyledUnOrderedList ref={ref} style={style} {...props} />;\n});\n\nexport const DefinitionList = styled(\"dl\", {\n  base: {\n    \"& dt\": {\n      fontWeight: \"bold\",\n    },\n    \"& dd\": {\n      marginInlineStart: \"medium\",\n    },\n  },\n});\n\nexport type DefinitionListProps = HTMLStyledProps<\"dl\">;\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,oBAAoB,IAAI;CAC5B,MAAM;EACJ,oBAAoB;EACpB,UAAU;GACR,aAAa;GACb,SAAS;IACP,UAAU;IACV,WAAW;IACX,oBAAoB;IACrB;GACF;EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACD,UAAU,EACR,SAAS;EACP,SAAS;GAQP,cAAc;GACd,UAAU;IACR,kBAAkB;IAClB,SAAS,EACP,SAAS,2CACV;IAED,6CAA6C;KAC3C,oBAAoB;KACpB,6CAA6C;MAC3C,oBAAoB;MACpB,6CAA6C,EAC3C,oBAAoB,WACrB;MACF;KACF;IACF;GACF;EACD,SAAS;GACP,cAAc;GACd,UAAU;IACR,kBAAkB;IAClB,SAAS,EACP,SAAS,sCACV;IACD,uCAAuC;KACrC,SAAS,EACP,SAAS,sCACV;KACD,uCAAuC,EACrC,SAAS,EACP,SAAS,sCACV,EACF;KACF;IACF;GACF;EACF,EACF;CACF,CAAC;AAMF,MAAM,oBAAoB,OAAO,IAAI,IAAI,EAAE,EAAE,EAAE,eAAe,MAAM,CAAC;AAErE,MAAM,cAAc,cAAiD,KAAA,EAAU;AAE/E,MAAM,8BAA8B;AAElC,QADY,WAAW,YAAY;;AAIrC,MAAa,cAAc,YACxB,EAAE,UAAU,WAAW,KAAK,SAAS,OAAO,GAAG,SAAS,QAAQ;CAC/D,MAAM,YAAY,OAAO;CACzB,MAAM,iBAAiB,uBAAuB;CAE9C,MAAM,QAAQ,cAAc;EAC1B,MAAM,MAA2B,EAAE,WAAW,QAAQ,QAAQ,IAAI,GAAG;AACrE,MAAI,YAAY,eACd,KAAI,oBAAoB;AAE1B,SAAO;IACN;EAAC;EAAO;EAAS;EAAgB;EAAU,CAAC;AAE/C,QACE,oBAAC,YAAY,UAAb;EAAsB,OAAO,WAAW;YACtC,oBAAC,mBAAD;GACE,mBAAgB;GAChB,gBAAc;GACP;GACP,MAAM,YAAY,YAAY,MAAM,KAAA;GACpC,KAAK,IAAI,IAAI,kBAAkB,IAAI,EAAE,SAAS,CAAC,EAAE,QAAQ;GAClD;GACF;GACL,GAAI;GACJ,CAAA;EACmB,CAAA;EAG5B;AAID,MAAa,sBAAsB,OAAO,MAAM,EAC9C,MAAM;CACJ,WAAW;CACX,mBAAmB;CACnB,oBAAoB;CACpB,QAAQ,EACN,mBAAmB,KACpB;CACD,QAAQ;EACN,aAAa;EACb,oBAAoB;EACpB,SAAS,EACP,OAAO,eACR;EAED,UAAU,EACR,mBAAmB,gBACpB;EACF;CAED,eAAe;CACf,eAAe;EACb,eAAe;EACf,eAAe,EACb,eAAe,UAChB;EACF;CACF,EACF,CAAC;AAEF,MAAa,gBAAgB,YAAkD,OAAO,QAAQ;CAC5F,MAAM,YAAY,OAAO;AAUzB,QAAO,oBAAC,qBAAD;EAA0B;EAAK,OARxB,eAET,EACC,kBAAkB,WACnB,GACH,CAAC,UAAU,CACZ;EAEmD,GAAI;EAAS,CAAA;EACjE;AAEF,MAAa,iBAAiB,OAAO,MAAM,EACzC,MAAM;CACJ,QAAQ,EACN,YAAY,QACb;CACD,QAAQ,EACN,mBAAmB,UACpB;CACF,EACF,CAAC"}
+{"version":3,"file":"ArticleLists.mjs","names":[],"sources":["../src/ArticleLists.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { type HTMLArkProps, ark } from \"@ark-ui/react\";\nimport { css, cva } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { HTMLStyledProps, RecipeVariantProps, StyledProps } from \"@ndla/styled-system/types\";\nimport { createContext, type CSSProperties, forwardRef, useContext, useId, useMemo } from \"react\";\n\nconst orderedListRecipe = cva({\n  base: {\n    paddingInlineStart: \"large\",\n    \"& > li\": {\n      marginBlock: \"small\",\n      _before: {\n        position: \"absolute\",\n        transform: \"translateX(calc(-100% - token(spacing.small)))\",\n        fontVariantNumeric: \"tabular-nums\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"numbers\",\n  },\n  variants: {\n    variant: {\n      numbers: {\n        /** We utilize a CSS variable for the counter name to correctly reset counters when nested inside a letter list.\n         * This way, the nested number list won't pick up on any other counters named \"numbers\" higher up in the DOM tree.\n         * This fixes the following scenario\n         * ol (numbers) -> 1.\n         *  ol(letters) -> A.\n         *    ol (numbers) -> 1. (Without the CSS variable, this would be 1.1)\n         */\n        counterReset: \"var(--counter-name) var(--start, 0)\",\n        \"& > li\": {\n          counterIncrement: \"var(--counter-name)\",\n          _before: {\n            content: `counters(var(--counter-name), \".\") \". \"`,\n          },\n          // If a nested OL is not a letters variant, it's a numbers variant. Keep increasing the margin to account for wider numbers.\n          \"& > ol:not([data-variant='letters']) > li\": {\n            paddingInlineStart: \"small\",\n            \"& > ol:not([data-variant='letters']) > li\": {\n              paddingInlineStart: \"large\",\n              \"& > ol:not([data-variant='letters']) > li\": {\n                paddingInlineStart: \"xxlarge\",\n              },\n            },\n          },\n        },\n      },\n      letters: {\n        counterReset: \"letters var(--start, 0)\",\n        \"& > li\": {\n          counterIncrement: \"letters\",\n          _before: {\n            content: `counter(letters, upper-alpha) \". \"`,\n          },\n          \"& > ol[data-variant='letters'] > li\": {\n            _before: {\n              content: `counter(letters, lower-alpha) \". \"`,\n            },\n            \"& > ol[data-variant='letters'] > li\": {\n              _before: {\n                content: `counter(letters, lower-roman) \". \"`,\n              },\n            },\n          },\n        },\n      },\n    },\n  },\n});\n\nexport type OrderedListVariantProps = NonNullable<RecipeVariantProps<typeof orderedListRecipe>>;\n\nexport interface OrderedListProps extends StyledProps, HTMLArkProps<\"ol\">, OrderedListVariantProps {}\n\nconst StyledOrderedList = styled(ark.ol, {}, { baseComponent: true });\n\nconst ListContext = createContext<\"numbers\" | \"letters\" | undefined>(undefined);\n\nconst useCurrentListContext = () => {\n  const ctx = useContext(ListContext);\n  return ctx;\n};\n\nexport const OrderedList = forwardRef<HTMLOListElement, OrderedListProps>(\n  ({ variant = \"numbers\", css: cssProp, start, ...props }, ref) => {\n    const counterId = useId();\n    const currentContext = useCurrentListContext();\n\n    const style = useMemo(() => {\n      const css: Record<string, any> = { \"--start\": start ? start - 1 : 0 };\n      if (variant !== currentContext) {\n        css[\"--counter-name\"] = counterId;\n      }\n      return css as CSSProperties;\n    }, [start, variant, currentContext, counterId]);\n\n    return (\n      <ListContext.Provider value={variant ?? \"numbers\"}>\n        <StyledOrderedList\n          data-embed-type=\"ordered-list\"\n          data-variant={variant}\n          start={start}\n          type={variant === \"letters\" ? \"A\" : undefined}\n          css={css.raw(orderedListRecipe.raw({ variant }), cssProp)}\n          style={style}\n          ref={ref}\n          {...props}\n        />\n      </ListContext.Provider>\n    );\n  },\n);\n\nexport interface UnOrderedListProps extends StyledProps, HTMLArkProps<\"ul\"> {}\n\nexport const StyledUnOrderedList = styled(\"ul\", {\n  base: {\n    listStyle: \"revert\",\n    marginInlineStart: \"medium\",\n    paddingInlineStart: \"small\",\n    \"& ul\": {\n      marginInlineStart: \"0\",\n    },\n    \"& li\": {\n      marginBlock: \"small\",\n      paddingInlineStart: \"small\",\n      _marker: {\n        color: \"icon.strong\",\n      },\n\n      \"& > ol\": {\n        marginInlineStart: \"0 !important\",\n      },\n    },\n\n    listStyleType: \"disc\",\n    \"& > li > ul\": {\n      listStyleType: \"circle\",\n      \"& > li > ul\": {\n        listStyleType: \"square\",\n      },\n    },\n  },\n});\n\nexport const UnOrderedList = forwardRef<HTMLUListElement, UnOrderedListProps>((props, ref) => {\n  const counterId = useId();\n\n  const style = useMemo(\n    () =>\n      ({\n        \"--counter-name\": counterId,\n      }) as CSSProperties,\n    [counterId],\n  );\n\n  return <StyledUnOrderedList ref={ref} style={style} {...props} />;\n});\n\nexport const DefinitionList = styled(\"dl\", {\n  base: {\n    \"& dt\": {\n      fontWeight: \"bold\",\n    },\n    \"& dd\": {\n      marginInlineStart: \"medium\",\n    },\n  },\n});\n\nexport type DefinitionListProps = HTMLStyledProps<\"dl\">;\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,oBAAoB,IAAI;CAC5B,MAAM;EACJ,oBAAoB;EACpB,UAAU;GACR,aAAa;GACb,SAAS;IACP,UAAU;IACV,WAAW;IACX,oBAAoB;IACrB;GACF;EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACD,UAAU,EACR,SAAS;EACP,SAAS;;;;;;;;GAQP,cAAc;GACd,UAAU;IACR,kBAAkB;IAClB,SAAS,EACP,SAAS,2CACV;IAED,6CAA6C;KAC3C,oBAAoB;KACpB,6CAA6C;MAC3C,oBAAoB;MACpB,6CAA6C,EAC3C,oBAAoB,WACrB;MACF;KACF;IACF;GACF;EACD,SAAS;GACP,cAAc;GACd,UAAU;IACR,kBAAkB;IAClB,SAAS,EACP,SAAS,sCACV;IACD,uCAAuC;KACrC,SAAS,EACP,SAAS,sCACV;KACD,uCAAuC,EACrC,SAAS,EACP,SAAS,sCACV,EACF;KACF;IACF;GACF;EACF,EACF;CACF,CAAC;AAMF,MAAM,oBAAoB,OAAO,IAAI,IAAI,EAAE,EAAE,EAAE,eAAe,MAAM,CAAC;AAErE,MAAM,cAAc,cAAiD,KAAA,EAAU;AAE/E,MAAM,8BAA8B;AAElC,QADY,WAAW,YACb;;AAGZ,MAAa,cAAc,YACxB,EAAE,UAAU,WAAW,KAAK,SAAS,OAAO,GAAG,SAAS,QAAQ;CAC/D,MAAM,YAAY,OAAO;CACzB,MAAM,iBAAiB,uBAAuB;CAE9C,MAAM,QAAQ,cAAc;EAC1B,MAAM,MAA2B,EAAE,WAAW,QAAQ,QAAQ,IAAI,GAAG;AACrE,MAAI,YAAY,eACd,KAAI,oBAAoB;AAE1B,SAAO;IACN;EAAC;EAAO;EAAS;EAAgB;EAAU,CAAC;AAE/C,QACE,oBAAC,YAAY,UAAb;EAAsB,OAAO,WAAW;YACtC,oBAAC,mBAAD;GACE,mBAAgB;GAChB,gBAAc;GACP;GACP,MAAM,YAAY,YAAY,MAAM,KAAA;GACpC,KAAK,IAAI,IAAI,kBAAkB,IAAI,EAAE,SAAS,CAAC,EAAE,QAAQ;GAClD;GACF;GACL,GAAI;GACJ,CAAA;EACmB,CAAA;EAG5B;AAID,MAAa,sBAAsB,OAAO,MAAM,EAC9C,MAAM;CACJ,WAAW;CACX,mBAAmB;CACnB,oBAAoB;CACpB,QAAQ,EACN,mBAAmB,KACpB;CACD,QAAQ;EACN,aAAa;EACb,oBAAoB;EACpB,SAAS,EACP,OAAO,eACR;EAED,UAAU,EACR,mBAAmB,gBACpB;EACF;CAED,eAAe;CACf,eAAe;EACb,eAAe;EACf,eAAe,EACb,eAAe,UAChB;EACF;CACF,EACF,CAAC;AAEF,MAAa,gBAAgB,YAAkD,OAAO,QAAQ;CAC5F,MAAM,YAAY,OAAO;AAUzB,QAAO,oBAAC,qBAAD;EAA0B;EAAK,OARxB,eAET,EACC,kBAAkB,WACnB,GACH,CAAC,UAAU,CAGqC;EAAE,GAAI;EAAS,CAAA;EACjE;AAEF,MAAa,iBAAiB,OAAO,MAAM,EACzC,MAAM;CACJ,QAAQ,EACN,YAAY,QACb;CACD,QAAQ,EACN,mBAAmB,UACpB;CACF,EACF,CAAC"}

package/es/Card/Card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.mjs","names":[],"sources":["../../src/Card/Card.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { ark, type HTMLArkProps } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps, RecipeVariantProps } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\nimport { Image } from \"../Image\";\nimport { Heading, type TextProps } from \"../Text\";\n\nconst cardRecipe = sva({\n  slots: [\"root\", \"title\", \"content\", \"image\"],\n  base: {\n    root: {\n      position: \"relative\",\n      outline: \"1px solid\",\n      borderRadius: \"xsmall\",\n      outlineColor: \"transparent\",\n      outlineOffset: \"-1px\",\n      height: \"100%\",\n      boxShadow: \"xsmall\",\n      transitionDuration: \"fast\",\n      transitionProperty: \"background, color, outline-color\",\n      transitionTimingFunction: \"default\",\n      background: \"surface.default\",\n      overflow: \"hidden\",\n    },\n    content: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"small\",\n      paddingBlockStart: \"small\",\n      paddingBlockEnd: \"medium\",\n      paddingInline: \"small\",\n    },\n    title: {\n      textDecoration: \"underline\",\n      _hover: {\n        textDecoration: \"none\",\n      },\n    },\n    image: {\n      height: \"200px\",\n      objectFit: \"cover\",\n      width: \"100%\",\n    },\n  },\n  defaultVariants: {\n    nonInteractive: false,\n  },\n  variants: {\n    nonInteractive: {\n      true: {},\n      false: {\n        root: {\n          _hover: {\n            background: \"surface.hover\",\n            outlineColor: \"stroke.hover\",\n          },\n          _active: {\n            background: \"surface.active\",\n          },\n        },\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(cardRecipe);\n\nexport type CardVariantProps = NonNullable<RecipeVariantProps<typeof cardRecipe>>;\n\nexport interface CardRootProps extends HTMLArkProps<\"article\">, StyledProps, CardVariantProps {}\n\nexport const CardRoot = withProvider(ark.article, \"root\", { baseComponent: true });\n\ninterface CardHeadingProps extends StyledProps, Omit<HTMLArkProps<\"p\">, \"color\">, TextProps {}\n\nconst InternalCardHeading = forwardRef<HTMLHeadingElement, CardHeadingProps>(\n  ({ textStyle = \"label.large\", fontWeight = \"bold\", ...props }, ref) => (\n    <Heading textStyle={textStyle} fontWeight={fontWeight} {...props} ref={ref} />\n  ),\n);\n\nexport const CardHeading = withContext(InternalCardHeading, \"title\");\n\nexport const CardContent = withContext(ark.div, \"content\", { baseComponent: true });\n\nexport const CardImage = withContext(Image, \"image\");\n"],"mappings":";;;;;;;;;;;;;;;AA0EA,MAAM,EAAE,cAAc,gBAAgB,mBA1DnB,IAAI;CACrB,OAAO;EAAC;EAAQ;EAAS;EAAW;EAAQ;CAC5C,MAAM;EACJ,MAAM;GACJ,UAAU;GACV,SAAS;GACT,cAAc;GACd,cAAc;GACd,eAAe;GACf,QAAQ;GACR,WAAW;GACX,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,YAAY;GACZ,UAAU;GACX;EACD,SAAS;GACP,SAAS;GACT,eAAe;GACf,KAAK;GACL,mBAAmB;GACnB,iBAAiB;GACjB,eAAe;GAChB;EACD,OAAO;GACL,gBAAgB;GAChB,QAAQ,EACN,gBAAgB,QACjB;GACF;EACD,OAAO;GACL,QAAQ;GACR,WAAW;GACX,OAAO;GACR;EACF;CACD,iBAAiB,EACf,gBAAgB,OACjB;CACD,UAAU,EACR,gBAAgB;EACd,MAAM,EAAE;EACR,OAAO,EACL,MAAM;GACJ,QAAQ;IACN,YAAY;IACZ,cAAc;IACf;GACD,SAAS,EACP,YAAY,kBACb;GACF,EACF;EACF,EACF;CACF,CAAC,CAEkE;AAMpE,MAAa,WAAW,aAAa,IAAI,SAAS,QAAQ,EAAE,eAAe,MAAM,CAAC;AAUlF,MAAa,cAAc,YANC,YACzB,EAAE,YAAY,eAAe,aAAa,QAAQ,GAAG,SAAS,QAC7D,oBAAC,SAAD;CAAoB;CAAuB;CAAY,GAAI;CAAY;CAAO,CAAA,CAEjF,EAE2D,QAAQ;AAEpE,MAAa,cAAc,YAAY,IAAI,KAAK,WAAW,EAAE,eAAe,MAAM,CAAC;AAEnF,MAAa,YAAY,YAAY,OAAO,QAAQ"}
+{"version":3,"file":"Card.mjs","names":[],"sources":["../../src/Card/Card.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { ark, type HTMLArkProps } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps, RecipeVariantProps } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\nimport { Image } from \"../Image\";\nimport { Heading, type TextProps } from \"../Text\";\n\nconst cardRecipe = sva({\n  slots: [\"root\", \"title\", \"content\", \"image\"],\n  base: {\n    root: {\n      position: \"relative\",\n      outline: \"1px solid\",\n      borderRadius: \"xsmall\",\n      outlineColor: \"transparent\",\n      outlineOffset: \"-1px\",\n      height: \"100%\",\n      boxShadow: \"xsmall\",\n      transitionDuration: \"fast\",\n      transitionProperty: \"background, color, outline-color\",\n      transitionTimingFunction: \"default\",\n      background: \"surface.default\",\n      overflow: \"hidden\",\n    },\n    content: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"small\",\n      paddingBlockStart: \"small\",\n      paddingBlockEnd: \"medium\",\n      paddingInline: \"small\",\n    },\n    title: {\n      textDecoration: \"underline\",\n      _hover: {\n        textDecoration: \"none\",\n      },\n    },\n    image: {\n      height: \"200px\",\n      objectFit: \"cover\",\n      width: \"100%\",\n    },\n  },\n  defaultVariants: {\n    nonInteractive: false,\n  },\n  variants: {\n    nonInteractive: {\n      true: {},\n      false: {\n        root: {\n          _hover: {\n            background: \"surface.hover\",\n            outlineColor: \"stroke.hover\",\n          },\n          _active: {\n            background: \"surface.active\",\n          },\n        },\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(cardRecipe);\n\nexport type CardVariantProps = NonNullable<RecipeVariantProps<typeof cardRecipe>>;\n\nexport interface CardRootProps extends HTMLArkProps<\"article\">, StyledProps, CardVariantProps {}\n\nexport const CardRoot = withProvider(ark.article, \"root\", { baseComponent: true });\n\ninterface CardHeadingProps extends StyledProps, Omit<HTMLArkProps<\"p\">, \"color\">, TextProps {}\n\nconst InternalCardHeading = forwardRef<HTMLHeadingElement, CardHeadingProps>(\n  ({ textStyle = \"label.large\", fontWeight = \"bold\", ...props }, ref) => (\n    <Heading textStyle={textStyle} fontWeight={fontWeight} {...props} ref={ref} />\n  ),\n);\n\nexport const CardHeading = withContext(InternalCardHeading, \"title\");\n\nexport const CardContent = withContext(ark.div, \"content\", { baseComponent: true });\n\nexport const CardImage = withContext(Image, \"image\");\n"],"mappings":";;;;;;;;;;;;;;;AA0EA,MAAM,EAAE,cAAc,gBAAgB,mBA1DnB,IAAI;CACrB,OAAO;EAAC;EAAQ;EAAS;EAAW;EAAQ;CAC5C,MAAM;EACJ,MAAM;GACJ,UAAU;GACV,SAAS;GACT,cAAc;GACd,cAAc;GACd,eAAe;GACf,QAAQ;GACR,WAAW;GACX,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,YAAY;GACZ,UAAU;GACX;EACD,SAAS;GACP,SAAS;GACT,eAAe;GACf,KAAK;GACL,mBAAmB;GACnB,iBAAiB;GACjB,eAAe;GAChB;EACD,OAAO;GACL,gBAAgB;GAChB,QAAQ,EACN,gBAAgB,QACjB;GACF;EACD,OAAO;GACL,QAAQ;GACR,WAAW;GACX,OAAO;GACR;EACF;CACD,iBAAiB,EACf,gBAAgB,OACjB;CACD,UAAU,EACR,gBAAgB;EACd,MAAM,EAAE;EACR,OAAO,EACL,MAAM;GACJ,QAAQ;IACN,YAAY;IACZ,cAAc;IACf;GACD,SAAS,EACP,YAAY,kBACb;GACF,EACF;EACF,EACF;CACF,CAEkE,CAAC;AAMpE,MAAa,WAAW,aAAa,IAAI,SAAS,QAAQ,EAAE,eAAe,MAAM,CAAC;AAUlF,MAAa,cAAc,YANC,YACzB,EAAE,YAAY,eAAe,aAAa,QAAQ,GAAG,SAAS,QAC7D,oBAAC,SAAD;CAAoB;CAAuB;CAAY,GAAI;CAAY;CAAO,CAAA,CAI3C,EAAqB,QAAQ;AAEpE,MAAa,cAAc,YAAY,IAAI,KAAK,WAAW,EAAE,eAAe,MAAM,CAAC;AAEnF,MAAa,YAAY,YAAY,OAAO,QAAQ"}

package/es/Checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","names":[],"sources":["../src/Checkbox.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { Checkbox, checkboxAnatomy, type HTMLArkProps } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { RecipeVariantProps, StyledProps } from \"@ndla/styled-system/types\";\nimport type { RefAttributes } from \"react\";\nimport { Text, type TextProps } from \"./Text\";\n\nconst checkboxRecipe = sva({\n  slots: checkboxAnatomy.keys(),\n  base: {\n    root: {\n      userSelect: \"none\",\n      display: \"flex\",\n      alignItems: \"center\",\n      width: \"fit-content\",\n      cursor: \"pointer\",\n      _disabled: {\n        color: \"text.disabled\",\n        cursor: \"not-allowed\",\n        _hover: {\n          color: \"text.disabled\",\n        },\n      },\n    },\n    group: {\n      display: \"flex\",\n      gap: \"xxsmall\",\n      flexDirection: \"column\",\n    },\n    control: {\n      flexShrink: \"0\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      cursor: \"pointer\",\n      width: \"medium\",\n      height: \"medium\",\n      color: \"text.strong\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"border-color, background, box-shadow, color\",\n      transitionTimingFunction: \"default\",\n      _disabled: {\n        cursor: \"not-allowed\",\n      },\n      _motionReduce: {\n        transition: \"none\",\n        transitionDuration: \"0s\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"checkbox\",\n  },\n  variants: {\n    variant: {\n      checkbox: {\n        root: {\n          gap: \"xxsmall\",\n          _hover: {\n            color: \"text.action\",\n          },\n          _focusVisible: {\n            outline: \"2px solid\",\n            outlineOffset: \"4xsmall\",\n            outlineColor: \"stroke.default\",\n            borderRadius: \"xsmall\",\n          },\n        },\n        control: {\n          border: \"2px solid\",\n          borderColor: \"stroke.subtle\",\n          borderRadius: \"xsmall\",\n          background: \"surface.default\",\n          _hover: {\n            boxShadow: \"0 0 0 4px var(--shadow-color)\",\n            boxShadowColor: \"surface.actionSubtle.hover.strong\",\n          },\n          _checked: {\n            backgroundColor: \"surface.action\",\n            borderColor: \"surface.action\",\n            color: \"icon.onAction\",\n          },\n          _disabled: {\n            borderColor: \"stroke.disabled\",\n            _hover: {\n              borderColor: \"stroke.disabled\",\n              boxShadow: \"none\",\n            },\n            _checked: {\n              background: \"surface.disabled\",\n              borderColor: \"stroke.disabled\",\n            },\n          },\n          _invalid: {\n            borderColor: \"stroke.error\",\n            _checked: {\n              color: \"stroke.error\",\n              borderColor: \"stroke.error\",\n              backgroundColor: \"surface.default\",\n            },\n          },\n        },\n      },\n      chip: {\n        root: {\n          width: \"fit-content\",\n          color: \"text.default\",\n          gap: \"4xsmall\",\n          background: \"surface.actionSubtle\",\n          border: \"1px solid\",\n          borderColor: \"stroke.subtle\",\n          outlineColor: \"stroke.subtle\",\n          paddingInline: \"xsmall\",\n          paddingBlock: \"4xsmall\",\n          borderRadius: \"large\",\n          minHeight: \"large\",\n          transitionDuration: \"normal\",\n          transitionProperty: \"border-color, background, box-shadow, color\",\n          transitionTimingFunction: \"default\",\n          _disabled: {\n            color: \"text.disabled\",\n            borderColor: \"stroke.disabled\",\n            background: \"surface.disabled\",\n            _hover: {\n              color: \"text.disabled\",\n              borderColor: \"stroke.disabled\",\n              background: \"surface.disabled\",\n            },\n            _checked: {\n              color: \"text.disabled\",\n              borderColor: \"stroke.disabled\",\n              background: \"surface.disabled\",\n              _hover: {\n                color: \"text.disabled\",\n                borderColor: \"stroke.disabled\",\n                background: \"surface.disabled\",\n              },\n            },\n          },\n          _hover: {\n            background: \"surface.actionSubtle.hover\",\n            borderColor: \"stroke.hover\",\n            outlineColor: \"stroke.hover\",\n            _invalid: {\n              backgroundColor: \"surface.dangerSubtle\",\n            },\n          },\n          _checked: {\n            color: \"text.onAction\",\n            background: \"surface.action.selected\",\n            borderColor: \"surface.action.selected\",\n            outlineColor: \"icon.onAction\",\n            _focus: {\n              outlineOffset: \"-4px\",\n            },\n            _hover: {\n              outlineOffset: \"-2px\",\n              background: \"surface.actionSubtle.hover\",\n              color: \"text.default\",\n              borderColor: \"stroke.hover\",\n              outlineColor: \"stroke.hover\",\n            },\n          },\n          _invalid: {\n            borderColor: \"stroke.error\",\n            outlineColor: \"stroke.error\",\n            background: \"surface.dangerSubtle\",\n            outlineOffset: \"-2px\",\n            _checked: {\n              color: \"text.default\",\n              borderColor: \"stroke.error\",\n              outlineColor: \"stroke.error\",\n              background: \"surface.dangerSubtle\",\n              outlineOffset: \"-2px\",\n              _hover: {\n                borderColor: \"stroke.hover\",\n                outlineColor: \"stroke.hover\",\n              },\n            },\n          },\n          _focus: {\n            outlineStyle: \"solid\",\n            outlineWidth: \"2px\",\n            outlineOffset: \"-2px\",\n          },\n        },\n        control: {\n          display: \"none\",\n          _checked: {\n            display: \"flex\",\n            color: \"text.onAction\",\n            _hover: {\n              color: \"stroke.hover\",\n            },\n          },\n          _disabled: {\n            color: \"stroke.disabled\",\n            _hover: {\n              color: \"stroke.disabled\",\n            },\n          },\n          _invalid: {\n            _checked: {\n              color: \"stroke.error\",\n            },\n          },\n        },\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(checkboxRecipe);\n\nexport type CheckboxVariantProps = NonNullable<RecipeVariantProps<typeof checkboxRecipe>>;\n\nexport interface CheckboxRootProps extends StyledProps, HTMLArkProps<\"label\">, CheckboxVariantProps {}\n\nexport const CheckboxRoot = withProvider(Checkbox.Root, \"root\", { baseComponent: true });\n\nexport const CheckboxIndicator = withContext(Checkbox.Indicator, \"indicator\", { baseComponent: true });\n\nconst InternalCheckboxLabel = withContext(Checkbox.Label, \"label\");\n\ninterface CheckboxLabelProps\n  extends StyledProps, Omit<Checkbox.LabelProps, \"color\">, TextProps, RefAttributes<HTMLSpanElement> {}\n\nexport const CheckboxLabel = ({ textStyle = \"label.medium\", children, ...props }: CheckboxLabelProps) => (\n  <InternalCheckboxLabel {...props} asChild>\n    <Text textStyle={textStyle}>{children}</Text>\n  </InternalCheckboxLabel>\n);\n\nexport const CheckboxControl = withContext(Checkbox.Control, \"control\", { baseComponent: true });\n\nexport const CheckboxGroup = withProvider(Checkbox.Group, \"group\", { baseComponent: true });\n\nexport const CheckboxHiddenInput = Checkbox.HiddenInput;\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.mjs","names":[],"sources":["../src/Checkbox.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { Checkbox, checkboxAnatomy, type HTMLArkProps } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { RecipeVariantProps, StyledProps } from \"@ndla/styled-system/types\";\nimport type { RefAttributes } from \"react\";\nimport { Text, type TextProps } from \"./Text\";\n\nconst checkboxRecipe = sva({\n  slots: checkboxAnatomy.keys(),\n  base: {\n    root: {\n      userSelect: \"none\",\n      display: \"flex\",\n      alignItems: \"center\",\n      width: \"fit-content\",\n      cursor: \"pointer\",\n      _disabled: {\n        color: \"text.disabled\",\n        cursor: \"not-allowed\",\n        _hover: {\n          color: \"text.disabled\",\n        },\n      },\n    },\n    group: {\n      display: \"flex\",\n      gap: \"xxsmall\",\n      flexDirection: \"column\",\n    },\n    control: {\n      flexShrink: \"0\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      cursor: \"pointer\",\n      width: \"medium\",\n      height: \"medium\",\n      color: \"text.strong\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"border-color, background, box-shadow, color\",\n      transitionTimingFunction: \"default\",\n      _disabled: {\n        cursor: \"not-allowed\",\n      },\n      _motionReduce: {\n        transition: \"none\",\n        transitionDuration: \"0s\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"checkbox\",\n  },\n  variants: {\n    variant: {\n      checkbox: {\n        root: {\n          gap: \"xxsmall\",\n          _hover: {\n            color: \"text.action\",\n          },\n          _focusVisible: {\n            outline: \"2px solid\",\n            outlineOffset: \"4xsmall\",\n            outlineColor: \"stroke.default\",\n            borderRadius: \"xsmall\",\n          },\n        },\n        control: {\n          border: \"2px solid\",\n          borderColor: \"stroke.subtle\",\n          borderRadius: \"xsmall\",\n          background: \"surface.default\",\n          _hover: {\n            boxShadow: \"0 0 0 4px var(--shadow-color)\",\n            boxShadowColor: \"surface.actionSubtle.hover.strong\",\n          },\n          _checked: {\n            backgroundColor: \"surface.action\",\n            borderColor: \"surface.action\",\n            color: \"icon.onAction\",\n          },\n          _disabled: {\n            borderColor: \"stroke.disabled\",\n            _hover: {\n              borderColor: \"stroke.disabled\",\n              boxShadow: \"none\",\n            },\n            _checked: {\n              background: \"surface.disabled\",\n              borderColor: \"stroke.disabled\",\n            },\n          },\n          _invalid: {\n            borderColor: \"stroke.error\",\n            _checked: {\n              color: \"stroke.error\",\n              borderColor: \"stroke.error\",\n              backgroundColor: \"surface.default\",\n            },\n          },\n        },\n      },\n      chip: {\n        root: {\n          width: \"fit-content\",\n          color: \"text.default\",\n          gap: \"4xsmall\",\n          background: \"surface.actionSubtle\",\n          border: \"1px solid\",\n          borderColor: \"stroke.subtle\",\n          outlineColor: \"stroke.subtle\",\n          paddingInline: \"xsmall\",\n          paddingBlock: \"4xsmall\",\n          borderRadius: \"large\",\n          minHeight: \"large\",\n          transitionDuration: \"normal\",\n          transitionProperty: \"border-color, background, box-shadow, color\",\n          transitionTimingFunction: \"default\",\n          _disabled: {\n            color: \"text.disabled\",\n            borderColor: \"stroke.disabled\",\n            background: \"surface.disabled\",\n            _hover: {\n              color: \"text.disabled\",\n              borderColor: \"stroke.disabled\",\n              background: \"surface.disabled\",\n            },\n            _checked: {\n              color: \"text.disabled\",\n              borderColor: \"stroke.disabled\",\n              background: \"surface.disabled\",\n              _hover: {\n                color: \"text.disabled\",\n                borderColor: \"stroke.disabled\",\n                background: \"surface.disabled\",\n              },\n            },\n          },\n          _hover: {\n            background: \"surface.actionSubtle.hover\",\n            borderColor: \"stroke.hover\",\n            outlineColor: \"stroke.hover\",\n            _invalid: {\n              backgroundColor: \"surface.dangerSubtle\",\n            },\n          },\n          _checked: {\n            color: \"text.onAction\",\n            background: \"surface.action.selected\",\n            borderColor: \"surface.action.selected\",\n            outlineColor: \"icon.onAction\",\n            _focus: {\n              outlineOffset: \"-4px\",\n            },\n            _hover: {\n              outlineOffset: \"-2px\",\n              background: \"surface.actionSubtle.hover\",\n              color: \"text.default\",\n              borderColor: \"stroke.hover\",\n              outlineColor: \"stroke.hover\",\n            },\n          },\n          _invalid: {\n            borderColor: \"stroke.error\",\n            outlineColor: \"stroke.error\",\n            background: \"surface.dangerSubtle\",\n            outlineOffset: \"-2px\",\n            _checked: {\n              color: \"text.default\",\n              borderColor: \"stroke.error\",\n              outlineColor: \"stroke.error\",\n              background: \"surface.dangerSubtle\",\n              outlineOffset: \"-2px\",\n              _hover: {\n                borderColor: \"stroke.hover\",\n                outlineColor: \"stroke.hover\",\n              },\n            },\n          },\n          _focus: {\n            outlineStyle: \"solid\",\n            outlineWidth: \"2px\",\n            outlineOffset: \"-2px\",\n          },\n        },\n        control: {\n          display: \"none\",\n          _checked: {\n            display: \"flex\",\n            color: \"text.onAction\",\n            _hover: {\n              color: \"stroke.hover\",\n            },\n          },\n          _disabled: {\n            color: \"stroke.disabled\",\n            _hover: {\n              color: \"stroke.disabled\",\n            },\n          },\n          _invalid: {\n            _checked: {\n              color: \"stroke.error\",\n            },\n          },\n        },\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(checkboxRecipe);\n\nexport type CheckboxVariantProps = NonNullable<RecipeVariantProps<typeof checkboxRecipe>>;\n\nexport interface CheckboxRootProps extends StyledProps, HTMLArkProps<\"label\">, CheckboxVariantProps {}\n\nexport const CheckboxRoot = withProvider(Checkbox.Root, \"root\", { baseComponent: true });\n\nexport const CheckboxIndicator = withContext(Checkbox.Indicator, \"indicator\", { baseComponent: true });\n\nconst InternalCheckboxLabel = withContext(Checkbox.Label, \"label\");\n\ninterface CheckboxLabelProps\n  extends StyledProps, Omit<Checkbox.LabelProps, \"color\">, TextProps, RefAttributes<HTMLSpanElement> {}\n\nexport const CheckboxLabel = ({ textStyle = \"label.medium\", children, ...props }: CheckboxLabelProps) => (\n  <InternalCheckboxLabel {...props} asChild>\n    <Text textStyle={textStyle}>{children}</Text>\n  </InternalCheckboxLabel>\n);\n\nexport const CheckboxControl = withContext(Checkbox.Control, \"control\", { baseComponent: true });\n\nexport const CheckboxGroup = withProvider(Checkbox.Group, \"group\", { baseComponent: true });\n\nexport const CheckboxHiddenInput = Checkbox.HiddenInput;\n"],"mappings":";;;;;;;;;;;;;AA4NA,MAAM,EAAE,cAAc,gBAAgB,mBA7Mf,IAAI;CACzB,OAAO,gBAAgB,MAAM;CAC7B,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,OAAO;GACP,QAAQ;GACR,WAAW;IACT,OAAO;IACP,QAAQ;IACR,QAAQ,EACN,OAAO,iBACR;IACF;GACF;EACD,OAAO;GACL,SAAS;GACT,KAAK;GACL,eAAe;GAChB;EACD,SAAS;GACP,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,QAAQ;GACR,OAAO;GACP,QAAQ;GACR,OAAO;GACP,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,WAAW,EACT,QAAQ,eACT;GACD,eAAe;IACb,YAAY;IACZ,oBAAoB;IACrB;GACF;EACF;CACD,iBAAiB,EACf,SAAS,YACV;CACD,UAAU,EACR,SAAS;EACP,UAAU;GACR,MAAM;IACJ,KAAK;IACL,QAAQ,EACN,OAAO,eACR;IACD,eAAe;KACb,SAAS;KACT,eAAe;KACf,cAAc;KACd,cAAc;KACf;IACF;GACD,SAAS;IACP,QAAQ;IACR,aAAa;IACb,cAAc;IACd,YAAY;IACZ,QAAQ;KACN,WAAW;KACX,gBAAgB;KACjB;IACD,UAAU;KACR,iBAAiB;KACjB,aAAa;KACb,OAAO;KACR;IACD,WAAW;KACT,aAAa;KACb,QAAQ;MACN,aAAa;MACb,WAAW;MACZ;KACD,UAAU;MACR,YAAY;MACZ,aAAa;MACd;KACF;IACD,UAAU;KACR,aAAa;KACb,UAAU;MACR,OAAO;MACP,aAAa;MACb,iBAAiB;MAClB;KACF;IACF;GACF;EACD,MAAM;GACJ,MAAM;IACJ,OAAO;IACP,OAAO;IACP,KAAK;IACL,YAAY;IACZ,QAAQ;IACR,aAAa;IACb,cAAc;IACd,eAAe;IACf,cAAc;IACd,cAAc;IACd,WAAW;IACX,oBAAoB;IACpB,oBAAoB;IACpB,0BAA0B;IAC1B,WAAW;KACT,OAAO;KACP,aAAa;KACb,YAAY;KACZ,QAAQ;MACN,OAAO;MACP,aAAa;MACb,YAAY;MACb;KACD,UAAU;MACR,OAAO;MACP,aAAa;MACb,YAAY;MACZ,QAAQ;OACN,OAAO;OACP,aAAa;OACb,YAAY;OACb;MACF;KACF;IACD,QAAQ;KACN,YAAY;KACZ,aAAa;KACb,cAAc;KACd,UAAU,EACR,iBAAiB,wBAClB;KACF;IACD,UAAU;KACR,OAAO;KACP,YAAY;KACZ,aAAa;KACb,cAAc;KACd,QAAQ,EACN,eAAe,QAChB;KACD,QAAQ;MACN,eAAe;MACf,YAAY;MACZ,OAAO;MACP,aAAa;MACb,cAAc;MACf;KACF;IACD,UAAU;KACR,aAAa;KACb,cAAc;KACd,YAAY;KACZ,eAAe;KACf,UAAU;MACR,OAAO;MACP,aAAa;MACb,cAAc;MACd,YAAY;MACZ,eAAe;MACf,QAAQ;OACN,aAAa;OACb,cAAc;OACf;MACF;KACF;IACD,QAAQ;KACN,cAAc;KACd,cAAc;KACd,eAAe;KAChB;IACF;GACD,SAAS;IACP,SAAS;IACT,UAAU;KACR,SAAS;KACT,OAAO;KACP,QAAQ,EACN,OAAO,gBACR;KACF;IACD,WAAW;KACT,OAAO;KACP,QAAQ,EACN,OAAO,mBACR;KACF;IACD,UAAU,EACR,UAAU,EACR,OAAO,gBACR,EACF;IACF;GACF;EACF,EACF;CACF,CAEsE,CAAC;AAMxE,MAAa,eAAe,aAAa,SAAS,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAExF,MAAa,oBAAoB,YAAY,SAAS,WAAW,aAAa,EAAE,eAAe,MAAM,CAAC;AAEtG,MAAM,wBAAwB,YAAY,SAAS,OAAO,QAAQ;AAKlE,MAAa,iBAAiB,EAAE,YAAY,gBAAgB,UAAU,GAAG,YACvE,oBAAC,uBAAD;CAAuB,GAAI;CAAO,SAAA;WAChC,oBAAC,MAAD;EAAiB;EAAY;EAAgB,CAAA;CACvB,CAAA;AAG1B,MAAa,kBAAkB,YAAY,SAAS,SAAS,WAAW,EAAE,eAAe,MAAM,CAAC;AAEhG,MAAa,gBAAgB,aAAa,SAAS,OAAO,SAAS,EAAE,eAAe,MAAM,CAAC;AAE3F,MAAa,sBAAsB,SAAS"}

package/es/Combobox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.mjs","names":[],"sources":["../src/Combobox.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { Combobox, comboboxAnatomy } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { RecipeVariantProps, StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef, type ElementType, type RefAttributes } from \"react\";\nimport { Label } from \"./Label\";\nimport { Text, type TextProps } from \"./Text\";\n\nconst comboboxRecipe = sva({\n  slots: comboboxAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"3xsmall\",\n    },\n    control: {\n      display: \"flex\",\n      alignItems: \"center\",\n      gap: \"4xsmall\",\n    },\n    content: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      zIndex: \"dropdown\",\n      background: \"surface.default\",\n      overflowY: \"auto\",\n      maxHeight: \"min(token(spacing.surface.xsmall), 45vh)\",\n      _open: {\n        animation: \"fade-shift-in 0.25s ease-out\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n      _closed: {\n        animation: \"fade-shift-out 0.25s ease-out\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n    },\n    item: {\n      display: \"flex\",\n      justifyContent: \"space-between\",\n      alignItems: \"center\",\n      cursor: \"pointer\",\n      transitionDuration: \"fast\",\n      transitionProperty: \"background, color, border-color\",\n      transitionTimingFunction: \"default\",\n      background: \"surface.default\",\n      _disabled: {\n        cursor: \"not-allowed\",\n        background: \"surface.disabled\",\n        color: \"text.disabled\",\n        _hover: {\n          background: \"surface.disabled\",\n          color: \"text.disabled\",\n        },\n      },\n      _hover: {\n        background: \"surface.hover\",\n      },\n      _highlighted: {\n        background: \"surface.hover\",\n      },\n      _checked: {\n        background: \"surface.selected\",\n        _highlighted: {\n          background: \"surface.hover\",\n        },\n      },\n    },\n    trigger: {\n      \"& svg\": {\n        color: \"icon.default\",\n        transformOrigin: \"center\",\n        transitionDuration: \"normal\",\n        transitionProperty: \"transform\",\n        transitionTimingFunction: \"default\",\n        _motionReduce: {\n          transition: \"none\",\n          transitionDuration: \"0s\",\n        },\n      },\n      _open: {\n        \"& svg\": {\n          transform: \"rotate(180deg)\",\n        },\n      },\n    },\n    itemIndicator: {\n      color: \"stroke.default\",\n    },\n    itemText: {\n      _checked: {\n        textDecoration: \"underline\",\n      },\n      _highlighted: {\n        textDecoration: \"underline\",\n      },\n    },\n    itemGroup: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"4xsmall\",\n    },\n  },\n  defaultVariants: {\n    context: \"standalone\",\n    variant: \"simple\",\n  },\n  variants: {\n    context: {\n      standalone: {\n        content: {\n          boxShadow: \"large\",\n          borderRadius: \"xsmall\",\n          padding: \"xsmall\",\n        },\n      },\n      composite: {},\n    },\n    variant: {\n      simple: {\n        item: {\n          padding: \"xsmall\",\n          borderRadius: \"xsmall\",\n        },\n        content: {\n          gap: \"4xsmall\",\n        },\n      },\n      complex: {},\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(comboboxRecipe);\n\nexport type ComboboxVariantProps = NonNullable<RecipeVariantProps<typeof comboboxRecipe>>;\n\nexport interface ComboboxRootProps<T extends Combobox.CollectionItem>\n  extends StyledProps, Combobox.RootProps<T>, ComboboxVariantProps, RefAttributes<HTMLDivElement> {\n  translations: Combobox.RootProps<T>[\"translations\"];\n}\n\nconst InternalComboboxRoot = withProvider<ElementType<ComboboxRootProps<Combobox.CollectionItem>>>(\n  Combobox.Root,\n  \"root\",\n  { baseComponent: true },\n);\n\nexport const ComboboxRoot = <T extends Combobox.CollectionItem>({\n  lazyMount = true,\n  unmountOnExit = true,\n  ...props\n}: ComboboxRootProps<T>) => {\n  return <InternalComboboxRoot lazyMount={lazyMount} unmountOnExit={unmountOnExit} {...props} />;\n};\n\nexport interface ComboboxClearTriggerProps extends Combobox.ClearTriggerProps, StyledProps {}\n\nexport const ComboboxClearTrigger = withContext(Combobox.ClearTrigger, \"clearTrigger\", { baseComponent: true });\n\nexport interface ComboboxContentProps extends Combobox.ContentProps, StyledProps {}\n\nexport const ComboboxContentStandalone = withContext(Combobox.Content, \"content\", { baseComponent: true });\n\nexport const ComboboxContent = forwardRef<HTMLDivElement, ComboboxContentProps>((props, ref) => (\n  <ComboboxPositioner>\n    <ComboboxContentStandalone ref={ref} {...props} />\n  </ComboboxPositioner>\n));\n\nexport interface ComboboxControlProps extends Combobox.ControlProps, StyledProps {}\n\nexport const ComboboxControl = withContext(Combobox.Control, \"control\", { baseComponent: true });\n\nexport interface ComboboxInputProps extends Combobox.InputProps, StyledProps {}\n\nexport const ComboboxInput = withContext(Combobox.Input, \"input\", { baseComponent: true });\n\nconst InternalComboboxItemGroupLabel = withContext(Combobox.ItemGroupLabel, \"itemGroupLabel\");\n\nexport interface ComboboxItemGroupLabelProps\n  extends Omit<Combobox.ItemGroupLabelProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const ComboboxItemGroupLabel = ({\n  children,\n  textStyle = \"label.small\",\n  fontWeight = \"bold\",\n  ...props\n}: ComboboxItemGroupLabelProps) => (\n  <InternalComboboxItemGroupLabel asChild>\n    <Text asChild consumeCss textStyle={textStyle} fontWeight={fontWeight} {...props}>\n      <div>{children}</div>\n    </Text>\n  </InternalComboboxItemGroupLabel>\n);\n\nexport interface ComboboxItemGroupProps extends Combobox.ItemGroupProps, StyledProps {}\n\nexport const ComboboxItemGroup = withContext(Combobox.ItemGroup, \"itemGroup\", { baseComponent: true });\n\nexport interface ComboboxItemIndicatorProps extends Combobox.ItemIndicatorProps, StyledProps {}\n\nexport const ComboboxItemIndicator = withContext(Combobox.ItemIndicator, \"itemIndicator\", { baseComponent: true });\n\nexport interface ComboboxItemProps extends Combobox.ItemProps, StyledProps {}\n\nexport const ComboboxItem = withContext(Combobox.Item, \"item\", { baseComponent: true });\n\nconst InternalComboboxItemText = withContext(Combobox.ItemText, \"itemText\");\n\nexport interface ComboboxItemTextProps\n  extends Omit<Combobox.ItemTextProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const ComboboxItemText = ({\n  textStyle = \"label.medium\",\n  fontWeight = \"bold\",\n  children,\n  ...props\n}: ComboboxItemTextProps) => (\n  <InternalComboboxItemText asChild>\n    <Text {...props} textStyle={textStyle} fontWeight={fontWeight} asChild consumeCss>\n      <div>{children}</div>\n    </Text>\n  </InternalComboboxItemText>\n);\n\nconst InternalComboboxLabel = withContext(Combobox.Label, \"label\");\n\nexport interface ComboboxLabelProps\n  extends Omit<Combobox.LabelProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLLabelElement> {}\n\nexport const ComboboxLabel = ({ textStyle = \"label.medium\", fontWeight = \"bold\", ...props }: ComboboxLabelProps) => (\n  <InternalComboboxLabel asChild>\n    <Label textStyle={textStyle} fontWeight={fontWeight} {...props} />\n  </InternalComboboxLabel>\n);\n\nexport interface ComboboxPositionerProps extends Combobox.PositionerProps, StyledProps {}\n\nexport const ComboboxPositioner = withContext(Combobox.Positioner, \"positioner\", { baseComponent: true });\n\nexport interface ComboboxTriggerProps extends Combobox.TriggerProps, StyledProps {}\n\nexport const ComboboxTrigger = withContext(Combobox.Trigger, \"trigger\", { baseComponent: true });\n\nexport interface ComboboxListProps extends Combobox.ListProps, StyledProps {}\n\nexport const ComboboxList = withContext(Combobox.List, \"list\", { baseComponent: true });\n"],"mappings":"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"}
+{"version":3,"file":"Combobox.mjs","names":[],"sources":["../src/Combobox.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { Combobox, comboboxAnatomy } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { RecipeVariantProps, StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef, type ElementType, type RefAttributes } from \"react\";\nimport { Label } from \"./Label\";\nimport { Text, type TextProps } from \"./Text\";\n\nconst comboboxRecipe = sva({\n  slots: comboboxAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"3xsmall\",\n    },\n    control: {\n      display: \"flex\",\n      alignItems: \"center\",\n      gap: \"4xsmall\",\n    },\n    content: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      zIndex: \"dropdown\",\n      background: \"surface.default\",\n      overflowY: \"auto\",\n      maxHeight: \"min(token(spacing.surface.xsmall), 45vh)\",\n      _open: {\n        animation: \"fade-shift-in 0.25s ease-out\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n      _closed: {\n        animation: \"fade-shift-out 0.25s ease-out\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n    },\n    item: {\n      display: \"flex\",\n      justifyContent: \"space-between\",\n      alignItems: \"center\",\n      cursor: \"pointer\",\n      transitionDuration: \"fast\",\n      transitionProperty: \"background, color, border-color\",\n      transitionTimingFunction: \"default\",\n      background: \"surface.default\",\n      _disabled: {\n        cursor: \"not-allowed\",\n        background: \"surface.disabled\",\n        color: \"text.disabled\",\n        _hover: {\n          background: \"surface.disabled\",\n          color: \"text.disabled\",\n        },\n      },\n      _hover: {\n        background: \"surface.hover\",\n      },\n      _highlighted: {\n        background: \"surface.hover\",\n      },\n      _checked: {\n        background: \"surface.selected\",\n        _highlighted: {\n          background: \"surface.hover\",\n        },\n      },\n    },\n    trigger: {\n      \"& svg\": {\n        color: \"icon.default\",\n        transformOrigin: \"center\",\n        transitionDuration: \"normal\",\n        transitionProperty: \"transform\",\n        transitionTimingFunction: \"default\",\n        _motionReduce: {\n          transition: \"none\",\n          transitionDuration: \"0s\",\n        },\n      },\n      _open: {\n        \"& svg\": {\n          transform: \"rotate(180deg)\",\n        },\n      },\n    },\n    itemIndicator: {\n      color: \"stroke.default\",\n    },\n    itemText: {\n      _checked: {\n        textDecoration: \"underline\",\n      },\n      _highlighted: {\n        textDecoration: \"underline\",\n      },\n    },\n    itemGroup: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"4xsmall\",\n    },\n  },\n  defaultVariants: {\n    context: \"standalone\",\n    variant: \"simple\",\n  },\n  variants: {\n    context: {\n      standalone: {\n        content: {\n          boxShadow: \"large\",\n          borderRadius: \"xsmall\",\n          padding: \"xsmall\",\n        },\n      },\n      composite: {},\n    },\n    variant: {\n      simple: {\n        item: {\n          padding: \"xsmall\",\n          borderRadius: \"xsmall\",\n        },\n        content: {\n          gap: \"4xsmall\",\n        },\n      },\n      complex: {},\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(comboboxRecipe);\n\nexport type ComboboxVariantProps = NonNullable<RecipeVariantProps<typeof comboboxRecipe>>;\n\nexport interface ComboboxRootProps<T extends Combobox.CollectionItem>\n  extends StyledProps, Combobox.RootProps<T>, ComboboxVariantProps, RefAttributes<HTMLDivElement> {\n  translations: Combobox.RootProps<T>[\"translations\"];\n}\n\nconst InternalComboboxRoot = withProvider<ElementType<ComboboxRootProps<Combobox.CollectionItem>>>(\n  Combobox.Root,\n  \"root\",\n  { baseComponent: true },\n);\n\nexport const ComboboxRoot = <T extends Combobox.CollectionItem>({\n  lazyMount = true,\n  unmountOnExit = true,\n  ...props\n}: ComboboxRootProps<T>) => {\n  return <InternalComboboxRoot lazyMount={lazyMount} unmountOnExit={unmountOnExit} {...props} />;\n};\n\nexport interface ComboboxClearTriggerProps extends Combobox.ClearTriggerProps, StyledProps {}\n\nexport const ComboboxClearTrigger = withContext(Combobox.ClearTrigger, \"clearTrigger\", { baseComponent: true });\n\nexport interface ComboboxContentProps extends Combobox.ContentProps, StyledProps {}\n\nexport const ComboboxContentStandalone = withContext(Combobox.Content, \"content\", { baseComponent: true });\n\nexport const ComboboxContent = forwardRef<HTMLDivElement, ComboboxContentProps>((props, ref) => (\n  <ComboboxPositioner>\n    <ComboboxContentStandalone ref={ref} {...props} />\n  </ComboboxPositioner>\n));\n\nexport interface ComboboxControlProps extends Combobox.ControlProps, StyledProps {}\n\nexport const ComboboxControl = withContext(Combobox.Control, \"control\", { baseComponent: true });\n\nexport interface ComboboxInputProps extends Combobox.InputProps, StyledProps {}\n\nexport const ComboboxInput = withContext(Combobox.Input, \"input\", { baseComponent: true });\n\nconst InternalComboboxItemGroupLabel = withContext(Combobox.ItemGroupLabel, \"itemGroupLabel\");\n\nexport interface ComboboxItemGroupLabelProps\n  extends Omit<Combobox.ItemGroupLabelProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const ComboboxItemGroupLabel = ({\n  children,\n  textStyle = \"label.small\",\n  fontWeight = \"bold\",\n  ...props\n}: ComboboxItemGroupLabelProps) => (\n  <InternalComboboxItemGroupLabel asChild>\n    <Text asChild consumeCss textStyle={textStyle} fontWeight={fontWeight} {...props}>\n      <div>{children}</div>\n    </Text>\n  </InternalComboboxItemGroupLabel>\n);\n\nexport interface ComboboxItemGroupProps extends Combobox.ItemGroupProps, StyledProps {}\n\nexport const ComboboxItemGroup = withContext(Combobox.ItemGroup, \"itemGroup\", { baseComponent: true });\n\nexport interface ComboboxItemIndicatorProps extends Combobox.ItemIndicatorProps, StyledProps {}\n\nexport const ComboboxItemIndicator = withContext(Combobox.ItemIndicator, \"itemIndicator\", { baseComponent: true });\n\nexport interface ComboboxItemProps extends Combobox.ItemProps, StyledProps {}\n\nexport const ComboboxItem = withContext(Combobox.Item, \"item\", { baseComponent: true });\n\nconst InternalComboboxItemText = withContext(Combobox.ItemText, \"itemText\");\n\nexport interface ComboboxItemTextProps\n  extends Omit<Combobox.ItemTextProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const ComboboxItemText = ({\n  textStyle = \"label.medium\",\n  fontWeight = \"bold\",\n  children,\n  ...props\n}: ComboboxItemTextProps) => (\n  <InternalComboboxItemText asChild>\n    <Text {...props} textStyle={textStyle} fontWeight={fontWeight} asChild consumeCss>\n      <div>{children}</div>\n    </Text>\n  </InternalComboboxItemText>\n);\n\nconst InternalComboboxLabel = withContext(Combobox.Label, \"label\");\n\nexport interface ComboboxLabelProps\n  extends Omit<Combobox.LabelProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLLabelElement> {}\n\nexport const ComboboxLabel = ({ textStyle = \"label.medium\", fontWeight = \"bold\", ...props }: ComboboxLabelProps) => (\n  <InternalComboboxLabel asChild>\n    <Label textStyle={textStyle} fontWeight={fontWeight} {...props} />\n  </InternalComboboxLabel>\n);\n\nexport interface ComboboxPositionerProps extends Combobox.PositionerProps, StyledProps {}\n\nexport const ComboboxPositioner = withContext(Combobox.Positioner, \"positioner\", { baseComponent: true });\n\nexport interface ComboboxTriggerProps extends Combobox.TriggerProps, StyledProps {}\n\nexport const ComboboxTrigger = withContext(Combobox.Trigger, \"trigger\", { baseComponent: true });\n\nexport interface ComboboxListProps extends Combobox.ListProps, StyledProps {}\n\nexport const ComboboxList = withContext(Combobox.List, \"list\", { baseComponent: true });\n"],"mappings":"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"}

package/es/DatePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.mjs","names":[],"sources":["../src/DatePicker.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { DatePicker, datePickerAnatomy } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext, type StyledProps } from \"@ndla/styled-system/jsx\";\nimport { forwardRef, type RefAttributes } from \"react\";\nimport { Label } from \"./Label\";\nimport type { TextProps } from \"./Text\";\n\nconst datePickerRecipe = sva({\n  slots: datePickerAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"xsmall\",\n    },\n    content: {\n      background: \"surface.default\",\n      borderRadius: \"xsmall\",\n      boxShadow: \"large\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"xsmall\",\n      padding: \"xsmall\",\n      zIndex: \"dropdown\",\n      _open: {\n        animation: \"fade-shift-in 0.25s ease-in-out\",\n      },\n      _closed: {\n        animation: \"fade-shift-out 0.25s ease-in-out\",\n      },\n    },\n    control: {\n      display: \"flex\",\n      width: \"fit-content\",\n      gap: \"xsmall\",\n    },\n    label: {},\n    tableHeader: {},\n    viewControl: {\n      display: \"flex\",\n      gap: \"5xsmall\",\n      justifyContent: \"space-between\",\n    },\n    table: {\n      width: \"100%\",\n      borderCollapse: \"separate\",\n      borderSpacing: \"5xsmall\",\n      margin: \"-5xsmall\",\n    },\n    tableCell: {\n      textAlign: \"center\",\n    },\n    tableCellTrigger: {\n      width: \"100%\",\n      \"&[data-today]\": {\n        _before: {\n          content: \"'-'\",\n          color: \"stroke.default\",\n          position: \"absolute\",\n          marginBlockStart: \"medium\",\n        },\n      },\n      \"&[data-outside-range]\": {\n        color: \"text.subtle\",\n        fontWeight: \"normal\",\n      },\n    },\n    view: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"xsmall\",\n    },\n  },\n});\nconst { withProvider, withContext } = createStyleContext(datePickerRecipe);\n\nexport interface DatePickerRootProps extends DatePicker.RootProps, StyledProps {\n  translations: DatePicker.RootProps[\"translations\"];\n  locale: DatePicker.RootProps[\"locale\"];\n}\n\nexport const DatePickerRoot = withProvider(DatePicker.Root, \"root\", { baseComponent: true });\n\nexport const DatePickerClearTrigger = withContext(DatePicker.ClearTrigger, \"clearTrigger\", {\n  baseComponent: true,\n});\n\ninterface DatePickerContentProps extends DatePicker.ContentProps, StyledProps {}\n\nexport const DatePickerContent = forwardRef<HTMLDivElement, DatePickerContentProps>((props, ref) => (\n  <DatePickerPositioner>\n    <DatePickerStandaloneContent {...props} ref={ref} />\n  </DatePickerPositioner>\n));\n\nexport const DatePickerStandaloneContent = withContext(DatePicker.Content, \"content\", { baseComponent: true });\n\nexport const DatePickerControl = withContext(DatePicker.Control, \"control\", { baseComponent: true });\n\nexport const DatePickerInput = withContext(DatePicker.Input, \"input\", { baseComponent: true });\n\ninterface DatePickerLabelProps\n  extends Omit<DatePicker.LabelProps, \"color\">, StyledProps, TextProps, RefAttributes<HTMLLabelElement> {}\n\nconst InternalDatePickerLabel = withContext(DatePicker.Label, \"label\");\n\nexport const DatePickerLabel = ({\n  textStyle = \"label.medium\",\n  fontWeight = \"bold\",\n  ...props\n}: DatePickerLabelProps) => (\n  <InternalDatePickerLabel asChild>\n    <Label textStyle={textStyle} fontWeight={fontWeight} {...props} />\n  </InternalDatePickerLabel>\n);\n\nexport const DatePickerMonthSelect = withContext(DatePicker.MonthSelect, \"monthSelect\", { baseComponent: true });\n\ninterface DatePickerNextTrigger extends DatePicker.NextTriggerProps, StyledProps {}\n\nexport const DatePickerNextTrigger = withContext(DatePicker.NextTrigger, \"nextTrigger\", { baseComponent: true });\n\nexport const DatePickerPositioner = withContext(DatePicker.Positioner, \"positioner\", { baseComponent: true });\n\nexport const DatePickerPresetTrigger = withContext(DatePicker.PresetTrigger, \"presetTrigger\", { baseComponent: true });\n\nexport const DatePickerPrevTrigger = withContext(DatePicker.PrevTrigger, \"prevTrigger\", { baseComponent: true });\n\nexport const DatePickerRangeText = withContext(DatePicker.RangeText, \"rangeText\", { baseComponent: true });\n\nexport const DatePickerTableBody = withContext(DatePicker.TableBody, \"tableBody\", { baseComponent: true });\n\nexport const DatePickerTableCell = withContext(DatePicker.TableCell, \"tableCell\", { baseComponent: true });\n\nexport const DatePickerTableCellTrigger = withContext(DatePicker.TableCellTrigger, \"tableCellTrigger\", {\n  baseComponent: true,\n});\n\nexport const DatePickerTableHead = withContext(DatePicker.TableHead, \"tableHead\", { baseComponent: true });\n\nexport const DatePickerTableHeader = withContext(DatePicker.TableHeader, \"tableHeader\", { baseComponent: true });\n\nexport const DatePickerTable = withContext(DatePicker.Table, \"table\", { baseComponent: true });\n\nexport const DatePickerTableRow = withContext(DatePicker.TableRow, \"tableRow\", { baseComponent: true });\n\nexport const DatePickerTrigger = withContext(DatePicker.Trigger, \"trigger\", { baseComponent: true });\n\nexport const DatePickerViewControl = withContext(DatePicker.ViewControl, \"viewControl\", { baseComponent: true });\n\nexport const DatePickerView = withContext(DatePicker.View, \"view\", { baseComponent: true });\n\nexport const DatePickerViewTrigger = withContext(DatePicker.ViewTrigger, \"viewTrigger\", { baseComponent: true });\n\nexport const DatePickerYearSelect = withContext(DatePicker.YearSelect, \"yearSelect\", { baseComponent: true });\n\nexport { DatePickerContext } from \"@ark-ui/react\";\n"],"mappings":"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"}
+{"version":3,"file":"DatePicker.mjs","names":[],"sources":["../src/DatePicker.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { DatePicker, datePickerAnatomy } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext, type StyledProps } from \"@ndla/styled-system/jsx\";\nimport { forwardRef, type RefAttributes } from \"react\";\nimport { Label } from \"./Label\";\nimport type { TextProps } from \"./Text\";\n\nconst datePickerRecipe = sva({\n  slots: datePickerAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"xsmall\",\n    },\n    content: {\n      background: \"surface.default\",\n      borderRadius: \"xsmall\",\n      boxShadow: \"large\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"xsmall\",\n      padding: \"xsmall\",\n      zIndex: \"dropdown\",\n      _open: {\n        animation: \"fade-shift-in 0.25s ease-in-out\",\n      },\n      _closed: {\n        animation: \"fade-shift-out 0.25s ease-in-out\",\n      },\n    },\n    control: {\n      display: \"flex\",\n      width: \"fit-content\",\n      gap: \"xsmall\",\n    },\n    label: {},\n    tableHeader: {},\n    viewControl: {\n      display: \"flex\",\n      gap: \"5xsmall\",\n      justifyContent: \"space-between\",\n    },\n    table: {\n      width: \"100%\",\n      borderCollapse: \"separate\",\n      borderSpacing: \"5xsmall\",\n      margin: \"-5xsmall\",\n    },\n    tableCell: {\n      textAlign: \"center\",\n    },\n    tableCellTrigger: {\n      width: \"100%\",\n      \"&[data-today]\": {\n        _before: {\n          content: \"'-'\",\n          color: \"stroke.default\",\n          position: \"absolute\",\n          marginBlockStart: \"medium\",\n        },\n      },\n      \"&[data-outside-range]\": {\n        color: \"text.subtle\",\n        fontWeight: \"normal\",\n      },\n    },\n    view: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"xsmall\",\n    },\n  },\n});\nconst { withProvider, withContext } = createStyleContext(datePickerRecipe);\n\nexport interface DatePickerRootProps extends DatePicker.RootProps, StyledProps {\n  translations: DatePicker.RootProps[\"translations\"];\n  locale: DatePicker.RootProps[\"locale\"];\n}\n\nexport const DatePickerRoot = withProvider(DatePicker.Root, \"root\", { baseComponent: true });\n\nexport const DatePickerClearTrigger = withContext(DatePicker.ClearTrigger, \"clearTrigger\", {\n  baseComponent: true,\n});\n\ninterface DatePickerContentProps extends DatePicker.ContentProps, StyledProps {}\n\nexport const DatePickerContent = forwardRef<HTMLDivElement, DatePickerContentProps>((props, ref) => (\n  <DatePickerPositioner>\n    <DatePickerStandaloneContent {...props} ref={ref} />\n  </DatePickerPositioner>\n));\n\nexport const DatePickerStandaloneContent = withContext(DatePicker.Content, \"content\", { baseComponent: true });\n\nexport const DatePickerControl = withContext(DatePicker.Control, \"control\", { baseComponent: true });\n\nexport const DatePickerInput = withContext(DatePicker.Input, \"input\", { baseComponent: true });\n\ninterface DatePickerLabelProps\n  extends Omit<DatePicker.LabelProps, \"color\">, StyledProps, TextProps, RefAttributes<HTMLLabelElement> {}\n\nconst InternalDatePickerLabel = withContext(DatePicker.Label, \"label\");\n\nexport const DatePickerLabel = ({\n  textStyle = \"label.medium\",\n  fontWeight = \"bold\",\n  ...props\n}: DatePickerLabelProps) => (\n  <InternalDatePickerLabel asChild>\n    <Label textStyle={textStyle} fontWeight={fontWeight} {...props} />\n  </InternalDatePickerLabel>\n);\n\nexport const DatePickerMonthSelect = withContext(DatePicker.MonthSelect, \"monthSelect\", { baseComponent: true });\n\ninterface DatePickerNextTrigger extends DatePicker.NextTriggerProps, StyledProps {}\n\nexport const DatePickerNextTrigger = withContext(DatePicker.NextTrigger, \"nextTrigger\", { baseComponent: true });\n\nexport const DatePickerPositioner = withContext(DatePicker.Positioner, \"positioner\", { baseComponent: true });\n\nexport const DatePickerPresetTrigger = withContext(DatePicker.PresetTrigger, \"presetTrigger\", { baseComponent: true });\n\nexport const DatePickerPrevTrigger = withContext(DatePicker.PrevTrigger, \"prevTrigger\", { baseComponent: true });\n\nexport const DatePickerRangeText = withContext(DatePicker.RangeText, \"rangeText\", { baseComponent: true });\n\nexport const DatePickerTableBody = withContext(DatePicker.TableBody, \"tableBody\", { baseComponent: true });\n\nexport const DatePickerTableCell = withContext(DatePicker.TableCell, \"tableCell\", { baseComponent: true });\n\nexport const DatePickerTableCellTrigger = withContext(DatePicker.TableCellTrigger, \"tableCellTrigger\", {\n  baseComponent: true,\n});\n\nexport const DatePickerTableHead = withContext(DatePicker.TableHead, \"tableHead\", { baseComponent: true });\n\nexport const DatePickerTableHeader = withContext(DatePicker.TableHeader, \"tableHeader\", { baseComponent: true });\n\nexport const DatePickerTable = withContext(DatePicker.Table, \"table\", { baseComponent: true });\n\nexport const DatePickerTableRow = withContext(DatePicker.TableRow, \"tableRow\", { baseComponent: true });\n\nexport const DatePickerTrigger = withContext(DatePicker.Trigger, \"trigger\", { baseComponent: true });\n\nexport const DatePickerViewControl = withContext(DatePicker.ViewControl, \"viewControl\", { baseComponent: true });\n\nexport const DatePickerView = withContext(DatePicker.View, \"view\", { baseComponent: true });\n\nexport const DatePickerViewTrigger = withContext(DatePicker.ViewTrigger, \"viewTrigger\", { baseComponent: true });\n\nexport const DatePickerYearSelect = withContext(DatePicker.YearSelect, \"yearSelect\", { baseComponent: true });\n\nexport { DatePickerContext } from \"@ark-ui/react\";\n"],"mappings":"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"}

package/es/Dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.mjs","names":["useDialog","_useDialog"],"sources":["../src/Dialog.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { Dialog, dialogAnatomy, useDialog as _useDialog } from \"@ark-ui/react\";\nimport { type RecipeVariantProps, sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext, styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef, type RefAttributes } from \"react\";\nimport { Heading, Text, type TextProps } from \"./Text\";\n\nconst dialogRecipe = sva({\n  slots: dialogAnatomy.keys(),\n  base: {\n    backdrop: {\n      position: \"fixed\",\n      height: \"100vh\",\n      width: \"100vw\",\n      left: \"0\",\n      top: \"0\",\n      // TODO: Consider if this should be a token. It's probably consistent enough between dark and light mode to be a token.\n      background: \"rgba(1, 1, 1, 0.3)\",\n      _open: {\n        animation: \"backdrop-in\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n      _closed: {\n        animation: \"backdrop-out\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n    },\n    positioner: {\n      position: \"fixed\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      overflow: \"hidden\",\n      left: \"0\",\n      top: \"0\",\n      width: \"100vw\",\n      height: \"100dvh\",\n    },\n    content: {\n      \"--margin\": \"token(sizes.medium)\",\n      position: \"relative\",\n      background: \"surface.default\",\n      boxShadow: \"xlarge\",\n      height: \"min-content\",\n      maxWidth: \"95%\",\n      maxHeight: \"95%\",\n      margin: \"auto\",\n      overflowY: \"auto\",\n      borderRadius: { base: \"sharp\", tablet: \"small\" },\n      paddingBlockStart: \"env(safe-area-inset-top)\",\n      paddingBlockEnd: \"env(safe-area-inset-bottom)\",\n      paddingInlineStart: \"env(safe-area-inset-left)\",\n      paddingInlineEnd: \"env(safe-area-inset-right)\",\n      tabletDown: {\n        \"--margin\": \"0px\",\n        minWidth: \"100%\",\n        minHeight: \"100%\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"medium\",\n    position: \"center\",\n    variant: \"dialog\",\n    context: \"dialog\",\n  },\n  compoundVariants: [\n    {\n      variant: \"drawer\",\n      position: \"left\",\n      css: {\n        content: {\n          minHeight: \"100%\",\n          maxHeight: \"100%\",\n          width: \"var(--size)\",\n          _open: {\n            animation: \"drawer-in-left\",\n            _motionReduce: {\n              animation: \"none\",\n            },\n          },\n          _closed: {\n            animation: \"drawer-out-left\",\n            _motionReduce: {\n              animation: \"none\",\n            },\n          },\n        },\n      },\n    },\n    {\n      variant: \"drawer\",\n      position: \"right\",\n      css: {\n        content: {\n          minHeight: \"100%\",\n          maxHeight: \"100%\",\n          width: \"var(--size)\",\n          _open: {\n            animation: \"drawer-in-right\",\n            _motionReduce: {\n              animation: \"none\",\n            },\n          },\n          _closed: {\n            animation: \"drawer-out-right\",\n            _motionReduce: {\n              animation: \"none\",\n            },\n          },\n        },\n      },\n    },\n    {\n      variant: \"drawer\",\n      position: \"top\",\n      css: {\n        content: {\n          minWidth: \"100%\",\n          maxWidth: \"100%\",\n          height: \"var(--size)\",\n          _open: {\n            animation: \"drawer-in-top\",\n            _motionReduce: {\n              animation: \"none\",\n            },\n          },\n          _closed: {\n            animation: \"drawer-out-top\",\n            _motionReduce: {\n              animation: \"none\",\n            },\n          },\n        },\n      },\n    },\n    {\n      variant: \"drawer\",\n      position: \"bottom\",\n      css: {\n        content: {\n          minWidth: \"100%\",\n          maxWidth: \"100%\",\n          height: \"var(--size)\",\n          _open: {\n            animation: \"drawer-in-bottom\",\n            _motionReduce: {\n              animation: \"none\",\n            },\n          },\n          _closed: {\n            animation: \"drawer-out-bottom\",\n            _motionReduce: {\n              animation: \"none\",\n            },\n          },\n        },\n      },\n    },\n    {\n      variant: \"drawer\",\n      size: \"xsmall\",\n      css: {\n        content: {\n          \"--size\": \"sizes.surface.3xsmall\",\n        },\n      },\n    },\n    {\n      variant: \"drawer\",\n      size: \"small\",\n      css: {\n        content: {\n          \"--size\": \"sizes.surface.xsmall\",\n        },\n      },\n    },\n    {\n      variant: \"drawer\",\n      size: \"medium\",\n      css: {\n        content: {\n          \"--size\": \"sizes.surface.medium\",\n        },\n      },\n    },\n    {\n      variant: \"drawer\",\n      size: \"large\",\n      css: {\n        content: {\n          \"--size\": \"sizes.surface.xlarge\",\n        },\n      },\n    },\n  ],\n  variants: {\n    context: {\n      dialog: {\n        positioner: {\n          zIndex: \"modal\",\n        },\n        backdrop: {\n          zIndex: \"overlay\",\n        },\n      },\n      alert: {\n        positioner: {\n          zIndex: \"alertModal\",\n        },\n        backdrop: {\n          zIndex: \"alertModalOverlay\",\n        },\n      },\n    },\n    variant: {\n      drawer: {\n        content: {\n          \"--margin\": \"0px\",\n          borderRadius: { base: \"sharp\", tablet: \"sharp\" },\n        },\n      },\n      dialog: {\n        content: {\n          width: \"var(--size)\",\n          _open: {\n            animation: \"dialog-in\",\n            _motionReduce: {\n              animation: \"none\",\n            },\n          },\n          _closed: {\n            animation: \"dialog-out\",\n            _motionReduce: {\n              animation: \"none\",\n            },\n          },\n        },\n      },\n    },\n    position: {\n      left: {\n        content: {\n          marginInlineStart: \"var(--margin)\",\n        },\n      },\n      center: {},\n      right: {\n        content: {\n          marginInlineEnd: \"var(--margin)\",\n        },\n      },\n      bottom: {\n        content: {\n          marginBlockEnd: \"var(--margin)\",\n        },\n      },\n      top: {\n        content: {\n          marginBlockStart: \"var(--margin)\",\n        },\n      },\n    },\n    size: {\n      full: {\n        content: {\n          \"--margin\": \"0px\",\n          minHeight: \"100%\",\n          minWidth: \"100%\",\n          borderRadius: \"sharp\",\n        },\n      },\n      xsmall: {\n        content: {\n          \"--size\": \"sizes.surface.xsmall\",\n        },\n      },\n      small: {\n        content: {\n          \"--size\": \"sizes.surface.medium\",\n        },\n      },\n      medium: {\n        content: {\n          \"--size\": \"sizes.surface.xlarge\",\n        },\n      },\n      large: {\n        content: {\n          \"--size\": \"sizes.surface.4xlarge\",\n        },\n      },\n    },\n  },\n});\n\nconst { withRootProvider, withContext } = createStyleContext(dialogRecipe);\n\nexport type DialogVariantProps = NonNullable<RecipeVariantProps<typeof dialogRecipe>>;\n\nexport interface DialogRootProps extends Dialog.RootProps, DialogVariantProps {}\n\nexport const InternalDialogRoot = withRootProvider(Dialog.Root);\n\nexport const DialogRoot = ({ lazyMount = true, unmountOnExit = true, ...props }: DialogRootProps) => (\n  <InternalDialogRoot lazyMount={lazyMount} unmountOnExit={unmountOnExit} {...props} />\n);\n\nexport const DialogBackdrop = withContext(Dialog.Backdrop, \"backdrop\", { baseComponent: true });\n\nexport const DialogStandaloneContent = withContext(Dialog.Content, \"content\", { baseComponent: true });\n\nexport const DialogPositioner = withContext(Dialog.Positioner, \"positioner\", { baseComponent: true });\n\ninterface DialogContentProps extends Dialog.ContentProps, StyledProps {}\n\nexport const DialogContent = forwardRef<HTMLDivElement, DialogContentProps>((props, ref) => (\n  <>\n    <DialogBackdrop />\n    <DialogPositioner>\n      <DialogStandaloneContent ref={ref} {...props} />\n    </DialogPositioner>\n  </>\n));\n\nconst InternalDialogDescription = withContext(Dialog.Description, \"description\");\n\ninterface DialogDescriptionProps\n  extends Omit<Dialog.DescriptionProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLParagraphElement> {}\n\nexport const DialogDescription = ({ textStyle = \"body.large\", children, ...rest }: DialogDescriptionProps) => {\n  return (\n    <InternalDialogDescription asChild>\n      <Text textStyle={textStyle} {...rest}>\n        {children}\n      </Text>\n    </InternalDialogDescription>\n  );\n};\n\nconst InternalDialogTitle = withContext(Dialog.Title, \"title\");\n\ninterface DialogTitleProps\n  extends Omit<Dialog.TitleProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLHeadingElement> {}\n\nexport const DialogTitle = ({ textStyle = \"title.medium\", children, ...rest }: DialogTitleProps) => (\n  <InternalDialogTitle asChild>\n    <Heading textStyle={textStyle} {...rest}>\n      {children}\n    </Heading>\n  </InternalDialogTitle>\n);\n\nexport const DialogTrigger = withContext(Dialog.Trigger, \"trigger\", { baseComponent: true });\n\nexport const DialogCloseTrigger = withContext(Dialog.CloseTrigger, \"closeTrigger\", { baseComponent: true });\n\nexport const DialogHeader = styled(\"div\", {\n  base: {\n    display: \"flex\",\n    paddingInline: \"medium\",\n    paddingBlockStart: \"medium\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    gap: \"xsmall\",\n  },\n});\n\nexport const DialogBody = styled(\"div\", {\n  base: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: \"xsmall\",\n    paddingInline: \"medium\",\n    paddingBlockStart: \"small\",\n    paddingBlockEnd: \"medium\",\n  },\n});\n\nexport const DialogFooter = styled(\"div\", {\n  base: {\n    display: \"flex\",\n    gap: \"3xsmall\",\n    alignItems: \"center\",\n    justifyContent: \"flex-end\",\n    paddingInline: \"medium\",\n    paddingBlockStart: \"small\",\n    paddingBlockEnd: \"medium\",\n  },\n});\n\nexport const DialogRootProvider = withRootProvider(Dialog.RootProvider);\n\nexport const useDialog = _useDialog;\n"],"mappings":";;;;;;;;;;;;;;AAoTA,MAAM,EAAE,kBAAkB,gBAAgB,mBArSrB,IAAI;CACvB,OAAO,cAAc,MAAM;CAC3B,MAAM;EACJ,UAAU;GACR,UAAU;GACV,QAAQ;GACR,OAAO;GACP,MAAM;GACN,KAAK;GAEL,YAAY;GACZ,OAAO;IACL,WAAW;IACX,eAAe,EACb,WAAW,QACZ;IACF;GACD,SAAS;IACP,WAAW;IACX,eAAe,EACb,WAAW,QACZ;IACF;GACF;EACD,YAAY;GACV,UAAU;GACV,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,UAAU;GACV,MAAM;GACN,KAAK;GACL,OAAO;GACP,QAAQ;GACT;EACD,SAAS;GACP,YAAY;GACZ,UAAU;GACV,YAAY;GACZ,WAAW;GACX,QAAQ;GACR,UAAU;GACV,WAAW;GACX,QAAQ;GACR,WAAW;GACX,cAAc;IAAE,MAAM;IAAS,QAAQ;IAAS;GAChD,mBAAmB;GACnB,iBAAiB;GACjB,oBAAoB;GACpB,kBAAkB;GAClB,YAAY;IACV,YAAY;IACZ,UAAU;IACV,WAAW;IACZ;GACF;EACF;CACD,iBAAiB;EACf,MAAM;EACN,UAAU;EACV,SAAS;EACT,SAAS;EACV;CACD,kBAAkB;EAChB;GACE,SAAS;GACT,UAAU;GACV,KAAK,EACH,SAAS;IACP,WAAW;IACX,WAAW;IACX,OAAO;IACP,OAAO;KACL,WAAW;KACX,eAAe,EACb,WAAW,QACZ;KACF;IACD,SAAS;KACP,WAAW;KACX,eAAe,EACb,WAAW,QACZ;KACF;IACF,EACF;GACF;EACD;GACE,SAAS;GACT,UAAU;GACV,KAAK,EACH,SAAS;IACP,WAAW;IACX,WAAW;IACX,OAAO;IACP,OAAO;KACL,WAAW;KACX,eAAe,EACb,WAAW,QACZ;KACF;IACD,SAAS;KACP,WAAW;KACX,eAAe,EACb,WAAW,QACZ;KACF;IACF,EACF;GACF;EACD;GACE,SAAS;GACT,UAAU;GACV,KAAK,EACH,SAAS;IACP,UAAU;IACV,UAAU;IACV,QAAQ;IACR,OAAO;KACL,WAAW;KACX,eAAe,EACb,WAAW,QACZ;KACF;IACD,SAAS;KACP,WAAW;KACX,eAAe,EACb,WAAW,QACZ;KACF;IACF,EACF;GACF;EACD;GACE,SAAS;GACT,UAAU;GACV,KAAK,EACH,SAAS;IACP,UAAU;IACV,UAAU;IACV,QAAQ;IACR,OAAO;KACL,WAAW;KACX,eAAe,EACb,WAAW,QACZ;KACF;IACD,SAAS;KACP,WAAW;KACX,eAAe,EACb,WAAW,QACZ;KACF;IACF,EACF;GACF;EACD;GACE,SAAS;GACT,MAAM;GACN,KAAK,EACH,SAAS,EACP,UAAU,yBACX,EACF;GACF;EACD;GACE,SAAS;GACT,MAAM;GACN,KAAK,EACH,SAAS,EACP,UAAU,wBACX,EACF;GACF;EACD;GACE,SAAS;GACT,MAAM;GACN,KAAK,EACH,SAAS,EACP,UAAU,wBACX,EACF;GACF;EACD;GACE,SAAS;GACT,MAAM;GACN,KAAK,EACH,SAAS,EACP,UAAU,wBACX,EACF;GACF;EACF;CACD,UAAU;EACR,SAAS;GACP,QAAQ;IACN,YAAY,EACV,QAAQ,SACT;IACD,UAAU,EACR,QAAQ,WACT;IACF;GACD,OAAO;IACL,YAAY,EACV,QAAQ,cACT;IACD,UAAU,EACR,QAAQ,qBACT;IACF;GACF;EACD,SAAS;GACP,QAAQ,EACN,SAAS;IACP,YAAY;IACZ,cAAc;KAAE,MAAM;KAAS,QAAQ;KAAS;IACjD,EACF;GACD,QAAQ,EACN,SAAS;IACP,OAAO;IACP,OAAO;KACL,WAAW;KACX,eAAe,EACb,WAAW,QACZ;KACF;IACD,SAAS;KACP,WAAW;KACX,eAAe,EACb,WAAW,QACZ;KACF;IACF,EACF;GACF;EACD,UAAU;GACR,MAAM,EACJ,SAAS,EACP,mBAAmB,iBACpB,EACF;GACD,QAAQ,EAAE;GACV,OAAO,EACL,SAAS,EACP,iBAAiB,iBAClB,EACF;GACD,QAAQ,EACN,SAAS,EACP,gBAAgB,iBACjB,EACF;GACD,KAAK,EACH,SAAS,EACP,kBAAkB,iBACnB,EACF;GACF;EACD,MAAM;GACJ,MAAM,EACJ,SAAS;IACP,YAAY;IACZ,WAAW;IACX,UAAU;IACV,cAAc;IACf,EACF;GACD,QAAQ,EACN,SAAS,EACP,UAAU,wBACX,EACF;GACD,OAAO,EACL,SAAS,EACP,UAAU,wBACX,EACF;GACD,QAAQ,EACN,SAAS,EACP,UAAU,wBACX,EACF;GACD,OAAO,EACL,SAAS,EACP,UAAU,yBACX,EACF;GACF;EACF;CACF,CAAC,CAEwE;AAM1E,MAAa,qBAAqB,iBAAiB,OAAO,KAAK;AAE/D,MAAa,cAAc,EAAE,YAAY,MAAM,gBAAgB,MAAM,GAAG,YACtE,oBAAC,oBAAD;CAA+B;CAA0B;CAAe,GAAI;CAAS,CAAA;AAGvF,MAAa,iBAAiB,YAAY,OAAO,UAAU,YAAY,EAAE,eAAe,MAAM,CAAC;AAE/F,MAAa,0BAA0B,YAAY,OAAO,SAAS,WAAW,EAAE,eAAe,MAAM,CAAC;AAEtG,MAAa,mBAAmB,YAAY,OAAO,YAAY,cAAc,EAAE,eAAe,MAAM,CAAC;AAIrG,MAAa,gBAAgB,YAAgD,OAAO,QAClF,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,gBAAD,EAAkB,CAAA,EAClB,oBAAC,kBAAD,EAAA,UACE,oBAAC,yBAAD;CAA8B;CAAK,GAAI;CAAS,CAAA,EAC/B,CAAA,CAClB,EAAA,CAAA,CACH;AAEF,MAAM,4BAA4B,YAAY,OAAO,aAAa,cAAc;AAKhF,MAAa,qBAAqB,EAAE,YAAY,cAAc,UAAU,GAAG,WAAmC;AAC5G,QACE,oBAAC,2BAAD;EAA2B,SAAA;YACzB,oBAAC,MAAD;GAAiB;GAAW,GAAI;GAC7B;GACI,CAAA;EACmB,CAAA;;AAIhC,MAAM,sBAAsB,YAAY,OAAO,OAAO,QAAQ;AAK9D,MAAa,eAAe,EAAE,YAAY,gBAAgB,UAAU,GAAG,WACrE,oBAAC,qBAAD;CAAqB,SAAA;WACnB,oBAAC,SAAD;EAAoB;EAAW,GAAI;EAChC;EACO,CAAA;CACU,CAAA;AAGxB,MAAa,gBAAgB,YAAY,OAAO,SAAS,WAAW,EAAE,eAAe,MAAM,CAAC;AAE5F,MAAa,qBAAqB,YAAY,OAAO,cAAc,gBAAgB,EAAE,eAAe,MAAM,CAAC;AAE3G,MAAa,eAAe,OAAO,OAAO,EACxC,MAAM;CACJ,SAAS;CACT,eAAe;CACf,mBAAmB;CACnB,gBAAgB;CAChB,YAAY;CACZ,KAAK;CACN,EACF,CAAC;AAEF,MAAa,aAAa,OAAO,OAAO,EACtC,MAAM;CACJ,SAAS;CACT,eAAe;CACf,KAAK;CACL,eAAe;CACf,mBAAmB;CACnB,iBAAiB;CAClB,EACF,CAAC;AAEF,MAAa,eAAe,OAAO,OAAO,EACxC,MAAM;CACJ,SAAS;CACT,KAAK;CACL,YAAY;CACZ,gBAAgB;CAChB,eAAe;CACf,mBAAmB;CACnB,iBAAiB;CAClB,EACF,CAAC;AAEF,MAAa,qBAAqB,iBAAiB,OAAO,aAAa;AAEvE,MAAaA,cAAYC"}
+{"version":3,"file":"Dialog.mjs","names":["useDialog","_useDialog"],"sources":["../src/Dialog.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { Dialog, dialogAnatomy, useDialog as _useDialog } from \"@ark-ui/react\";\nimport { type RecipeVariantProps, sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext, styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef, type RefAttributes } from \"react\";\nimport { Heading, Text, type TextProps } from \"./Text\";\n\nconst dialogRecipe = sva({\n  slots: dialogAnatomy.keys(),\n  base: {\n    backdrop: {\n      position: \"fixed\",\n      height: \"100vh\",\n      width: \"100vw\",\n      left: \"0\",\n      top: \"0\",\n      // TODO: Consider if this should be a token. It's probably consistent enough between dark and light mode to be a token.\n      background: \"rgba(1, 1, 1, 0.3)\",\n      _open: {\n        animation: \"backdrop-in\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n      _closed: {\n        animation: \"backdrop-out\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n    },\n    positioner: {\n      position: \"fixed\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      overflow: \"hidden\",\n      left: \"0\",\n      top: \"0\",\n      width: \"100vw\",\n      height: \"100dvh\",\n    },\n    content: {\n      \"--margin\": \"token(sizes.medium)\",\n      position: \"relative\",\n      background: \"surface.default\",\n      boxShadow: \"xlarge\",\n      height: \"min-content\",\n      maxWidth: \"95%\",\n      maxHeight: \"95%\",\n      margin: \"auto\",\n      overflowY: \"auto\",\n      borderRadius: { base: \"sharp\", tablet: \"small\" },\n      paddingBlockStart: \"env(safe-area-inset-top)\",\n      paddingBlockEnd: \"env(safe-area-inset-bottom)\",\n      paddingInlineStart: \"env(safe-area-inset-left)\",\n      paddingInlineEnd: \"env(safe-area-inset-right)\",\n      tabletDown: {\n        \"--margin\": \"0px\",\n        minWidth: \"100%\",\n        minHeight: \"100%\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"medium\",\n    position: \"center\",\n    variant: \"dialog\",\n    context: \"dialog\",\n  },\n  compoundVariants: [\n    {\n      variant: \"drawer\",\n      position: \"left\",\n      css: {\n        content: {\n          minHeight: \"100%\",\n          maxHeight: \"100%\",\n          width: \"var(--size)\",\n          _open: {\n            animation: \"drawer-in-left\",\n            _motionReduce: {\n              animation: \"none\",\n            },\n          },\n          _closed: {\n            animation: \"drawer-out-left\",\n            _motionReduce: {\n              animation: \"none\",\n            },\n          },\n        },\n      },\n    },\n    {\n      variant: \"drawer\",\n      position: \"right\",\n      css: {\n        content: {\n          minHeight: \"100%\",\n          maxHeight: \"100%\",\n          width: \"var(--size)\",\n          _open: {\n            animation: \"drawer-in-right\",\n            _motionReduce: {\n              animation: \"none\",\n            },\n          },\n          _closed: {\n            animation: \"drawer-out-right\",\n            _motionReduce: {\n              animation: \"none\",\n            },\n          },\n        },\n      },\n    },\n    {\n      variant: \"drawer\",\n      position: \"top\",\n      css: {\n        content: {\n          minWidth: \"100%\",\n          maxWidth: \"100%\",\n          height: \"var(--size)\",\n          _open: {\n            animation: \"drawer-in-top\",\n            _motionReduce: {\n              animation: \"none\",\n            },\n          },\n          _closed: {\n            animation: \"drawer-out-top\",\n            _motionReduce: {\n              animation: \"none\",\n            },\n          },\n        },\n      },\n    },\n    {\n      variant: \"drawer\",\n      position: \"bottom\",\n      css: {\n        content: {\n          minWidth: \"100%\",\n          maxWidth: \"100%\",\n          height: \"var(--size)\",\n          _open: {\n            animation: \"drawer-in-bottom\",\n            _motionReduce: {\n              animation: \"none\",\n            },\n          },\n          _closed: {\n            animation: \"drawer-out-bottom\",\n            _motionReduce: {\n              animation: \"none\",\n            },\n          },\n        },\n      },\n    },\n    {\n      variant: \"drawer\",\n      size: \"xsmall\",\n      css: {\n        content: {\n          \"--size\": \"sizes.surface.3xsmall\",\n        },\n      },\n    },\n    {\n      variant: \"drawer\",\n      size: \"small\",\n      css: {\n        content: {\n          \"--size\": \"sizes.surface.xsmall\",\n        },\n      },\n    },\n    {\n      variant: \"drawer\",\n      size: \"medium\",\n      css: {\n        content: {\n          \"--size\": \"sizes.surface.medium\",\n        },\n      },\n    },\n    {\n      variant: \"drawer\",\n      size: \"large\",\n      css: {\n        content: {\n          \"--size\": \"sizes.surface.xlarge\",\n        },\n      },\n    },\n  ],\n  variants: {\n    context: {\n      dialog: {\n        positioner: {\n          zIndex: \"modal\",\n        },\n        backdrop: {\n          zIndex: \"overlay\",\n        },\n      },\n      alert: {\n        positioner: {\n          zIndex: \"alertModal\",\n        },\n        backdrop: {\n          zIndex: \"alertModalOverlay\",\n        },\n      },\n    },\n    variant: {\n      drawer: {\n        content: {\n          \"--margin\": \"0px\",\n          borderRadius: { base: \"sharp\", tablet: \"sharp\" },\n        },\n      },\n      dialog: {\n        content: {\n          width: \"var(--size)\",\n          _open: {\n            animation: \"dialog-in\",\n            _motionReduce: {\n              animation: \"none\",\n            },\n          },\n          _closed: {\n            animation: \"dialog-out\",\n            _motionReduce: {\n              animation: \"none\",\n            },\n          },\n        },\n      },\n    },\n    position: {\n      left: {\n        content: {\n          marginInlineStart: \"var(--margin)\",\n        },\n      },\n      center: {},\n      right: {\n        content: {\n          marginInlineEnd: \"var(--margin)\",\n        },\n      },\n      bottom: {\n        content: {\n          marginBlockEnd: \"var(--margin)\",\n        },\n      },\n      top: {\n        content: {\n          marginBlockStart: \"var(--margin)\",\n        },\n      },\n    },\n    size: {\n      full: {\n        content: {\n          \"--margin\": \"0px\",\n          minHeight: \"100%\",\n          minWidth: \"100%\",\n          borderRadius: \"sharp\",\n        },\n      },\n      xsmall: {\n        content: {\n          \"--size\": \"sizes.surface.xsmall\",\n        },\n      },\n      small: {\n        content: {\n          \"--size\": \"sizes.surface.medium\",\n        },\n      },\n      medium: {\n        content: {\n          \"--size\": \"sizes.surface.xlarge\",\n        },\n      },\n      large: {\n        content: {\n          \"--size\": \"sizes.surface.4xlarge\",\n        },\n      },\n    },\n  },\n});\n\nconst { withRootProvider, withContext } = createStyleContext(dialogRecipe);\n\nexport type DialogVariantProps = NonNullable<RecipeVariantProps<typeof dialogRecipe>>;\n\nexport interface DialogRootProps extends Dialog.RootProps, DialogVariantProps {}\n\nexport const InternalDialogRoot = withRootProvider(Dialog.Root);\n\nexport const DialogRoot = ({ lazyMount = true, unmountOnExit = true, ...props }: DialogRootProps) => (\n  <InternalDialogRoot lazyMount={lazyMount} unmountOnExit={unmountOnExit} {...props} />\n);\n\nexport const DialogBackdrop = withContext(Dialog.Backdrop, \"backdrop\", { baseComponent: true });\n\nexport const DialogStandaloneContent = withContext(Dialog.Content, \"content\", { baseComponent: true });\n\nexport const DialogPositioner = withContext(Dialog.Positioner, \"positioner\", { baseComponent: true });\n\ninterface DialogContentProps extends Dialog.ContentProps, StyledProps {}\n\nexport const DialogContent = forwardRef<HTMLDivElement, DialogContentProps>((props, ref) => (\n  <>\n    <DialogBackdrop />\n    <DialogPositioner>\n      <DialogStandaloneContent ref={ref} {...props} />\n    </DialogPositioner>\n  </>\n));\n\nconst InternalDialogDescription = withContext(Dialog.Description, \"description\");\n\ninterface DialogDescriptionProps\n  extends Omit<Dialog.DescriptionProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLParagraphElement> {}\n\nexport const DialogDescription = ({ textStyle = \"body.large\", children, ...rest }: DialogDescriptionProps) => {\n  return (\n    <InternalDialogDescription asChild>\n      <Text textStyle={textStyle} {...rest}>\n        {children}\n      </Text>\n    </InternalDialogDescription>\n  );\n};\n\nconst InternalDialogTitle = withContext(Dialog.Title, \"title\");\n\ninterface DialogTitleProps\n  extends Omit<Dialog.TitleProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLHeadingElement> {}\n\nexport const DialogTitle = ({ textStyle = \"title.medium\", children, ...rest }: DialogTitleProps) => (\n  <InternalDialogTitle asChild>\n    <Heading textStyle={textStyle} {...rest}>\n      {children}\n    </Heading>\n  </InternalDialogTitle>\n);\n\nexport const DialogTrigger = withContext(Dialog.Trigger, \"trigger\", { baseComponent: true });\n\nexport const DialogCloseTrigger = withContext(Dialog.CloseTrigger, \"closeTrigger\", { baseComponent: true });\n\nexport const DialogHeader = styled(\"div\", {\n  base: {\n    display: \"flex\",\n    paddingInline: \"medium\",\n    paddingBlockStart: \"medium\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    gap: \"xsmall\",\n  },\n});\n\nexport const DialogBody = styled(\"div\", {\n  base: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: \"xsmall\",\n    paddingInline: \"medium\",\n    paddingBlockStart: \"small\",\n    paddingBlockEnd: \"medium\",\n  },\n});\n\nexport const DialogFooter = styled(\"div\", {\n  base: {\n    display: \"flex\",\n    gap: \"3xsmall\",\n    alignItems: \"center\",\n    justifyContent: \"flex-end\",\n    paddingInline: \"medium\",\n    paddingBlockStart: \"small\",\n    paddingBlockEnd: \"medium\",\n  },\n});\n\nexport const DialogRootProvider = withRootProvider(Dialog.RootProvider);\n\nexport const useDialog = _useDialog;\n"],"mappings":";;;;;;;;;;;;;;AAoTA,MAAM,EAAE,kBAAkB,gBAAgB,mBArSrB,IAAI;CACvB,OAAO,cAAc,MAAM;CAC3B,MAAM;EACJ,UAAU;GACR,UAAU;GACV,QAAQ;GACR,OAAO;GACP,MAAM;GACN,KAAK;GAEL,YAAY;GACZ,OAAO;IACL,WAAW;IACX,eAAe,EACb,WAAW,QACZ;IACF;GACD,SAAS;IACP,WAAW;IACX,eAAe,EACb,WAAW,QACZ;IACF;GACF;EACD,YAAY;GACV,UAAU;GACV,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,UAAU;GACV,MAAM;GACN,KAAK;GACL,OAAO;GACP,QAAQ;GACT;EACD,SAAS;GACP,YAAY;GACZ,UAAU;GACV,YAAY;GACZ,WAAW;GACX,QAAQ;GACR,UAAU;GACV,WAAW;GACX,QAAQ;GACR,WAAW;GACX,cAAc;IAAE,MAAM;IAAS,QAAQ;IAAS;GAChD,mBAAmB;GACnB,iBAAiB;GACjB,oBAAoB;GACpB,kBAAkB;GAClB,YAAY;IACV,YAAY;IACZ,UAAU;IACV,WAAW;IACZ;GACF;EACF;CACD,iBAAiB;EACf,MAAM;EACN,UAAU;EACV,SAAS;EACT,SAAS;EACV;CACD,kBAAkB;EAChB;GACE,SAAS;GACT,UAAU;GACV,KAAK,EACH,SAAS;IACP,WAAW;IACX,WAAW;IACX,OAAO;IACP,OAAO;KACL,WAAW;KACX,eAAe,EACb,WAAW,QACZ;KACF;IACD,SAAS;KACP,WAAW;KACX,eAAe,EACb,WAAW,QACZ;KACF;IACF,EACF;GACF;EACD;GACE,SAAS;GACT,UAAU;GACV,KAAK,EACH,SAAS;IACP,WAAW;IACX,WAAW;IACX,OAAO;IACP,OAAO;KACL,WAAW;KACX,eAAe,EACb,WAAW,QACZ;KACF;IACD,SAAS;KACP,WAAW;KACX,eAAe,EACb,WAAW,QACZ;KACF;IACF,EACF;GACF;EACD;GACE,SAAS;GACT,UAAU;GACV,KAAK,EACH,SAAS;IACP,UAAU;IACV,UAAU;IACV,QAAQ;IACR,OAAO;KACL,WAAW;KACX,eAAe,EACb,WAAW,QACZ;KACF;IACD,SAAS;KACP,WAAW;KACX,eAAe,EACb,WAAW,QACZ;KACF;IACF,EACF;GACF;EACD;GACE,SAAS;GACT,UAAU;GACV,KAAK,EACH,SAAS;IACP,UAAU;IACV,UAAU;IACV,QAAQ;IACR,OAAO;KACL,WAAW;KACX,eAAe,EACb,WAAW,QACZ;KACF;IACD,SAAS;KACP,WAAW;KACX,eAAe,EACb,WAAW,QACZ;KACF;IACF,EACF;GACF;EACD;GACE,SAAS;GACT,MAAM;GACN,KAAK,EACH,SAAS,EACP,UAAU,yBACX,EACF;GACF;EACD;GACE,SAAS;GACT,MAAM;GACN,KAAK,EACH,SAAS,EACP,UAAU,wBACX,EACF;GACF;EACD;GACE,SAAS;GACT,MAAM;GACN,KAAK,EACH,SAAS,EACP,UAAU,wBACX,EACF;GACF;EACD;GACE,SAAS;GACT,MAAM;GACN,KAAK,EACH,SAAS,EACP,UAAU,wBACX,EACF;GACF;EACF;CACD,UAAU;EACR,SAAS;GACP,QAAQ;IACN,YAAY,EACV,QAAQ,SACT;IACD,UAAU,EACR,QAAQ,WACT;IACF;GACD,OAAO;IACL,YAAY,EACV,QAAQ,cACT;IACD,UAAU,EACR,QAAQ,qBACT;IACF;GACF;EACD,SAAS;GACP,QAAQ,EACN,SAAS;IACP,YAAY;IACZ,cAAc;KAAE,MAAM;KAAS,QAAQ;KAAS;IACjD,EACF;GACD,QAAQ,EACN,SAAS;IACP,OAAO;IACP,OAAO;KACL,WAAW;KACX,eAAe,EACb,WAAW,QACZ;KACF;IACD,SAAS;KACP,WAAW;KACX,eAAe,EACb,WAAW,QACZ;KACF;IACF,EACF;GACF;EACD,UAAU;GACR,MAAM,EACJ,SAAS,EACP,mBAAmB,iBACpB,EACF;GACD,QAAQ,EAAE;GACV,OAAO,EACL,SAAS,EACP,iBAAiB,iBAClB,EACF;GACD,QAAQ,EACN,SAAS,EACP,gBAAgB,iBACjB,EACF;GACD,KAAK,EACH,SAAS,EACP,kBAAkB,iBACnB,EACF;GACF;EACD,MAAM;GACJ,MAAM,EACJ,SAAS;IACP,YAAY;IACZ,WAAW;IACX,UAAU;IACV,cAAc;IACf,EACF;GACD,QAAQ,EACN,SAAS,EACP,UAAU,wBACX,EACF;GACD,OAAO,EACL,SAAS,EACP,UAAU,wBACX,EACF;GACD,QAAQ,EACN,SAAS,EACP,UAAU,wBACX,EACF;GACD,OAAO,EACL,SAAS,EACP,UAAU,yBACX,EACF;GACF;EACF;CACF,CAEwE,CAAC;AAM1E,MAAa,qBAAqB,iBAAiB,OAAO,KAAK;AAE/D,MAAa,cAAc,EAAE,YAAY,MAAM,gBAAgB,MAAM,GAAG,YACtE,oBAAC,oBAAD;CAA+B;CAA0B;CAAe,GAAI;CAAS,CAAA;AAGvF,MAAa,iBAAiB,YAAY,OAAO,UAAU,YAAY,EAAE,eAAe,MAAM,CAAC;AAE/F,MAAa,0BAA0B,YAAY,OAAO,SAAS,WAAW,EAAE,eAAe,MAAM,CAAC;AAEtG,MAAa,mBAAmB,YAAY,OAAO,YAAY,cAAc,EAAE,eAAe,MAAM,CAAC;AAIrG,MAAa,gBAAgB,YAAgD,OAAO,QAClF,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,gBAAD,EAAkB,CAAA,EAClB,oBAAC,kBAAD,EAAA,UACE,oBAAC,yBAAD;CAA8B;CAAK,GAAI;CAAS,CAAA,EAC/B,CAAA,CAClB,EAAA,CAAA,CACH;AAEF,MAAM,4BAA4B,YAAY,OAAO,aAAa,cAAc;AAKhF,MAAa,qBAAqB,EAAE,YAAY,cAAc,UAAU,GAAG,WAAmC;AAC5G,QACE,oBAAC,2BAAD;EAA2B,SAAA;YACzB,oBAAC,MAAD;GAAiB;GAAW,GAAI;GAC7B;GACI,CAAA;EACmB,CAAA;;AAIhC,MAAM,sBAAsB,YAAY,OAAO,OAAO,QAAQ;AAK9D,MAAa,eAAe,EAAE,YAAY,gBAAgB,UAAU,GAAG,WACrE,oBAAC,qBAAD;CAAqB,SAAA;WACnB,oBAAC,SAAD;EAAoB;EAAW,GAAI;EAChC;EACO,CAAA;CACU,CAAA;AAGxB,MAAa,gBAAgB,YAAY,OAAO,SAAS,WAAW,EAAE,eAAe,MAAM,CAAC;AAE5F,MAAa,qBAAqB,YAAY,OAAO,cAAc,gBAAgB,EAAE,eAAe,MAAM,CAAC;AAE3G,MAAa,eAAe,OAAO,OAAO,EACxC,MAAM;CACJ,SAAS;CACT,eAAe;CACf,mBAAmB;CACnB,gBAAgB;CAChB,YAAY;CACZ,KAAK;CACN,EACF,CAAC;AAEF,MAAa,aAAa,OAAO,OAAO,EACtC,MAAM;CACJ,SAAS;CACT,eAAe;CACf,KAAK;CACL,eAAe;CACf,mBAAmB;CACnB,iBAAiB;CAClB,EACF,CAAC;AAEF,MAAa,eAAe,OAAO,OAAO,EACxC,MAAM;CACJ,SAAS;CACT,KAAK;CACL,YAAY;CACZ,gBAAgB;CAChB,eAAe;CACf,mBAAmB;CACnB,iBAAiB;CAClB,EACF,CAAC;AAEF,MAAa,qBAAqB,iBAAiB,OAAO,aAAa;AAEvE,MAAaA,cAAYC"}