@veeqo/ui 14.10.2 → 14.10.3-beta-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/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../../../../Grid/index.cjs');
+var Grid = require('../../../../../Grid/Grid.cjs');
 var styled = require('./styled.cjs');
 var utils = require('./utils.cjs');
 
@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-const DodecadeCalendar = ({ currentYear, onFocusYear }) => (React__default.default.createElement(index.Grid, { columns: 3, spacing: "sm", role: "grid" }, utils.getYearsAround(currentYear).map((year) => (React__default.default.createElement(styled.SubCalendarOption, { key: `year-option-${year}`, "aria-label": `Go to ${year}`, onClick: onFocusYear(year) }, year)))));
+const DodecadeCalendar = ({ currentYear, onFocusYear }) => (React__default.default.createElement(Grid.Grid, { columns: 3, spacing: "sm", role: "grid" }, utils.getYearsAround(currentYear).map((year) => (React__default.default.createElement(styled.SubCalendarOption, { key: `year-option-${year}`, "aria-label": `Go to ${year}`, onClick: onFocusYear(year) }, year)))));
 
 exports.DodecadeCalendar = DodecadeCalendar;
 //# sourceMappingURL=DodecadeCalendar.cjs.map

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DodecadeCalendar.cjs","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '../../../../../Grid';\nimport { SubCalendarOption } from './styled';\nimport { getYearsAround } from './utils';\n\ntype DodecadeCalendarProps = {\n  currentYear: number;\n  onFocusYear: (year: number) => () => void;\n};\n\nexport const DodecadeCalendar = ({ currentYear, onFocusYear }: DodecadeCalendarProps) => (\n  <Grid columns={3} spacing=\"sm\" role=\"grid\">\n    {getYearsAround(currentYear).map((year) => (\n      <SubCalendarOption\n        key={`year-option-${year}`}\n        aria-label={`Go to ${year}`}\n        onClick={onFocusYear(year)}\n      >\n        {year}\n      </SubCalendarOption>\n    ))}\n  </Grid>\n);\n"],"names":["React","Grid","getYearsAround","SubCalendarOption"],"mappings":";;;;;;;;;;;AAUO,MAAM,gBAAgB,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,EAAyB,MAClFA,sBAAA,CAAA,aAAA,CAACC,UAAI,EAAA,EAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAA,EACvCC,oBAAc,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,MACpCF,sBAAA,CAAA,aAAA,CAACG,wBAAiB,EAAA,EAChB,GAAG,EAAE,CAAA,YAAA,EAAe,IAAI,EAAE,EAAA,YAAA,EACd,CAAA,MAAA,EAAS,IAAI,CAAA,CAAE,EAC3B,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,EAAA,EAEzB,IAAI,CACa,CACrB,CAAC,CACG;;;;"}
+{"version":3,"file":"DodecadeCalendar.cjs","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '../../../../../Grid';\nimport { SubCalendarOption } from './styled';\nimport { getYearsAround } from './utils';\n\ntype DodecadeCalendarProps = {\n  currentYear: number;\n  onFocusYear: (year: number) => () => void;\n};\n\nexport const DodecadeCalendar = ({ currentYear, onFocusYear }: DodecadeCalendarProps) => (\n  <Grid columns={3} spacing=\"sm\" role=\"grid\">\n    {getYearsAround(currentYear).map((year) => (\n      <SubCalendarOption\n        key={`year-option-${year}`}\n        aria-label={`Go to ${year}`}\n        onClick={onFocusYear(year)}\n      >\n        {year}\n      </SubCalendarOption>\n    ))}\n  </Grid>\n);\n"],"names":["React","Grid","getYearsAround","SubCalendarOption"],"mappings":";;;;;;;;;;;AAUO,MAAM,gBAAgB,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,EAAyB,MAClFA,sBAAA,CAAA,aAAA,CAACC,SAAI,EAAA,EAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAA,EACvCC,oBAAc,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,MACpCF,sBAAA,CAAA,aAAA,CAACG,wBAAiB,EAAA,EAChB,GAAG,EAAE,CAAA,YAAA,EAAe,IAAI,EAAE,EAAA,YAAA,EACd,CAAA,MAAA,EAAS,IAAI,CAAA,CAAE,EAC3B,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,EAAA,EAEzB,IAAI,CACa,CACrB,CAAC,CACG;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { Grid } from '../../../../../Grid/index.js';
+import { Grid } from '../../../../../Grid/Grid.js';
 import { SubCalendarOption } from './styled.js';
 import { getYearsAround } from './utils.js';
 

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../../../../Grid/index.cjs');
+var Grid = require('../../../../../Grid/Grid.cjs');
 var styled = require('./styled.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 const MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
 const YearCalendar = ({ onFocusMonth }) => {
-    return (React__default.default.createElement(index.Grid, { columns: 3, spacing: "sm", role: "grid" }, MONTHS.map((month, monthIndex) => (React__default.default.createElement(styled.SubCalendarOption, { key: `month-option-${month}`, "aria-label": `Go to ${month}`, onClick: onFocusMonth(monthIndex) }, month)))));
+    return (React__default.default.createElement(Grid.Grid, { columns: 3, spacing: "sm", role: "grid" }, MONTHS.map((month, monthIndex) => (React__default.default.createElement(styled.SubCalendarOption, { key: `month-option-${month}`, "aria-label": `Go to ${month}`, onClick: onFocusMonth(monthIndex) }, month)))));
 };
 
 exports.YearCalendar = YearCalendar;

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"YearCalendar.cjs","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '../../../../../Grid';\nimport { SubCalendarOption } from './styled';\n\ntype MonthCalendarProps = {\n  onFocusMonth: (monthIndex: number) => () => void;\n};\n\nconst MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n\nexport const YearCalendar = ({ onFocusMonth }: MonthCalendarProps) => {\n  return (\n    <Grid columns={3} spacing=\"sm\" role=\"grid\">\n      {MONTHS.map((month, monthIndex) => (\n        <SubCalendarOption\n          key={`month-option-${month}`}\n          aria-label={`Go to ${month}`}\n          onClick={onFocusMonth(monthIndex)}\n        >\n          {month}\n        </SubCalendarOption>\n      ))}\n    </Grid>\n  );\n};\n"],"names":["React","Grid","SubCalendarOption"],"mappings":";;;;;;;;;;AAQA,MAAM,MAAM,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;MAEtF,YAAY,GAAG,CAAC,EAAE,YAAY,EAAsB,KAAI;IACnE,QACEA,sBAAA,CAAA,aAAA,CAACC,UAAI,EAAA,EAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAA,EACvC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,MAC5BD,sBAAA,CAAA,aAAA,CAACE,wBAAiB,EAAA,EAChB,GAAG,EAAE,CAAA,aAAA,EAAgB,KAAK,CAAA,CAAE,EAAA,YAAA,EAChB,CAAA,MAAA,EAAS,KAAK,CAAA,CAAE,EAC5B,OAAO,EAAE,YAAY,CAAC,UAAU,CAAC,EAAA,EAEhC,KAAK,CACY,CACrB,CAAC,CACG;AAEX;;;;"}
+{"version":3,"file":"YearCalendar.cjs","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '../../../../../Grid';\nimport { SubCalendarOption } from './styled';\n\ntype MonthCalendarProps = {\n  onFocusMonth: (monthIndex: number) => () => void;\n};\n\nconst MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n\nexport const YearCalendar = ({ onFocusMonth }: MonthCalendarProps) => {\n  return (\n    <Grid columns={3} spacing=\"sm\" role=\"grid\">\n      {MONTHS.map((month, monthIndex) => (\n        <SubCalendarOption\n          key={`month-option-${month}`}\n          aria-label={`Go to ${month}`}\n          onClick={onFocusMonth(monthIndex)}\n        >\n          {month}\n        </SubCalendarOption>\n      ))}\n    </Grid>\n  );\n};\n"],"names":["React","Grid","SubCalendarOption"],"mappings":";;;;;;;;;;AAQA,MAAM,MAAM,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;MAEtF,YAAY,GAAG,CAAC,EAAE,YAAY,EAAsB,KAAI;IACnE,QACEA,sBAAA,CAAA,aAAA,CAACC,SAAI,EAAA,EAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAA,EACvC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,MAC5BD,sBAAA,CAAA,aAAA,CAACE,wBAAiB,EAAA,EAChB,GAAG,EAAE,CAAA,aAAA,EAAgB,KAAK,CAAA,CAAE,EAAA,YAAA,EAChB,CAAA,MAAA,EAAS,KAAK,CAAA,CAAE,EAC5B,OAAO,EAAE,YAAY,CAAC,UAAU,CAAC,EAAA,EAEhC,KAAK,CACY,CACrB,CAAC,CACG;AAEX;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { Grid } from '../../../../../Grid/index.js';
+import { Grid } from '../../../../../Grid/Grid.js';
 import { SubCalendarOption } from './styled.js';
 
 const MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];

package/dist/components/Card/Card.cjs

@@ -1,8 +1,11 @@
 'use strict';
 
 var React = require('react');
+var framerMotion = require('framer-motion');
 var CardHeader = require('../CardHeader/CardHeader.cjs');
-var styled = require('./styled.cjs');
+var buildClassnames = require('../../utils/buildClassnames.cjs');
+require('uid/secure');
+var Card_module = require('./Card.module.scss.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -12,6 +15,30 @@ const collapseAnimationVariants = {
     expanded: { height: 'auto' },
     collapsed: { height: 0 },
 };
+/**
+ * Stable class used for styled-components selector interpolation.
+ * Consumers (e.g. Modal) use `& > ${Card.Surface}` in template literals,
+ * which calls `.toString()` and expects a CSS class selector.
+ */
+const SURFACE_STABLE_CLASS = 'veeqo-card-surface';
+const Surface = React__default.default.forwardRef(({ elevation = 1, accent, className, children, ...rest }, ref) => (React__default.default.createElement("div", { ref: ref, className: buildClassnames.buildClassnames([
+        SURFACE_STABLE_CLASS,
+        Card_module.surface,
+        Card_module[`elevation-${elevation}`],
+        accent ? Card_module[`accent-${accent}`] : undefined,
+        className,
+    ]), ...rest }, children)));
+Surface.displayName = 'Card.Surface';
+Surface.toString = () => `.${SURFACE_STABLE_CLASS}`;
+const Section = React__default.default.forwardRef(({ className, ...rest }, ref) => (React__default.default.createElement("section", { ref: ref, className: buildClassnames.buildClassnames([Card_module.section, className]), ...rest })));
+Section.displayName = 'Card.Section';
+const FullBleed = React__default.default.forwardRef(({ className, ...rest }, ref) => (React__default.default.createElement("div", { ref: ref, className: buildClassnames.buildClassnames([Card_module.fullBleed, className]), ...rest })));
+FullBleed.displayName = 'Card.FullBleed';
+const FOOTER_STABLE_CLASS = 'veeqo-card-footer';
+const Footer = React__default.default.forwardRef(({ className, ...rest }, ref) => (React__default.default.createElement("footer", { ref: ref, className: buildClassnames.buildClassnames([FOOTER_STABLE_CLASS, Card_module.footer, className]), ...rest })));
+Footer.displayName = 'Card.Footer';
+Footer.toString = () => `.${FOOTER_STABLE_CLASS}`;
+/* --- Main Card component --- */
 const Card = ({ className, style, title, subtitle, headerTitleSlot, headerActionSlot, action, collapsable, elevation, accent, children, onClose, renderFooter, }) => {
     const [isCollapsed, setIsCollapsed] = React.useState(false);
     const toggleCollapsed = () => {
@@ -20,18 +47,18 @@ const Card = ({ className, style, title, subtitle, headerTitleSlot, headerAction
     const showHeader = title || headerTitleSlot !== undefined;
     const headerMarkup = showHeader && (React__default.default.createElement(CardHeader.CardHeader, { title: title, subtitle: subtitle, titleSlot: headerTitleSlot, actionSlot: headerActionSlot, action: action, onClickClose: onClose, isCollapsed: isCollapsed, onClickCollapse: collapsable ? toggleCollapsed : undefined }));
     const showBody = (collapsable && !isCollapsed) || !collapsable;
-    const bodyMarkup = (React__default.default.createElement(styled.Body, { animate: showBody ? 'expanded' : 'collapsed', variants: collapseAnimationVariants, transition: { duration: 0.3, ease: 'easeOut' } },
-        React__default.default.createElement(styled.Section, null, children)));
-    const footerMarkup = renderFooter !== undefined && React__default.default.createElement(styled.Footer, null, renderFooter());
-    return (React__default.default.createElement(styled.Surface, { className: className, style: style, elevation: elevation, accent: accent },
+    const bodyMarkup = (React__default.default.createElement(framerMotion.motion.div, { className: Card_module.body, animate: showBody ? 'expanded' : 'collapsed', variants: collapseAnimationVariants, transition: { duration: 0.3, ease: 'easeOut' } },
+        React__default.default.createElement(Section, null, children)));
+    const footerMarkup = renderFooter !== undefined && React__default.default.createElement(Footer, null, renderFooter());
+    return (React__default.default.createElement(Surface, { className: className, style: style, elevation: elevation, accent: accent },
         headerMarkup,
         bodyMarkup,
         footerMarkup));
 };
-Card.Surface = styled.Surface;
-Card.Section = styled.Section;
-Card.FullBleed = styled.FullBleed;
-Card.Footer = styled.Footer;
+Card.Surface = Surface;
+Card.Section = Section;
+Card.FullBleed = FullBleed;
+Card.Footer = Footer;
 
 exports.Card = Card;
 //# sourceMappingURL=Card.cjs.map