@ndla/primitives 1.0.124-alpha.0 → 1.0.126-alpha.0

package/lib/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","names":["radioGroupAnatomy","RadioGroup","ark","Text"],"sources":["../src/RadioGroup.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, RadioGroup, radioGroupAnatomy } from \"@ark-ui/react\";\nimport { 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 { Text, type TextProps } from \"./Text\";\n\nconst radioGroupRecipe = sva({\n  slots: radioGroupAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexWrap: \"wrap\",\n      position: \"relative\",\n      gap: \"small\",\n      _vertical: {\n        flexDirection: \"column\",\n      },\n      _horizontal: {\n        flexDirection: \"row\",\n      },\n    },\n    itemControl: {\n      flexShrink: \"0\",\n      background: \"surface.default\",\n      borderColor: \"stroke.subtle\",\n      borderRadius: \"full\",\n      borderWidth: \"2px\",\n      width: \"medium\",\n      height: \"medium\",\n      outlineStyle: \"solid\",\n      outlineWidth: \"4px\",\n      outlineOffset: \"-6px\",\n      outlineColor: \"surface.default\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"background, border-color, box-shadow\",\n      transitionTimingFunction: \"default\",\n      _hover: {\n        boxShadow: \"0 0 0 4px var(--shadow-color)\",\n        boxShadowColor: \"surface.actionSubtle.hover.strong\",\n      },\n      _checked: {\n        background: \"stroke.default\",\n        borderColor: \"stroke.default\",\n      },\n      _disabled: {\n        borderColor: \"stroke.disabled\",\n        _hover: {\n          borderColor: \"stroke.disabled\",\n          boxShadow: \"none\",\n        },\n      },\n      _motionReduce: {\n        transition: \"none\",\n        transitionDuration: \"0s\",\n      },\n    },\n    item: {\n      display: \"flex\",\n      alignItems: \"center\",\n      cursor: \"pointer\",\n      gap: \"xxsmall\",\n      _disabled: {\n        cursor: \"not-allowed\",\n      },\n      \"&:has(input:focus-visible)\": {\n        outline: \"2px solid\",\n        outlineOffset: \"4xsmall\",\n        outlineColor: \"stroke.default\",\n        borderRadius: \"xsmall\",\n      },\n    },\n    itemText: {\n      _hover: {\n        color: \"text.action\",\n      },\n      _disabled: {\n        color: \"text.disabled\",\n        _hover: {\n          color: \"text.disabled\",\n        },\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(radioGroupRecipe);\n\nexport interface RadioGroupRootProps extends RadioGroup.RootProps, StyledProps {}\n\nexport const RadioGroupRoot = withProvider(RadioGroup.Root, \"root\", {\n  baseComponent: true,\n});\n\nexport const RadioGroupIndicator = withContext(RadioGroup.Indicator, \"indicator\", { baseComponent: true });\n\nexport const RadioGroupItemControl = withContext(RadioGroup.ItemControl, \"itemControl\", { baseComponent: true });\n\nexport const RadioGroupItem = withContext(RadioGroup.Item, \"item\", { baseComponent: true });\n\nconst InternalRadioGroupItemText = withContext(RadioGroup.ItemText, \"itemText\");\n\nconst InnerRadioGroupItemText = styled(ark.span, {}, { baseComponent: true });\n\ninterface RadioGroupItemTextProps\n  extends Omit<RadioGroup.ItemTextProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLParagraphElement> {}\n\nexport const RadioGroupItemText = ({\n  textStyle = \"label.medium\",\n  children,\n  asChild,\n  consumeCss,\n  ...props\n}: RadioGroupItemTextProps) => (\n  <InternalRadioGroupItemText asChild>\n    <Text asChild consumeCss textStyle={textStyle} {...props}>\n      <InnerRadioGroupItemText asChild={asChild} consumeCss={consumeCss}>\n        {children}\n      </InnerRadioGroupItemText>\n    </Text>\n  </InternalRadioGroupItemText>\n);\n\nexport const InternalRadioGroupLabel = withContext(RadioGroup.Label, \"label\");\n\nconst InnerRadioGroupLabel = styled(ark.div, {}, { baseComponent: true });\n\ninterface RadioGroupLabelProps\n  extends Omit<RadioGroup.LabelProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLLabelElement> {}\n\nexport const RadioGroupLabel = forwardRef<HTMLLabelElement, RadioGroupLabelProps>(\n  ({ textStyle = \"label.large\", fontWeight = \"bold\", children, asChild, consumeCss, ...props }, ref) => (\n    <InternalRadioGroupLabel {...props} asChild ref={ref}>\n      <Text textStyle={textStyle} fontWeight={fontWeight} asChild>\n        <InnerRadioGroupLabel asChild={asChild} consumeCss={consumeCss}>\n          {children}\n        </InnerRadioGroupLabel>\n      </Text>\n    </InternalRadioGroupLabel>\n  ),\n);\n\nexport const RadioGroupItemHiddenInput = RadioGroup.ItemHiddenInput;\n"],"mappings":";;;;;;;;;;;;;;;AA8FA,MAAM,EAAE,cAAc,iGA/EO;CAC3B,OAAOA,gCAAkB,MAAM;CAC/B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,UAAU;GACV,UAAU;GACV,KAAK;GACL,WAAW,EACT,eAAe,UAChB;GACD,aAAa,EACX,eAAe,OAChB;GACF;EACD,aAAa;GACX,YAAY;GACZ,YAAY;GACZ,aAAa;GACb,cAAc;GACd,aAAa;GACb,OAAO;GACP,QAAQ;GACR,cAAc;GACd,cAAc;GACd,eAAe;GACf,cAAc;GACd,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,QAAQ;IACN,WAAW;IACX,gBAAgB;IACjB;GACD,UAAU;IACR,YAAY;IACZ,aAAa;IACd;GACD,WAAW;IACT,aAAa;IACb,QAAQ;KACN,aAAa;KACb,WAAW;KACZ;IACF;GACD,eAAe;IACb,YAAY;IACZ,oBAAoB;IACrB;GACF;EACD,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,QAAQ;GACR,KAAK;GACL,WAAW,EACT,QAAQ,eACT;GACD,8BAA8B;IAC5B,SAAS;IACT,eAAe;IACf,cAAc;IACd,cAAc;IACf;GACF;EACD,UAAU;GACR,QAAQ,EACN,OAAO,eACR;GACD,WAAW;IACT,OAAO;IACP,QAAQ,EACN,OAAO,iBACR;IACF;GACF;EACF;CACF,CAAC,CAEwE;AAI1E,MAAa,iBAAiB,aAAaC,yBAAW,MAAM,QAAQ,EAClE,eAAe,MAChB,CAAC;AAEF,MAAa,sBAAsB,YAAYA,yBAAW,WAAW,aAAa,EAAE,eAAe,MAAM,CAAC;AAE1G,MAAa,wBAAwB,YAAYA,yBAAW,aAAa,eAAe,EAAE,eAAe,MAAM,CAAC;AAEhH,MAAa,iBAAiB,YAAYA,yBAAW,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAE3F,MAAM,6BAA6B,YAAYA,yBAAW,UAAU,WAAW;AAE/E,MAAM,8DAAiCC,kBAAI,MAAM,EAAE,EAAE,EAAE,eAAe,MAAM,CAAC;AAK7E,MAAa,sBAAsB,EACjC,YAAY,gBACZ,UACA,SACA,YACA,GAAG,YAEH,2CAAC;CAA2B;WAC1B,2CAACC;EAAK;EAAQ;EAAsB;EAAW,GAAI;YACjD,2CAAC;GAAiC;GAAqB;GACpD;IACuB;GACrB;EACoB;AAG/B,MAAa,0BAA0B,YAAYF,yBAAW,OAAO,QAAQ;AAE7E,MAAM,2DAA8BC,kBAAI,KAAK,EAAE,EAAE,EAAE,eAAe,MAAM,CAAC;AAKzE,MAAa,yCACV,EAAE,YAAY,eAAe,aAAa,QAAQ,UAAU,SAAS,YAAY,GAAG,SAAS,QAC5F,2CAAC;CAAwB,GAAI;CAAO;CAAa;WAC/C,2CAACC;EAAgB;EAAuB;EAAY;YAClD,2CAAC;GAA8B;GAAqB;GACjD;IACoB;GAClB;EACiB,CAE7B;AAED,MAAa,4BAA4BF,yBAAW"}
+{"version":3,"file":"RadioGroup.js","names":["radioGroupAnatomy","RadioGroup","ark","Text"],"sources":["../src/RadioGroup.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, RadioGroup, radioGroupAnatomy } from \"@ark-ui/react\";\nimport { 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 { Text, type TextProps } from \"./Text\";\n\nconst radioGroupRecipe = sva({\n  slots: radioGroupAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexWrap: \"wrap\",\n      position: \"relative\",\n      gap: \"small\",\n      _vertical: {\n        flexDirection: \"column\",\n      },\n      _horizontal: {\n        flexDirection: \"row\",\n      },\n    },\n    itemControl: {\n      flexShrink: \"0\",\n      background: \"surface.default\",\n      borderColor: \"stroke.subtle\",\n      borderRadius: \"full\",\n      borderWidth: \"2px\",\n      width: \"medium\",\n      height: \"medium\",\n      outlineStyle: \"solid\",\n      outlineWidth: \"4px\",\n      outlineOffset: \"-6px\",\n      outlineColor: \"surface.default\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"background, border-color, box-shadow\",\n      transitionTimingFunction: \"default\",\n      _hover: {\n        boxShadow: \"0 0 0 4px var(--shadow-color)\",\n        boxShadowColor: \"surface.actionSubtle.hover.strong\",\n      },\n      _checked: {\n        background: \"stroke.default\",\n        borderColor: \"stroke.default\",\n      },\n      _disabled: {\n        borderColor: \"stroke.disabled\",\n        _hover: {\n          borderColor: \"stroke.disabled\",\n          boxShadow: \"none\",\n        },\n      },\n      _motionReduce: {\n        transition: \"none\",\n        transitionDuration: \"0s\",\n      },\n    },\n    item: {\n      display: \"flex\",\n      alignItems: \"center\",\n      cursor: \"pointer\",\n      gap: \"xxsmall\",\n      _disabled: {\n        cursor: \"not-allowed\",\n      },\n      \"&:has(input:focus-visible)\": {\n        outline: \"2px solid\",\n        outlineOffset: \"4xsmall\",\n        outlineColor: \"stroke.default\",\n        borderRadius: \"xsmall\",\n      },\n    },\n    itemText: {\n      _hover: {\n        color: \"text.action\",\n      },\n      _disabled: {\n        color: \"text.disabled\",\n        _hover: {\n          color: \"text.disabled\",\n        },\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(radioGroupRecipe);\n\nexport interface RadioGroupRootProps extends RadioGroup.RootProps, StyledProps {}\n\nexport const RadioGroupRoot = withProvider(RadioGroup.Root, \"root\", {\n  baseComponent: true,\n});\n\nexport const RadioGroupIndicator = withContext(RadioGroup.Indicator, \"indicator\", { baseComponent: true });\n\nexport const RadioGroupItemControl = withContext(RadioGroup.ItemControl, \"itemControl\", { baseComponent: true });\n\nexport const RadioGroupItem = withContext(RadioGroup.Item, \"item\", { baseComponent: true });\n\nconst InternalRadioGroupItemText = withContext(RadioGroup.ItemText, \"itemText\");\n\nconst InnerRadioGroupItemText = styled(ark.span, {}, { baseComponent: true });\n\ninterface RadioGroupItemTextProps\n  extends Omit<RadioGroup.ItemTextProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLParagraphElement> {}\n\nexport const RadioGroupItemText = ({\n  textStyle = \"label.medium\",\n  children,\n  asChild,\n  consumeCss,\n  ...props\n}: RadioGroupItemTextProps) => (\n  <InternalRadioGroupItemText asChild>\n    <Text asChild consumeCss textStyle={textStyle} {...props}>\n      <InnerRadioGroupItemText asChild={asChild} consumeCss={consumeCss}>\n        {children}\n      </InnerRadioGroupItemText>\n    </Text>\n  </InternalRadioGroupItemText>\n);\n\nexport const InternalRadioGroupLabel = withContext(RadioGroup.Label, \"label\");\n\nconst InnerRadioGroupLabel = styled(ark.div, {}, { baseComponent: true });\n\ninterface RadioGroupLabelProps\n  extends Omit<RadioGroup.LabelProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLLabelElement> {}\n\nexport const RadioGroupLabel = forwardRef<HTMLLabelElement, RadioGroupLabelProps>(\n  ({ textStyle = \"label.large\", fontWeight = \"bold\", children, asChild, consumeCss, ...props }, ref) => (\n    <InternalRadioGroupLabel {...props} asChild ref={ref}>\n      <Text textStyle={textStyle} fontWeight={fontWeight} asChild>\n        <InnerRadioGroupLabel asChild={asChild} consumeCss={consumeCss}>\n          {children}\n        </InnerRadioGroupLabel>\n      </Text>\n    </InternalRadioGroupLabel>\n  ),\n);\n\nexport const RadioGroupItemHiddenInput = RadioGroup.ItemHiddenInput;\n"],"mappings":";;;;;;;;;;;;;;AA8FA,MAAM,EAAE,cAAc,iBAAA,GAAA,wBAAA,qBAAA,GAAA,wBAAA,KA/EO;CAC3B,OAAOA,cAAAA,kBAAkB,MAAM;CAC/B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,UAAU;GACV,UAAU;GACV,KAAK;GACL,WAAW,EACT,eAAe,UAChB;GACD,aAAa,EACX,eAAe,OAChB;GACF;EACD,aAAa;GACX,YAAY;GACZ,YAAY;GACZ,aAAa;GACb,cAAc;GACd,aAAa;GACb,OAAO;GACP,QAAQ;GACR,cAAc;GACd,cAAc;GACd,eAAe;GACf,cAAc;GACd,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,QAAQ;IACN,WAAW;IACX,gBAAgB;IACjB;GACD,UAAU;IACR,YAAY;IACZ,aAAa;IACd;GACD,WAAW;IACT,aAAa;IACb,QAAQ;KACN,aAAa;KACb,WAAW;KACZ;IACF;GACD,eAAe;IACb,YAAY;IACZ,oBAAoB;IACrB;GACF;EACD,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,QAAQ;GACR,KAAK;GACL,WAAW,EACT,QAAQ,eACT;GACD,8BAA8B;IAC5B,SAAS;IACT,eAAe;IACf,cAAc;IACd,cAAc;IACf;GACF;EACD,UAAU;GACR,QAAQ,EACN,OAAO,eACR;GACD,WAAW;IACT,OAAO;IACP,QAAQ,EACN,OAAO,iBACR;IACF;GACF;EACF;CACF,CAAC,CAEwE;AAI1E,MAAa,iBAAiB,aAAaC,cAAAA,WAAW,MAAM,QAAQ,EAClE,eAAe,MAChB,CAAC;AAEF,MAAa,sBAAsB,YAAYA,cAAAA,WAAW,WAAW,aAAa,EAAE,eAAe,MAAM,CAAC;AAE1G,MAAa,wBAAwB,YAAYA,cAAAA,WAAW,aAAa,eAAe,EAAE,eAAe,MAAM,CAAC;AAEhH,MAAa,iBAAiB,YAAYA,cAAAA,WAAW,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAE3F,MAAM,6BAA6B,YAAYA,cAAAA,WAAW,UAAU,WAAW;AAE/E,MAAM,2BAAA,GAAA,wBAAA,QAAiCC,cAAAA,IAAI,MAAM,EAAE,EAAE,EAAE,eAAe,MAAM,CAAC;AAK7E,MAAa,sBAAsB,EACjC,YAAY,gBACZ,UACA,SACA,YACA,GAAG,YAEH,iBAAA,GAAA,kBAAA,KAAC,4BAAD;CAA4B,SAAA;WAC1B,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAM,SAAA;EAAQ,YAAA;EAAsB;EAAW,GAAI;YACjD,iBAAA,GAAA,kBAAA,KAAC,yBAAD;GAAkC;GAAqB;GACpD;GACuB,CAAA;EACrB,CAAA;CACoB,CAAA;AAG/B,MAAa,0BAA0B,YAAYF,cAAAA,WAAW,OAAO,QAAQ;AAE7E,MAAM,wBAAA,GAAA,wBAAA,QAA8BC,cAAAA,IAAI,KAAK,EAAE,EAAE,EAAE,eAAe,MAAM,CAAC;AAKzE,MAAa,mBAAA,GAAA,MAAA,aACV,EAAE,YAAY,eAAe,aAAa,QAAQ,UAAU,SAAS,YAAY,GAAG,SAAS,QAC5F,iBAAA,GAAA,kBAAA,KAAC,yBAAD;CAAyB,GAAI;CAAO,SAAA;CAAa;WAC/C,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAiB;EAAuB;EAAY,SAAA;YAClD,iBAAA,GAAA,kBAAA,KAAC,sBAAD;GAA+B;GAAqB;GACjD;GACoB,CAAA;EAClB,CAAA;CACiB,CAAA,CAE7B;AAED,MAAa,4BAA4BF,cAAAA,WAAW"}

package/lib/Select.js

@@ -1,10 +1,9 @@
-const require_Label = require('./Label.js');
+const require_Label = require("./Label.js");
 let _ark_ui_react = require("@ark-ui/react");
 let _ndla_styled_system_css = require("@ndla/styled-system/css");
 let _ndla_styled_system_jsx = require("@ndla/styled-system/jsx");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
-
 //#region src/Select.tsx
 /**
 * Copyright (c) 2024-present, NDLA.
@@ -157,7 +156,6 @@ const SelectTrigger = withContext(_ark_ui_react.Select.Trigger, "trigger", { bas
 const SelectValueText = withContext(_ark_ui_react.Select.ValueText, "valueText", { baseComponent: true });
 const SelectList = withContext(_ark_ui_react.Select.List, "list", { baseComponent: true });
 const SelectHiddenSelect = _ark_ui_react.Select.HiddenSelect;
-
 //#endregion
 exports.SelectClearTrigger = SelectClearTrigger;
 exports.SelectContent = SelectContent;
@@ -176,4 +174,5 @@ exports.SelectPositioner = SelectPositioner;
 exports.SelectRoot = SelectRoot;
 exports.SelectTrigger = SelectTrigger;
 exports.SelectValueText = SelectValueText;
+
 //# sourceMappingURL=Select.js.map

package/lib/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["selectAnatomy","Select","Label"],"sources":["../src/Select.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 { Select, selectAnatomy } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef, type ElementType, type RefAttributes } from \"react\";\nimport { Label } from \"./Label\";\nimport { type TextProps } from \"./Text\";\n\nconst selectRecipe = sva({\n  slots: selectAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"3xsmall\",\n    },\n    control: {\n      display: \"flex\",\n      gap: \"4xsmall\",\n      alignItems: \"center\",\n    },\n    content: {\n      display: \"flex\",\n      gap: \"4xsmall\",\n      flexDirection: \"column\",\n      zIndex: \"dropdown\",\n      background: \"surface.default\",\n      borderRadius: \"xsmall\",\n      boxShadow: \"large\",\n      padding: \"xsmall\",\n      overflowY: \"auto\",\n      maxHeight: \"min(token(spacing.surface.xsmall), 45vh)\",\n      _focusVisible: {\n        outlineOffset: \"-1\",\n      },\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      alignItems: \"center\",\n      justifyContent: \"space-between\",\n      padding: \"xsmall\",\n      background: \"surface.default\",\n      borderRadius: \"xsmall\",\n      cursor: \"pointer\",\n      transitionDuration: \"fast\",\n      transitionProperty: \"background, color\",\n      transitionTimingFunction: \"default\",\n      _hover: {\n        background: \"surface.hover\",\n      },\n      _selected: {\n        background: \"surface.selected\",\n        _hover: {\n          background: \"surface.hover\",\n        },\n        _highlighted: {\n          background: \"surface.hover\",\n        },\n      },\n      _highlighted: {\n        background: \"surface.hover\",\n        _hover: {\n          background: \"surface.hover\",\n        },\n      },\n      _disabled: {\n        cursor: \"not-allowed\",\n        color: \"text.disabled\",\n        background: \"surface.disabled\",\n        _highlighted: {\n          color: \"text.disabled\",\n          background: \"surface.disabled\",\n        },\n        _selected: {\n          color: \"text.disabled\",\n          background: \"surface.disabled\",\n        },\n        _hover: {\n          color: \"text.disabled\",\n          background: \"surface.disabled\",\n        },\n      },\n    },\n    indicator: {\n      color: \"icon.default\",\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    itemIndicator: {\n      color: \"stroke.default\",\n    },\n    itemText: {\n      _checked: {\n        textDecoration: \"underline\",\n      },\n      _highlighted: {\n        textDecoration: \"underline\",\n      },\n    },\n    trigger: {\n      justifyContent: \"space-between\",\n      width: \"surface.small\",\n      _ariaInvalid: {\n        boxShadowColor: \"stroke.error\",\n      },\n    },\n    itemGroup: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"4xsmall\",\n    },\n    valueText: {\n      textAlign: \"start\",\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(selectRecipe);\n\nexport interface SelectRootProps<T extends Select.CollectionItem>\n  extends Select.RootProps<T>, StyledProps, RefAttributes<HTMLDivElement> {}\nconst InternalSelectRoot = withProvider<ElementType<SelectRootProps<Select.CollectionItem>>>(Select.Root, \"root\", {\n  baseComponent: true,\n});\n\nexport const SelectRoot = <T extends Select.CollectionItem>({\n  lazyMount = true,\n  unmountOnExit = true,\n  ...props\n}: SelectRootProps<T>) => <InternalSelectRoot lazyMount={lazyMount} unmountOnExit={unmountOnExit} {...props} />;\n\nexport const SelectClearTrigger = withContext(Select.ClearTrigger, \"clearTrigger\", { baseComponent: true });\n\nexport const SelectContentStandalone = withContext(Select.Content, \"content\", { baseComponent: true });\n\ninterface SelectContentProps extends Select.ContentProps, StyledProps {}\n\nexport const SelectContent = forwardRef<HTMLDivElement, SelectContentProps>((props, ref) => (\n  <SelectPositioner>\n    <SelectContentStandalone ref={ref} {...props} />\n  </SelectPositioner>\n));\n\nexport const SelectControl = withContext(Select.Control, \"control\", { baseComponent: true });\n\nexport const SelectIndicator = withContext(Select.Indicator, \"indicator\", { baseComponent: true });\n\ninterface SelectItemGroupLabelProps\n  extends Omit<Select.ItemGroupLabelProps, \"color\">, StyledProps, TextProps, RefAttributes<HTMLDivElement> {}\n\nexport const SelectItemGroupLabel = forwardRef<HTMLDivElement, SelectItemGroupLabelProps>(\n  ({ children, ...props }, ref) => (\n    <InternalSelectItemGroupLabel asChild ref={ref} {...props}>\n      <Label asChild consumeCss>\n        <div>{children}</div>\n      </Label>\n    </InternalSelectItemGroupLabel>\n  ),\n);\n\nconst InternalSelectItemGroupLabel = withContext(Select.ItemGroupLabel, \"itemGroupLabel\");\n\nexport const SelectItemGroup = withContext(Select.ItemGroup, \"itemGroup\", { baseComponent: true });\n\nexport const SelectItemIndicator = withContext(Select.ItemIndicator, \"itemIndicator\", { baseComponent: true });\n\nexport const SelectItem = withContext(Select.Item, \"item\", {\n  baseComponent: true,\n});\n\nexport const SelectItemText = withContext(Select.ItemText, \"itemText\", { baseComponent: true });\n\nconst InternalSelectLabel = withContext(Select.Label, \"label\");\n\ninterface SelectLabelProps\n  extends Omit<Select.LabelProps, \"color\">, StyledProps, TextProps, RefAttributes<HTMLLabelElement> {}\n\nexport const SelectLabel = forwardRef<HTMLLabelElement, SelectLabelProps>(({ children, ...props }, ref) => (\n  <InternalSelectLabel asChild ref={ref} {...props}>\n    <Label>{children}</Label>\n  </InternalSelectLabel>\n));\n\nexport const SelectPositioner = withContext(Select.Positioner, \"positioner\", { baseComponent: true });\n\nexport const SelectTrigger = withContext(Select.Trigger, \"trigger\", { baseComponent: true });\n\nexport const SelectValueText = withContext(Select.ValueText, \"valueText\", { baseComponent: true });\n\nexport const SelectList = withContext(Select.List, \"list\", {\n  baseComponent: true,\n});\n\nexport const SelectHiddenSelect = Select.HiddenSelect;\n"],"mappings":"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"}
+{"version":3,"file":"Select.js","names":["selectAnatomy","Select","Label"],"sources":["../src/Select.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 { Select, selectAnatomy } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef, type ElementType, type RefAttributes } from \"react\";\nimport { Label } from \"./Label\";\nimport { type TextProps } from \"./Text\";\n\nconst selectRecipe = sva({\n  slots: selectAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"3xsmall\",\n    },\n    control: {\n      display: \"flex\",\n      gap: \"4xsmall\",\n      alignItems: \"center\",\n    },\n    content: {\n      display: \"flex\",\n      gap: \"4xsmall\",\n      flexDirection: \"column\",\n      zIndex: \"dropdown\",\n      background: \"surface.default\",\n      borderRadius: \"xsmall\",\n      boxShadow: \"large\",\n      padding: \"xsmall\",\n      overflowY: \"auto\",\n      maxHeight: \"min(token(spacing.surface.xsmall), 45vh)\",\n      _focusVisible: {\n        outlineOffset: \"-1\",\n      },\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      alignItems: \"center\",\n      justifyContent: \"space-between\",\n      padding: \"xsmall\",\n      background: \"surface.default\",\n      borderRadius: \"xsmall\",\n      cursor: \"pointer\",\n      transitionDuration: \"fast\",\n      transitionProperty: \"background, color\",\n      transitionTimingFunction: \"default\",\n      _hover: {\n        background: \"surface.hover\",\n      },\n      _selected: {\n        background: \"surface.selected\",\n        _hover: {\n          background: \"surface.hover\",\n        },\n        _highlighted: {\n          background: \"surface.hover\",\n        },\n      },\n      _highlighted: {\n        background: \"surface.hover\",\n        _hover: {\n          background: \"surface.hover\",\n        },\n      },\n      _disabled: {\n        cursor: \"not-allowed\",\n        color: \"text.disabled\",\n        background: \"surface.disabled\",\n        _highlighted: {\n          color: \"text.disabled\",\n          background: \"surface.disabled\",\n        },\n        _selected: {\n          color: \"text.disabled\",\n          background: \"surface.disabled\",\n        },\n        _hover: {\n          color: \"text.disabled\",\n          background: \"surface.disabled\",\n        },\n      },\n    },\n    indicator: {\n      color: \"icon.default\",\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    itemIndicator: {\n      color: \"stroke.default\",\n    },\n    itemText: {\n      _checked: {\n        textDecoration: \"underline\",\n      },\n      _highlighted: {\n        textDecoration: \"underline\",\n      },\n    },\n    trigger: {\n      justifyContent: \"space-between\",\n      width: \"surface.small\",\n      _ariaInvalid: {\n        boxShadowColor: \"stroke.error\",\n      },\n    },\n    itemGroup: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"4xsmall\",\n    },\n    valueText: {\n      textAlign: \"start\",\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(selectRecipe);\n\nexport interface SelectRootProps<T extends Select.CollectionItem>\n  extends Select.RootProps<T>, StyledProps, RefAttributes<HTMLDivElement> {}\nconst InternalSelectRoot = withProvider<ElementType<SelectRootProps<Select.CollectionItem>>>(Select.Root, \"root\", {\n  baseComponent: true,\n});\n\nexport const SelectRoot = <T extends Select.CollectionItem>({\n  lazyMount = true,\n  unmountOnExit = true,\n  ...props\n}: SelectRootProps<T>) => <InternalSelectRoot lazyMount={lazyMount} unmountOnExit={unmountOnExit} {...props} />;\n\nexport const SelectClearTrigger = withContext(Select.ClearTrigger, \"clearTrigger\", { baseComponent: true });\n\nexport const SelectContentStandalone = withContext(Select.Content, \"content\", { baseComponent: true });\n\ninterface SelectContentProps extends Select.ContentProps, StyledProps {}\n\nexport const SelectContent = forwardRef<HTMLDivElement, SelectContentProps>((props, ref) => (\n  <SelectPositioner>\n    <SelectContentStandalone ref={ref} {...props} />\n  </SelectPositioner>\n));\n\nexport const SelectControl = withContext(Select.Control, \"control\", { baseComponent: true });\n\nexport const SelectIndicator = withContext(Select.Indicator, \"indicator\", { baseComponent: true });\n\ninterface SelectItemGroupLabelProps\n  extends Omit<Select.ItemGroupLabelProps, \"color\">, StyledProps, TextProps, RefAttributes<HTMLDivElement> {}\n\nexport const SelectItemGroupLabel = forwardRef<HTMLDivElement, SelectItemGroupLabelProps>(\n  ({ children, ...props }, ref) => (\n    <InternalSelectItemGroupLabel asChild ref={ref} {...props}>\n      <Label asChild consumeCss>\n        <div>{children}</div>\n      </Label>\n    </InternalSelectItemGroupLabel>\n  ),\n);\n\nconst InternalSelectItemGroupLabel = withContext(Select.ItemGroupLabel, \"itemGroupLabel\");\n\nexport const SelectItemGroup = withContext(Select.ItemGroup, \"itemGroup\", { baseComponent: true });\n\nexport const SelectItemIndicator = withContext(Select.ItemIndicator, \"itemIndicator\", { baseComponent: true });\n\nexport const SelectItem = withContext(Select.Item, \"item\", {\n  baseComponent: true,\n});\n\nexport const SelectItemText = withContext(Select.ItemText, \"itemText\", { baseComponent: true });\n\nconst InternalSelectLabel = withContext(Select.Label, \"label\");\n\ninterface SelectLabelProps\n  extends Omit<Select.LabelProps, \"color\">, StyledProps, TextProps, RefAttributes<HTMLLabelElement> {}\n\nexport const SelectLabel = forwardRef<HTMLLabelElement, SelectLabelProps>(({ children, ...props }, ref) => (\n  <InternalSelectLabel asChild ref={ref} {...props}>\n    <Label>{children}</Label>\n  </InternalSelectLabel>\n));\n\nexport const SelectPositioner = withContext(Select.Positioner, \"positioner\", { baseComponent: true });\n\nexport const SelectTrigger = withContext(Select.Trigger, \"trigger\", { baseComponent: true });\n\nexport const SelectValueText = withContext(Select.ValueText, \"valueText\", { baseComponent: true });\n\nexport const SelectList = withContext(Select.List, \"list\", {\n  baseComponent: true,\n});\n\nexport const SelectHiddenSelect = Select.HiddenSelect;\n"],"mappings":"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"}

package/lib/Skeleton.js

@@ -1,6 +1,4 @@
 let _ark_ui_react = require("@ark-ui/react");
-let _ndla_styled_system_jsx = require("@ndla/styled-system/jsx");
-
 //#region src/Skeleton.tsx
 /**
 * Copyright (c) 2024-present, NDLA.
@@ -9,7 +7,7 @@ let _ndla_styled_system_jsx = require("@ndla/styled-system/jsx");
 * LICENSE file in the root directory of this source tree.
 *
 */
-const Skeleton = (0, _ndla_styled_system_jsx.styled)(_ark_ui_react.ark.div, { base: {
+const Skeleton = (0, require("@ndla/styled-system/jsx").styled)(_ark_ui_react.ark.div, { base: {
 	animation: "skeleton-pulse",
 	backgroundColor: "surface.disabled",
 	backgroundClip: "padding-box",
@@ -21,7 +19,7 @@ const Skeleton = (0, _ndla_styled_system_jsx.styled)(_ark_ui_react.ark.div, { ba
 	"&::before, &::after, *": { visibility: "hidden" },
 	_motionReduce: { animation: "none" }
 } }, { baseComponent: true });
-
 //#endregion
 exports.Skeleton = Skeleton;
+
 //# sourceMappingURL=Skeleton.js.map

package/lib/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["ark"],"sources":["../src/Skeleton.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 { styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\n\nexport const Skeleton = styled(\n  ark.div,\n  {\n    base: {\n      animation: \"skeleton-pulse\",\n      backgroundColor: \"surface.disabled\",\n      backgroundClip: \"padding-box\",\n      borderRadius: \"xsmall\",\n      color: \"transparent\",\n      cursor: \"default\",\n      pointerEvents: \"none\",\n      userSelect: \"none\",\n      \"&::before, &::after, *\": {\n        visibility: \"hidden\",\n      },\n      _motionReduce: {\n        animation: \"none\",\n      },\n    },\n  },\n  { baseComponent: true },\n);\n\nexport interface SkeletonProps extends HTMLArkProps<\"div\">, StyledProps {}\n"],"mappings":";;;;;;;;;;;AAYA,MAAa,+CACXA,kBAAI,KACJ,EACE,MAAM;CACJ,WAAW;CACX,iBAAiB;CACjB,gBAAgB;CAChB,cAAc;CACd,OAAO;CACP,QAAQ;CACR,eAAe;CACf,YAAY;CACZ,0BAA0B,EACxB,YAAY,UACb;CACD,eAAe,EACb,WAAW,QACZ;CACF,EACF,EACD,EAAE,eAAe,MAAM,CACxB"}
+{"version":3,"file":"Skeleton.js","names":["ark"],"sources":["../src/Skeleton.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 { styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\n\nexport const Skeleton = styled(\n  ark.div,\n  {\n    base: {\n      animation: \"skeleton-pulse\",\n      backgroundColor: \"surface.disabled\",\n      backgroundClip: \"padding-box\",\n      borderRadius: \"xsmall\",\n      color: \"transparent\",\n      cursor: \"default\",\n      pointerEvents: \"none\",\n      userSelect: \"none\",\n      \"&::before, &::after, *\": {\n        visibility: \"hidden\",\n      },\n      _motionReduce: {\n        animation: \"none\",\n      },\n    },\n  },\n  { baseComponent: true },\n);\n\nexport interface SkeletonProps extends HTMLArkProps<\"div\">, StyledProps {}\n"],"mappings":";;;;;;;;;AAYA,MAAa,YAAA,sCAAA,QACXA,cAAAA,IAAI,KACJ,EACE,MAAM;CACJ,WAAW;CACX,iBAAiB;CACjB,gBAAgB;CAChB,cAAc;CACd,OAAO;CACP,QAAQ;CACR,eAAe;CACf,YAAY;CACZ,0BAA0B,EACxB,YAAY,UACb;CACD,eAAe,EACb,WAAW,QACZ;CACF,EACF,EACD,EAAE,eAAe,MAAM,CACxB"}

package/lib/Slider.js

@@ -1,9 +1,8 @@
-const require_Label = require('./Label.js');
+const require_Label = require("./Label.js");
 let _ark_ui_react = require("@ark-ui/react");
 let _ndla_styled_system_css = require("@ndla/styled-system/css");
 let _ndla_styled_system_jsx = require("@ndla/styled-system/jsx");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/Slider.tsx
 /**
 * Copyright (c) 2024-present, NDLA.
@@ -80,7 +79,6 @@ const SliderLabel = ({ textStyle = "label.medium", ...props }) => /* @__PURE__ *
 	})
 });
 const SliderHiddenInput = _ark_ui_react.Slider.HiddenInput;
-
 //#endregion
 exports.SliderControl = SliderControl;
 exports.SliderHiddenInput = SliderHiddenInput;
@@ -89,4 +87,5 @@ exports.SliderRange = SliderRange;
 exports.SliderRoot = SliderRoot;
 exports.SliderThumb = SliderThumb;
 exports.SliderTrack = SliderTrack;
+
 //# sourceMappingURL=Slider.js.map

package/lib/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","names":["sliderAnatomy","Slider","Label"],"sources":["../src/Slider.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 { Slider, sliderAnatomy } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport type { RefAttributes } from \"react\";\nimport { Label } from \"./Label\";\nimport { type TextProps } from \"./Text\";\n\nconst sliderRecipe = sva({\n  slots: sliderAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"4xsmall\",\n      width: \"100%\",\n    },\n    control: {\n      position: \"relative\",\n      display: \"flex\",\n      _vertical: {\n        flexDirection: \"column\",\n      },\n      alignItems: \"center\",\n      height: \"medium\",\n    },\n    track: {\n      background: \"surface.disabled\",\n      overflow: \"hidden\",\n      flex: \"1\",\n      _vertical: {\n        width: \"4xsmall\",\n      },\n      _horizontal: {\n        height: \"4xsmall\",\n      },\n    },\n    range: {\n      background: \"surface.action\",\n      _vertical: {\n        width: \"4xsmall\",\n      },\n      _horizontal: {\n        height: \"4xsmall\",\n      },\n    },\n    thumb: {\n      background: \"surface.action\",\n      borderRadius: \"full\",\n      outline: \"none\",\n      zIndex: \"1\",\n      height: \"medium\",\n      width: \"medium\",\n      transitionDuration: \"fast\",\n      transitionTimingFunction: \"default\",\n      transitionProperty: \"background\",\n      _hover: {\n        background: \"surface.action.hover\",\n      },\n      _active: {\n        background: \"surface.action.active\",\n      },\n      _focusVisible: {\n        border: \"2px solid\",\n        borderColor: \"background.default\",\n        outline: \"3px solid\",\n        outlineColor: \"surface.action\",\n        outlineOffset: \"0px\",\n      },\n      _motionReduce: {\n        transition: \"none\",\n        transitionDuration: \"0s\",\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(sliderRecipe);\n\nexport interface SliderRootProps extends Slider.RootProps, StyledProps {}\n\nexport const SliderRoot = withProvider(Slider.Root, \"root\", { baseComponent: true });\n\nexport const SliderControl = withContext(Slider.Control, \"control\", { baseComponent: true });\n\nexport const SliderTrack = withContext(Slider.Track, \"track\", { baseComponent: true });\n\nexport const SliderRange = withContext(Slider.Range, \"range\", { baseComponent: true });\n\nexport const SliderThumb = withContext(Slider.Thumb, \"thumb\", { baseComponent: true });\n\nconst InternalSliderLabel = withContext(Slider.Label, \"label\");\n\ninterface SliderLabelProps\n  extends Omit<Slider.LabelProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLLabelElement> {}\n\nexport const SliderLabel = ({ textStyle = \"label.medium\", ...props }: SliderLabelProps) => (\n  <InternalSliderLabel asChild>\n    <Label textStyle={textStyle} {...props} />\n  </InternalSliderLabel>\n);\n\nexport const SliderHiddenInput = Slider.HiddenInput;\n"],"mappings":";;;;;;;;;;;;;;AAqFA,MAAM,EAAE,cAAc,iGArEG;CACvB,OAAOA,4BAAc,MAAM;CAC3B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACL,OAAO;GACR;EACD,SAAS;GACP,UAAU;GACV,SAAS;GACT,WAAW,EACT,eAAe,UAChB;GACD,YAAY;GACZ,QAAQ;GACT;EACD,OAAO;GACL,YAAY;GACZ,UAAU;GACV,MAAM;GACN,WAAW,EACT,OAAO,WACR;GACD,aAAa,EACX,QAAQ,WACT;GACF;EACD,OAAO;GACL,YAAY;GACZ,WAAW,EACT,OAAO,WACR;GACD,aAAa,EACX,QAAQ,WACT;GACF;EACD,OAAO;GACL,YAAY;GACZ,cAAc;GACd,SAAS;GACT,QAAQ;GACR,QAAQ;GACR,OAAO;GACP,oBAAoB;GACpB,0BAA0B;GAC1B,oBAAoB;GACpB,QAAQ,EACN,YAAY,wBACb;GACD,SAAS,EACP,YAAY,yBACb;GACD,eAAe;IACb,QAAQ;IACR,aAAa;IACb,SAAS;IACT,cAAc;IACd,eAAe;IAChB;GACD,eAAe;IACb,YAAY;IACZ,oBAAoB;IACrB;GACF;EACF;CACF,CAAC,CAEoE;AAItE,MAAa,aAAa,aAAaC,qBAAO,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAEpF,MAAa,gBAAgB,YAAYA,qBAAO,SAAS,WAAW,EAAE,eAAe,MAAM,CAAC;AAE5F,MAAa,cAAc,YAAYA,qBAAO,OAAO,SAAS,EAAE,eAAe,MAAM,CAAC;AAEtF,MAAa,cAAc,YAAYA,qBAAO,OAAO,SAAS,EAAE,eAAe,MAAM,CAAC;AAEtF,MAAa,cAAc,YAAYA,qBAAO,OAAO,SAAS,EAAE,eAAe,MAAM,CAAC;AAEtF,MAAM,sBAAsB,YAAYA,qBAAO,OAAO,QAAQ;AAK9D,MAAa,eAAe,EAAE,YAAY,gBAAgB,GAAG,YAC3D,2CAAC;CAAoB;WACnB,2CAACC;EAAiB;EAAW,GAAI;GAAS;EACtB;AAGxB,MAAa,oBAAoBD,qBAAO"}
+{"version":3,"file":"Slider.js","names":["sliderAnatomy","Slider","Label"],"sources":["../src/Slider.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 { Slider, sliderAnatomy } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport type { RefAttributes } from \"react\";\nimport { Label } from \"./Label\";\nimport { type TextProps } from \"./Text\";\n\nconst sliderRecipe = sva({\n  slots: sliderAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"4xsmall\",\n      width: \"100%\",\n    },\n    control: {\n      position: \"relative\",\n      display: \"flex\",\n      _vertical: {\n        flexDirection: \"column\",\n      },\n      alignItems: \"center\",\n      height: \"medium\",\n    },\n    track: {\n      background: \"surface.disabled\",\n      overflow: \"hidden\",\n      flex: \"1\",\n      _vertical: {\n        width: \"4xsmall\",\n      },\n      _horizontal: {\n        height: \"4xsmall\",\n      },\n    },\n    range: {\n      background: \"surface.action\",\n      _vertical: {\n        width: \"4xsmall\",\n      },\n      _horizontal: {\n        height: \"4xsmall\",\n      },\n    },\n    thumb: {\n      background: \"surface.action\",\n      borderRadius: \"full\",\n      outline: \"none\",\n      zIndex: \"1\",\n      height: \"medium\",\n      width: \"medium\",\n      transitionDuration: \"fast\",\n      transitionTimingFunction: \"default\",\n      transitionProperty: \"background\",\n      _hover: {\n        background: \"surface.action.hover\",\n      },\n      _active: {\n        background: \"surface.action.active\",\n      },\n      _focusVisible: {\n        border: \"2px solid\",\n        borderColor: \"background.default\",\n        outline: \"3px solid\",\n        outlineColor: \"surface.action\",\n        outlineOffset: \"0px\",\n      },\n      _motionReduce: {\n        transition: \"none\",\n        transitionDuration: \"0s\",\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(sliderRecipe);\n\nexport interface SliderRootProps extends Slider.RootProps, StyledProps {}\n\nexport const SliderRoot = withProvider(Slider.Root, \"root\", { baseComponent: true });\n\nexport const SliderControl = withContext(Slider.Control, \"control\", { baseComponent: true });\n\nexport const SliderTrack = withContext(Slider.Track, \"track\", { baseComponent: true });\n\nexport const SliderRange = withContext(Slider.Range, \"range\", { baseComponent: true });\n\nexport const SliderThumb = withContext(Slider.Thumb, \"thumb\", { baseComponent: true });\n\nconst InternalSliderLabel = withContext(Slider.Label, \"label\");\n\ninterface SliderLabelProps\n  extends Omit<Slider.LabelProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLLabelElement> {}\n\nexport const SliderLabel = ({ textStyle = \"label.medium\", ...props }: SliderLabelProps) => (\n  <InternalSliderLabel asChild>\n    <Label textStyle={textStyle} {...props} />\n  </InternalSliderLabel>\n);\n\nexport const SliderHiddenInput = Slider.HiddenInput;\n"],"mappings":";;;;;;;;;;;;;AAqFA,MAAM,EAAE,cAAc,iBAAA,GAAA,wBAAA,qBAAA,GAAA,wBAAA,KArEG;CACvB,OAAOA,cAAAA,cAAc,MAAM;CAC3B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACL,OAAO;GACR;EACD,SAAS;GACP,UAAU;GACV,SAAS;GACT,WAAW,EACT,eAAe,UAChB;GACD,YAAY;GACZ,QAAQ;GACT;EACD,OAAO;GACL,YAAY;GACZ,UAAU;GACV,MAAM;GACN,WAAW,EACT,OAAO,WACR;GACD,aAAa,EACX,QAAQ,WACT;GACF;EACD,OAAO;GACL,YAAY;GACZ,WAAW,EACT,OAAO,WACR;GACD,aAAa,EACX,QAAQ,WACT;GACF;EACD,OAAO;GACL,YAAY;GACZ,cAAc;GACd,SAAS;GACT,QAAQ;GACR,QAAQ;GACR,OAAO;GACP,oBAAoB;GACpB,0BAA0B;GAC1B,oBAAoB;GACpB,QAAQ,EACN,YAAY,wBACb;GACD,SAAS,EACP,YAAY,yBACb;GACD,eAAe;IACb,QAAQ;IACR,aAAa;IACb,SAAS;IACT,cAAc;IACd,eAAe;IAChB;GACD,eAAe;IACb,YAAY;IACZ,oBAAoB;IACrB;GACF;EACF;CACF,CAAC,CAEoE;AAItE,MAAa,aAAa,aAAaC,cAAAA,OAAO,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAEpF,MAAa,gBAAgB,YAAYA,cAAAA,OAAO,SAAS,WAAW,EAAE,eAAe,MAAM,CAAC;AAE5F,MAAa,cAAc,YAAYA,cAAAA,OAAO,OAAO,SAAS,EAAE,eAAe,MAAM,CAAC;AAEtF,MAAa,cAAc,YAAYA,cAAAA,OAAO,OAAO,SAAS,EAAE,eAAe,MAAM,CAAC;AAEtF,MAAa,cAAc,YAAYA,cAAAA,OAAO,OAAO,SAAS,EAAE,eAAe,MAAM,CAAC;AAEtF,MAAM,sBAAsB,YAAYA,cAAAA,OAAO,OAAO,QAAQ;AAK9D,MAAa,eAAe,EAAE,YAAY,gBAAgB,GAAG,YAC3D,iBAAA,GAAA,kBAAA,KAAC,qBAAD;CAAqB,SAAA;WACnB,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD;EAAkB;EAAW,GAAI;EAAS,CAAA;CACtB,CAAA;AAGxB,MAAa,oBAAoBD,cAAAA,OAAO"}

package/lib/Spinner.js

@@ -3,7 +3,6 @@ let _ndla_styled_system_css = require("@ndla/styled-system/css");
 let _ndla_styled_system_jsx = require("@ndla/styled-system/jsx");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
-
 //#region src/Spinner.tsx
 /**
 * Copyright (c) 2024-present, NDLA.
@@ -49,7 +48,7 @@ const Spinner = (0, react.forwardRef)(({ size, css: cssProp, ...props }, ref) =>
 	...props,
 	ref
 }));
-
 //#endregion
 exports.Spinner = Spinner;
+
 //# sourceMappingURL=Spinner.js.map

package/lib/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","names":["ark","css"],"sources":["../src/Spinner.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 { type RecipeVariantProps, css, cva } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\n\nexport const spinnerRecipe = cva({\n  base: {\n    borderRadius: \"full\",\n    animation: \"spin\",\n    display: \"block\",\n    marginInline: \"auto\",\n    borderStyle: \"solid\",\n    borderBlockColor: \"background.subtle\",\n    borderInlineStartColor: \"background.subtle\",\n    borderInlineEndColor: \"stroke.default\",\n    _motionReduce: {\n      animationDuration: \"2s\",\n    },\n  },\n  defaultVariants: {\n    size: \"large\",\n  },\n  variants: {\n    size: {\n      small: {\n        borderWidth: \"4px\",\n        height: \"small\",\n        width: \"small\",\n      },\n      medium: {\n        borderWidth: \"4px\",\n        height: \"large\",\n        width: \"large\",\n      },\n      large: {\n        borderWidth: \"8px\",\n        height: \"xxlarge\",\n        width: \"xxlarge\",\n      },\n    },\n  },\n});\n\nexport type SpinnerVariantProps = NonNullable<RecipeVariantProps<typeof spinnerRecipe>>;\n\nexport interface SpinnerProps extends HTMLArkProps<\"div\">, StyledProps, SpinnerVariantProps {}\n\nconst StyledSpinner = styled(ark.div, {}, { baseComponent: true });\n\nexport const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(({ size, css: cssProp, ...props }, ref) => (\n  <StyledSpinner css={css.raw(spinnerRecipe.raw({ size }), cssProp)} {...props} ref={ref} />\n));\n"],"mappings":";;;;;;;;;;;;;;AAcA,MAAa,iDAAoB;CAC/B,MAAM;EACJ,cAAc;EACd,WAAW;EACX,SAAS;EACT,cAAc;EACd,aAAa;EACb,kBAAkB;EAClB,wBAAwB;EACxB,sBAAsB;EACtB,eAAe,EACb,mBAAmB,MACpB;EACF;CACD,iBAAiB,EACf,MAAM,SACP;CACD,UAAU,EACR,MAAM;EACJ,OAAO;GACL,aAAa;GACb,QAAQ;GACR,OAAO;GACR;EACD,QAAQ;GACN,aAAa;GACb,QAAQ;GACR,OAAO;GACR;EACD,OAAO;GACL,aAAa;GACb,QAAQ;GACR,OAAO;GACR;EACF,EACF;CACF,CAAC;AAMF,MAAM,oDAAuBA,kBAAI,KAAK,EAAE,EAAE,EAAE,eAAe,MAAM,CAAC;AAElE,MAAa,iCAAoD,EAAE,MAAM,KAAK,SAAS,GAAG,SAAS,QACjG,2CAAC;CAAc,KAAKC,4BAAI,IAAI,cAAc,IAAI,EAAE,MAAM,CAAC,EAAE,QAAQ;CAAE,GAAI;CAAY;EAAO,CAC1F"}
+{"version":3,"file":"Spinner.js","names":["ark","css"],"sources":["../src/Spinner.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 { type RecipeVariantProps, css, cva } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\n\nexport const spinnerRecipe = cva({\n  base: {\n    borderRadius: \"full\",\n    animation: \"spin\",\n    display: \"block\",\n    marginInline: \"auto\",\n    borderStyle: \"solid\",\n    borderBlockColor: \"background.subtle\",\n    borderInlineStartColor: \"background.subtle\",\n    borderInlineEndColor: \"stroke.default\",\n    _motionReduce: {\n      animationDuration: \"2s\",\n    },\n  },\n  defaultVariants: {\n    size: \"large\",\n  },\n  variants: {\n    size: {\n      small: {\n        borderWidth: \"4px\",\n        height: \"small\",\n        width: \"small\",\n      },\n      medium: {\n        borderWidth: \"4px\",\n        height: \"large\",\n        width: \"large\",\n      },\n      large: {\n        borderWidth: \"8px\",\n        height: \"xxlarge\",\n        width: \"xxlarge\",\n      },\n    },\n  },\n});\n\nexport type SpinnerVariantProps = NonNullable<RecipeVariantProps<typeof spinnerRecipe>>;\n\nexport interface SpinnerProps extends HTMLArkProps<\"div\">, StyledProps, SpinnerVariantProps {}\n\nconst StyledSpinner = styled(ark.div, {}, { baseComponent: true });\n\nexport const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(({ size, css: cssProp, ...props }, ref) => (\n  <StyledSpinner css={css.raw(spinnerRecipe.raw({ size }), cssProp)} {...props} ref={ref} />\n));\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAa,iBAAA,GAAA,wBAAA,KAAoB;CAC/B,MAAM;EACJ,cAAc;EACd,WAAW;EACX,SAAS;EACT,cAAc;EACd,aAAa;EACb,kBAAkB;EAClB,wBAAwB;EACxB,sBAAsB;EACtB,eAAe,EACb,mBAAmB,MACpB;EACF;CACD,iBAAiB,EACf,MAAM,SACP;CACD,UAAU,EACR,MAAM;EACJ,OAAO;GACL,aAAa;GACb,QAAQ;GACR,OAAO;GACR;EACD,QAAQ;GACN,aAAa;GACb,QAAQ;GACR,OAAO;GACR;EACD,OAAO;GACL,aAAa;GACb,QAAQ;GACR,OAAO;GACR;EACF,EACF;CACF,CAAC;AAMF,MAAM,iBAAA,GAAA,wBAAA,QAAuBA,cAAAA,IAAI,KAAK,EAAE,EAAE,EAAE,eAAe,MAAM,CAAC;AAElE,MAAa,WAAA,GAAA,MAAA,aAAoD,EAAE,MAAM,KAAK,SAAS,GAAG,SAAS,QACjG,iBAAA,GAAA,kBAAA,KAAC,eAAD;CAAe,KAAKC,wBAAAA,IAAI,IAAI,cAAc,IAAI,EAAE,MAAM,CAAC,EAAE,QAAQ;CAAE,GAAI;CAAY;CAAO,CAAA,CAC1F"}

package/lib/Switch.js

@@ -1,9 +1,8 @@
-const require_Text = require('./Text.js');
+const require_Text = require("./Text.js");
 let _ark_ui_react = require("@ark-ui/react");
 let _ndla_styled_system_css = require("@ndla/styled-system/css");
 let _ndla_styled_system_jsx = require("@ndla/styled-system/jsx");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/Switch.tsx
 /**
 * Copyright (c) 2024-present, NDLA.
@@ -109,11 +108,11 @@ const SwitchLabel = ({ textStyle = "label.medium", children, ...props }) => /* @
 	})
 });
 const SwitchHiddenInput = _ark_ui_react.Switch.HiddenInput;
-
 //#endregion
 exports.SwitchControl = SwitchControl;
 exports.SwitchHiddenInput = SwitchHiddenInput;
 exports.SwitchLabel = SwitchLabel;
 exports.SwitchRoot = SwitchRoot;
 exports.SwitchThumb = SwitchThumb;
+
 //# sourceMappingURL=Switch.js.map

package/lib/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["switchAnatomy","Switch","Text"],"sources":["../src/Switch.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 { Switch, switchAnatomy } from \"@ark-ui/react\";\nimport { type RecipeVariantProps, sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport type { RefAttributes } from \"react\";\nimport { Text, type TextProps } from \"./Text\";\n\nconst switchRecipe = sva({\n  slots: switchAnatomy.keys(),\n  base: {\n    root: {\n      display: \"inline-flex\",\n      alignItems: \"center\",\n      position: \"relative\",\n      gap: \"xxsmall\",\n      _focus: {\n        outline: \"2px solid\",\n        outlineOffset: \"4xsmall\",\n        outlineColor: \"stroke.default\",\n        borderRadius: \"xsmall\",\n      },\n    },\n    control: {\n      display: \"inline-flex\",\n      alignItems: \"center\",\n      background: \"surface.disabled.strong\",\n      width: \"xxlarge\",\n      padding: \"1\",\n      borderRadius: \"medium\",\n      cursor: \"pointer\",\n      flexShrink: \"0\",\n      transitionDuration: \"fast\",\n      transitionProperty: \"background\",\n      transitionTimingFunction: \"default\",\n      _checked: {\n        background: \"surface.action.active\",\n      },\n      _disabled: {\n        background: \"surface.disabled\",\n        cursor: \"not-allowed\",\n      },\n      _motionReduce: {\n        transition: \"none\",\n        transitionDuration: \"0s\",\n      },\n    },\n    thumb: {\n      display: \"inline-flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      background: \"icon.onAction\",\n      borderRadius: \"full\",\n      boxShadow: \"small\",\n      transitionDuration: \"fast\",\n      transitionProperty: \"transform\",\n      transitionTimingFunction: \"default\",\n      width: \"10\",\n      height: \"10\",\n      textStyle: \"label.xsmall\",\n      fontWeight: \"bold\",\n      _hover: {\n        transform: \"translateX(20%)\",\n        _disabled: {\n          transform: \"translateX(0)\",\n        },\n        _motionReduce: {\n          transform: \"translateX(0)\",\n        },\n      },\n      _checked: {\n        transform: \"translateX(120%)\",\n        _hover: {\n          transform: \"translateX(100%)\",\n          _disabled: {\n            transform: \"translateX(120%)\",\n          },\n          _motionReduce: {\n            transform: \"translateX(120%)\",\n          },\n        },\n      },\n    },\n    label: {\n      color: \"text.strong\",\n      transitionDuration: \"fast\",\n      transitionProperty: \"color\",\n      transitionTimingFunction: \"default\",\n      _hover: {\n        color: \"text.action\",\n      },\n      _disabled: {\n        color: \"text.disabled\",\n        _hover: {\n          color: \"text.disabled\",\n        },\n      },\n      _motionReduce: {\n        transition: \"none\",\n        transitionDuration: \"0s\",\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(switchRecipe);\n\nexport type SwitchVariantProps = NonNullable<RecipeVariantProps<typeof switchRecipe>>;\n\nexport interface SwitchRootProps extends Switch.RootProps, StyledProps, SwitchVariantProps {}\n\nexport const SwitchRoot = withProvider(Switch.Root, \"root\", { baseComponent: true });\n\nexport const SwitchControl = withContext(Switch.Control, \"control\", { baseComponent: true });\n\nexport const SwitchThumb = withContext(Switch.Thumb, \"thumb\", { baseComponent: true });\n\nconst InternalSwitchLabel = withContext(Switch.Label, \"label\");\n\ninterface SwitchLabelProps\n  extends Omit<Switch.LabelProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLSpanElement> {}\n\nexport const SwitchLabel = ({ textStyle = \"label.medium\", children, ...props }: SwitchLabelProps) => (\n  <InternalSwitchLabel asChild {...props}>\n    <Text asChild consumeCss textStyle={textStyle}>\n      <span>{children}</span>\n    </Text>\n  </InternalSwitchLabel>\n);\n\nexport const SwitchHiddenInput = Switch.HiddenInput;\n"],"mappings":";;;;;;;;;;;;;;AAgHA,MAAM,EAAE,cAAc,iGAjGG;CACvB,OAAOA,4BAAc,MAAM;CAC3B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,UAAU;GACV,KAAK;GACL,QAAQ;IACN,SAAS;IACT,eAAe;IACf,cAAc;IACd,cAAc;IACf;GACF;EACD,SAAS;GACP,SAAS;GACT,YAAY;GACZ,YAAY;GACZ,OAAO;GACP,SAAS;GACT,cAAc;GACd,QAAQ;GACR,YAAY;GACZ,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,UAAU,EACR,YAAY,yBACb;GACD,WAAW;IACT,YAAY;IACZ,QAAQ;IACT;GACD,eAAe;IACb,YAAY;IACZ,oBAAoB;IACrB;GACF;EACD,OAAO;GACL,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,YAAY;GACZ,cAAc;GACd,WAAW;GACX,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,OAAO;GACP,QAAQ;GACR,WAAW;GACX,YAAY;GACZ,QAAQ;IACN,WAAW;IACX,WAAW,EACT,WAAW,iBACZ;IACD,eAAe,EACb,WAAW,iBACZ;IACF;GACD,UAAU;IACR,WAAW;IACX,QAAQ;KACN,WAAW;KACX,WAAW,EACT,WAAW,oBACZ;KACD,eAAe,EACb,WAAW,oBACZ;KACF;IACF;GACF;EACD,OAAO;GACL,OAAO;GACP,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,QAAQ,EACN,OAAO,eACR;GACD,WAAW;IACT,OAAO;IACP,QAAQ,EACN,OAAO,iBACR;IACF;GACD,eAAe;IACb,YAAY;IACZ,oBAAoB;IACrB;GACF;EACF;CACF,CAAC,CAEoE;AAMtE,MAAa,aAAa,aAAaC,qBAAO,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAEpF,MAAa,gBAAgB,YAAYA,qBAAO,SAAS,WAAW,EAAE,eAAe,MAAM,CAAC;AAE5F,MAAa,cAAc,YAAYA,qBAAO,OAAO,SAAS,EAAE,eAAe,MAAM,CAAC;AAEtF,MAAM,sBAAsB,YAAYA,qBAAO,OAAO,QAAQ;AAK9D,MAAa,eAAe,EAAE,YAAY,gBAAgB,UAAU,GAAG,YACrE,2CAAC;CAAoB;CAAQ,GAAI;WAC/B,2CAACC;EAAK;EAAQ;EAAsB;YAClC,2CAAC,UAAM,WAAgB;GAClB;EACa;AAGxB,MAAa,oBAAoBD,qBAAO"}
+{"version":3,"file":"Switch.js","names":["switchAnatomy","Switch","Text"],"sources":["../src/Switch.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 { Switch, switchAnatomy } from \"@ark-ui/react\";\nimport { type RecipeVariantProps, sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport type { RefAttributes } from \"react\";\nimport { Text, type TextProps } from \"./Text\";\n\nconst switchRecipe = sva({\n  slots: switchAnatomy.keys(),\n  base: {\n    root: {\n      display: \"inline-flex\",\n      alignItems: \"center\",\n      position: \"relative\",\n      gap: \"xxsmall\",\n      _focus: {\n        outline: \"2px solid\",\n        outlineOffset: \"4xsmall\",\n        outlineColor: \"stroke.default\",\n        borderRadius: \"xsmall\",\n      },\n    },\n    control: {\n      display: \"inline-flex\",\n      alignItems: \"center\",\n      background: \"surface.disabled.strong\",\n      width: \"xxlarge\",\n      padding: \"1\",\n      borderRadius: \"medium\",\n      cursor: \"pointer\",\n      flexShrink: \"0\",\n      transitionDuration: \"fast\",\n      transitionProperty: \"background\",\n      transitionTimingFunction: \"default\",\n      _checked: {\n        background: \"surface.action.active\",\n      },\n      _disabled: {\n        background: \"surface.disabled\",\n        cursor: \"not-allowed\",\n      },\n      _motionReduce: {\n        transition: \"none\",\n        transitionDuration: \"0s\",\n      },\n    },\n    thumb: {\n      display: \"inline-flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      background: \"icon.onAction\",\n      borderRadius: \"full\",\n      boxShadow: \"small\",\n      transitionDuration: \"fast\",\n      transitionProperty: \"transform\",\n      transitionTimingFunction: \"default\",\n      width: \"10\",\n      height: \"10\",\n      textStyle: \"label.xsmall\",\n      fontWeight: \"bold\",\n      _hover: {\n        transform: \"translateX(20%)\",\n        _disabled: {\n          transform: \"translateX(0)\",\n        },\n        _motionReduce: {\n          transform: \"translateX(0)\",\n        },\n      },\n      _checked: {\n        transform: \"translateX(120%)\",\n        _hover: {\n          transform: \"translateX(100%)\",\n          _disabled: {\n            transform: \"translateX(120%)\",\n          },\n          _motionReduce: {\n            transform: \"translateX(120%)\",\n          },\n        },\n      },\n    },\n    label: {\n      color: \"text.strong\",\n      transitionDuration: \"fast\",\n      transitionProperty: \"color\",\n      transitionTimingFunction: \"default\",\n      _hover: {\n        color: \"text.action\",\n      },\n      _disabled: {\n        color: \"text.disabled\",\n        _hover: {\n          color: \"text.disabled\",\n        },\n      },\n      _motionReduce: {\n        transition: \"none\",\n        transitionDuration: \"0s\",\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(switchRecipe);\n\nexport type SwitchVariantProps = NonNullable<RecipeVariantProps<typeof switchRecipe>>;\n\nexport interface SwitchRootProps extends Switch.RootProps, StyledProps, SwitchVariantProps {}\n\nexport const SwitchRoot = withProvider(Switch.Root, \"root\", { baseComponent: true });\n\nexport const SwitchControl = withContext(Switch.Control, \"control\", { baseComponent: true });\n\nexport const SwitchThumb = withContext(Switch.Thumb, \"thumb\", { baseComponent: true });\n\nconst InternalSwitchLabel = withContext(Switch.Label, \"label\");\n\ninterface SwitchLabelProps\n  extends Omit<Switch.LabelProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLSpanElement> {}\n\nexport const SwitchLabel = ({ textStyle = \"label.medium\", children, ...props }: SwitchLabelProps) => (\n  <InternalSwitchLabel asChild {...props}>\n    <Text asChild consumeCss textStyle={textStyle}>\n      <span>{children}</span>\n    </Text>\n  </InternalSwitchLabel>\n);\n\nexport const SwitchHiddenInput = Switch.HiddenInput;\n"],"mappings":";;;;;;;;;;;;;AAgHA,MAAM,EAAE,cAAc,iBAAA,GAAA,wBAAA,qBAAA,GAAA,wBAAA,KAjGG;CACvB,OAAOA,cAAAA,cAAc,MAAM;CAC3B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,UAAU;GACV,KAAK;GACL,QAAQ;IACN,SAAS;IACT,eAAe;IACf,cAAc;IACd,cAAc;IACf;GACF;EACD,SAAS;GACP,SAAS;GACT,YAAY;GACZ,YAAY;GACZ,OAAO;GACP,SAAS;GACT,cAAc;GACd,QAAQ;GACR,YAAY;GACZ,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,UAAU,EACR,YAAY,yBACb;GACD,WAAW;IACT,YAAY;IACZ,QAAQ;IACT;GACD,eAAe;IACb,YAAY;IACZ,oBAAoB;IACrB;GACF;EACD,OAAO;GACL,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,YAAY;GACZ,cAAc;GACd,WAAW;GACX,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,OAAO;GACP,QAAQ;GACR,WAAW;GACX,YAAY;GACZ,QAAQ;IACN,WAAW;IACX,WAAW,EACT,WAAW,iBACZ;IACD,eAAe,EACb,WAAW,iBACZ;IACF;GACD,UAAU;IACR,WAAW;IACX,QAAQ;KACN,WAAW;KACX,WAAW,EACT,WAAW,oBACZ;KACD,eAAe,EACb,WAAW,oBACZ;KACF;IACF;GACF;EACD,OAAO;GACL,OAAO;GACP,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,QAAQ,EACN,OAAO,eACR;GACD,WAAW;IACT,OAAO;IACP,QAAQ,EACN,OAAO,iBACR;IACF;GACD,eAAe;IACb,YAAY;IACZ,oBAAoB;IACrB;GACF;EACF;CACF,CAAC,CAEoE;AAMtE,MAAa,aAAa,aAAaC,cAAAA,OAAO,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAEpF,MAAa,gBAAgB,YAAYA,cAAAA,OAAO,SAAS,WAAW,EAAE,eAAe,MAAM,CAAC;AAE5F,MAAa,cAAc,YAAYA,cAAAA,OAAO,OAAO,SAAS,EAAE,eAAe,MAAM,CAAC;AAEtF,MAAM,sBAAsB,YAAYA,cAAAA,OAAO,OAAO,QAAQ;AAK9D,MAAa,eAAe,EAAE,YAAY,gBAAgB,UAAU,GAAG,YACrE,iBAAA,GAAA,kBAAA,KAAC,qBAAD;CAAqB,SAAA;CAAQ,GAAI;WAC/B,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAM,SAAA;EAAQ,YAAA;EAAsB;YAClC,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAO,UAAgB,CAAA;EAClB,CAAA;CACa,CAAA;AAGxB,MAAa,oBAAoBD,cAAAA,OAAO"}

package/lib/Table.js

@@ -1,6 +1,4 @@
 let _ark_ui_react = require("@ark-ui/react");
-let _ndla_styled_system_jsx = require("@ndla/styled-system/jsx");
-
 //#region src/Table.tsx
 /**
 * Copyright (c) 2024-present, NDLA.
@@ -9,7 +7,7 @@ let _ndla_styled_system_jsx = require("@ndla/styled-system/jsx");
 * LICENSE file in the root directory of this source tree.
 *
 */
-const Table = (0, _ndla_styled_system_jsx.styled)(_ark_ui_react.ark.table, { base: {
+const Table = (0, require("@ndla/styled-system/jsx").styled)(_ark_ui_react.ark.table, { base: {
 	display: "block",
 	overflowX: "auto",
 	maxWidth: "100%",
@@ -64,7 +62,7 @@ const Table = (0, _ndla_styled_system_jsx.styled)(_ark_ui_react.ark.table, { bas
 	baseComponent: true,
 	defaultProps: { tabIndex: 0 }
 });
-
 //#endregion
 exports.Table = Table;
+
 //# sourceMappingURL=Table.js.map

package/lib/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["ark"],"sources":["../src/Table.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 { styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\n\nexport interface TableProps extends HTMLArkProps<\"table\">, StyledProps {}\n\nexport const Table = styled(\n  ark.table,\n  {\n    base: {\n      display: \"block\",\n      overflowX: \"auto\",\n      maxWidth: \"100%\",\n      padding: \"4xsmall\",\n      tableLayout: \"fixed\",\n      clear: \"both\",\n      \"& > caption\": {\n        fontWeight: \"bold\",\n        textAlign: \"left\",\n        textTransform: \"uppercase\",\n        marginBlockEnd: \"xsmall\",\n      },\n      \"& thead\": {\n        overflow: \"hidden\",\n      },\n      \"& thead tr th\": {\n        fontWeight: \"bold\",\n        borderBottom: \"3px solid\",\n        borderColor: \"surface.brand.1.strong\",\n        verticalAlign: \"text-top\",\n      },\n      \"& tbody th\": {\n        borderRight: \"3px solid\",\n        borderColor: \"surface.brand.1.strong\",\n        padding: \"3xsmall\",\n      },\n      \"& thead tr:nth-child(2) th\": {\n        border: \"1px solid\",\n        borderColor: \"surface.brand.1.subtle\",\n        textTransform: \"none\",\n        fontWeight: \"semibold\",\n        height: \"large\",\n        backgroundColor: \"surface.brand.1.subtle\",\n        paddingBlock: \"4xsmall\",\n        paddingInlineEnd: \"medium\",\n        paddingInlineStart: \"3xsmall\",\n        _empty: {\n          backgroundColor: \"transparent\",\n        },\n      },\n      \"& td\": {\n        border: \"1px solid\",\n        borderColor: \"surface.brand.1.subtle\",\n        verticalAlign: \"top\",\n      },\n      \"& td, & th\": {\n        display: \"table-cell\",\n        paddingInline: \"xsmall\",\n        paddingBlock: \"3xsmall\",\n        minWidth: \"large\",\n        \"&[data-align='center']\": {\n          textAlign: \"center\",\n        },\n        \"&[data-align='left']\": {\n          textAlign: \"left\",\n        },\n        \"&[data-align='right']\": {\n          textAlign: \"right\",\n        },\n      },\n    },\n  },\n  // TODO: Chrome doesn't support automatically making overflowed elements tabbable yet. Revisit this in a year or two\n  { baseComponent: true, defaultProps: { tabIndex: 0 } },\n);\n"],"mappings":";;;;;;;;;;;AAcA,MAAa,4CACXA,kBAAI,OACJ,EACE,MAAM;CACJ,SAAS;CACT,WAAW;CACX,UAAU;CACV,SAAS;CACT,aAAa;CACb,OAAO;CACP,eAAe;EACb,YAAY;EACZ,WAAW;EACX,eAAe;EACf,gBAAgB;EACjB;CACD,WAAW,EACT,UAAU,UACX;CACD,iBAAiB;EACf,YAAY;EACZ,cAAc;EACd,aAAa;EACb,eAAe;EAChB;CACD,cAAc;EACZ,aAAa;EACb,aAAa;EACb,SAAS;EACV;CACD,8BAA8B;EAC5B,QAAQ;EACR,aAAa;EACb,eAAe;EACf,YAAY;EACZ,QAAQ;EACR,iBAAiB;EACjB,cAAc;EACd,kBAAkB;EAClB,oBAAoB;EACpB,QAAQ,EACN,iBAAiB,eAClB;EACF;CACD,QAAQ;EACN,QAAQ;EACR,aAAa;EACb,eAAe;EAChB;CACD,cAAc;EACZ,SAAS;EACT,eAAe;EACf,cAAc;EACd,UAAU;EACV,0BAA0B,EACxB,WAAW,UACZ;EACD,wBAAwB,EACtB,WAAW,QACZ;EACD,yBAAyB,EACvB,WAAW,SACZ;EACF;CACF,EACF,EAED;CAAE,eAAe;CAAM,cAAc,EAAE,UAAU,GAAG;CAAE,CACvD"}
+{"version":3,"file":"Table.js","names":["ark"],"sources":["../src/Table.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 { styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\n\nexport interface TableProps extends HTMLArkProps<\"table\">, StyledProps {}\n\nexport const Table = styled(\n  ark.table,\n  {\n    base: {\n      display: \"block\",\n      overflowX: \"auto\",\n      maxWidth: \"100%\",\n      padding: \"4xsmall\",\n      tableLayout: \"fixed\",\n      clear: \"both\",\n      \"& > caption\": {\n        fontWeight: \"bold\",\n        textAlign: \"left\",\n        textTransform: \"uppercase\",\n        marginBlockEnd: \"xsmall\",\n      },\n      \"& thead\": {\n        overflow: \"hidden\",\n      },\n      \"& thead tr th\": {\n        fontWeight: \"bold\",\n        borderBottom: \"3px solid\",\n        borderColor: \"surface.brand.1.strong\",\n        verticalAlign: \"text-top\",\n      },\n      \"& tbody th\": {\n        borderRight: \"3px solid\",\n        borderColor: \"surface.brand.1.strong\",\n        padding: \"3xsmall\",\n      },\n      \"& thead tr:nth-child(2) th\": {\n        border: \"1px solid\",\n        borderColor: \"surface.brand.1.subtle\",\n        textTransform: \"none\",\n        fontWeight: \"semibold\",\n        height: \"large\",\n        backgroundColor: \"surface.brand.1.subtle\",\n        paddingBlock: \"4xsmall\",\n        paddingInlineEnd: \"medium\",\n        paddingInlineStart: \"3xsmall\",\n        _empty: {\n          backgroundColor: \"transparent\",\n        },\n      },\n      \"& td\": {\n        border: \"1px solid\",\n        borderColor: \"surface.brand.1.subtle\",\n        verticalAlign: \"top\",\n      },\n      \"& td, & th\": {\n        display: \"table-cell\",\n        paddingInline: \"xsmall\",\n        paddingBlock: \"3xsmall\",\n        minWidth: \"large\",\n        \"&[data-align='center']\": {\n          textAlign: \"center\",\n        },\n        \"&[data-align='left']\": {\n          textAlign: \"left\",\n        },\n        \"&[data-align='right']\": {\n          textAlign: \"right\",\n        },\n      },\n    },\n  },\n  // TODO: Chrome doesn't support automatically making overflowed elements tabbable yet. Revisit this in a year or two\n  { baseComponent: true, defaultProps: { tabIndex: 0 } },\n);\n"],"mappings":";;;;;;;;;AAcA,MAAa,SAAA,sCAAA,QACXA,cAAAA,IAAI,OACJ,EACE,MAAM;CACJ,SAAS;CACT,WAAW;CACX,UAAU;CACV,SAAS;CACT,aAAa;CACb,OAAO;CACP,eAAe;EACb,YAAY;EACZ,WAAW;EACX,eAAe;EACf,gBAAgB;EACjB;CACD,WAAW,EACT,UAAU,UACX;CACD,iBAAiB;EACf,YAAY;EACZ,cAAc;EACd,aAAa;EACb,eAAe;EAChB;CACD,cAAc;EACZ,aAAa;EACb,aAAa;EACb,SAAS;EACV;CACD,8BAA8B;EAC5B,QAAQ;EACR,aAAa;EACb,eAAe;EACf,YAAY;EACZ,QAAQ;EACR,iBAAiB;EACjB,cAAc;EACd,kBAAkB;EAClB,oBAAoB;EACpB,QAAQ,EACN,iBAAiB,eAClB;EACF;CACD,QAAQ;EACN,QAAQ;EACR,aAAa;EACb,eAAe;EAChB;CACD,cAAc;EACZ,SAAS;EACT,eAAe;EACf,cAAc;EACd,UAAU;EACV,0BAA0B,EACxB,WAAW,UACZ;EACD,wBAAwB,EACtB,WAAW,QACZ;EACD,yBAAyB,EACvB,WAAW,SACZ;EACF;CACF,EACF,EAED;CAAE,eAAe;CAAM,cAAc,EAAE,UAAU,GAAG;CAAE,CACvD"}

package/lib/Tabs.js

@@ -2,7 +2,6 @@ let _ark_ui_react = require("@ark-ui/react");
 let _ndla_styled_system_css = require("@ndla/styled-system/css");
 let _ndla_styled_system_jsx = require("@ndla/styled-system/jsx");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/Tabs.tsx
 /**
 * Copyright (c) 2024-present, NDLA.
@@ -189,11 +188,11 @@ const TabsTrigger = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_r
 	className: (0, _ndla_styled_system_css.cx)("peer", className),
 	...props
 });
-
 //#endregion
 exports.TabsContent = TabsContent;
 exports.TabsIndicator = TabsIndicator;
 exports.TabsList = TabsList;
 exports.TabsRoot = TabsRoot;
 exports.TabsTrigger = TabsTrigger;
+
 //# sourceMappingURL=Tabs.js.map

package/lib/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["Tabs"],"sources":["../src/Tabs.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 { Tabs } from \"@ark-ui/react\";\nimport { type RecipeVariantProps, cx, sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport type { RefAttributes } from \"react\";\n\nconst tabsRecipe = sva({\n  // TODO: This still doesn't work. Need to figure out why we need to pass keys manually.\n  // slots: tabsAnatomy.keys(),\n  slots: [\"root\", \"list\", \"trigger\", \"content\", \"indicator\"],\n  base: {\n    root: {\n      position: \"relative\",\n      display: \"flex\",\n      width: \"100%\",\n      _horizontal: {\n        flexDirection: \"column\",\n      },\n      _vertical: {\n        flexDirection: \"row\",\n      },\n    },\n    list: {\n      position: \"relative\",\n      display: \"flex\",\n      flexShrink: \"0\",\n      flexWrap: \"wrap\",\n      _horizontal: {\n        flexDirection: \"row\",\n      },\n      _vertical: {\n        flexDirection: \"column\",\n      },\n    },\n    trigger: {\n      display: \"inline-flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      flexShrink: \"0\",\n      cursor: \"pointer\",\n      textStyle: \"label.small\",\n      fontWeight: \"bold\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"color, background, border-color\",\n      transitionTimingFunction: \"default\",\n      whiteSpace: \"nowrap\",\n      paddingInline: \"small\",\n      paddingBlock: \"3xsmall\",\n      zIndex: \"1\",\n      _hover: {\n        color: \"text.action\",\n      },\n      _selected: {\n        color: \"text.strong\",\n      },\n      _disabled: {\n        color: \"text.subtle\",\n        cursor: \"not-allowed\",\n        _hover: {\n          color: \"text.subtle\",\n        },\n      },\n      _motionReduce: {\n        transition: \"none\",\n        transitionDuration: \"0s\",\n      },\n    },\n    content: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      alignItems: \"flex-start\",\n      gap: \"xsmall\",\n    },\n  },\n  defaultVariants: {\n    variant: \"line\",\n  },\n  variants: {\n    variant: {\n      line: {\n        trigger: {\n          borderColor: \"stroke.default\",\n          _hover: {\n            borderColor: \"stroke.hover\",\n            _focusVisible: {\n              borderColor: \"stroke.default\",\n            },\n          },\n          _horizontal: {\n            borderBottom: \"1px solid\",\n          },\n          _disabled: {\n            borderColor: \"stroke.default\",\n            _hover: {\n              borderColor: \"stroke.default\",\n            },\n          },\n          _vertical: {\n            borderLeft: \"1px solid\",\n            justifyContent: \"flex-start\",\n          },\n          _focusVisible: {\n            outline: \"none\",\n            borderRadius: \"unset\",\n          },\n        },\n        indicator: {\n          background: \"stroke.default\",\n          _peerFocusVisible: {\n            height: \"var(--height)\",\n            width: \"var(--width)\",\n            outline: \"3px solid\",\n            outlineOffset: \"-3px\",\n            outlineColor: \"stroke.default\",\n            background: \"transparent\",\n            _horizontal: {\n              borderTopRadius: \"xsmall\",\n            },\n            _vertical: {\n              borderRightRadius: \"xsmall\",\n            },\n          },\n          _horizontal: {\n            top: \"calc(var(--top) + var(--height) - 6px)\",\n            height: \"3\",\n            width: \"var(--width)\",\n            _peerFocusVisible: { top: \"var(--top)\" },\n          },\n          _vertical: {\n            height: \"var(--height)\",\n            left: \"0\",\n            width: \"3\",\n          },\n        },\n        content: {\n          zIndex: \"1\",\n          _horizontal: {\n            paddingBlockStart: \"xsmall\",\n          },\n          _vertical: {\n            paddingInlineStart: \"xsmall\",\n          },\n          _focusVisible: {\n            outline: \"none\",\n            boxShadow: \"0 0 0 3px var(--shadow-color)\",\n            boxShadowColor: \"stroke.default\",\n          },\n        },\n      },\n      outline: {\n        list: {\n          _horizontal: {\n            marginBlockEnd: \"-1px\",\n          },\n          _vertical: {\n            marginInlineEnd: \"-1px\",\n          },\n        },\n        trigger: {\n          borderColor: \"transparent\",\n          borderWidth: \"1px\",\n          _horizontal: {\n            borderTopRadius: \"xsmall\",\n          },\n          _vertical: {\n            borderTopLeftRadius: \"xsmall\",\n            borderBottomLeftRadius: \"xsmall\",\n          },\n          _selected: {\n            background: \"surface.default\",\n            borderColor: \"stroke.default\",\n            _horizontal: {\n              borderBottom: \"none\",\n            },\n            _vertical: {\n              borderRight: \"none\",\n            },\n          },\n          _focusVisible: {\n            outline: \"3px solid\",\n            outlineOffset: \"-3px\",\n            outlineColor: \"stroke.default\",\n          },\n        },\n        content: {\n          borderWidth: \"1px\",\n          borderColor: \"stroke.default\",\n          background: \"surface.default\",\n          width: \"100%\",\n          padding: \"xsmall\",\n          _vertical: {\n            borderBottomRadius: \"xsmall\",\n            borderRightRadius: \"xsmall\",\n          },\n          _horizontal: {\n            borderRightRadius: \"xsmall\",\n            borderBottomLeftRadius: \"xsmall\",\n          },\n          _focusVisible: {\n            outline: \"3px solid\",\n            outlineOffset: \"-3px\",\n            outlineColor: \"stroke.default\",\n          },\n        },\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(tabsRecipe);\n\nexport type TabsVariantProps = NonNullable<RecipeVariantProps<typeof tabsRecipe>>;\n\nexport interface TabsRootProps extends Tabs.RootProps, TabsVariantProps, StyledProps, RefAttributes<HTMLDivElement> {\n  translations: Tabs.RootProps[\"translations\"];\n}\n\nconst InternalTabsRoot = withProvider(Tabs.Root, \"root\", { baseComponent: true });\n\nexport const TabsRoot = ({ lazyMount = true, unmountOnExit = true, ...props }: TabsRootProps) => (\n  <InternalTabsRoot lazyMount={lazyMount} unmountOnExit={unmountOnExit} {...props} />\n);\n\nexport const TabsContent = withContext(Tabs.Content, \"content\", { baseComponent: true });\n\nexport const TabsIndicator = withContext(Tabs.Indicator, \"indicator\", { baseComponent: true });\n\nexport const TabsList = withContext(Tabs.List, \"list\", { baseComponent: true });\n\nconst InternalTabsTrigger = withContext(Tabs.Trigger, \"trigger\", { baseComponent: true });\n\ninterface TabsTriggerProps extends Tabs.TriggerProps, StyledProps, RefAttributes<HTMLButtonElement> {}\n\nexport const TabsTrigger = ({ className, ...props }: TabsTriggerProps) => (\n  <InternalTabsTrigger className={cx(\"peer\", className)} {...props} />\n);\n"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","names":["Tabs"],"sources":["../src/Tabs.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 { Tabs } from \"@ark-ui/react\";\nimport { type RecipeVariantProps, cx, sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport type { RefAttributes } from \"react\";\n\nconst tabsRecipe = sva({\n  // TODO: This still doesn't work. Need to figure out why we need to pass keys manually.\n  // slots: tabsAnatomy.keys(),\n  slots: [\"root\", \"list\", \"trigger\", \"content\", \"indicator\"],\n  base: {\n    root: {\n      position: \"relative\",\n      display: \"flex\",\n      width: \"100%\",\n      _horizontal: {\n        flexDirection: \"column\",\n      },\n      _vertical: {\n        flexDirection: \"row\",\n      },\n    },\n    list: {\n      position: \"relative\",\n      display: \"flex\",\n      flexShrink: \"0\",\n      flexWrap: \"wrap\",\n      _horizontal: {\n        flexDirection: \"row\",\n      },\n      _vertical: {\n        flexDirection: \"column\",\n      },\n    },\n    trigger: {\n      display: \"inline-flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      flexShrink: \"0\",\n      cursor: \"pointer\",\n      textStyle: \"label.small\",\n      fontWeight: \"bold\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"color, background, border-color\",\n      transitionTimingFunction: \"default\",\n      whiteSpace: \"nowrap\",\n      paddingInline: \"small\",\n      paddingBlock: \"3xsmall\",\n      zIndex: \"1\",\n      _hover: {\n        color: \"text.action\",\n      },\n      _selected: {\n        color: \"text.strong\",\n      },\n      _disabled: {\n        color: \"text.subtle\",\n        cursor: \"not-allowed\",\n        _hover: {\n          color: \"text.subtle\",\n        },\n      },\n      _motionReduce: {\n        transition: \"none\",\n        transitionDuration: \"0s\",\n      },\n    },\n    content: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      alignItems: \"flex-start\",\n      gap: \"xsmall\",\n    },\n  },\n  defaultVariants: {\n    variant: \"line\",\n  },\n  variants: {\n    variant: {\n      line: {\n        trigger: {\n          borderColor: \"stroke.default\",\n          _hover: {\n            borderColor: \"stroke.hover\",\n            _focusVisible: {\n              borderColor: \"stroke.default\",\n            },\n          },\n          _horizontal: {\n            borderBottom: \"1px solid\",\n          },\n          _disabled: {\n            borderColor: \"stroke.default\",\n            _hover: {\n              borderColor: \"stroke.default\",\n            },\n          },\n          _vertical: {\n            borderLeft: \"1px solid\",\n            justifyContent: \"flex-start\",\n          },\n          _focusVisible: {\n            outline: \"none\",\n            borderRadius: \"unset\",\n          },\n        },\n        indicator: {\n          background: \"stroke.default\",\n          _peerFocusVisible: {\n            height: \"var(--height)\",\n            width: \"var(--width)\",\n            outline: \"3px solid\",\n            outlineOffset: \"-3px\",\n            outlineColor: \"stroke.default\",\n            background: \"transparent\",\n            _horizontal: {\n              borderTopRadius: \"xsmall\",\n            },\n            _vertical: {\n              borderRightRadius: \"xsmall\",\n            },\n          },\n          _horizontal: {\n            top: \"calc(var(--top) + var(--height) - 6px)\",\n            height: \"3\",\n            width: \"var(--width)\",\n            _peerFocusVisible: { top: \"var(--top)\" },\n          },\n          _vertical: {\n            height: \"var(--height)\",\n            left: \"0\",\n            width: \"3\",\n          },\n        },\n        content: {\n          zIndex: \"1\",\n          _horizontal: {\n            paddingBlockStart: \"xsmall\",\n          },\n          _vertical: {\n            paddingInlineStart: \"xsmall\",\n          },\n          _focusVisible: {\n            outline: \"none\",\n            boxShadow: \"0 0 0 3px var(--shadow-color)\",\n            boxShadowColor: \"stroke.default\",\n          },\n        },\n      },\n      outline: {\n        list: {\n          _horizontal: {\n            marginBlockEnd: \"-1px\",\n          },\n          _vertical: {\n            marginInlineEnd: \"-1px\",\n          },\n        },\n        trigger: {\n          borderColor: \"transparent\",\n          borderWidth: \"1px\",\n          _horizontal: {\n            borderTopRadius: \"xsmall\",\n          },\n          _vertical: {\n            borderTopLeftRadius: \"xsmall\",\n            borderBottomLeftRadius: \"xsmall\",\n          },\n          _selected: {\n            background: \"surface.default\",\n            borderColor: \"stroke.default\",\n            _horizontal: {\n              borderBottom: \"none\",\n            },\n            _vertical: {\n              borderRight: \"none\",\n            },\n          },\n          _focusVisible: {\n            outline: \"3px solid\",\n            outlineOffset: \"-3px\",\n            outlineColor: \"stroke.default\",\n          },\n        },\n        content: {\n          borderWidth: \"1px\",\n          borderColor: \"stroke.default\",\n          background: \"surface.default\",\n          width: \"100%\",\n          padding: \"xsmall\",\n          _vertical: {\n            borderBottomRadius: \"xsmall\",\n            borderRightRadius: \"xsmall\",\n          },\n          _horizontal: {\n            borderRightRadius: \"xsmall\",\n            borderBottomLeftRadius: \"xsmall\",\n          },\n          _focusVisible: {\n            outline: \"3px solid\",\n            outlineOffset: \"-3px\",\n            outlineColor: \"stroke.default\",\n          },\n        },\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(tabsRecipe);\n\nexport type TabsVariantProps = NonNullable<RecipeVariantProps<typeof tabsRecipe>>;\n\nexport interface TabsRootProps extends Tabs.RootProps, TabsVariantProps, StyledProps, RefAttributes<HTMLDivElement> {\n  translations: Tabs.RootProps[\"translations\"];\n}\n\nconst InternalTabsRoot = withProvider(Tabs.Root, \"root\", { baseComponent: true });\n\nexport const TabsRoot = ({ lazyMount = true, unmountOnExit = true, ...props }: TabsRootProps) => (\n  <InternalTabsRoot lazyMount={lazyMount} unmountOnExit={unmountOnExit} {...props} />\n);\n\nexport const TabsContent = withContext(Tabs.Content, \"content\", { baseComponent: true });\n\nexport const TabsIndicator = withContext(Tabs.Indicator, \"indicator\", { baseComponent: true });\n\nexport const TabsList = withContext(Tabs.List, \"list\", { baseComponent: true });\n\nconst InternalTabsTrigger = withContext(Tabs.Trigger, \"trigger\", { baseComponent: true });\n\ninterface TabsTriggerProps extends Tabs.TriggerProps, StyledProps, RefAttributes<HTMLButtonElement> {}\n\nexport const TabsTrigger = ({ className, ...props }: TabsTriggerProps) => (\n  <InternalTabsTrigger className={cx(\"peer\", className)} {...props} />\n);\n"],"mappings":"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"}

package/lib/TagsInput.js

@@ -1,10 +1,9 @@
-const require_Label = require('./Label.js');
+const require_Label = require("./Label.js");
 let _ark_ui_react = require("@ark-ui/react");
 let _ndla_styled_system_css = require("@ndla/styled-system/css");
 let _ndla_styled_system_jsx = require("@ndla/styled-system/jsx");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
-
 //#region src/TagsInput.tsx
 /**
 * Copyright (c) 2024-present, NDLA.
@@ -103,7 +102,6 @@ const TagsInputLabel = (0, react.forwardRef)(({ children, ...props }, ref) => /*
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Label.Label, { children })
 }));
-
 //#endregion
 exports.TagsInputClearTrigger = TagsInputClearTrigger;
 exports.TagsInputControl = TagsInputControl;
@@ -115,4 +113,5 @@ exports.TagsInputItemPreview = TagsInputItemPreview;
 exports.TagsInputItemText = TagsInputItemText;
 exports.TagsInputLabel = TagsInputLabel;
 exports.TagsInputRoot = TagsInputRoot;
+
 //# sourceMappingURL=TagsInput.js.map

package/lib/TagsInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagsInput.js","names":["tagsInputAnatomy","TagsInput","Label"],"sources":["../src/TagsInput.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 { TagsInput, tagsInputAnatomy } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef, type RefAttributes } from \"react\";\nimport { Label } from \"./Label\";\nimport { type TextProps } from \"./Text\";\n\nconst tagsInputRecipe = sva({\n  slots: tagsInputAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"xxsmall\",\n      width: \"full\",\n    },\n    control: {\n      display: \"inline-flex\",\n      gap: \"xxsmall\",\n      alignItems: \"center\",\n      flexWrap: \"wrap\",\n    },\n    item: {\n      paddingBlock: \"3xsmall\",\n    },\n    itemPreview: {\n      display: \"flex\",\n      gap: \"1\",\n      paddingBlock: \"4xsmall\",\n      paddingInlineEnd: \"3xsmall\",\n      paddingInlineStart: \"xsmall\",\n      cursor: \"initial\",\n      borderRadius: \"large\",\n      outline: \"1px solid\",\n      outlineColor: \"transparent\",\n      backgroundColor: \"surface.action.selected\",\n      color: \"text.onAction\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"background, outline-color, color\",\n      transitionTimingFunction: \"default\",\n      textStyle: \"label.medium\",\n      _hover: {\n        backgroundColor: \"surface.actionSubtle.hover\",\n        outlineColor: \"stroke.hover\",\n        color: \"text.default\",\n        \"& svg\": {\n          color: \"stroke.hover\",\n        },\n        _motionReduce: {\n          transition: \"none\",\n          transitionDuration: \"0s\",\n        },\n      },\n      _highlighted: {\n        backgroundColor: \"surface.actionSubtle.hover\",\n        outlineWidth: \"3px\",\n        outlineOffset: \"-1px\",\n        outlineColor: \"stroke.hover\",\n        color: \"text.default\",\n        \"& svg\": {\n          color: \"stroke.hover\",\n        },\n        _motionReduce: {\n          transition: \"none\",\n          transitionDuration: \"0s\",\n        },\n      },\n    },\n    input: {\n      flex: \"1\",\n    },\n    itemDeleteTrigger: {\n      paddingBottom: \"1\",\n      cursor: \"pointer\",\n      \"& span\": {\n        display: \"inline-block\",\n      },\n      \"& svg\": {\n        marginInline: \"0\",\n        marginBlock: \"0\",\n        width: \"medium\",\n        height: \"medium\",\n      },\n    },\n    itemText: {\n      paddingBottom: \"1\",\n    },\n    itemInput: {\n      outline: \"none\",\n      background: \"transparent\",\n    },\n  },\n});\nconst { withProvider, withContext } = createStyleContext(tagsInputRecipe);\n\nexport interface TagsInputRootProps extends TagsInput.RootProps, StyledProps {\n  translations: TagsInput.RootProps[\"translations\"];\n}\n\nexport const TagsInputRoot = withProvider(TagsInput.Root, \"root\", {\n  baseComponent: true,\n});\n\nexport interface TagsInputClearTriggerProps extends TagsInput.ClearTriggerProps, StyledProps {}\n\nexport const TagsInputClearTrigger = withContext(TagsInput.ClearTrigger, \"clearTrigger\", { baseComponent: true });\n\nexport interface TagsInputControlProps extends TagsInput.ControlProps, StyledProps {}\n\nexport const TagsInputControl = withContext(TagsInput.Control, \"control\", { baseComponent: true });\n\nexport interface TagsInputInputProps extends TagsInput.InputProps, StyledProps {}\n\nexport const TagsInputInput = withContext(TagsInput.Input, \"input\", { baseComponent: true });\n\nexport interface TagsInputItemDeleteTriggerProps extends TagsInput.ItemDeleteTriggerProps, StyledProps {}\n\nexport const TagsInputItemDeleteTrigger = withContext(TagsInput.ItemDeleteTrigger, \"itemDeleteTrigger\", {\n  baseComponent: true,\n});\n\nexport interface TagsInputItemInputProps extends TagsInput.ItemInputProps, StyledProps {}\n\nexport const TagsInputItemInput = withContext(TagsInput.ItemInput, \"itemInput\", { baseComponent: true });\n\nexport interface TagsInputItemPreviewProps extends TagsInput.ItemPreviewProps, StyledProps {}\n\nexport const TagsInputItemPreview = withContext(TagsInput.ItemPreview, \"itemPreview\", { baseComponent: true });\n\nexport interface TagsInputItemProps extends TagsInput.ItemProps, StyledProps {}\n\nexport const TagsInputItem = withContext(TagsInput.Item, \"item\", { baseComponent: true });\n\nexport interface TagsInputItemTextProps extends TagsInput.ItemTextProps, StyledProps {}\n\nexport const TagsInputItemText = withContext(TagsInput.ItemText, \"itemText\", { baseComponent: true });\n\nconst InternalTagsInputLabel = withContext(TagsInput.Label, \"label\");\n\nexport interface TagsInputLabelProps\n  extends Omit<TagsInput.LabelProps, \"color\">, StyledProps, TextProps, RefAttributes<HTMLLabelElement> {}\n\nexport const TagsInputLabel = forwardRef<HTMLLabelElement, TagsInputLabelProps>(({ children, ...props }, ref) => (\n  <InternalTagsInputLabel asChild ref={ref} {...props}>\n    <Label>{children}</Label>\n  </InternalTagsInputLabel>\n));\n"],"mappings":";;;;;;;;;;;;;;;AAsGA,MAAM,EAAE,cAAc,iGAtFM;CAC1B,OAAOA,+BAAiB,MAAM;CAC9B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACL,OAAO;GACR;EACD,SAAS;GACP,SAAS;GACT,KAAK;GACL,YAAY;GACZ,UAAU;GACX;EACD,MAAM,EACJ,cAAc,WACf;EACD,aAAa;GACX,SAAS;GACT,KAAK;GACL,cAAc;GACd,kBAAkB;GAClB,oBAAoB;GACpB,QAAQ;GACR,cAAc;GACd,SAAS;GACT,cAAc;GACd,iBAAiB;GACjB,OAAO;GACP,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,WAAW;GACX,QAAQ;IACN,iBAAiB;IACjB,cAAc;IACd,OAAO;IACP,SAAS,EACP,OAAO,gBACR;IACD,eAAe;KACb,YAAY;KACZ,oBAAoB;KACrB;IACF;GACD,cAAc;IACZ,iBAAiB;IACjB,cAAc;IACd,eAAe;IACf,cAAc;IACd,OAAO;IACP,SAAS,EACP,OAAO,gBACR;IACD,eAAe;KACb,YAAY;KACZ,oBAAoB;KACrB;IACF;GACF;EACD,OAAO,EACL,MAAM,KACP;EACD,mBAAmB;GACjB,eAAe;GACf,QAAQ;GACR,UAAU,EACR,SAAS,gBACV;GACD,SAAS;IACP,cAAc;IACd,aAAa;IACb,OAAO;IACP,QAAQ;IACT;GACF;EACD,UAAU,EACR,eAAe,KAChB;EACD,WAAW;GACT,SAAS;GACT,YAAY;GACb;EACF;CACF,CAAC,CACuE;AAMzE,MAAa,gBAAgB,aAAaC,wBAAU,MAAM,QAAQ,EAChE,eAAe,MAChB,CAAC;AAIF,MAAa,wBAAwB,YAAYA,wBAAU,cAAc,gBAAgB,EAAE,eAAe,MAAM,CAAC;AAIjH,MAAa,mBAAmB,YAAYA,wBAAU,SAAS,WAAW,EAAE,eAAe,MAAM,CAAC;AAIlG,MAAa,iBAAiB,YAAYA,wBAAU,OAAO,SAAS,EAAE,eAAe,MAAM,CAAC;AAI5F,MAAa,6BAA6B,YAAYA,wBAAU,mBAAmB,qBAAqB,EACtG,eAAe,MAChB,CAAC;AAIF,MAAa,qBAAqB,YAAYA,wBAAU,WAAW,aAAa,EAAE,eAAe,MAAM,CAAC;AAIxG,MAAa,uBAAuB,YAAYA,wBAAU,aAAa,eAAe,EAAE,eAAe,MAAM,CAAC;AAI9G,MAAa,gBAAgB,YAAYA,wBAAU,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAIzF,MAAa,oBAAoB,YAAYA,wBAAU,UAAU,YAAY,EAAE,eAAe,MAAM,CAAC;AAErG,MAAM,yBAAyB,YAAYA,wBAAU,OAAO,QAAQ;AAKpE,MAAa,wCAAoE,EAAE,UAAU,GAAG,SAAS,QACvG,2CAAC;CAAuB;CAAa;CAAK,GAAI;WAC5C,2CAACC,uBAAO,WAAiB;EACF,CACzB"}
+{"version":3,"file":"TagsInput.js","names":["tagsInputAnatomy","TagsInput","Label"],"sources":["../src/TagsInput.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 { TagsInput, tagsInputAnatomy } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef, type RefAttributes } from \"react\";\nimport { Label } from \"./Label\";\nimport { type TextProps } from \"./Text\";\n\nconst tagsInputRecipe = sva({\n  slots: tagsInputAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"xxsmall\",\n      width: \"full\",\n    },\n    control: {\n      display: \"inline-flex\",\n      gap: \"xxsmall\",\n      alignItems: \"center\",\n      flexWrap: \"wrap\",\n    },\n    item: {\n      paddingBlock: \"3xsmall\",\n    },\n    itemPreview: {\n      display: \"flex\",\n      gap: \"1\",\n      paddingBlock: \"4xsmall\",\n      paddingInlineEnd: \"3xsmall\",\n      paddingInlineStart: \"xsmall\",\n      cursor: \"initial\",\n      borderRadius: \"large\",\n      outline: \"1px solid\",\n      outlineColor: \"transparent\",\n      backgroundColor: \"surface.action.selected\",\n      color: \"text.onAction\",\n      transitionDuration: \"normal\",\n      transitionProperty: \"background, outline-color, color\",\n      transitionTimingFunction: \"default\",\n      textStyle: \"label.medium\",\n      _hover: {\n        backgroundColor: \"surface.actionSubtle.hover\",\n        outlineColor: \"stroke.hover\",\n        color: \"text.default\",\n        \"& svg\": {\n          color: \"stroke.hover\",\n        },\n        _motionReduce: {\n          transition: \"none\",\n          transitionDuration: \"0s\",\n        },\n      },\n      _highlighted: {\n        backgroundColor: \"surface.actionSubtle.hover\",\n        outlineWidth: \"3px\",\n        outlineOffset: \"-1px\",\n        outlineColor: \"stroke.hover\",\n        color: \"text.default\",\n        \"& svg\": {\n          color: \"stroke.hover\",\n        },\n        _motionReduce: {\n          transition: \"none\",\n          transitionDuration: \"0s\",\n        },\n      },\n    },\n    input: {\n      flex: \"1\",\n    },\n    itemDeleteTrigger: {\n      paddingBottom: \"1\",\n      cursor: \"pointer\",\n      \"& span\": {\n        display: \"inline-block\",\n      },\n      \"& svg\": {\n        marginInline: \"0\",\n        marginBlock: \"0\",\n        width: \"medium\",\n        height: \"medium\",\n      },\n    },\n    itemText: {\n      paddingBottom: \"1\",\n    },\n    itemInput: {\n      outline: \"none\",\n      background: \"transparent\",\n    },\n  },\n});\nconst { withProvider, withContext } = createStyleContext(tagsInputRecipe);\n\nexport interface TagsInputRootProps extends TagsInput.RootProps, StyledProps {\n  translations: TagsInput.RootProps[\"translations\"];\n}\n\nexport const TagsInputRoot = withProvider(TagsInput.Root, \"root\", {\n  baseComponent: true,\n});\n\nexport interface TagsInputClearTriggerProps extends TagsInput.ClearTriggerProps, StyledProps {}\n\nexport const TagsInputClearTrigger = withContext(TagsInput.ClearTrigger, \"clearTrigger\", { baseComponent: true });\n\nexport interface TagsInputControlProps extends TagsInput.ControlProps, StyledProps {}\n\nexport const TagsInputControl = withContext(TagsInput.Control, \"control\", { baseComponent: true });\n\nexport interface TagsInputInputProps extends TagsInput.InputProps, StyledProps {}\n\nexport const TagsInputInput = withContext(TagsInput.Input, \"input\", { baseComponent: true });\n\nexport interface TagsInputItemDeleteTriggerProps extends TagsInput.ItemDeleteTriggerProps, StyledProps {}\n\nexport const TagsInputItemDeleteTrigger = withContext(TagsInput.ItemDeleteTrigger, \"itemDeleteTrigger\", {\n  baseComponent: true,\n});\n\nexport interface TagsInputItemInputProps extends TagsInput.ItemInputProps, StyledProps {}\n\nexport const TagsInputItemInput = withContext(TagsInput.ItemInput, \"itemInput\", { baseComponent: true });\n\nexport interface TagsInputItemPreviewProps extends TagsInput.ItemPreviewProps, StyledProps {}\n\nexport const TagsInputItemPreview = withContext(TagsInput.ItemPreview, \"itemPreview\", { baseComponent: true });\n\nexport interface TagsInputItemProps extends TagsInput.ItemProps, StyledProps {}\n\nexport const TagsInputItem = withContext(TagsInput.Item, \"item\", { baseComponent: true });\n\nexport interface TagsInputItemTextProps extends TagsInput.ItemTextProps, StyledProps {}\n\nexport const TagsInputItemText = withContext(TagsInput.ItemText, \"itemText\", { baseComponent: true });\n\nconst InternalTagsInputLabel = withContext(TagsInput.Label, \"label\");\n\nexport interface TagsInputLabelProps\n  extends Omit<TagsInput.LabelProps, \"color\">, StyledProps, TextProps, RefAttributes<HTMLLabelElement> {}\n\nexport const TagsInputLabel = forwardRef<HTMLLabelElement, TagsInputLabelProps>(({ children, ...props }, ref) => (\n  <InternalTagsInputLabel asChild ref={ref} {...props}>\n    <Label>{children}</Label>\n  </InternalTagsInputLabel>\n));\n"],"mappings":";;;;;;;;;;;;;;AAsGA,MAAM,EAAE,cAAc,iBAAA,GAAA,wBAAA,qBAAA,GAAA,wBAAA,KAtFM;CAC1B,OAAOA,cAAAA,iBAAiB,MAAM;CAC9B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACL,OAAO;GACR;EACD,SAAS;GACP,SAAS;GACT,KAAK;GACL,YAAY;GACZ,UAAU;GACX;EACD,MAAM,EACJ,cAAc,WACf;EACD,aAAa;GACX,SAAS;GACT,KAAK;GACL,cAAc;GACd,kBAAkB;GAClB,oBAAoB;GACpB,QAAQ;GACR,cAAc;GACd,SAAS;GACT,cAAc;GACd,iBAAiB;GACjB,OAAO;GACP,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,WAAW;GACX,QAAQ;IACN,iBAAiB;IACjB,cAAc;IACd,OAAO;IACP,SAAS,EACP,OAAO,gBACR;IACD,eAAe;KACb,YAAY;KACZ,oBAAoB;KACrB;IACF;GACD,cAAc;IACZ,iBAAiB;IACjB,cAAc;IACd,eAAe;IACf,cAAc;IACd,OAAO;IACP,SAAS,EACP,OAAO,gBACR;IACD,eAAe;KACb,YAAY;KACZ,oBAAoB;KACrB;IACF;GACF;EACD,OAAO,EACL,MAAM,KACP;EACD,mBAAmB;GACjB,eAAe;GACf,QAAQ;GACR,UAAU,EACR,SAAS,gBACV;GACD,SAAS;IACP,cAAc;IACd,aAAa;IACb,OAAO;IACP,QAAQ;IACT;GACF;EACD,UAAU,EACR,eAAe,KAChB;EACD,WAAW;GACT,SAAS;GACT,YAAY;GACb;EACF;CACF,CAAC,CACuE;AAMzE,MAAa,gBAAgB,aAAaC,cAAAA,UAAU,MAAM,QAAQ,EAChE,eAAe,MAChB,CAAC;AAIF,MAAa,wBAAwB,YAAYA,cAAAA,UAAU,cAAc,gBAAgB,EAAE,eAAe,MAAM,CAAC;AAIjH,MAAa,mBAAmB,YAAYA,cAAAA,UAAU,SAAS,WAAW,EAAE,eAAe,MAAM,CAAC;AAIlG,MAAa,iBAAiB,YAAYA,cAAAA,UAAU,OAAO,SAAS,EAAE,eAAe,MAAM,CAAC;AAI5F,MAAa,6BAA6B,YAAYA,cAAAA,UAAU,mBAAmB,qBAAqB,EACtG,eAAe,MAChB,CAAC;AAIF,MAAa,qBAAqB,YAAYA,cAAAA,UAAU,WAAW,aAAa,EAAE,eAAe,MAAM,CAAC;AAIxG,MAAa,uBAAuB,YAAYA,cAAAA,UAAU,aAAa,eAAe,EAAE,eAAe,MAAM,CAAC;AAI9G,MAAa,gBAAgB,YAAYA,cAAAA,UAAU,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAIzF,MAAa,oBAAoB,YAAYA,cAAAA,UAAU,UAAU,YAAY,EAAE,eAAe,MAAM,CAAC;AAErG,MAAM,yBAAyB,YAAYA,cAAAA,UAAU,OAAO,QAAQ;AAKpE,MAAa,kBAAA,GAAA,MAAA,aAAoE,EAAE,UAAU,GAAG,SAAS,QACvG,iBAAA,GAAA,kBAAA,KAAC,wBAAD;CAAwB,SAAA;CAAa;CAAK,GAAI;WAC5C,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD,EAAQ,UAAiB,CAAA;CACF,CAAA,CACzB"}

package/lib/Text.js

@@ -3,7 +3,6 @@ let _ndla_styled_system_css = require("@ndla/styled-system/css");
 let _ndla_styled_system_jsx = require("@ndla/styled-system/jsx");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
-
 //#region src/Text.tsx
 /**
 * Copyright (c) 2024-present, NDLA.
@@ -34,8 +33,8 @@ const Heading = (0, react.forwardRef)(({ textStyle = "heading.medium", fontWeigh
 	ref,
 	...rest
 }));
-
 //#endregion
 exports.Heading = Heading;
 exports.Text = Text;
+
 //# sourceMappingURL=Text.js.map

package/lib/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["ark","css"],"sources":["../src/Text.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 } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { ColorToken, FontWeightToken } from \"@ndla/styled-system/tokens\";\nimport type { StyledProps, UtilityValues } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\n\nexport interface TextProps {\n  textStyle?: UtilityValues[\"textStyle\"];\n  fontWeight?: FontWeightToken;\n  color?: ColorToken;\n  srOnly?: boolean;\n}\n\nconst StyledP = styled(ark.p, {}, { baseComponent: true });\n\nexport interface TextComponentProps extends Omit<HTMLArkProps<\"p\">, \"color\">, StyledProps, TextProps {}\n\nexport const Text = forwardRef<HTMLParagraphElement, TextComponentProps>(\n  ({ textStyle = \"body.medium\", fontWeight, color, srOnly, css: cssProp, ...rest }, ref) => (\n    <StyledP css={css.raw({ textStyle, fontWeight, color, srOnly }, cssProp)} ref={ref} {...rest} />\n  ),\n);\n\nconst StyledH1 = styled(ark.h1, {}, { baseComponent: true });\n\nexport interface HeadingComponentProps extends Omit<HTMLArkProps<\"h1\">, \"color\">, StyledProps, TextProps {}\n\nexport const Heading = forwardRef<HTMLHeadingElement, HeadingComponentProps>(\n  ({ textStyle = \"heading.medium\", fontWeight, color, srOnly, css: cssProp, ...rest }, ref) => (\n    <StyledH1 css={css.raw({ textStyle, fontWeight, color, srOnly }, cssProp)} ref={ref} {...rest} />\n  ),\n);\n"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAM,8CAAiBA,kBAAI,GAAG,EAAE,EAAE,EAAE,eAAe,MAAM,CAAC;AAI1D,MAAa,8BACV,EAAE,YAAY,eAAe,YAAY,OAAO,QAAQ,KAAK,SAAS,GAAG,QAAQ,QAChF,2CAAC;CAAQ,KAAKC,4BAAI,IAAI;EAAE;EAAW;EAAY;EAAO;EAAQ,EAAE,QAAQ;CAAO;CAAK,GAAI;EAAQ,CAEnG;AAED,MAAM,+CAAkBD,kBAAI,IAAI,EAAE,EAAE,EAAE,eAAe,MAAM,CAAC;AAI5D,MAAa,iCACV,EAAE,YAAY,kBAAkB,YAAY,OAAO,QAAQ,KAAK,SAAS,GAAG,QAAQ,QACnF,2CAAC;CAAS,KAAKC,4BAAI,IAAI;EAAE;EAAW;EAAY;EAAO;EAAQ,EAAE,QAAQ;CAAO;CAAK,GAAI;EAAQ,CAEpG"}
+{"version":3,"file":"Text.js","names":["ark","css"],"sources":["../src/Text.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 } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { ColorToken, FontWeightToken } from \"@ndla/styled-system/tokens\";\nimport type { StyledProps, UtilityValues } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\n\nexport interface TextProps {\n  textStyle?: UtilityValues[\"textStyle\"];\n  fontWeight?: FontWeightToken;\n  color?: ColorToken;\n  srOnly?: boolean;\n}\n\nconst StyledP = styled(ark.p, {}, { baseComponent: true });\n\nexport interface TextComponentProps extends Omit<HTMLArkProps<\"p\">, \"color\">, StyledProps, TextProps {}\n\nexport const Text = forwardRef<HTMLParagraphElement, TextComponentProps>(\n  ({ textStyle = \"body.medium\", fontWeight, color, srOnly, css: cssProp, ...rest }, ref) => (\n    <StyledP css={css.raw({ textStyle, fontWeight, color, srOnly }, cssProp)} ref={ref} {...rest} />\n  ),\n);\n\nconst StyledH1 = styled(ark.h1, {}, { baseComponent: true });\n\nexport interface HeadingComponentProps extends Omit<HTMLArkProps<\"h1\">, \"color\">, StyledProps, TextProps {}\n\nexport const Heading = forwardRef<HTMLHeadingElement, HeadingComponentProps>(\n  ({ textStyle = \"heading.medium\", fontWeight, color, srOnly, css: cssProp, ...rest }, ref) => (\n    <StyledH1 css={css.raw({ textStyle, fontWeight, color, srOnly }, cssProp)} ref={ref} {...rest} />\n  ),\n);\n"],"mappings":";;;;;;;;;;;;;AAsBA,MAAM,WAAA,GAAA,wBAAA,QAAiBA,cAAAA,IAAI,GAAG,EAAE,EAAE,EAAE,eAAe,MAAM,CAAC;AAI1D,MAAa,QAAA,GAAA,MAAA,aACV,EAAE,YAAY,eAAe,YAAY,OAAO,QAAQ,KAAK,SAAS,GAAG,QAAQ,QAChF,iBAAA,GAAA,kBAAA,KAAC,SAAD;CAAS,KAAKC,wBAAAA,IAAI,IAAI;EAAE;EAAW;EAAY;EAAO;EAAQ,EAAE,QAAQ;CAAO;CAAK,GAAI;CAAQ,CAAA,CAEnG;AAED,MAAM,YAAA,GAAA,wBAAA,QAAkBD,cAAAA,IAAI,IAAI,EAAE,EAAE,EAAE,eAAe,MAAM,CAAC;AAI5D,MAAa,WAAA,GAAA,MAAA,aACV,EAAE,YAAY,kBAAkB,YAAY,OAAO,QAAQ,KAAK,SAAS,GAAG,QAAQ,QACnF,iBAAA,GAAA,kBAAA,KAAC,UAAD;CAAU,KAAKC,wBAAAA,IAAI,IAAI;EAAE;EAAW;EAAY;EAAO;EAAQ,EAAE,QAAQ;CAAO;CAAK,GAAI;CAAQ,CAAA,CAEpG"}

package/lib/Toast.js

@@ -1,9 +1,8 @@
-const require_Text = require('./Text.js');
+const require_Text = require("./Text.js");
 let _ark_ui_react = require("@ark-ui/react");
 let _ndla_styled_system_css = require("@ndla/styled-system/css");
 let _ndla_styled_system_jsx = require("@ndla/styled-system/jsx");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/Toast.tsx
 /**
 * Copyright (c) 2024-present, NDLA.
@@ -83,11 +82,11 @@ const ToastTitle = ({ textStyle = "label.medium", fontWeight = "semibold", child
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children })
 	})
 });
-
 //#endregion
 exports.ToastActionTrigger = ToastActionTrigger;
 exports.ToastCloseTrigger = ToastCloseTrigger;
 exports.ToastDescription = ToastDescription;
 exports.ToastRoot = ToastRoot;
 exports.ToastTitle = ToastTitle;
+
 //# sourceMappingURL=Toast.js.map

package/lib/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","names":["toastAnatomy","Toast","Text"],"sources":["../src/Toast.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 { Toast, toastAnatomy } 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 type { RefAttributes } from \"react\";\nimport { Text, type TextProps } from \"./Text\";\n\nconst toastRecipe = sva({\n  slots: toastAnatomy.keys(),\n  base: {\n    root: {\n      position: \"relative\",\n      borderRadius: \"xsmall\",\n      boxShadow: \"medium\",\n      minWidth: \"20rem\",\n      maxWidth: \"30rem\",\n      height: \"var(--height)\",\n      opacity: \"var(--opacity)\",\n      overflowWrap: \"anywhere\",\n      padding: \"small\",\n      scale: \"var(--scale)\",\n      translate: \"var(--x) var(--y) 0\",\n      willChange: \"translate, scale, opacity, height\",\n      zIndex: \"var(--z-index)\",\n      transitionDuration: \"slow\",\n      transitionProperty: \"translate, scale, opacity, height\",\n      transitionTimingFunction: \"default\",\n      _motionReduce: {\n        transition: \"none\",\n        transitionDuration: \"0s\",\n      },\n    },\n    title: {\n      paddingInlineEnd: \"xxlarge\",\n    },\n    closeTrigger: {\n      position: \"absolute\",\n      top: \"xxsmall\",\n      right: \"xxsmall\",\n    },\n    description: {\n      paddingInlineEnd: \"xxlarge\",\n    },\n  },\n  defaultVariants: {\n    variant: \"light\",\n  },\n  variants: {\n    variant: {\n      light: {\n        root: {\n          background: \"surface.brand.1.moderate\",\n          color: \"text.default\",\n        },\n      },\n      dark: {\n        root: {\n          background: \"surface.brand.1.strong\",\n          color: \"text.onAction\",\n        },\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(toastRecipe);\n\nexport type ToastRootVariantProps = NonNullable<RecipeVariantProps<typeof toastRecipe>>;\n\nexport interface ToastRootProps extends Toast.RootProps, StyledProps, ToastRootVariantProps {}\nexport const ToastRoot = withProvider(Toast.Root, \"root\", { baseComponent: true });\n\nexport const ToastActionTrigger = withContext(Toast.ActionTrigger, \"actionTrigger\", { baseComponent: true });\n\nexport const ToastCloseTrigger = withContext(Toast.CloseTrigger, \"closeTrigger\", { baseComponent: true });\n\nconst InternalToastDescription = withContext(Toast.Description, \"description\");\n\ninterface ToastDescriptionProps\n  extends Omit<Toast.DescriptionProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const ToastDescription = ({ textStyle = \"label.medium\", children, ...props }: ToastDescriptionProps) => (\n  <InternalToastDescription asChild>\n    <Text asChild consumeCss textStyle={textStyle} {...props}>\n      <div>{children}</div>\n    </Text>\n  </InternalToastDescription>\n);\n\nconst InternalToastTitle = withContext(Toast.Title, \"title\");\n\ninterface ToastTitleProps\n  extends Omit<Toast.TitleProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const ToastTitle = ({\n  textStyle = \"label.medium\",\n  fontWeight = \"semibold\",\n  children,\n  ...props\n}: ToastTitleProps) => (\n  <InternalToastTitle asChild>\n    <Text asChild consumeCss fontWeight={fontWeight} textStyle={textStyle} {...props}>\n      <div>{children}</div>\n    </Text>\n  </InternalToastTitle>\n);\n"],"mappings":";;;;;;;;;;;;;;AAyEA,MAAM,EAAE,cAAc,iGA1DE;CACtB,OAAOA,2BAAa,MAAM;CAC1B,MAAM;EACJ,MAAM;GACJ,UAAU;GACV,cAAc;GACd,WAAW;GACX,UAAU;GACV,UAAU;GACV,QAAQ;GACR,SAAS;GACT,cAAc;GACd,SAAS;GACT,OAAO;GACP,WAAW;GACX,YAAY;GACZ,QAAQ;GACR,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,eAAe;IACb,YAAY;IACZ,oBAAoB;IACrB;GACF;EACD,OAAO,EACL,kBAAkB,WACnB;EACD,cAAc;GACZ,UAAU;GACV,KAAK;GACL,OAAO;GACR;EACD,aAAa,EACX,kBAAkB,WACnB;EACF;CACD,iBAAiB,EACf,SAAS,SACV;CACD,UAAU,EACR,SAAS;EACP,OAAO,EACL,MAAM;GACJ,YAAY;GACZ,OAAO;GACR,EACF;EACD,MAAM,EACJ,MAAM;GACJ,YAAY;GACZ,OAAO;GACR,EACF;EACF,EACF;CACF,CAAC,CAEmE;AAKrE,MAAa,YAAY,aAAaC,oBAAM,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAElF,MAAa,qBAAqB,YAAYA,oBAAM,eAAe,iBAAiB,EAAE,eAAe,MAAM,CAAC;AAE5G,MAAa,oBAAoB,YAAYA,oBAAM,cAAc,gBAAgB,EAAE,eAAe,MAAM,CAAC;AAEzG,MAAM,2BAA2B,YAAYA,oBAAM,aAAa,cAAc;AAK9E,MAAa,oBAAoB,EAAE,YAAY,gBAAgB,UAAU,GAAG,YAC1E,2CAAC;CAAyB;WACxB,2CAACC;EAAK;EAAQ;EAAsB;EAAW,GAAI;YACjD,2CAAC,SAAK,WAAe;GAChB;EACkB;AAG7B,MAAM,qBAAqB,YAAYD,oBAAM,OAAO,QAAQ;AAK5D,MAAa,cAAc,EACzB,YAAY,gBACZ,aAAa,YACb,UACA,GAAG,YAEH,2CAAC;CAAmB;WAClB,2CAACC;EAAK;EAAQ;EAAuB;EAAuB;EAAW,GAAI;YACzE,2CAAC,SAAK,WAAe;GAChB;EACY"}
+{"version":3,"file":"Toast.js","names":["toastAnatomy","Toast","Text"],"sources":["../src/Toast.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 { Toast, toastAnatomy } 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 type { RefAttributes } from \"react\";\nimport { Text, type TextProps } from \"./Text\";\n\nconst toastRecipe = sva({\n  slots: toastAnatomy.keys(),\n  base: {\n    root: {\n      position: \"relative\",\n      borderRadius: \"xsmall\",\n      boxShadow: \"medium\",\n      minWidth: \"20rem\",\n      maxWidth: \"30rem\",\n      height: \"var(--height)\",\n      opacity: \"var(--opacity)\",\n      overflowWrap: \"anywhere\",\n      padding: \"small\",\n      scale: \"var(--scale)\",\n      translate: \"var(--x) var(--y) 0\",\n      willChange: \"translate, scale, opacity, height\",\n      zIndex: \"var(--z-index)\",\n      transitionDuration: \"slow\",\n      transitionProperty: \"translate, scale, opacity, height\",\n      transitionTimingFunction: \"default\",\n      _motionReduce: {\n        transition: \"none\",\n        transitionDuration: \"0s\",\n      },\n    },\n    title: {\n      paddingInlineEnd: \"xxlarge\",\n    },\n    closeTrigger: {\n      position: \"absolute\",\n      top: \"xxsmall\",\n      right: \"xxsmall\",\n    },\n    description: {\n      paddingInlineEnd: \"xxlarge\",\n    },\n  },\n  defaultVariants: {\n    variant: \"light\",\n  },\n  variants: {\n    variant: {\n      light: {\n        root: {\n          background: \"surface.brand.1.moderate\",\n          color: \"text.default\",\n        },\n      },\n      dark: {\n        root: {\n          background: \"surface.brand.1.strong\",\n          color: \"text.onAction\",\n        },\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(toastRecipe);\n\nexport type ToastRootVariantProps = NonNullable<RecipeVariantProps<typeof toastRecipe>>;\n\nexport interface ToastRootProps extends Toast.RootProps, StyledProps, ToastRootVariantProps {}\nexport const ToastRoot = withProvider(Toast.Root, \"root\", { baseComponent: true });\n\nexport const ToastActionTrigger = withContext(Toast.ActionTrigger, \"actionTrigger\", { baseComponent: true });\n\nexport const ToastCloseTrigger = withContext(Toast.CloseTrigger, \"closeTrigger\", { baseComponent: true });\n\nconst InternalToastDescription = withContext(Toast.Description, \"description\");\n\ninterface ToastDescriptionProps\n  extends Omit<Toast.DescriptionProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const ToastDescription = ({ textStyle = \"label.medium\", children, ...props }: ToastDescriptionProps) => (\n  <InternalToastDescription asChild>\n    <Text asChild consumeCss textStyle={textStyle} {...props}>\n      <div>{children}</div>\n    </Text>\n  </InternalToastDescription>\n);\n\nconst InternalToastTitle = withContext(Toast.Title, \"title\");\n\ninterface ToastTitleProps\n  extends Omit<Toast.TitleProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLDivElement> {}\n\nexport const ToastTitle = ({\n  textStyle = \"label.medium\",\n  fontWeight = \"semibold\",\n  children,\n  ...props\n}: ToastTitleProps) => (\n  <InternalToastTitle asChild>\n    <Text asChild consumeCss fontWeight={fontWeight} textStyle={textStyle} {...props}>\n      <div>{children}</div>\n    </Text>\n  </InternalToastTitle>\n);\n"],"mappings":";;;;;;;;;;;;;AAyEA,MAAM,EAAE,cAAc,iBAAA,GAAA,wBAAA,qBAAA,GAAA,wBAAA,KA1DE;CACtB,OAAOA,cAAAA,aAAa,MAAM;CAC1B,MAAM;EACJ,MAAM;GACJ,UAAU;GACV,cAAc;GACd,WAAW;GACX,UAAU;GACV,UAAU;GACV,QAAQ;GACR,SAAS;GACT,cAAc;GACd,SAAS;GACT,OAAO;GACP,WAAW;GACX,YAAY;GACZ,QAAQ;GACR,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,eAAe;IACb,YAAY;IACZ,oBAAoB;IACrB;GACF;EACD,OAAO,EACL,kBAAkB,WACnB;EACD,cAAc;GACZ,UAAU;GACV,KAAK;GACL,OAAO;GACR;EACD,aAAa,EACX,kBAAkB,WACnB;EACF;CACD,iBAAiB,EACf,SAAS,SACV;CACD,UAAU,EACR,SAAS;EACP,OAAO,EACL,MAAM;GACJ,YAAY;GACZ,OAAO;GACR,EACF;EACD,MAAM,EACJ,MAAM;GACJ,YAAY;GACZ,OAAO;GACR,EACF;EACF,EACF;CACF,CAAC,CAEmE;AAKrE,MAAa,YAAY,aAAaC,cAAAA,MAAM,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAElF,MAAa,qBAAqB,YAAYA,cAAAA,MAAM,eAAe,iBAAiB,EAAE,eAAe,MAAM,CAAC;AAE5G,MAAa,oBAAoB,YAAYA,cAAAA,MAAM,cAAc,gBAAgB,EAAE,eAAe,MAAM,CAAC;AAEzG,MAAM,2BAA2B,YAAYA,cAAAA,MAAM,aAAa,cAAc;AAK9E,MAAa,oBAAoB,EAAE,YAAY,gBAAgB,UAAU,GAAG,YAC1E,iBAAA,GAAA,kBAAA,KAAC,0BAAD;CAA0B,SAAA;WACxB,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAM,SAAA;EAAQ,YAAA;EAAsB;EAAW,GAAI;YACjD,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAM,UAAe,CAAA;EAChB,CAAA;CACkB,CAAA;AAG7B,MAAM,qBAAqB,YAAYD,cAAAA,MAAM,OAAO,QAAQ;AAK5D,MAAa,cAAc,EACzB,YAAY,gBACZ,aAAa,YACb,UACA,GAAG,YAEH,iBAAA,GAAA,kBAAA,KAAC,oBAAD;CAAoB,SAAA;WAClB,iBAAA,GAAA,kBAAA,KAACC,aAAAA,MAAD;EAAM,SAAA;EAAQ,YAAA;EAAuB;EAAuB;EAAW,GAAI;YACzE,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAM,UAAe,CAAA;EAChB,CAAA;CACY,CAAA"}