@veeqo/ui 14.10.1 → 14.10.3

package/dist/components/Accordion/Accordion.cjs

@@ -2,10 +2,12 @@
 
 var React = require('react');
 var framerMotion = require('framer-motion');
-var styled = require('./styled.cjs');
+var Text = require('../Text/Text.cjs');
 var colors = require('../../theme/modules/colors.cjs');
 var UpArrowIcon = require('../../icons/design-system/components/UpArrowIcon.cjs');
-var Text = require('../Text/Text.cjs');
+var buildClassnames = require('../../utils/buildClassnames.cjs');
+var assignCssVars = require('../../utils/assignCssVars.cjs');
+var Accordion_module = require('./Accordion.module.scss.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -20,34 +22,35 @@ const Accordion = ({ className, children, label, iconSlot, glyphColor = colors.c
         animate: { opacity: 1 },
         transition: { from: 0, type: 'tween', duration: timeout / 1000 },
     };
+    const leftStyle = assignCssVars.assignCssVars({ glyphColor });
     if (variant === 'unstyled') {
-        return (React__default.default.createElement(styled.AccordionDetails, { open: !!shouldOpenOnMount, className: className },
-            React__default.default.createElement(styled.UnstyledAccordionSummary, { onClick: handleOpen },
-                React__default.default.createElement(styled.Top, null,
-                    React__default.default.createElement(styled.Left, { glyphColor: glyphColor },
+        return (React__default.default.createElement("details", { open: !!shouldOpenOnMount, className: buildClassnames.buildClassnames([Accordion_module.details, className]) },
+            React__default.default.createElement("summary", { className: Accordion_module.unstyledSummary, onClick: handleOpen },
+                React__default.default.createElement("div", { className: Accordion_module.top },
+                    React__default.default.createElement("div", { className: Accordion_module.left, style: leftStyle },
                         iconSlot,
                         React__default.default.createElement(Text.Text, { variant: summaryTextVariant }, label)),
-                    React__default.default.createElement(styled.Right, null,
+                    React__default.default.createElement("div", { className: Accordion_module.right },
                         React__default.default.createElement(framerMotion.motion.span, { animate: {
                                 rotate: shouldOpen ? 0 : 180,
                             }, initial: { rotate: 180 } },
                             React__default.default.createElement(UpArrowIcon.ReactComponent, { name: shouldOpen ? 'downArrow' : 'upArrow' })))),
-                !!description && React__default.default.createElement(styled.Description, { variant: "hintText" }, description)),
-            shouldOpen && (React__default.default.createElement(styled.UnstyledAccordionContent, { ...FRAMER_MOTION_CONFIG }, children))));
+                !!description && React__default.default.createElement(Text.Text, { variant: "hintText", className: Accordion_module.description }, description)),
+            shouldOpen && (React__default.default.createElement(framerMotion.motion.div, { className: Accordion_module.unstyledContent, ...FRAMER_MOTION_CONFIG }, children))));
     }
-    return (React__default.default.createElement(styled.AccordionDetails, { open: !!shouldOpenOnMount, className: className },
-        React__default.default.createElement(styled.AccordionSummary, { onClick: handleOpen },
-            React__default.default.createElement(styled.Top, null,
-                React__default.default.createElement(styled.Left, { glyphColor: glyphColor },
+    return (React__default.default.createElement("details", { open: !!shouldOpenOnMount, className: buildClassnames.buildClassnames([Accordion_module.details, className]) },
+        React__default.default.createElement("summary", { className: Accordion_module.summary, onClick: handleOpen },
+            React__default.default.createElement("div", { className: Accordion_module.top },
+                React__default.default.createElement("div", { className: Accordion_module.left, style: leftStyle },
                     iconSlot,
                     React__default.default.createElement(Text.Text, { variant: summaryTextVariant }, label)),
-                React__default.default.createElement(styled.Right, null,
+                React__default.default.createElement("div", { className: Accordion_module.right },
                     React__default.default.createElement(framerMotion.motion.span, { animate: {
                             rotate: shouldOpen ? 0 : 180,
                         }, initial: { rotate: 180 } },
                         React__default.default.createElement(UpArrowIcon.ReactComponent, { name: shouldOpen ? 'downArrow' : 'upArrow' })))),
-            !!description && React__default.default.createElement(styled.Description, { variant: "hintText" }, description)),
-        shouldOpen && React__default.default.createElement(styled.AccordionContent, { ...FRAMER_MOTION_CONFIG }, children)));
+            !!description && React__default.default.createElement(Text.Text, { variant: "hintText", className: Accordion_module.description }, description)),
+        shouldOpen && React__default.default.createElement(framerMotion.motion.div, { className: Accordion_module.content, ...FRAMER_MOTION_CONFIG }, children)));
 };
 
 exports.Accordion = Accordion;

package/dist/components/Accordion/Accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\n\nimport { motion } from 'framer-motion';\nimport {\n  Top,\n  Text,\n  Left,\n  Right,\n  Description,\n  AccordionDetails,\n  AccordionContent,\n  AccordionSummary,\n  UnstyledAccordionSummary,\n  UnstyledAccordionContent,\n} from './styled';\nimport { colors } from '../../theme/modules/colors';\nimport { UpArrowIcon } from '../../icons';\nimport { AccordionProps } from './types';\n\nexport const Accordion: FC<AccordionProps> = ({\n  className,\n  children,\n  label,\n  iconSlot,\n  glyphColor = colors.neutral.ink.lightest,\n  timeout = 350,\n  description,\n  shouldOpenOnMount,\n  variant = 'default',\n  summaryTextVariant = 'body',\n}: AccordionProps) => {\n  const [shouldOpen, setShouldOpen] = useState(!!shouldOpenOnMount);\n  const handleOpen = () => setShouldOpen(!shouldOpen);\n\n  const FRAMER_MOTION_CONFIG = {\n    initial: { opacity: 0 },\n    exit: { opacity: 0 },\n    animate: { opacity: 1 },\n    transition: { from: 0, type: 'tween', duration: timeout / 1000 },\n  };\n\n  if (variant === 'unstyled') {\n    return (\n      <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n        <UnstyledAccordionSummary onClick={handleOpen}>\n          <Top>\n            <Left glyphColor={glyphColor}>\n              {iconSlot}\n              <Text variant={summaryTextVariant}>{label}</Text>\n            </Left>\n            <Right>\n              <motion.span\n                animate={{\n                  rotate: shouldOpen ? 0 : 180,\n                }}\n                initial={{ rotate: 180 }}\n              >\n                <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n              </motion.span>\n            </Right>\n          </Top>\n          {!!description && <Description variant=\"hintText\">{description}</Description>}\n        </UnstyledAccordionSummary>\n        {shouldOpen && (\n          <UnstyledAccordionContent {...FRAMER_MOTION_CONFIG}>{children}</UnstyledAccordionContent>\n        )}\n      </AccordionDetails>\n    );\n  }\n\n  return (\n    <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n      <AccordionSummary onClick={handleOpen}>\n        <Top>\n          <Left glyphColor={glyphColor}>\n            {iconSlot}\n            <Text variant={summaryTextVariant}>{label}</Text>\n          </Left>\n          <Right>\n            <motion.span\n              animate={{\n                rotate: shouldOpen ? 0 : 180,\n              }}\n              initial={{ rotate: 180 }}\n            >\n              <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n            </motion.span>\n          </Right>\n        </Top>\n        {!!description && <Description variant=\"hintText\">{description}</Description>}\n      </AccordionSummary>\n      {shouldOpen && <AccordionContent {...FRAMER_MOTION_CONFIG}>{children}</AccordionContent>}\n    </AccordionDetails>\n  );\n};\n"],"names":["colors","useState","React","AccordionDetails","UnstyledAccordionSummary","Top","Left","Text","Right","motion","UpArrowIcon","Description","UnstyledAccordionContent","AccordionSummary","AccordionContent"],"mappings":"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"}
+{"version":3,"file":"Accordion.cjs","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\n\nimport { motion } from 'framer-motion';\nimport { Text } from '../Text';\nimport { colors } from '../../theme/modules/colors';\nimport { UpArrowIcon } from '../../icons';\nimport { AccordionProps } from './types';\nimport { buildClassnames } from '../../utils/buildClassnames';\nimport { assignCssVars } from '../../utils/assignCssVars';\nimport styles from './Accordion.module.scss';\n\nexport const Accordion: FC<AccordionProps> = ({\n  className,\n  children,\n  label,\n  iconSlot,\n  glyphColor = colors.neutral.ink.lightest,\n  timeout = 350,\n  description,\n  shouldOpenOnMount,\n  variant = 'default',\n  summaryTextVariant = 'body',\n}: AccordionProps) => {\n  const [shouldOpen, setShouldOpen] = useState(!!shouldOpenOnMount);\n  const handleOpen = () => setShouldOpen(!shouldOpen);\n\n  const FRAMER_MOTION_CONFIG = {\n    initial: { opacity: 0 },\n    exit: { opacity: 0 },\n    animate: { opacity: 1 },\n    transition: { from: 0, type: 'tween', duration: timeout / 1000 },\n  };\n\n  const leftStyle = assignCssVars({ glyphColor });\n\n  if (variant === 'unstyled') {\n    return (\n      <details open={!!shouldOpenOnMount} className={buildClassnames([styles.details, className])}>\n        <summary className={styles.unstyledSummary} onClick={handleOpen}>\n          <div className={styles.top}>\n            <div className={styles.left} style={leftStyle}>\n              {iconSlot}\n              <Text variant={summaryTextVariant}>{label}</Text>\n            </div>\n            <div className={styles.right}>\n              <motion.span\n                animate={{\n                  rotate: shouldOpen ? 0 : 180,\n                }}\n                initial={{ rotate: 180 }}\n              >\n                <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n              </motion.span>\n            </div>\n          </div>\n          {!!description && <Text variant=\"hintText\" className={styles.description}>{description}</Text>}\n        </summary>\n        {shouldOpen && (\n          <motion.div className={styles.unstyledContent} {...FRAMER_MOTION_CONFIG}>{children}</motion.div>\n        )}\n      </details>\n    );\n  }\n\n  return (\n    <details open={!!shouldOpenOnMount} className={buildClassnames([styles.details, className])}>\n      <summary className={styles.summary} onClick={handleOpen}>\n        <div className={styles.top}>\n          <div className={styles.left} style={leftStyle}>\n            {iconSlot}\n            <Text variant={summaryTextVariant}>{label}</Text>\n          </div>\n          <div className={styles.right}>\n            <motion.span\n              animate={{\n                rotate: shouldOpen ? 0 : 180,\n              }}\n              initial={{ rotate: 180 }}\n            >\n              <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n            </motion.span>\n          </div>\n        </div>\n        {!!description && <Text variant=\"hintText\" className={styles.description}>{description}</Text>}\n      </summary>\n      {shouldOpen && <motion.div className={styles.content} {...FRAMER_MOTION_CONFIG}>{children}</motion.div>}\n    </details>\n  );\n};\n"],"names":["colors","useState","assignCssVars","React","buildClassnames","styles","Text","motion","UpArrowIcon"],"mappings":"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"}

package/dist/components/Accordion/Accordion.js

@@ -1,9 +1,11 @@
 import React__default, { useState } from 'react';
 import { motion } from 'framer-motion';
-import { AccordionDetails, UnstyledAccordionSummary, Top, Left, Right, Description, UnstyledAccordionContent, AccordionSummary, AccordionContent } from './styled.js';
+import { Text } from '../Text/Text.js';
 import { colors } from '../../theme/modules/colors.js';
 import { ReactComponent as UpArrowIcon } from '../../icons/design-system/components/UpArrowIcon.js';
-import { Text } from '../Text/Text.js';
+import { buildClassnames } from '../../utils/buildClassnames.js';
+import { assignCssVars } from '../../utils/assignCssVars.js';
+import styles from './Accordion.module.scss.js';
 
 const Accordion = ({ className, children, label, iconSlot, glyphColor = colors.neutral.ink.lightest, timeout = 350, description, shouldOpenOnMount, variant = 'default', summaryTextVariant = 'body', }) => {
     const [shouldOpen, setShouldOpen] = useState(!!shouldOpenOnMount);
@@ -14,34 +16,35 @@ const Accordion = ({ className, children, label, iconSlot, glyphColor = colors.n
         animate: { opacity: 1 },
         transition: { from: 0, type: 'tween', duration: timeout / 1000 },
     };
+    const leftStyle = assignCssVars({ glyphColor });
     if (variant === 'unstyled') {
-        return (React__default.createElement(AccordionDetails, { open: !!shouldOpenOnMount, className: className },
-            React__default.createElement(UnstyledAccordionSummary, { onClick: handleOpen },
-                React__default.createElement(Top, null,
-                    React__default.createElement(Left, { glyphColor: glyphColor },
+        return (React__default.createElement("details", { open: !!shouldOpenOnMount, className: buildClassnames([styles.details, className]) },
+            React__default.createElement("summary", { className: styles.unstyledSummary, onClick: handleOpen },
+                React__default.createElement("div", { className: styles.top },
+                    React__default.createElement("div", { className: styles.left, style: leftStyle },
                         iconSlot,
                         React__default.createElement(Text, { variant: summaryTextVariant }, label)),
-                    React__default.createElement(Right, null,
+                    React__default.createElement("div", { className: styles.right },
                         React__default.createElement(motion.span, { animate: {
                                 rotate: shouldOpen ? 0 : 180,
                             }, initial: { rotate: 180 } },
                             React__default.createElement(UpArrowIcon, { name: shouldOpen ? 'downArrow' : 'upArrow' })))),
-                !!description && React__default.createElement(Description, { variant: "hintText" }, description)),
-            shouldOpen && (React__default.createElement(UnstyledAccordionContent, { ...FRAMER_MOTION_CONFIG }, children))));
+                !!description && React__default.createElement(Text, { variant: "hintText", className: styles.description }, description)),
+            shouldOpen && (React__default.createElement(motion.div, { className: styles.unstyledContent, ...FRAMER_MOTION_CONFIG }, children))));
     }
-    return (React__default.createElement(AccordionDetails, { open: !!shouldOpenOnMount, className: className },
-        React__default.createElement(AccordionSummary, { onClick: handleOpen },
-            React__default.createElement(Top, null,
-                React__default.createElement(Left, { glyphColor: glyphColor },
+    return (React__default.createElement("details", { open: !!shouldOpenOnMount, className: buildClassnames([styles.details, className]) },
+        React__default.createElement("summary", { className: styles.summary, onClick: handleOpen },
+            React__default.createElement("div", { className: styles.top },
+                React__default.createElement("div", { className: styles.left, style: leftStyle },
                     iconSlot,
                     React__default.createElement(Text, { variant: summaryTextVariant }, label)),
-                React__default.createElement(Right, null,
+                React__default.createElement("div", { className: styles.right },
                     React__default.createElement(motion.span, { animate: {
                             rotate: shouldOpen ? 0 : 180,
                         }, initial: { rotate: 180 } },
                         React__default.createElement(UpArrowIcon, { name: shouldOpen ? 'downArrow' : 'upArrow' })))),
-            !!description && React__default.createElement(Description, { variant: "hintText" }, description)),
-        shouldOpen && React__default.createElement(AccordionContent, { ...FRAMER_MOTION_CONFIG }, children)));
+            !!description && React__default.createElement(Text, { variant: "hintText", className: styles.description }, description)),
+        shouldOpen && React__default.createElement(motion.div, { className: styles.content, ...FRAMER_MOTION_CONFIG }, children)));
 };
 
 export { Accordion };

package/dist/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\n\nimport { motion } from 'framer-motion';\nimport {\n  Top,\n  Text,\n  Left,\n  Right,\n  Description,\n  AccordionDetails,\n  AccordionContent,\n  AccordionSummary,\n  UnstyledAccordionSummary,\n  UnstyledAccordionContent,\n} from './styled';\nimport { colors } from '../../theme/modules/colors';\nimport { UpArrowIcon } from '../../icons';\nimport { AccordionProps } from './types';\n\nexport const Accordion: FC<AccordionProps> = ({\n  className,\n  children,\n  label,\n  iconSlot,\n  glyphColor = colors.neutral.ink.lightest,\n  timeout = 350,\n  description,\n  shouldOpenOnMount,\n  variant = 'default',\n  summaryTextVariant = 'body',\n}: AccordionProps) => {\n  const [shouldOpen, setShouldOpen] = useState(!!shouldOpenOnMount);\n  const handleOpen = () => setShouldOpen(!shouldOpen);\n\n  const FRAMER_MOTION_CONFIG = {\n    initial: { opacity: 0 },\n    exit: { opacity: 0 },\n    animate: { opacity: 1 },\n    transition: { from: 0, type: 'tween', duration: timeout / 1000 },\n  };\n\n  if (variant === 'unstyled') {\n    return (\n      <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n        <UnstyledAccordionSummary onClick={handleOpen}>\n          <Top>\n            <Left glyphColor={glyphColor}>\n              {iconSlot}\n              <Text variant={summaryTextVariant}>{label}</Text>\n            </Left>\n            <Right>\n              <motion.span\n                animate={{\n                  rotate: shouldOpen ? 0 : 180,\n                }}\n                initial={{ rotate: 180 }}\n              >\n                <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n              </motion.span>\n            </Right>\n          </Top>\n          {!!description && <Description variant=\"hintText\">{description}</Description>}\n        </UnstyledAccordionSummary>\n        {shouldOpen && (\n          <UnstyledAccordionContent {...FRAMER_MOTION_CONFIG}>{children}</UnstyledAccordionContent>\n        )}\n      </AccordionDetails>\n    );\n  }\n\n  return (\n    <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n      <AccordionSummary onClick={handleOpen}>\n        <Top>\n          <Left glyphColor={glyphColor}>\n            {iconSlot}\n            <Text variant={summaryTextVariant}>{label}</Text>\n          </Left>\n          <Right>\n            <motion.span\n              animate={{\n                rotate: shouldOpen ? 0 : 180,\n              }}\n              initial={{ rotate: 180 }}\n            >\n              <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n            </motion.span>\n          </Right>\n        </Top>\n        {!!description && <Description variant=\"hintText\">{description}</Description>}\n      </AccordionSummary>\n      {shouldOpen && <AccordionContent {...FRAMER_MOTION_CONFIG}>{children}</AccordionContent>}\n    </AccordionDetails>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\n\nimport { motion } from 'framer-motion';\nimport { Text } from '../Text';\nimport { colors } from '../../theme/modules/colors';\nimport { UpArrowIcon } from '../../icons';\nimport { AccordionProps } from './types';\nimport { buildClassnames } from '../../utils/buildClassnames';\nimport { assignCssVars } from '../../utils/assignCssVars';\nimport styles from './Accordion.module.scss';\n\nexport const Accordion: FC<AccordionProps> = ({\n  className,\n  children,\n  label,\n  iconSlot,\n  glyphColor = colors.neutral.ink.lightest,\n  timeout = 350,\n  description,\n  shouldOpenOnMount,\n  variant = 'default',\n  summaryTextVariant = 'body',\n}: AccordionProps) => {\n  const [shouldOpen, setShouldOpen] = useState(!!shouldOpenOnMount);\n  const handleOpen = () => setShouldOpen(!shouldOpen);\n\n  const FRAMER_MOTION_CONFIG = {\n    initial: { opacity: 0 },\n    exit: { opacity: 0 },\n    animate: { opacity: 1 },\n    transition: { from: 0, type: 'tween', duration: timeout / 1000 },\n  };\n\n  const leftStyle = assignCssVars({ glyphColor });\n\n  if (variant === 'unstyled') {\n    return (\n      <details open={!!shouldOpenOnMount} className={buildClassnames([styles.details, className])}>\n        <summary className={styles.unstyledSummary} onClick={handleOpen}>\n          <div className={styles.top}>\n            <div className={styles.left} style={leftStyle}>\n              {iconSlot}\n              <Text variant={summaryTextVariant}>{label}</Text>\n            </div>\n            <div className={styles.right}>\n              <motion.span\n                animate={{\n                  rotate: shouldOpen ? 0 : 180,\n                }}\n                initial={{ rotate: 180 }}\n              >\n                <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n              </motion.span>\n            </div>\n          </div>\n          {!!description && <Text variant=\"hintText\" className={styles.description}>{description}</Text>}\n        </summary>\n        {shouldOpen && (\n          <motion.div className={styles.unstyledContent} {...FRAMER_MOTION_CONFIG}>{children}</motion.div>\n        )}\n      </details>\n    );\n  }\n\n  return (\n    <details open={!!shouldOpenOnMount} className={buildClassnames([styles.details, className])}>\n      <summary className={styles.summary} onClick={handleOpen}>\n        <div className={styles.top}>\n          <div className={styles.left} style={leftStyle}>\n            {iconSlot}\n            <Text variant={summaryTextVariant}>{label}</Text>\n          </div>\n          <div className={styles.right}>\n            <motion.span\n              animate={{\n                rotate: shouldOpen ? 0 : 180,\n              }}\n              initial={{ rotate: 180 }}\n            >\n              <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n            </motion.span>\n          </div>\n        </div>\n        {!!description && <Text variant=\"hintText\" className={styles.description}>{description}</Text>}\n      </summary>\n      {shouldOpen && <motion.div className={styles.content} {...FRAMER_MOTION_CONFIG}>{children}</motion.div>}\n    </details>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/Accordion/Accordion.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
+
+___$insertStyle("._details_1d76z_1 summary {\n  list-style-type: none;\n}\n._details_1d76z_1 summary::-webkit-details-marker {\n  display: none;\n}\n\n/* Default styled summary */\n._summary_1d76z_9 {\n  display: flex;\n  flex-direction: column;\n  padding: var(--sizes-3);\n  border-radius: var(--radius-base);\n  user-select: none;\n  cursor: pointer;\n  border: var(--sizes-line) solid var(--colors-neutral-grey-dark);\n}\n._summary_1d76z_9:focus {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n}\n._summary_1d76z_9:active {\n  box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n}\n\n/* Unstyled summary: minimal, only focus ring */\n._unstyledSummary_1d76z_27:focus {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n}\n\n/* Top row: icon + label + arrow */\n._top_1d76z_33 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: var(--sizes-base);\n}\n\n/* Left section: icon + text */\n._left_1d76z_41 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n._left_1d76z_41 svg {\n  margin-right: var(--sizes-3);\n  height: var(--sizes-base);\n  width: var(--sizes-base);\n  color: var(--glyph-color);\n}\n\n/* Right section: arrow */\n._right_1d76z_54 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  flex-grow: 2;\n}\n\n/* Description text below summary */\n._description_1d76z_63 {\n  margin-top: var(--sizes-sm);\n}\n\n/* Default content area */\n._content_1d76z_68 {\n  margin-top: var(--sizes-xs);\n  /* Intentionally hardcoded: 50% transparent tint of blue.lightest with no theme token equivalent */\n  background: rgba(217, 235, 248, 0.5);\n  padding: 10px 26px;\n}\n\n/* Unstyled content: no additional styles, motion wrapper only */\n._unstyledContent_1d76z_76 {\n  /* Motion wrapper for unstyled variant */\n}");
+var styles = {"details":"_details_1d76z_1","summary":"_summary_1d76z_9","unstyledSummary":"_unstyledSummary_1d76z_27","top":"_top_1d76z_33","left":"_left_1d76z_41","right":"_right_1d76z_54","description":"_description_1d76z_63","content":"_content_1d76z_68","unstyledContent":"_unstyledContent_1d76z_76"};
+
+module.exports = styles;
+//# sourceMappingURL=Accordion.module.scss.cjs.map

package/dist/components/Accordion/Accordion.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.module.scss.cjs","sources":["../../../src/components/Accordion/Accordion.module.scss"],"sourcesContent":[".details summary {\n  list-style-type: none;\n\n  &::-webkit-details-marker {\n    display: none;\n  }\n}\n\n/* Default styled summary */\n.summary {\n  display: flex;\n  flex-direction: column;\n  padding: var(--sizes-3);\n  border-radius: var(--radius-base);\n  user-select: none;\n  cursor: pointer;\n\n  border: var(--sizes-line) solid var(--colors-neutral-grey-dark);\n\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n  }\n\n  &:active {\n    box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n  }\n}\n\n/* Unstyled summary: minimal, only focus ring */\n.unstyledSummary {\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n  }\n}\n\n/* Top row: icon + label + arrow */\n.top {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: var(--sizes-base);\n}\n\n/* Left section: icon + text */\n.left {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  svg {\n    margin-right: var(--sizes-3);\n    height: var(--sizes-base);\n    width: var(--sizes-base);\n    color: var(--glyph-color);\n  }\n}\n\n/* Right section: arrow */\n.right {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  flex-grow: 2;\n}\n\n/* Description text below summary */\n.description {\n  margin-top: var(--sizes-sm);\n}\n\n/* Default content area */\n.content {\n  margin-top: var(--sizes-xs);\n  /* Intentionally hardcoded: 50% transparent tint of blue.lightest with no theme token equivalent */\n  background: rgba(217, 235, 248, 0.5);\n  padding: 10px 26px;\n}\n\n/* Unstyled content: no additional styles, motion wrapper only */\n.unstyledContent {\n  /* Motion wrapper for unstyled variant */\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,m1DAAA;;;;;"}

package/dist/components/Accordion/Accordion.module.scss.js

@@ -0,0 +1,7 @@
+import insertStyle from '../../_virtual/____insertStyle.js';
+
+insertStyle("._details_1d76z_1 summary {\n  list-style-type: none;\n}\n._details_1d76z_1 summary::-webkit-details-marker {\n  display: none;\n}\n\n/* Default styled summary */\n._summary_1d76z_9 {\n  display: flex;\n  flex-direction: column;\n  padding: var(--sizes-3);\n  border-radius: var(--radius-base);\n  user-select: none;\n  cursor: pointer;\n  border: var(--sizes-line) solid var(--colors-neutral-grey-dark);\n}\n._summary_1d76z_9:focus {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n}\n._summary_1d76z_9:active {\n  box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n}\n\n/* Unstyled summary: minimal, only focus ring */\n._unstyledSummary_1d76z_27:focus {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n}\n\n/* Top row: icon + label + arrow */\n._top_1d76z_33 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: var(--sizes-base);\n}\n\n/* Left section: icon + text */\n._left_1d76z_41 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n._left_1d76z_41 svg {\n  margin-right: var(--sizes-3);\n  height: var(--sizes-base);\n  width: var(--sizes-base);\n  color: var(--glyph-color);\n}\n\n/* Right section: arrow */\n._right_1d76z_54 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  flex-grow: 2;\n}\n\n/* Description text below summary */\n._description_1d76z_63 {\n  margin-top: var(--sizes-sm);\n}\n\n/* Default content area */\n._content_1d76z_68 {\n  margin-top: var(--sizes-xs);\n  /* Intentionally hardcoded: 50% transparent tint of blue.lightest with no theme token equivalent */\n  background: rgba(217, 235, 248, 0.5);\n  padding: 10px 26px;\n}\n\n/* Unstyled content: no additional styles, motion wrapper only */\n._unstyledContent_1d76z_76 {\n  /* Motion wrapper for unstyled variant */\n}");
+var styles = {"details":"_details_1d76z_1","summary":"_summary_1d76z_9","unstyledSummary":"_unstyledSummary_1d76z_27","top":"_top_1d76z_33","left":"_left_1d76z_41","right":"_right_1d76z_54","description":"_description_1d76z_63","content":"_content_1d76z_68","unstyledContent":"_unstyledContent_1d76z_76"};
+
+export { styles as default };
+//# sourceMappingURL=Accordion.module.scss.js.map

package/dist/components/Accordion/Accordion.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.module.scss.js","sources":["../../../src/components/Accordion/Accordion.module.scss"],"sourcesContent":[".details summary {\n  list-style-type: none;\n\n  &::-webkit-details-marker {\n    display: none;\n  }\n}\n\n/* Default styled summary */\n.summary {\n  display: flex;\n  flex-direction: column;\n  padding: var(--sizes-3);\n  border-radius: var(--radius-base);\n  user-select: none;\n  cursor: pointer;\n\n  border: var(--sizes-line) solid var(--colors-neutral-grey-dark);\n\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n  }\n\n  &:active {\n    box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n  }\n}\n\n/* Unstyled summary: minimal, only focus ring */\n.unstyledSummary {\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n  }\n}\n\n/* Top row: icon + label + arrow */\n.top {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: var(--sizes-base);\n}\n\n/* Left section: icon + text */\n.left {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  svg {\n    margin-right: var(--sizes-3);\n    height: var(--sizes-base);\n    width: var(--sizes-base);\n    color: var(--glyph-color);\n  }\n}\n\n/* Right section: arrow */\n.right {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  flex-grow: 2;\n}\n\n/* Description text below summary */\n.description {\n  margin-top: var(--sizes-sm);\n}\n\n/* Default content area */\n.content {\n  margin-top: var(--sizes-xs);\n  /* Intentionally hardcoded: 50% transparent tint of blue.lightest with no theme token equivalent */\n  background: rgba(217, 235, 248, 0.5);\n  padding: 10px 26px;\n}\n\n/* Unstyled content: no additional styles, motion wrapper only */\n.unstyledContent {\n  /* Motion wrapper for unstyled variant */\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,m1DAAA;;;;;"}

package/dist/components/Action/Action.d.ts

@@ -14,7 +14,7 @@ export declare const ActionBase: React.ForwardRefExoticComponent<(Omit<{
     size?: import("./types").ActionSize | undefined;
     type?: "button" | "submit" | "reset" | undefined;
     variant?: import("./types").ActionVariant | undefined;
-} & Omit<Omit<any, "ref">, "href" | "rel" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof {
+} & Omit<Omit<any, "ref">, "href" | "rel" | "placeholder" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof {
     appearance?: import("./types").ActionAppearance | undefined;
     as?: C | undefined;
     children?: React.ReactNode;
@@ -42,7 +42,7 @@ export declare const ActionBase: React.ForwardRefExoticComponent<(Omit<{
     size?: import("./types").ActionSize | undefined;
     type?: "button" | "submit" | "reset" | undefined;
     variant?: import("./types").ActionVariant | undefined;
-} & Omit<Omit<any, "ref">, "href" | "rel" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof {
+} & Omit<Omit<any, "ref">, "href" | "rel" | "placeholder" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof {
     appearance?: import("./types").ActionAppearance | undefined;
     as?: C | undefined;
     children?: React.ReactNode;
@@ -69,7 +69,7 @@ export declare const Action: React.ForwardRefExoticComponent<(Omit<Omit<Omit<{
     size?: import("./types").ActionSize | undefined;
     type?: "button" | "submit" | "reset" | undefined;
     variant?: import("./types").ActionVariant | undefined;
-} & Omit<Omit<any, "ref">, "href" | "rel" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof {
+} & Omit<Omit<any, "ref">, "href" | "rel" | "placeholder" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof {
     appearance?: import("./types").ActionAppearance | undefined;
     as?: C | undefined;
     children?: React.ReactNode;
@@ -97,7 +97,7 @@ export declare const Action: React.ForwardRefExoticComponent<(Omit<Omit<Omit<{
     size?: import("./types").ActionSize | undefined;
     type?: "button" | "submit" | "reset" | undefined;
     variant?: import("./types").ActionVariant | undefined;
-} & Omit<Omit<any, "ref">, "href" | "rel" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof {
+} & Omit<Omit<any, "ref">, "href" | "rel" | "placeholder" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof {
     appearance?: import("./types").ActionAppearance | undefined;
     as?: C | undefined;
     children?: React.ReactNode;

package/dist/components/Action/styles/button.module.scss.cjs

@@ -2,8 +2,8 @@
 
 var ___$insertStyle = require('../../../_virtual/____insertStyle.cjs');
 
-___$insertStyle("._heading-xxl_1d6dx_1 {\n  font-family: var(--text-heading-xxl-font-family);\n  font-style: var(--text-heading-xxl-font-style);\n  font-weight: var(--text-heading-xxl-font-weight);\n  font-size: var(--text-heading-xxl-font-size);\n  line-height: var(--text-heading-xxl-line-height);\n  color: var(--text-heading-xxl-color);\n  text-decoration: var(--text-heading-xxl-text-decoration);\n  letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_1d6dx_12 {\n  font-family: var(--text-heading-xl-font-family);\n  font-style: var(--text-heading-xl-font-style);\n  font-weight: var(--text-heading-xl-font-weight);\n  font-size: var(--text-heading-xl-font-size);\n  line-height: var(--text-heading-xl-line-height);\n  color: var(--text-heading-xl-color);\n  text-decoration: var(--text-heading-xl-text-decoration);\n  letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_1d6dx_23 {\n  font-family: var(--text-heading-large-font-family);\n  font-style: var(--text-heading-large-font-style);\n  font-weight: var(--text-heading-large-font-weight);\n  font-size: var(--text-heading-large-font-size);\n  line-height: var(--text-heading-large-line-height);\n  color: var(--text-heading-large-color);\n  text-decoration: var(--text-heading-large-text-decoration);\n  letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_1d6dx_34 {\n  font-family: var(--text-heading-medium-font-family);\n  font-style: var(--text-heading-medium-font-style);\n  font-weight: var(--text-heading-medium-font-weight);\n  font-size: var(--text-heading-medium-font-size);\n  line-height: var(--text-heading-medium-line-height);\n  color: var(--text-heading-medium-color);\n  text-decoration: var(--text-heading-medium-text-decoration);\n  letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_1d6dx_45 {\n  font-family: var(--text-heading-small-font-family);\n  font-style: var(--text-heading-small-font-style);\n  font-weight: var(--text-heading-small-font-weight);\n  font-size: var(--text-heading-small-font-size);\n  line-height: var(--text-heading-small-line-height);\n  color: var(--text-heading-small-color);\n  text-decoration: var(--text-heading-small-text-decoration);\n  letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_1d6dx_56 {\n  font-family: var(--text-heading-table-font-family);\n  font-style: var(--text-heading-table-font-style);\n  font-weight: var(--text-heading-table-font-weight);\n  font-size: var(--text-heading-table-font-size);\n  line-height: var(--text-heading-table-line-height);\n  color: var(--text-heading-table-color);\n  text-decoration: var(--text-heading-table-text-decoration);\n  letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_1d6dx_67 {\n  font-family: var(--text-subheading-large-font-family);\n  font-style: var(--text-subheading-large-font-style);\n  font-weight: var(--text-subheading-large-font-weight);\n  font-size: var(--text-subheading-large-font-size);\n  line-height: var(--text-subheading-large-line-height);\n  color: var(--text-subheading-large-color);\n  text-decoration: var(--text-subheading-large-text-decoration);\n  letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_1d6dx_78 {\n  font-family: var(--text-subheading-medium-font-family);\n  font-style: var(--text-subheading-medium-font-style);\n  font-weight: var(--text-subheading-medium-font-weight);\n  font-size: var(--text-subheading-medium-font-size);\n  line-height: var(--text-subheading-medium-line-height);\n  color: var(--text-subheading-medium-color);\n  text-decoration: var(--text-subheading-medium-text-decoration);\n  letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_1d6dx_89 {\n  font-family: var(--text-subheading-small-font-family);\n  font-style: var(--text-subheading-small-font-style);\n  font-weight: var(--text-subheading-small-font-weight);\n  font-size: var(--text-subheading-small-font-size);\n  line-height: var(--text-subheading-small-line-height);\n  color: var(--text-subheading-small-color);\n  text-decoration: var(--text-subheading-small-text-decoration);\n  letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_1d6dx_100 {\n  font-family: var(--text-subheading-small-bold-font-family);\n  font-style: var(--text-subheading-small-bold-font-style);\n  font-weight: var(--text-subheading-small-bold-font-weight);\n  font-size: var(--text-subheading-small-bold-font-size);\n  line-height: var(--text-subheading-small-bold-line-height);\n  color: var(--text-subheading-small-bold-color);\n  text-decoration: var(--text-subheading-small-bold-text-decoration);\n  letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_1d6dx_111 {\n  font-family: var(--text-body-font-family);\n  font-style: var(--text-body-font-style);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n  color: var(--text-body-color);\n  text-decoration: var(--text-body-text-decoration);\n  letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_1d6dx_122 {\n  font-family: var(--text-body-small-font-family);\n  font-style: var(--text-body-small-font-style);\n  font-weight: var(--text-body-small-font-weight);\n  font-size: var(--text-body-small-font-size);\n  line-height: var(--text-body-small-line-height);\n  color: var(--text-body-small-color);\n  text-decoration: var(--text-body-small-text-decoration);\n  letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_1d6dx_133 {\n  font-family: var(--text-body-bold-font-family);\n  font-style: var(--text-body-bold-font-style);\n  font-weight: var(--text-body-bold-font-weight);\n  font-size: var(--text-body-bold-font-size);\n  line-height: var(--text-body-bold-line-height);\n  color: var(--text-body-bold-color);\n  text-decoration: var(--text-body-bold-text-decoration);\n  letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_1d6dx_144 {\n  font-family: var(--text-body-bold-dark-font-family);\n  font-style: var(--text-body-bold-dark-font-style);\n  font-weight: var(--text-body-bold-dark-font-weight);\n  font-size: var(--text-body-bold-dark-font-size);\n  line-height: var(--text-body-bold-dark-line-height);\n  color: var(--text-body-bold-dark-color);\n  text-decoration: var(--text-body-bold-dark-text-decoration);\n  letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_1d6dx_155 {\n  font-family: var(--text-body-small-bold-font-family);\n  font-style: var(--text-body-small-bold-font-style);\n  font-weight: var(--text-body-small-bold-font-weight);\n  font-size: var(--text-body-small-bold-font-size);\n  line-height: var(--text-body-small-bold-line-height);\n  color: var(--text-body-small-bold-color);\n  text-decoration: var(--text-body-small-bold-text-decoration);\n  letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_1d6dx_166 {\n  font-family: var(--text-button-font-family);\n  font-style: var(--text-button-font-style);\n  font-weight: var(--text-button-font-weight);\n  font-size: var(--text-button-font-size);\n  line-height: var(--text-button-line-height);\n  color: var(--text-button-color);\n  text-decoration: var(--text-button-text-decoration);\n  letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_1d6dx_177 {\n  font-family: var(--text-button-small-font-family);\n  font-style: var(--text-button-small-font-style);\n  font-weight: var(--text-button-small-font-weight);\n  font-size: var(--text-button-small-font-size);\n  line-height: var(--text-button-small-line-height);\n  color: var(--text-button-small-color);\n  text-decoration: var(--text-button-small-text-decoration);\n  letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_1d6dx_188 {\n  font-family: var(--text-link-large-font-family);\n  font-style: var(--text-link-large-font-style);\n  font-weight: var(--text-link-large-font-weight);\n  font-size: var(--text-link-large-font-size);\n  line-height: var(--text-link-large-line-height);\n  color: var(--text-link-large-color);\n  text-decoration: var(--text-link-large-text-decoration);\n  letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_1d6dx_199 {\n  font-family: var(--text-link-medium-font-family);\n  font-style: var(--text-link-medium-font-style);\n  font-weight: var(--text-link-medium-font-weight);\n  font-size: var(--text-link-medium-font-size);\n  line-height: var(--text-link-medium-line-height);\n  color: var(--text-link-medium-color);\n  text-decoration: var(--text-link-medium-text-decoration);\n  letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_1d6dx_188 {\n  font-family: var(--text-link-font-family);\n  font-style: var(--text-link-font-style);\n  font-weight: var(--text-link-font-weight);\n  font-size: var(--text-link-font-size);\n  line-height: var(--text-link-line-height);\n  color: var(--text-link-color);\n  text-decoration: var(--text-link-text-decoration);\n  letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_1d6dx_221 {\n  font-family: var(--text-link-small-font-family);\n  font-style: var(--text-link-small-font-style);\n  font-weight: var(--text-link-small-font-weight);\n  font-size: var(--text-link-small-font-size);\n  line-height: var(--text-link-small-line-height);\n  color: var(--text-link-small-color);\n  text-decoration: var(--text-link-small-text-decoration);\n  letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_1d6dx_232 {\n  font-family: var(--text-input-label-font-family);\n  font-style: var(--text-input-label-font-style);\n  font-weight: var(--text-input-label-font-weight);\n  font-size: var(--text-input-label-font-size);\n  line-height: var(--text-input-label-line-height);\n  color: var(--text-input-label-color);\n  text-decoration: var(--text-input-label-text-decoration);\n  letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_1d6dx_243 {\n  font-family: var(--text-input-label-small-font-family);\n  font-style: var(--text-input-label-small-font-style);\n  font-weight: var(--text-input-label-small-font-weight);\n  font-size: var(--text-input-label-small-font-size);\n  line-height: var(--text-input-label-small-line-height);\n  color: var(--text-input-label-small-color);\n  text-decoration: var(--text-input-label-small-text-decoration);\n  letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_1d6dx_254 {\n  font-family: var(--text-hint-text-font-family);\n  font-style: var(--text-hint-text-font-style);\n  font-weight: var(--text-hint-text-font-weight);\n  font-size: var(--text-hint-text-font-size);\n  line-height: var(--text-hint-text-line-height);\n  color: var(--text-hint-text-color);\n  text-decoration: var(--text-hint-text-text-decoration);\n  letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_1d6dx_265 {\n  font-family: var(--text-placeholder-font-family);\n  font-style: var(--text-placeholder-font-style);\n  font-weight: var(--text-placeholder-font-weight);\n  font-size: var(--text-placeholder-font-size);\n  line-height: var(--text-placeholder-line-height);\n  color: var(--text-placeholder-color);\n  text-decoration: var(--text-placeholder-text-decoration);\n  letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_1d6dx_276 {\n  font-family: var(--text-placeholder-small-font-family);\n  font-style: var(--text-placeholder-small-font-style);\n  font-weight: var(--text-placeholder-small-font-weight);\n  font-size: var(--text-placeholder-small-font-size);\n  line-height: var(--text-placeholder-small-line-height);\n  color: var(--text-placeholder-small-color);\n  text-decoration: var(--text-placeholder-small-text-decoration);\n  letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_1d6dx_287 {\n  font-family: var(--text-placeholder-code-font-family);\n  font-style: var(--text-placeholder-code-font-style);\n  font-weight: var(--text-placeholder-code-font-weight);\n  font-size: var(--text-placeholder-code-font-size);\n  line-height: var(--text-placeholder-code-line-height);\n  color: var(--text-placeholder-code-color);\n  text-decoration: var(--text-placeholder-code-text-decoration);\n  letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_1d6dx_298 {\n  font-family: var(--text-placeholder-code-small-font-family);\n  font-style: var(--text-placeholder-code-small-font-style);\n  font-weight: var(--text-placeholder-code-small-font-weight);\n  font-size: var(--text-placeholder-code-small-font-size);\n  line-height: var(--text-placeholder-code-small-line-height);\n  color: var(--text-placeholder-code-small-color);\n  text-decoration: var(--text-placeholder-code-small-text-decoration);\n  letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_1d6dx_309 {\n  font-family: var(--text-error-font-family);\n  font-style: var(--text-error-font-style);\n  font-weight: var(--text-error-font-weight);\n  font-size: var(--text-error-font-size);\n  line-height: var(--text-error-line-height);\n  color: var(--text-error-color);\n  text-decoration: var(--text-error-text-decoration);\n  letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_1d6dx_320 {\n  font-family: var(--text-error-small-font-family);\n  font-style: var(--text-error-small-font-style);\n  font-weight: var(--text-error-small-font-weight);\n  font-size: var(--text-error-small-font-size);\n  line-height: var(--text-error-small-line-height);\n  color: var(--text-error-small-color);\n  text-decoration: var(--text-error-small-text-decoration);\n  letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_1d6dx_331 {\n  font-family: var(--text-success-small-font-family);\n  font-style: var(--text-success-small-font-style);\n  font-weight: var(--text-success-small-font-weight);\n  font-size: var(--text-success-small-font-size);\n  line-height: var(--text-success-small-line-height);\n  color: var(--text-success-small-color);\n  text-decoration: var(--text-success-small-text-decoration);\n  letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._base_1d6dx_342 {\n  --outline-width: var(--sizes-xs);\n  --accent-color: var(--colors-neutral-ink-base);\n  --accent-color-dark: var(--colors-secondary-blue-base);\n  --highlight-color: var(--colors-secondary-blue-light);\n  --button-height: var(--sizes-10);\n  --button-inline-padding: var(--sizes-base);\n  --button-radius: var(--sizes-xs);\n  --button-gap: var(--sizes-sm);\n  --button-icon-size: var(--sizes-base);\n  --button-icon-inline-padding: var(--sizes-base);\n  --button-icon-only-width: var(--sizes-10);\n  --loader-size: var(--sizes-base);\n  /* Structural styles */\n  position: relative;\n  box-sizing: border-box;\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--button-gap);\n  flex-shrink: 0;\n  border: var(--sizes-line) solid;\n  white-space: nowrap;\n  height: var(--button-height);\n  padding-inline: var(--button-inline-padding);\n  border-radius: var(--button-radius);\n  font-family: var(--text-button-font-family);\n  font-style: var(--text-button-font-style);\n  font-weight: var(--text-button-font-weight);\n  font-size: var(--text-button-font-size);\n  line-height: var(--text-button-line-height);\n  color: var(--text-button-color);\n  text-decoration: var(--text-button-text-decoration);\n  letter-spacing: var(--text-button-letter-spacing);\n  /* Default button */\n  border-color: var(--colors-neutral-grey-dark);\n  background-color: white;\n  box-shadow: var(--shadows-sm);\n  color: var(--accent-color);\n  /* Icon Slot */\n  /* External Icon */\n}\n._base_1d6dx_342 svg:first-child {\n  width: var(--button-icon-size);\n  height: var(--button-icon-size);\n}\n._base_1d6dx_342 svg:last-child:not(:first-child) {\n  width: var(--sizes-4);\n  height: var(--sizes-4);\n}\n._base_1d6dx_342:hover {\n  background-color: var(--colors-neutral-grey-lightest);\n  cursor: pointer;\n}\n._base_1d6dx_342:focus-visible {\n  outline: var(--outline-width) solid var(--highlight-color);\n}\n._base_1d6dx_342:active {\n  background-color: var(--colors-neutral-grey-lightest);\n  border-color: var(--accent-color-dark);\n  outline: var(--outline-width) solid var(--highlight-color);\n}\n._base_1d6dx_342._icon_1d6dx_405 {\n  padding-left: var(--button-icon-inline-padding);\n}\n._base_1d6dx_342._dropdown_1d6dx_408 {\n  padding-right: var(--button-icon-inline-padding);\n}\n._base_1d6dx_342._iconOnly_1d6dx_411 {\n  --button-icon-size: var(--sizes-5);\n  --accent-color: var(--colors-secondary-blue-base);\n  --loader-size: var(--sizes-5);\n  height: var(--button-icon-only-width);\n  width: var(--button-icon-only-width);\n  padding-inline: var(--sizes-2);\n}\n._base_1d6dx_342._sm-size_1d6dx_419 {\n  --outline-width: var(--sizes-xs);\n  --button-height: var(--sizes-lg);\n  --button-inline-padding: var(--sizes-3);\n  --button-radius: var(--sizes-xs);\n  --button-icon-size: var(--sizes-base);\n  --button-icon-inline-padding: var(--sizes-sm);\n  --button-icon-only-width: var(--sizes-8);\n  font-family: var(--text-button-small-font-family);\n  font-style: var(--text-button-small-font-style);\n  font-weight: var(--text-button-small-font-weight);\n  font-size: var(--text-button-small-font-size);\n  line-height: var(--text-button-small-line-height);\n  color: var(--text-button-small-color);\n  text-decoration: var(--text-button-small-text-decoration);\n  letter-spacing: var(--text-button-small-letter-spacing);\n  color: var(--accent-color);\n}\n._base_1d6dx_342._xs-size_1d6dx_437 {\n  --outline-width: var(--sizes-xs);\n  --button-height: var(--sizes-md);\n  --button-inline-padding: var(--sizes-3);\n  --button-radius: var(--sizes-xs);\n  --button-gap: var(--sizes-xs);\n  --button-icon-size: var(--sizes-3);\n  --button-icon-inline-padding: var(--sizes-sm);\n  --button-icon-only-width: var(--sizes-md);\n  --loader-size: var(--sizes-3);\n  font-family: var(--text-button-small-font-family);\n  font-style: var(--text-button-small-font-style);\n  font-weight: var(--text-button-small-font-weight);\n  font-size: var(--text-button-small-font-size);\n  line-height: var(--text-button-small-line-height);\n  color: var(--text-button-small-color);\n  text-decoration: var(--text-button-small-text-decoration);\n  letter-spacing: var(--text-button-small-letter-spacing);\n  color: var(--accent-color);\n}\n._base_1d6dx_342._xs-size_1d6dx_437._iconOnly_1d6dx_411 svg, ._base_1d6dx_342._xs-size_1d6dx_437._dropdown_1d6dx_408 svg:last-child {\n  width: var(--button-icon-size);\n  height: var(--button-icon-size);\n}\n._base_1d6dx_342._primary-variant_1d6dx_461 {\n  --accent-color: var(--theme-primary, var(--colors-secondary-blue-base));\n  --accent-color-dark: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n  --highlight-color: var(--colors-secondary-blue-light);\n  background-color: var(--accent-color);\n  color: var(--theme-on-primary, white);\n  border-color: var(--accent-color);\n}\n._base_1d6dx_342._primary-variant_1d6dx_461:hover {\n  --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._base_1d6dx_342._primary-variant_1d6dx_461:active {\n  --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._base_1d6dx_342._destructive-variant_1d6dx_475 {\n  --accent-color: var(--colors-secondary-red-base);\n  --accent-color-dark: var(--colors-secondary-red-base);\n  --highlight-color: var(--colors-secondary-red-light);\n}\n._base_1d6dx_342._destructive-variant_1d6dx_475:hover {\n  --accent-color: var(--colors-secondary-red-dark);\n}\n._base_1d6dx_342._flat-variant_1d6dx_483 {\n  border-color: transparent;\n  box-shadow: none;\n  color: var(--colors-neutral-ink-base);\n  background-color: unset;\n}\n._base_1d6dx_342._flat-variant_1d6dx_483:hover {\n  background-color: var(--colors-neutral-grey-lightest);\n}\n._base_1d6dx_342._flat-variant_1d6dx_483:active {\n  background-color: var(--colors-neutral-grey-lightest);\n  outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n}\n._base_1d6dx_342._flat-variant_1d6dx_483:focus-visible {\n  outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n}\n._base_1d6dx_342._flat-variant_1d6dx_483._disabled_1d6dx_499 {\n  background-color: transparent;\n  border-color: transparent;\n}\n._base_1d6dx_342._disabled_1d6dx_499 {\n  cursor: not-allowed;\n  box-shadow: none;\n  background-color: var(--colors-neutral-grey-base);\n  color: var(--colors-neutral-ink-light);\n  border: none;\n}\n\n._content_1d6dx_511 {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--button-gap, var(--sizes-sm));\n  flex-wrap: nowrap;\n}\n\n._hideContent_1d6dx_518 {\n  visibility: hidden;\n}\n\n._loadingWrapper_1d6dx_522 {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n._loader_1d6dx_533 {\n  aspect-ratio: 1;\n  width: var(--loader-size);\n  height: var(--loader-size);\n}");
-var buttonStyles = {"heading-xxl":"_heading-xxl_1d6dx_1","heading-xl":"_heading-xl_1d6dx_12","heading-large":"_heading-large_1d6dx_23","heading-medium":"_heading-medium_1d6dx_34","heading-small":"_heading-small_1d6dx_45","heading-table":"_heading-table_1d6dx_56","subheading-large":"_subheading-large_1d6dx_67","subheading-medium":"_subheading-medium_1d6dx_78","subheading-small":"_subheading-small_1d6dx_89","subheading-small-bold":"_subheading-small-bold_1d6dx_100","body":"_body_1d6dx_111","body-small":"_body-small_1d6dx_122","body-bold":"_body-bold_1d6dx_133","body-bold-dark":"_body-bold-dark_1d6dx_144","body-small-bold":"_body-small-bold_1d6dx_155","button":"_button_1d6dx_166","button-small":"_button-small_1d6dx_177","link-large":"_link-large_1d6dx_188","link-medium":"_link-medium_1d6dx_199","link":"_link_1d6dx_188","link-small":"_link-small_1d6dx_221","input-label":"_input-label_1d6dx_232","input-label-small":"_input-label-small_1d6dx_243","hint-text":"_hint-text_1d6dx_254","placeholder":"_placeholder_1d6dx_265","placeholder-small":"_placeholder-small_1d6dx_276","placeholder-code":"_placeholder-code_1d6dx_287","placeholder-code-small":"_placeholder-code-small_1d6dx_298","error":"_error_1d6dx_309","error-small":"_error-small_1d6dx_320","success-small":"_success-small_1d6dx_331","base":"_base_1d6dx_342","icon":"_icon_1d6dx_405","dropdown":"_dropdown_1d6dx_408","iconOnly":"_iconOnly_1d6dx_411","sm-size":"_sm-size_1d6dx_419","xs-size":"_xs-size_1d6dx_437","primary-variant":"_primary-variant_1d6dx_461","destructive-variant":"_destructive-variant_1d6dx_475","flat-variant":"_flat-variant_1d6dx_483","disabled":"_disabled_1d6dx_499","content":"_content_1d6dx_511","hideContent":"_hideContent_1d6dx_518","loadingWrapper":"_loadingWrapper_1d6dx_522","loader":"_loader_1d6dx_533"};
+___$insertStyle("._heading-xxl_1dm92_1 {\n  font-family: var(--text-heading-xxl-font-family);\n  font-style: var(--text-heading-xxl-font-style);\n  font-weight: var(--text-heading-xxl-font-weight);\n  font-size: var(--text-heading-xxl-font-size);\n  line-height: var(--text-heading-xxl-line-height);\n  color: var(--text-heading-xxl-color);\n  text-decoration: var(--text-heading-xxl-text-decoration);\n  letter-spacing: var(--text-heading-xxl-letter-spacing);\n}\n\n._heading-xl_1dm92_12 {\n  font-family: var(--text-heading-xl-font-family);\n  font-style: var(--text-heading-xl-font-style);\n  font-weight: var(--text-heading-xl-font-weight);\n  font-size: var(--text-heading-xl-font-size);\n  line-height: var(--text-heading-xl-line-height);\n  color: var(--text-heading-xl-color);\n  text-decoration: var(--text-heading-xl-text-decoration);\n  letter-spacing: var(--text-heading-xl-letter-spacing);\n}\n\n._heading-large_1dm92_23 {\n  font-family: var(--text-heading-large-font-family);\n  font-style: var(--text-heading-large-font-style);\n  font-weight: var(--text-heading-large-font-weight);\n  font-size: var(--text-heading-large-font-size);\n  line-height: var(--text-heading-large-line-height);\n  color: var(--text-heading-large-color);\n  text-decoration: var(--text-heading-large-text-decoration);\n  letter-spacing: var(--text-heading-large-letter-spacing);\n}\n\n._heading-medium_1dm92_34 {\n  font-family: var(--text-heading-medium-font-family);\n  font-style: var(--text-heading-medium-font-style);\n  font-weight: var(--text-heading-medium-font-weight);\n  font-size: var(--text-heading-medium-font-size);\n  line-height: var(--text-heading-medium-line-height);\n  color: var(--text-heading-medium-color);\n  text-decoration: var(--text-heading-medium-text-decoration);\n  letter-spacing: var(--text-heading-medium-letter-spacing);\n}\n\n._heading-small_1dm92_45 {\n  font-family: var(--text-heading-small-font-family);\n  font-style: var(--text-heading-small-font-style);\n  font-weight: var(--text-heading-small-font-weight);\n  font-size: var(--text-heading-small-font-size);\n  line-height: var(--text-heading-small-line-height);\n  color: var(--text-heading-small-color);\n  text-decoration: var(--text-heading-small-text-decoration);\n  letter-spacing: var(--text-heading-small-letter-spacing);\n}\n\n._heading-table_1dm92_56 {\n  font-family: var(--text-heading-table-font-family);\n  font-style: var(--text-heading-table-font-style);\n  font-weight: var(--text-heading-table-font-weight);\n  font-size: var(--text-heading-table-font-size);\n  line-height: var(--text-heading-table-line-height);\n  color: var(--text-heading-table-color);\n  text-decoration: var(--text-heading-table-text-decoration);\n  letter-spacing: var(--text-heading-table-letter-spacing);\n}\n\n._subheading-large_1dm92_67 {\n  font-family: var(--text-subheading-large-font-family);\n  font-style: var(--text-subheading-large-font-style);\n  font-weight: var(--text-subheading-large-font-weight);\n  font-size: var(--text-subheading-large-font-size);\n  line-height: var(--text-subheading-large-line-height);\n  color: var(--text-subheading-large-color);\n  text-decoration: var(--text-subheading-large-text-decoration);\n  letter-spacing: var(--text-subheading-large-letter-spacing);\n}\n\n._subheading-medium_1dm92_78 {\n  font-family: var(--text-subheading-medium-font-family);\n  font-style: var(--text-subheading-medium-font-style);\n  font-weight: var(--text-subheading-medium-font-weight);\n  font-size: var(--text-subheading-medium-font-size);\n  line-height: var(--text-subheading-medium-line-height);\n  color: var(--text-subheading-medium-color);\n  text-decoration: var(--text-subheading-medium-text-decoration);\n  letter-spacing: var(--text-subheading-medium-letter-spacing);\n}\n\n._subheading-small_1dm92_89 {\n  font-family: var(--text-subheading-small-font-family);\n  font-style: var(--text-subheading-small-font-style);\n  font-weight: var(--text-subheading-small-font-weight);\n  font-size: var(--text-subheading-small-font-size);\n  line-height: var(--text-subheading-small-line-height);\n  color: var(--text-subheading-small-color);\n  text-decoration: var(--text-subheading-small-text-decoration);\n  letter-spacing: var(--text-subheading-small-letter-spacing);\n}\n\n._subheading-small-bold_1dm92_100 {\n  font-family: var(--text-subheading-small-bold-font-family);\n  font-style: var(--text-subheading-small-bold-font-style);\n  font-weight: var(--text-subheading-small-bold-font-weight);\n  font-size: var(--text-subheading-small-bold-font-size);\n  line-height: var(--text-subheading-small-bold-line-height);\n  color: var(--text-subheading-small-bold-color);\n  text-decoration: var(--text-subheading-small-bold-text-decoration);\n  letter-spacing: var(--text-subheading-small-bold-letter-spacing);\n}\n\n._body_1dm92_111 {\n  font-family: var(--text-body-font-family);\n  font-style: var(--text-body-font-style);\n  font-weight: var(--text-body-font-weight);\n  font-size: var(--text-body-font-size);\n  line-height: var(--text-body-line-height);\n  color: var(--text-body-color);\n  text-decoration: var(--text-body-text-decoration);\n  letter-spacing: var(--text-body-letter-spacing);\n}\n\n._body-small_1dm92_122 {\n  font-family: var(--text-body-small-font-family);\n  font-style: var(--text-body-small-font-style);\n  font-weight: var(--text-body-small-font-weight);\n  font-size: var(--text-body-small-font-size);\n  line-height: var(--text-body-small-line-height);\n  color: var(--text-body-small-color);\n  text-decoration: var(--text-body-small-text-decoration);\n  letter-spacing: var(--text-body-small-letter-spacing);\n}\n\n._body-bold_1dm92_133 {\n  font-family: var(--text-body-bold-font-family);\n  font-style: var(--text-body-bold-font-style);\n  font-weight: var(--text-body-bold-font-weight);\n  font-size: var(--text-body-bold-font-size);\n  line-height: var(--text-body-bold-line-height);\n  color: var(--text-body-bold-color);\n  text-decoration: var(--text-body-bold-text-decoration);\n  letter-spacing: var(--text-body-bold-letter-spacing);\n}\n\n._body-bold-dark_1dm92_144 {\n  font-family: var(--text-body-bold-dark-font-family);\n  font-style: var(--text-body-bold-dark-font-style);\n  font-weight: var(--text-body-bold-dark-font-weight);\n  font-size: var(--text-body-bold-dark-font-size);\n  line-height: var(--text-body-bold-dark-line-height);\n  color: var(--text-body-bold-dark-color);\n  text-decoration: var(--text-body-bold-dark-text-decoration);\n  letter-spacing: var(--text-body-bold-dark-letter-spacing);\n}\n\n._body-small-bold_1dm92_155 {\n  font-family: var(--text-body-small-bold-font-family);\n  font-style: var(--text-body-small-bold-font-style);\n  font-weight: var(--text-body-small-bold-font-weight);\n  font-size: var(--text-body-small-bold-font-size);\n  line-height: var(--text-body-small-bold-line-height);\n  color: var(--text-body-small-bold-color);\n  text-decoration: var(--text-body-small-bold-text-decoration);\n  letter-spacing: var(--text-body-small-bold-letter-spacing);\n}\n\n._button_1dm92_166 {\n  font-family: var(--text-button-font-family);\n  font-style: var(--text-button-font-style);\n  font-weight: var(--text-button-font-weight);\n  font-size: var(--text-button-font-size);\n  line-height: var(--text-button-line-height);\n  color: var(--text-button-color);\n  text-decoration: var(--text-button-text-decoration);\n  letter-spacing: var(--text-button-letter-spacing);\n}\n\n._button-small_1dm92_177 {\n  font-family: var(--text-button-small-font-family);\n  font-style: var(--text-button-small-font-style);\n  font-weight: var(--text-button-small-font-weight);\n  font-size: var(--text-button-small-font-size);\n  line-height: var(--text-button-small-line-height);\n  color: var(--text-button-small-color);\n  text-decoration: var(--text-button-small-text-decoration);\n  letter-spacing: var(--text-button-small-letter-spacing);\n}\n\n._link-large_1dm92_188 {\n  font-family: var(--text-link-large-font-family);\n  font-style: var(--text-link-large-font-style);\n  font-weight: var(--text-link-large-font-weight);\n  font-size: var(--text-link-large-font-size);\n  line-height: var(--text-link-large-line-height);\n  color: var(--text-link-large-color);\n  text-decoration: var(--text-link-large-text-decoration);\n  letter-spacing: var(--text-link-large-letter-spacing);\n}\n\n._link-medium_1dm92_199 {\n  font-family: var(--text-link-medium-font-family);\n  font-style: var(--text-link-medium-font-style);\n  font-weight: var(--text-link-medium-font-weight);\n  font-size: var(--text-link-medium-font-size);\n  line-height: var(--text-link-medium-line-height);\n  color: var(--text-link-medium-color);\n  text-decoration: var(--text-link-medium-text-decoration);\n  letter-spacing: var(--text-link-medium-letter-spacing);\n}\n\n._link_1dm92_188 {\n  font-family: var(--text-link-font-family);\n  font-style: var(--text-link-font-style);\n  font-weight: var(--text-link-font-weight);\n  font-size: var(--text-link-font-size);\n  line-height: var(--text-link-line-height);\n  color: var(--text-link-color);\n  text-decoration: var(--text-link-text-decoration);\n  letter-spacing: var(--text-link-letter-spacing);\n}\n\n._link-small_1dm92_221 {\n  font-family: var(--text-link-small-font-family);\n  font-style: var(--text-link-small-font-style);\n  font-weight: var(--text-link-small-font-weight);\n  font-size: var(--text-link-small-font-size);\n  line-height: var(--text-link-small-line-height);\n  color: var(--text-link-small-color);\n  text-decoration: var(--text-link-small-text-decoration);\n  letter-spacing: var(--text-link-small-letter-spacing);\n}\n\n._input-label_1dm92_232 {\n  font-family: var(--text-input-label-font-family);\n  font-style: var(--text-input-label-font-style);\n  font-weight: var(--text-input-label-font-weight);\n  font-size: var(--text-input-label-font-size);\n  line-height: var(--text-input-label-line-height);\n  color: var(--text-input-label-color);\n  text-decoration: var(--text-input-label-text-decoration);\n  letter-spacing: var(--text-input-label-letter-spacing);\n}\n\n._input-label-small_1dm92_243 {\n  font-family: var(--text-input-label-small-font-family);\n  font-style: var(--text-input-label-small-font-style);\n  font-weight: var(--text-input-label-small-font-weight);\n  font-size: var(--text-input-label-small-font-size);\n  line-height: var(--text-input-label-small-line-height);\n  color: var(--text-input-label-small-color);\n  text-decoration: var(--text-input-label-small-text-decoration);\n  letter-spacing: var(--text-input-label-small-letter-spacing);\n}\n\n._hint-text_1dm92_254 {\n  font-family: var(--text-hint-text-font-family);\n  font-style: var(--text-hint-text-font-style);\n  font-weight: var(--text-hint-text-font-weight);\n  font-size: var(--text-hint-text-font-size);\n  line-height: var(--text-hint-text-line-height);\n  color: var(--text-hint-text-color);\n  text-decoration: var(--text-hint-text-text-decoration);\n  letter-spacing: var(--text-hint-text-letter-spacing);\n}\n\n._placeholder_1dm92_265 {\n  font-family: var(--text-placeholder-font-family);\n  font-style: var(--text-placeholder-font-style);\n  font-weight: var(--text-placeholder-font-weight);\n  font-size: var(--text-placeholder-font-size);\n  line-height: var(--text-placeholder-line-height);\n  color: var(--text-placeholder-color);\n  text-decoration: var(--text-placeholder-text-decoration);\n  letter-spacing: var(--text-placeholder-letter-spacing);\n}\n\n._placeholder-small_1dm92_276 {\n  font-family: var(--text-placeholder-small-font-family);\n  font-style: var(--text-placeholder-small-font-style);\n  font-weight: var(--text-placeholder-small-font-weight);\n  font-size: var(--text-placeholder-small-font-size);\n  line-height: var(--text-placeholder-small-line-height);\n  color: var(--text-placeholder-small-color);\n  text-decoration: var(--text-placeholder-small-text-decoration);\n  letter-spacing: var(--text-placeholder-small-letter-spacing);\n}\n\n._placeholder-code_1dm92_287 {\n  font-family: var(--text-placeholder-code-font-family);\n  font-style: var(--text-placeholder-code-font-style);\n  font-weight: var(--text-placeholder-code-font-weight);\n  font-size: var(--text-placeholder-code-font-size);\n  line-height: var(--text-placeholder-code-line-height);\n  color: var(--text-placeholder-code-color);\n  text-decoration: var(--text-placeholder-code-text-decoration);\n  letter-spacing: var(--text-placeholder-code-letter-spacing);\n}\n\n._placeholder-code-small_1dm92_298 {\n  font-family: var(--text-placeholder-code-small-font-family);\n  font-style: var(--text-placeholder-code-small-font-style);\n  font-weight: var(--text-placeholder-code-small-font-weight);\n  font-size: var(--text-placeholder-code-small-font-size);\n  line-height: var(--text-placeholder-code-small-line-height);\n  color: var(--text-placeholder-code-small-color);\n  text-decoration: var(--text-placeholder-code-small-text-decoration);\n  letter-spacing: var(--text-placeholder-code-small-letter-spacing);\n}\n\n._error_1dm92_309 {\n  font-family: var(--text-error-font-family);\n  font-style: var(--text-error-font-style);\n  font-weight: var(--text-error-font-weight);\n  font-size: var(--text-error-font-size);\n  line-height: var(--text-error-line-height);\n  color: var(--text-error-color);\n  text-decoration: var(--text-error-text-decoration);\n  letter-spacing: var(--text-error-letter-spacing);\n}\n\n._error-small_1dm92_320 {\n  font-family: var(--text-error-small-font-family);\n  font-style: var(--text-error-small-font-style);\n  font-weight: var(--text-error-small-font-weight);\n  font-size: var(--text-error-small-font-size);\n  line-height: var(--text-error-small-line-height);\n  color: var(--text-error-small-color);\n  text-decoration: var(--text-error-small-text-decoration);\n  letter-spacing: var(--text-error-small-letter-spacing);\n}\n\n._success-small_1dm92_331 {\n  font-family: var(--text-success-small-font-family);\n  font-style: var(--text-success-small-font-style);\n  font-weight: var(--text-success-small-font-weight);\n  font-size: var(--text-success-small-font-size);\n  line-height: var(--text-success-small-line-height);\n  color: var(--text-success-small-color);\n  text-decoration: var(--text-success-small-text-decoration);\n  letter-spacing: var(--text-success-small-letter-spacing);\n}\n\n._button_1dm92_166 {\n  --outline-width: var(--sizes-xs);\n  --accent-color: var(--colors-neutral-ink-base);\n  --accent-color-dark: var(--colors-secondary-blue-base);\n  --highlight-color: var(--colors-secondary-blue-light);\n  --button-height: var(--sizes-10);\n  --button-inline-padding: var(--sizes-base);\n  --button-radius: var(--sizes-xs);\n  --button-gap: var(--sizes-sm);\n  --button-icon-size: var(--sizes-base);\n  --button-icon-inline-padding: var(--sizes-base);\n  --button-icon-only-width: var(--sizes-10);\n  --loader-size: var(--sizes-base);\n  /* Structural styles */\n  position: relative;\n  box-sizing: border-box;\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--button-gap);\n  flex-shrink: 0;\n  border: var(--sizes-line) solid;\n  white-space: nowrap;\n  height: var(--button-height);\n  padding-inline: var(--button-inline-padding);\n  border-radius: var(--button-radius);\n  font-family: var(--text-button-font-family);\n  font-style: var(--text-button-font-style);\n  font-weight: var(--text-button-font-weight);\n  font-size: var(--text-button-font-size);\n  line-height: var(--text-button-line-height);\n  color: var(--text-button-color);\n  text-decoration: var(--text-button-text-decoration);\n  letter-spacing: var(--text-button-letter-spacing);\n  /* Default button */\n  border-color: var(--colors-neutral-grey-dark);\n  background-color: white;\n  box-shadow: var(--shadows-sm);\n  color: var(--accent-color);\n  /* Icon Slot */\n  /* External Icon */\n}\n._button_1dm92_166 svg:first-child {\n  width: var(--button-icon-size);\n  height: var(--button-icon-size);\n}\n._button_1dm92_166 svg:last-child:not(:first-child) {\n  width: var(--sizes-4);\n  height: var(--sizes-4);\n}\n._button_1dm92_166:hover {\n  background-color: var(--colors-neutral-grey-lightest);\n  cursor: pointer;\n}\n._button_1dm92_166:focus-visible {\n  outline: var(--outline-width) solid var(--highlight-color);\n}\n._button_1dm92_166:active {\n  background-color: var(--colors-neutral-grey-lightest);\n  border-color: var(--accent-color-dark);\n  outline: var(--outline-width) solid var(--highlight-color);\n}\n._button_1dm92_166._icon_1dm92_405 {\n  padding-left: var(--button-icon-inline-padding);\n}\n._button_1dm92_166._dropdown_1dm92_408 {\n  padding-right: var(--button-icon-inline-padding);\n}\n._button_1dm92_166._iconOnly_1dm92_411 {\n  --button-icon-size: var(--sizes-5);\n  --accent-color: var(--colors-secondary-blue-base);\n  --loader-size: var(--sizes-5);\n  height: var(--button-icon-only-width);\n  width: var(--button-icon-only-width);\n  padding-inline: var(--sizes-2);\n}\n._button_1dm92_166._sm_1dm92_419 {\n  --outline-width: var(--sizes-xs);\n  --button-height: var(--sizes-lg);\n  --button-inline-padding: var(--sizes-3);\n  --button-radius: var(--sizes-xs);\n  --button-icon-size: var(--sizes-base);\n  --button-icon-inline-padding: var(--sizes-sm);\n  --button-icon-only-width: var(--sizes-8);\n  font-family: var(--text-button-small-font-family);\n  font-style: var(--text-button-small-font-style);\n  font-weight: var(--text-button-small-font-weight);\n  font-size: var(--text-button-small-font-size);\n  line-height: var(--text-button-small-line-height);\n  color: var(--text-button-small-color);\n  text-decoration: var(--text-button-small-text-decoration);\n  letter-spacing: var(--text-button-small-letter-spacing);\n  color: var(--accent-color);\n}\n._button_1dm92_166._xs_1dm92_437 {\n  --outline-width: var(--sizes-xs);\n  --button-height: var(--sizes-md);\n  --button-inline-padding: var(--sizes-3);\n  --button-radius: var(--sizes-xs);\n  --button-gap: var(--sizes-xs);\n  --button-icon-size: var(--sizes-3);\n  --button-icon-inline-padding: var(--sizes-sm);\n  --button-icon-only-width: var(--sizes-md);\n  --loader-size: var(--sizes-3);\n  font-family: var(--text-button-small-font-family);\n  font-style: var(--text-button-small-font-style);\n  font-weight: var(--text-button-small-font-weight);\n  font-size: var(--text-button-small-font-size);\n  line-height: var(--text-button-small-line-height);\n  color: var(--text-button-small-color);\n  text-decoration: var(--text-button-small-text-decoration);\n  letter-spacing: var(--text-button-small-letter-spacing);\n  color: var(--accent-color);\n}\n._button_1dm92_166._xs_1dm92_437._iconOnly_1dm92_411 svg, ._button_1dm92_166._xs_1dm92_437._dropdown_1dm92_408 svg:last-child {\n  width: var(--button-icon-size);\n  height: var(--button-icon-size);\n}\n._button_1dm92_166._primary_1dm92_461 {\n  --accent-color: var(--theme-primary, var(--colors-secondary-blue-base));\n  --accent-color-dark: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n  --highlight-color: var(--colors-secondary-blue-light);\n  background-color: var(--accent-color);\n  color: var(--theme-on-primary, white);\n  border-color: var(--accent-color);\n}\n._button_1dm92_166._primary_1dm92_461:hover {\n  --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._button_1dm92_166._primary_1dm92_461:active {\n  --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n}\n._button_1dm92_166._destructive_1dm92_475 {\n  --accent-color: var(--colors-secondary-red-base);\n  --accent-color-dark: var(--colors-secondary-red-base);\n  --highlight-color: var(--colors-secondary-red-light);\n}\n._button_1dm92_166._destructive_1dm92_475:hover {\n  --accent-color: var(--colors-secondary-red-dark);\n}\n._button_1dm92_166._flat_1dm92_483 {\n  border-color: transparent;\n  box-shadow: none;\n  color: var(--colors-neutral-ink-base);\n  background-color: unset;\n}\n._button_1dm92_166._flat_1dm92_483:hover {\n  background-color: var(--colors-neutral-grey-lightest);\n}\n._button_1dm92_166._flat_1dm92_483:active {\n  background-color: var(--colors-neutral-grey-lightest);\n  outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n}\n._button_1dm92_166._flat_1dm92_483:focus-visible {\n  outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n}\n._button_1dm92_166._flat_1dm92_483._disabled_1dm92_499 {\n  background-color: transparent;\n  border-color: transparent;\n}\n._button_1dm92_166 ._hideContent_1dm92_503 {\n  opacity: 0;\n}\n._button_1dm92_166 ._loadingWrapper_1dm92_506 {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 0;\n}\n._button_1dm92_166 ._loadingWrapper_1dm92_506 > ._loader_1dm92_517 {\n  aspect-ratio: 1;\n  width: var(--loader-size);\n  height: var(--loader-size);\n}\n\n._button_1dm92_166:disabled {\n  cursor: not-allowed;\n  box-shadow: none;\n  background-color: var(--colors-neutral-grey-base);\n  color: var(--colors-neutral-ink-light);\n  border: none;\n}");
+var buttonStyles = {"heading-xxl":"_heading-xxl_1dm92_1","heading-xl":"_heading-xl_1dm92_12","heading-large":"_heading-large_1dm92_23","heading-medium":"_heading-medium_1dm92_34","heading-small":"_heading-small_1dm92_45","heading-table":"_heading-table_1dm92_56","subheading-large":"_subheading-large_1dm92_67","subheading-medium":"_subheading-medium_1dm92_78","subheading-small":"_subheading-small_1dm92_89","subheading-small-bold":"_subheading-small-bold_1dm92_100","body":"_body_1dm92_111","body-small":"_body-small_1dm92_122","body-bold":"_body-bold_1dm92_133","body-bold-dark":"_body-bold-dark_1dm92_144","body-small-bold":"_body-small-bold_1dm92_155","button":"_button_1dm92_166","button-small":"_button-small_1dm92_177","link-large":"_link-large_1dm92_188","link-medium":"_link-medium_1dm92_199","link":"_link_1dm92_188","link-small":"_link-small_1dm92_221","input-label":"_input-label_1dm92_232","input-label-small":"_input-label-small_1dm92_243","hint-text":"_hint-text_1dm92_254","placeholder":"_placeholder_1dm92_265","placeholder-small":"_placeholder-small_1dm92_276","placeholder-code":"_placeholder-code_1dm92_287","placeholder-code-small":"_placeholder-code-small_1dm92_298","error":"_error_1dm92_309","error-small":"_error-small_1dm92_320","success-small":"_success-small_1dm92_331","icon":"_icon_1dm92_405","dropdown":"_dropdown_1dm92_408","iconOnly":"_iconOnly_1dm92_411","sm":"_sm_1dm92_419","xs":"_xs_1dm92_437","primary":"_primary_1dm92_461","destructive":"_destructive_1dm92_475","flat":"_flat_1dm92_483","disabled":"_disabled_1dm92_499","hideContent":"_hideContent_1dm92_503","loadingWrapper":"_loadingWrapper_1dm92_506","loader":"_loader_1dm92_517"};
 
 module.exports = buttonStyles;
 //# sourceMappingURL=button.module.scss.cjs.map

package/dist/components/Action/styles/button.module.scss.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.module.scss.cjs","sources":["../../../../src/components/Action/styles/button.module.scss"],"sourcesContent":["@use '../../../theme/scss/text.module.scss' as text;\n\n.base {\n  --outline-width: var(--sizes-xs);\n  --accent-color: var(--colors-neutral-ink-base);\n  --accent-color-dark: var(--colors-secondary-blue-base);\n  --highlight-color: var(--colors-secondary-blue-light);\n  --button-height: var(--sizes-10);\n  --button-inline-padding: var(--sizes-base);\n  --button-radius: var(--sizes-xs);\n  --button-gap: var(--sizes-sm);\n  --button-icon-size: var(--sizes-base);\n  --button-icon-inline-padding: var(--sizes-base);\n  --button-icon-only-width: var(--sizes-10);\n  --loader-size: var(--sizes-base);\n\n  /* Structural styles */\n  position: relative;\n  box-sizing: border-box;\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--button-gap);\n  flex-shrink: 0;\n  border: var(--sizes-line) solid;\n  white-space: nowrap;\n\n  height: var(--button-height);\n  padding-inline: var(--button-inline-padding);\n  border-radius: var(--button-radius);\n\n  @include text.button;\n  /* Default button */\n\n  border-color: var(--colors-neutral-grey-dark);\n  background-color: white;\n  box-shadow: var(--shadows-sm);\n  color: var(--accent-color);\n\n  /* Icon Slot */\n  svg:first-child {\n    width: var(--button-icon-size);\n    height: var(--button-icon-size);\n  }\n\n  /* External Icon */\n  svg:last-child:not(:first-child) {\n    width: var(--sizes-4);\n    height: var(--sizes-4);\n  }\n\n  &:hover {\n    background-color: var(--colors-neutral-grey-lightest);\n    cursor: pointer;\n  }\n\n  &:focus-visible {\n    outline: var(--outline-width) solid var(--highlight-color);\n  }\n\n  &:active {\n    background-color: var(--colors-neutral-grey-lightest);\n    border-color: var(--accent-color-dark);\n    outline: var(--outline-width) solid var(--highlight-color);\n  }\n\n  &.icon {\n    padding-left: var(--button-icon-inline-padding);\n  }\n\n  &.dropdown {\n    padding-right: var(--button-icon-inline-padding);\n  }\n\n  &.iconOnly {\n    --button-icon-size: var(--sizes-5);\n    --accent-color: var(--colors-secondary-blue-base);\n    --loader-size: var(--sizes-5);\n\n    height: var(--button-icon-only-width);\n    width: var(--button-icon-only-width);\n    padding-inline: var(--sizes-2);\n  }\n\n  &.sm-size {\n    --outline-width: var(--sizes-xs);\n    --button-height: var(--sizes-lg);\n    --button-inline-padding: var(--sizes-3);\n    --button-radius: var(--sizes-xs);\n    --button-icon-size: var(--sizes-base);\n    --button-icon-inline-padding: var(--sizes-sm);\n    --button-icon-only-width: var(--sizes-8);\n\n    @include text.button-small;\n\n    color: var(--accent-color);\n  }\n\n  &.xs-size {\n    --outline-width: var(--sizes-xs);\n    --button-height: var(--sizes-md);\n    --button-inline-padding: var(--sizes-3);\n    --button-radius: var(--sizes-xs);\n    --button-gap: var(--sizes-xs);\n    --button-icon-size: var(--sizes-3);\n    --button-icon-inline-padding: var(--sizes-sm);\n    --button-icon-only-width: var(--sizes-md);\n    --loader-size: var(--sizes-3);\n\n    @include text.button-small;\n\n    color: var(--accent-color);\n\n    &.iconOnly svg,\n    &.dropdown svg:last-child {\n      width: var(--button-icon-size);\n      height: var(--button-icon-size);\n    }\n  }\n\n  &.primary-variant {\n    --accent-color: var(--theme-primary, var(--colors-secondary-blue-base));\n    --accent-color-dark: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n    --highlight-color: var(--colors-secondary-blue-light);\n\n    background-color: var(--accent-color);\n    color: var(--theme-on-primary, white);\n    border-color: var(--accent-color);\n\n    &:hover {\n      --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n    }\n\n    &:active {\n      --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n    }\n  }\n\n  &.destructive-variant {\n    --accent-color: var(--colors-secondary-red-base);\n    --accent-color-dark: var(--colors-secondary-red-base);\n    --highlight-color: var(--colors-secondary-red-light);\n\n    &:hover {\n      --accent-color: var(--colors-secondary-red-dark);\n    }\n  }\n\n  &.flat-variant {\n    border-color: transparent;\n    box-shadow: none;\n    color: var(--colors-neutral-ink-base);\n    background-color: unset;\n\n    &:hover {\n      background-color: var(--colors-neutral-grey-lightest);\n    }\n\n    &:active {\n      background-color: var(--colors-neutral-grey-lightest);\n      outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n    }\n\n    &:focus-visible {\n      outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n    }\n\n    &.disabled {\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n    box-shadow: none;\n    background-color: var(--colors-neutral-grey-base);\n    color: var(--colors-neutral-ink-light);\n    border: none;\n  }\n\n}\n\n.content {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--button-gap, var(--sizes-sm));\n  flex-wrap: nowrap;\n}\n\n.hideContent {\n  visibility: hidden;\n}\n\n.loadingWrapper {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n// Inherits --loader-size from parent .base element via CSS custom property cascade\n.loader {\n  aspect-ratio: 1;\n  width: var(--loader-size);\n  height: var(--loader-size);\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,8ypBAAA;AACA,mBAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,mBAAA,CAAA,6BAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,uBAAA,CAAA,kCAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,wBAAA,CAAA,mCAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,eAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,qBAAA,CAAA,gCAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,QAAA,CAAA,mBAAA;;;;"}
+{"version":3,"file":"button.module.scss.cjs","sources":["../../../../src/components/Action/styles/button.module.scss"],"sourcesContent":["@use '../../../theme/scss/text.module.scss' as text;\n\n.button {\n  --outline-width: var(--sizes-xs);\n  --accent-color: var(--colors-neutral-ink-base);\n  --accent-color-dark: var(--colors-secondary-blue-base);\n  --highlight-color: var(--colors-secondary-blue-light);\n  --button-height: var(--sizes-10);\n  --button-inline-padding: var(--sizes-base);\n  --button-radius: var(--sizes-xs);\n  --button-gap: var(--sizes-sm);\n  --button-icon-size: var(--sizes-base);\n  --button-icon-inline-padding: var(--sizes-base);\n  --button-icon-only-width: var(--sizes-10);\n  --loader-size: var(--sizes-base);\n\n  /* Structural styles */\n  position: relative;\n  box-sizing: border-box;\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--button-gap);\n  flex-shrink: 0;\n  border: var(--sizes-line) solid;\n  white-space: nowrap;\n\n  height: var(--button-height);\n  padding-inline: var(--button-inline-padding);\n  border-radius: var(--button-radius);\n\n  @include text.button;\n  /* Default button */\n\n  border-color: var(--colors-neutral-grey-dark);\n  background-color: white;\n  box-shadow: var(--shadows-sm);\n  color: var(--accent-color);\n\n  /* Icon Slot */\n  svg:first-child {\n    width: var(--button-icon-size);\n    height: var(--button-icon-size);\n  }\n\n  /* External Icon */\n  svg:last-child:not(:first-child) {\n    width: var(--sizes-4);\n    height: var(--sizes-4);\n  }\n\n  &:hover {\n    background-color: var(--colors-neutral-grey-lightest);\n    cursor: pointer;\n  }\n\n  &:focus-visible {\n    outline: var(--outline-width) solid var(--highlight-color);\n  }\n\n  &:active {\n    background-color: var(--colors-neutral-grey-lightest);\n    border-color: var(--accent-color-dark);\n    outline: var(--outline-width) solid var(--highlight-color);\n  }\n\n  &.icon {\n    padding-left: var(--button-icon-inline-padding);\n  }\n\n  &.dropdown {\n    padding-right: var(--button-icon-inline-padding);\n  }\n\n  &.iconOnly {\n    --button-icon-size: var(--sizes-5);\n    --accent-color: var(--colors-secondary-blue-base);\n    --loader-size: var(--sizes-5);\n\n    height: var(--button-icon-only-width);\n    width: var(--button-icon-only-width);\n    padding-inline: var(--sizes-2);\n  }\n\n  &.sm {\n    --outline-width: var(--sizes-xs);\n    --button-height: var(--sizes-lg);\n    --button-inline-padding: var(--sizes-3);\n    --button-radius: var(--sizes-xs);\n    --button-icon-size: var(--sizes-base);\n    --button-icon-inline-padding: var(--sizes-sm);\n    --button-icon-only-width: var(--sizes-8);\n\n    @include text.button-small;\n\n    color: var(--accent-color);\n  }\n\n  &.xs {\n    --outline-width: var(--sizes-xs);\n    --button-height: var(--sizes-md);\n    --button-inline-padding: var(--sizes-3);\n    --button-radius: var(--sizes-xs);\n    --button-gap: var(--sizes-xs);\n    --button-icon-size: var(--sizes-3);\n    --button-icon-inline-padding: var(--sizes-sm);\n    --button-icon-only-width: var(--sizes-md);\n    --loader-size: var(--sizes-3);\n\n    @include text.button-small;\n\n    color: var(--accent-color);\n\n    &.iconOnly svg,\n    &.dropdown svg:last-child {\n      width: var(--button-icon-size);\n      height: var(--button-icon-size);\n    }\n  }\n\n  &.primary {\n    --accent-color: var(--theme-primary, var(--colors-secondary-blue-base));\n    --accent-color-dark: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n    --highlight-color: var(--colors-secondary-blue-light);\n\n    background-color: var(--accent-color);\n    color: var(--theme-on-primary, white);\n    border-color: var(--accent-color);\n\n    &:hover {\n      --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n    }\n\n    &:active {\n      --accent-color: var(--theme-primary-hover, var(--colors-secondary-blue-dark));\n    }\n  }\n\n  &.destructive {\n    --accent-color: var(--colors-secondary-red-base);\n    --accent-color-dark: var(--colors-secondary-red-base);\n    --highlight-color: var(--colors-secondary-red-light);\n\n    &:hover {\n      --accent-color: var(--colors-secondary-red-dark);\n    }\n  }\n\n  &.flat {\n    border-color: transparent;\n    box-shadow: none;\n    color: var(--colors-neutral-ink-base);\n    background-color: unset;\n\n    &:hover {\n      background-color: var(--colors-neutral-grey-lightest);\n    }\n\n    &:active {\n      background-color: var(--colors-neutral-grey-lightest);\n      outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n    }\n\n    &:focus-visible {\n      outline: var(--outline-width) solid var(--colors-secondary-blue-light);\n    }\n\n    &.disabled {\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  .hideContent {\n    opacity: 0;\n  }\n\n  .loadingWrapper {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-left: 0;\n    > .loader {\n      aspect-ratio: 1;\n      width: var(--loader-size);\n      height: var(--loader-size);\n    }\n  }\n}\n\n.button:disabled {\n  cursor: not-allowed;\n  box-shadow: none;\n  background-color: var(--colors-neutral-grey-base);\n  color: var(--colors-neutral-ink-light);\n  border: none;\n}\n"],"names":[],"mappings":";;;;AAGE,eAAA,CAAA,6rpBAAA;AACA,mBAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,mBAAA,CAAA,6BAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,uBAAA,CAAA,kCAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,iBAAA,CAAA,4BAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,cAAA,CAAA,yBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,mBAAA,CAAA,8BAAA,CAAA,kBAAA,CAAA,6BAAA,CAAA,wBAAA,CAAA,mCAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,eAAA,CAAA,0BAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,IAAA,CAAA,eAAA,CAAA,IAAA,CAAA,eAAA,CAAA,SAAA,CAAA,oBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,iBAAA,CAAA,UAAA,CAAA,qBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,QAAA,CAAA,mBAAA;;;;"}