@dnanpm/ui-components 0.6.0 → 0.8.0

package/dist/components/Pictograph/PictographItem.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
 const PictographItem_module = require("./PictographItem.module.css.cjs");
 const cn = require("../../utils/cn/cn.cjs");
 const PictographItem = ({
@@ -10,10 +11,20 @@ const PictographItem = ({
   ref,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("li", { ref, className: cn.cn(PictographItem_module["pictograph-item"], className), ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: PictographItem_module["pictograph-item__icon"], "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: PictographItem_module["pictograph-item__text"], children })
-  ] });
+  const isShortText = react.Children.count(children) === 1 && (typeof children === "string" || react.isValidElement(children) && children.type === "p");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "li",
+    {
+      ref,
+      className: cn.cn(PictographItem_module["pictograph-item"], className),
+      ...props,
+      "data-pictograph-content": isShortText ? "short" : "long",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: PictographItem_module["pictograph-item__icon"], "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: PictographItem_module["pictograph-item__text"], children })
+      ]
+    }
+  );
 };
 exports.PictographItem = PictographItem;
 //# sourceMappingURL=PictographItem.cjs.map

package/dist/components/Pictograph/PictographItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PictographItem.cjs","sources":["../../../src/components/Pictograph/PictographItem.tsx"],"sourcesContent":["import { cn } from '../../utils/cn';\nimport styles from './PictographItem.module.css';\nimport type { PictographItemProps } from './Pictograph.types';\n\nexport const PictographItem = ({\n    icon,\n    children,\n    className,\n    ref,\n    ...props\n}: PictographItemProps) => {\n    return (\n        <li ref={ref} className={cn(styles['pictograph-item'], className)} {...props}>\n            <span className={styles['pictograph-item__icon']} aria-hidden=\"true\">\n                {icon}\n            </span>\n            <div className={styles['pictograph-item__text']}>{children}</div>\n        </li>\n    );\n};\n"],"names":["jsxs","cn","styles","jsx"],"mappings":";;;;;AAIO,MAAM,iBAAiB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAA2B;AACvB,SACIA,2BAAAA,KAAC,MAAA,EAAG,KAAU,WAAWC,GAAAA,GAAGC,sBAAO,iBAAiB,GAAG,SAAS,GAAI,GAAG,OACnE,UAAA;AAAA,IAAAC,2BAAAA,IAAC,UAAK,WAAWD,sBAAO,uBAAuB,GAAG,eAAY,QACzD,UAAA,MACL;AAAA,mCACC,OAAA,EAAI,WAAWA,sBAAO,uBAAuB,GAAI,SAAA,CAAS;AAAA,EAAA,GAC/D;AAER;;"}
+{"version":3,"file":"PictographItem.cjs","sources":["../../../src/components/Pictograph/PictographItem.tsx"],"sourcesContent":["import { Children, isValidElement } from 'react';\nimport { cn } from '../../utils/cn';\nimport styles from './PictographItem.module.css';\nimport type { PictographItemProps } from './Pictograph.types';\n\nexport const PictographItem = ({\n    icon,\n    children,\n    className,\n    ref,\n    ...props\n}: PictographItemProps) => {\n    const isShortText =\n        Children.count(children) === 1 &&\n        (typeof children === 'string' || (isValidElement(children) && children.type === 'p'));\n\n    return (\n        <li\n            ref={ref}\n            className={cn(styles['pictograph-item'], className)}\n            {...props}\n            data-pictograph-content={isShortText ? 'short' : 'long'}\n        >\n            <span className={styles['pictograph-item__icon']} aria-hidden=\"true\">\n                {icon}\n            </span>\n            <div className={styles['pictograph-item__text']}>{children}</div>\n        </li>\n    );\n};\n"],"names":["Children","isValidElement","jsxs","cn","styles","jsx"],"mappings":";;;;;;AAKO,MAAM,iBAAiB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAA2B;AACvB,QAAM,cACFA,MAAAA,SAAS,MAAM,QAAQ,MAAM,MAC5B,OAAO,aAAa,YAAaC,MAAAA,eAAe,QAAQ,KAAK,SAAS,SAAS;AAEpF,SACIC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAWC,GAAAA,GAAGC,sBAAO,iBAAiB,GAAG,SAAS;AAAA,MACjD,GAAG;AAAA,MACJ,2BAAyB,cAAc,UAAU;AAAA,MAEjD,UAAA;AAAA,QAAAC,2BAAAA,IAAC,UAAK,WAAWD,sBAAO,uBAAuB,GAAG,eAAY,QACzD,UAAA,MACL;AAAA,uCACC,OAAA,EAAI,WAAWA,sBAAO,uBAAuB,GAAI,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvE;;"}

package/dist/components/Pictograph/PictographItem.css

@@ -6,25 +6,25 @@
  * for direction, alignment, icon sizing, and gap.
  */
 
-._pictograph-item_1udd7_9 {
+._pictograph-item_1jsnm_9 {
     display: flex;
-    flex-direction: var(--pictograph-direction);
-    align-items: var(--pictograph-align);
-    gap: var(--pictograph-item-gap);
+    flex-direction: var(--_pictograph-direction);
+    align-items: var(--_pictograph-align);
+    gap: var(--_pictograph-item-gap);
     margin: 0;
 }
 
-._pictograph-item__icon_1udd7_17 {
+._pictograph-item__icon_1jsnm_17 {
     flex: 0 0 auto;
     display: flex;
     align-items: center;
     justify-content: center;
-    color: var(--pictograph-icon-color);
-    width: var(--pictograph-icon-size);
-    height: var(--pictograph-icon-size);
+    color: var(--_pictograph-icon-color);
+    width: var(--_pictograph-icon-size);
+    height: var(--_pictograph-icon-size);
 }
 
-._pictograph-item__icon_1udd7_17 svg {
+._pictograph-item__icon_1jsnm_17 svg {
     fill: currentColor;
     width: 100%;
     height: 100%;
@@ -32,32 +32,35 @@
     max-height: none;
 }
 
-._pictograph-item__text_1udd7_35 {
+._pictograph-item__text_1jsnm_35 {
     display: flex;
     flex-direction: column;
-    gap: 10px;
-    text-align: var(--pictograph-text-align);
+    gap: var(--spacing-space-12);
+    text-align: var(--_pictograph-text-align);
     text-wrap: balance;
-    color: var(--pictograph-text-color);
+    color: var(--_pictograph-text-color);
 }
 
-._pictograph-item__text_1udd7_35 > *:not(dialog) {
+._pictograph-item__text_1jsnm_35 > *:not(dialog) {
     margin-top: 0;
     margin-bottom: 0;
 }
 
-/* Single paragraph gets larger font */
-._pictograph-item__text_1udd7_35 > p:only-child {
+/* Short content uses the larger body style */
+._pictograph-item_1jsnm_9[data-pictograph-content='short'] ._pictograph-item__text_1jsnm_35 {
     font: var(--typography-body-lg);
-    margin-bottom: 0;
 }
 
 /* Headings inside text area */
-._pictograph-item__text_1udd7_35 h1,
-._pictograph-item__text_1udd7_35 h2,
-._pictograph-item__text_1udd7_35 h3,
-._pictograph-item__text_1udd7_35 h4,
-._pictograph-item__text_1udd7_35 h5 {
-    font: var(--typography-heading-xs);
+._pictograph-item__text_1jsnm_35 h1,
+._pictograph-item__text_1jsnm_35 h2,
+._pictograph-item__text_1jsnm_35 h3,
+._pictograph-item__text_1jsnm_35 h4,
+._pictograph-item__text_1jsnm_35 h5 {
+    font: var(--_pictograph-heading-font);
+}
+
+._pictograph-item_1jsnm_9[data-pictograph-content='long'] ._pictograph-item__text_1jsnm_35 > p {
+    font: var(--_pictograph-long-body-font);
 }
 }

package/dist/components/Pictograph/PictographItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PictographItem.d.ts","sourceRoot":"","sources":["../../../src/components/Pictograph/PictographItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,eAAO,MAAM,cAAc,GAAI,8CAM5B,mBAAmB,4CASrB,CAAC"}
+{"version":3,"file":"PictographItem.d.ts","sourceRoot":"","sources":["../../../src/components/Pictograph/PictographItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,eAAO,MAAM,cAAc,GAAI,8CAM5B,mBAAmB,4CAkBrB,CAAC"}

package/dist/components/Pictograph/PictographItem.js

@@ -1,4 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { Children, isValidElement } from "react";
 import styles from "./PictographItem.module.css.js";
 import { cn } from "../../utils/cn/cn.js";
 const PictographItem = ({
@@ -8,10 +9,20 @@ const PictographItem = ({
   ref,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs("li", { ref, className: cn(styles["pictograph-item"], className), ...props, children: [
-    /* @__PURE__ */ jsx("span", { className: styles["pictograph-item__icon"], "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ jsx("div", { className: styles["pictograph-item__text"], children })
-  ] });
+  const isShortText = Children.count(children) === 1 && (typeof children === "string" || isValidElement(children) && children.type === "p");
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      ref,
+      className: cn(styles["pictograph-item"], className),
+      ...props,
+      "data-pictograph-content": isShortText ? "short" : "long",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: styles["pictograph-item__icon"], "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ jsx("div", { className: styles["pictograph-item__text"], children })
+      ]
+    }
+  );
 };
 export {
   PictographItem

package/dist/components/Pictograph/PictographItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"PictographItem.js","sources":["../../../src/components/Pictograph/PictographItem.tsx"],"sourcesContent":["import { cn } from '../../utils/cn';\nimport styles from './PictographItem.module.css';\nimport type { PictographItemProps } from './Pictograph.types';\n\nexport const PictographItem = ({\n    icon,\n    children,\n    className,\n    ref,\n    ...props\n}: PictographItemProps) => {\n    return (\n        <li ref={ref} className={cn(styles['pictograph-item'], className)} {...props}>\n            <span className={styles['pictograph-item__icon']} aria-hidden=\"true\">\n                {icon}\n            </span>\n            <div className={styles['pictograph-item__text']}>{children}</div>\n        </li>\n    );\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,iBAAiB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAA2B;AACvB,SACI,qBAAC,MAAA,EAAG,KAAU,WAAW,GAAG,OAAO,iBAAiB,GAAG,SAAS,GAAI,GAAG,OACnE,UAAA;AAAA,IAAA,oBAAC,UAAK,WAAW,OAAO,uBAAuB,GAAG,eAAY,QACzD,UAAA,MACL;AAAA,wBACC,OAAA,EAAI,WAAW,OAAO,uBAAuB,GAAI,SAAA,CAAS;AAAA,EAAA,GAC/D;AAER;"}
+{"version":3,"file":"PictographItem.js","sources":["../../../src/components/Pictograph/PictographItem.tsx"],"sourcesContent":["import { Children, isValidElement } from 'react';\nimport { cn } from '../../utils/cn';\nimport styles from './PictographItem.module.css';\nimport type { PictographItemProps } from './Pictograph.types';\n\nexport const PictographItem = ({\n    icon,\n    children,\n    className,\n    ref,\n    ...props\n}: PictographItemProps) => {\n    const isShortText =\n        Children.count(children) === 1 &&\n        (typeof children === 'string' || (isValidElement(children) && children.type === 'p'));\n\n    return (\n        <li\n            ref={ref}\n            className={cn(styles['pictograph-item'], className)}\n            {...props}\n            data-pictograph-content={isShortText ? 'short' : 'long'}\n        >\n            <span className={styles['pictograph-item__icon']} aria-hidden=\"true\">\n                {icon}\n            </span>\n            <div className={styles['pictograph-item__text']}>{children}</div>\n        </li>\n    );\n};\n"],"names":[],"mappings":";;;;AAKO,MAAM,iBAAiB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAA2B;AACvB,QAAM,cACF,SAAS,MAAM,QAAQ,MAAM,MAC5B,OAAO,aAAa,YAAa,eAAe,QAAQ,KAAK,SAAS,SAAS;AAEpF,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAW,GAAG,OAAO,iBAAiB,GAAG,SAAS;AAAA,MACjD,GAAG;AAAA,MACJ,2BAAyB,cAAc,UAAU;AAAA,MAEjD,UAAA;AAAA,QAAA,oBAAC,UAAK,WAAW,OAAO,uBAAuB,GAAG,eAAY,QACzD,UAAA,MACL;AAAA,4BACC,OAAA,EAAI,WAAW,OAAO,uBAAuB,GAAI,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvE;"}

package/dist/components/Pictograph/PictographItem.module.css.cjs

@@ -1,9 +1,9 @@
 require('./PictographItem.css');
 "use strict";
 const styles = {
-  "pictograph-item": "_pictograph-item_1udd7_9",
-  "pictograph-item__icon": "_pictograph-item__icon_1udd7_17",
-  "pictograph-item__text": "_pictograph-item__text_1udd7_35"
+  "pictograph-item": "_pictograph-item_1jsnm_9",
+  "pictograph-item__icon": "_pictograph-item__icon_1jsnm_17",
+  "pictograph-item__text": "_pictograph-item__text_1jsnm_35"
 };
 module.exports = styles;
 //# sourceMappingURL=PictographItem.module.css.cjs.map

package/dist/components/Pictograph/PictographItem.module.css.js

@@ -1,8 +1,8 @@
 import './PictographItem.css';
 const styles = {
-  "pictograph-item": "_pictograph-item_1udd7_9",
-  "pictograph-item__icon": "_pictograph-item__icon_1udd7_17",
-  "pictograph-item__text": "_pictograph-item__text_1udd7_35"
+  "pictograph-item": "_pictograph-item_1jsnm_9",
+  "pictograph-item__icon": "_pictograph-item__icon_1jsnm_17",
+  "pictograph-item__text": "_pictograph-item__text_1jsnm_35"
 };
 export {
   styles as default

package/dist/components/Quote/Quote.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Quote_module = require("./Quote.module.css.cjs");
+const cn = require("../../utils/cn/cn.cjs");
+const Quote = ({ children, author, className, ref, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("blockquote", { ref, className: cn.cn(Quote_module.default.quote, className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        className: Quote_module.default.quote__mark,
+        viewBox: "0 0 54 42",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M10.4516 20.134C11.9032 15.2105 14.9516 11.011 20.1774 7.53563C21.4839 6.52197 21.9194 5.50832 21.1936 4.34985L18.7258 1.01926C18 0.00560203 17.129 -0.284017 15.9677 0.295217C3.91935 6.81159 0 19.2651 0 25.7815C0 37.2213 6.09678 42 12.4839 42C18.871 42 23.6613 37.0765 23.6613 30.8498C23.6613 24.623 18.2903 18.9755 10.4516 20.134ZM40.7903 20.134C42.2419 15.2105 45.2903 11.011 50.5161 7.53563C51.8226 6.52197 52.2581 5.50832 51.5323 4.34985L49.0645 1.01926C48.3387 0.00560203 47.4678 -0.284017 46.3065 0.295217C34.2581 6.81159 30.3387 19.2651 30.3387 25.7815C30.3387 37.2213 36.4355 42 42.8226 42C49.2097 42 54 37.0765 54 30.8498C54 24.623 48.629 18.9755 40.7903 20.134Z",
+            fill: "currentColor"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Quote_module.default.quote__content, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: Quote_module.default.quote__text, children }),
+      author != null && /* @__PURE__ */ jsxRuntime.jsx("footer", { className: Quote_module.default.quote__author, children: author })
+    ] })
+  ] });
+};
+exports.Quote = Quote;
+//# sourceMappingURL=Quote.cjs.map

package/dist/components/Quote/Quote.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quote.cjs","sources":["../../../src/components/Quote/Quote.tsx"],"sourcesContent":["import { cn } from '../../utils/cn';\nimport styles from './Quote.module.css';\nimport type { QuoteProps } from './Quote.types';\n\nexport const Quote = ({ children, author, className, ref, ...props }: QuoteProps) => {\n    return (\n        <blockquote ref={ref} className={cn(styles.quote, className)} {...props}>\n            <svg\n                className={styles.quote__mark}\n                viewBox=\"0 0 54 42\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                aria-hidden=\"true\"\n            >\n                <path\n                    d=\"M10.4516 20.134C11.9032 15.2105 14.9516 11.011 20.1774 7.53563C21.4839 6.52197 21.9194 5.50832 21.1936 4.34985L18.7258 1.01926C18 0.00560203 17.129 -0.284017 15.9677 0.295217C3.91935 6.81159 0 19.2651 0 25.7815C0 37.2213 6.09678 42 12.4839 42C18.871 42 23.6613 37.0765 23.6613 30.8498C23.6613 24.623 18.2903 18.9755 10.4516 20.134ZM40.7903 20.134C42.2419 15.2105 45.2903 11.011 50.5161 7.53563C51.8226 6.52197 52.2581 5.50832 51.5323 4.34985L49.0645 1.01926C48.3387 0.00560203 47.4678 -0.284017 46.3065 0.295217C34.2581 6.81159 30.3387 19.2651 30.3387 25.7815C30.3387 37.2213 36.4355 42 42.8226 42C49.2097 42 54 37.0765 54 30.8498C54 24.623 48.629 18.9755 40.7903 20.134Z\"\n                    fill=\"currentColor\"\n                />\n            </svg>\n            <div className={styles.quote__content}>\n                <div className={styles.quote__text}>{children}</div>\n                {author != null && <footer className={styles.quote__author}>{author}</footer>}\n            </div>\n        </blockquote>\n    );\n};\n"],"names":["jsxs","cn","styles","jsx"],"mappings":";;;;;AAIO,MAAM,QAAQ,CAAC,EAAE,UAAU,QAAQ,WAAW,KAAK,GAAG,YAAwB;AACjF,SACIA,gCAAC,cAAA,EAAW,KAAU,WAAWC,GAAAA,GAAGC,aAAAA,QAAO,OAAO,SAAS,GAAI,GAAG,OAC9D,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWD,aAAAA,QAAO;AAAA,QAClB,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,eAAY;AAAA,QAEZ,UAAAC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACG,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEJH,2BAAAA,KAAC,OAAA,EAAI,WAAWE,aAAAA,QAAO,gBACnB,UAAA;AAAA,MAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAWD,aAAAA,QAAO,aAAc,UAAS;AAAA,MAC7C,UAAU,QAAQC,2BAAAA,IAAC,YAAO,WAAWD,qBAAO,eAAgB,UAAA,OAAA,CAAO;AAAA,IAAA,EAAA,CACxE;AAAA,EAAA,GACJ;AAER;;"}

package/dist/components/Quote/Quote.css

@@ -0,0 +1,95 @@
+@layer dds-components {._quote_1dakr_1 {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--spacing-space-20);
+    width: 100%;
+    min-width: 0;
+    margin-block: var(--spacing-space-32);
+    margin-inline: 0;
+    padding: 0;
+    color: var(--color-semantic-foreground-default);
+    container-name: quote;
+    container-type: inline-size;
+}
+
+._quote__mark_1dakr_15 {
+    flex: 0 0 auto;
+    width: 35px;
+    height: 27px;
+    color: var(--color-semantic-foreground-primary-strong);
+    transform: rotate(180deg);
+}
+
+._quote__content_1dakr_23 {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    align-items: flex-end;
+    gap: var(--spacing-space-20);
+    min-width: 0;
+}
+
+._quote__text_1dakr_32 {
+    width: 100%;
+    margin: 0;
+    font: var(--typography-heading-xs);
+    text-wrap: pretty;
+    overflow-wrap: anywhere;
+}
+
+._quote__text_1dakr_32 > *:not(dialog) {
+    margin: 0;
+}
+
+._quote__author_1dakr_44 {
+    width: 100%;
+    margin: 0;
+    font: var(--typography-body-sm);
+    font-style: normal;
+    text-align: right;
+    text-wrap: pretty;
+}
+
+@container quote (min-width: 321px) {
+    ._quote__mark_1dakr_15 {
+        width: 46px;
+        height: 36px;
+    }
+
+    ._quote__text_1dakr_32 {
+        font: var(--typography-heading-sm);
+    }
+
+    ._quote__author_1dakr_44 {
+        font: var(--typography-body-md);
+    }
+}
+
+@container quote (min-width: 641px) {
+    ._quote__mark_1dakr_15 {
+        width: 54px;
+        height: 42px;
+    }
+
+    ._quote__text_1dakr_32 {
+        font: var(--typography-heading-md);
+    }
+
+    ._quote__author_1dakr_44 {
+        font: var(--typography-body-lg);
+    }
+}
+
+@scope ([data-color-scheme='dark']) to ([data-color-scheme='light']) {
+    ._quote_1dakr_1 {
+        color: var(--color-semantic-foreground-inverse);
+    }
+}
+
+@media (forced-colors: active) {
+    ._quote_1dakr_1,
+    ._quote__mark_1dakr_15 {
+        color: CanvasText;
+    }
+}
+}

package/dist/components/Quote/Quote.d.ts

@@ -0,0 +1,3 @@
+import { QuoteProps } from './Quote.types';
+export declare const Quote: ({ children, author, className, ref, ...props }: QuoteProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Quote.d.ts.map

package/dist/components/Quote/Quote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quote.d.ts","sourceRoot":"","sources":["../../../src/components/Quote/Quote.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,KAAK,GAAI,gDAAgD,UAAU,4CAqB/E,CAAC"}

package/dist/components/Quote/Quote.js

@@ -0,0 +1,32 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import styles from "./Quote.module.css.js";
+import { cn } from "../../utils/cn/cn.js";
+const Quote = ({ children, author, className, ref, ...props }) => {
+  return /* @__PURE__ */ jsxs("blockquote", { ref, className: cn(styles.quote, className), ...props, children: [
+    /* @__PURE__ */ jsx(
+      "svg",
+      {
+        className: styles.quote__mark,
+        viewBox: "0 0 54 42",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M10.4516 20.134C11.9032 15.2105 14.9516 11.011 20.1774 7.53563C21.4839 6.52197 21.9194 5.50832 21.1936 4.34985L18.7258 1.01926C18 0.00560203 17.129 -0.284017 15.9677 0.295217C3.91935 6.81159 0 19.2651 0 25.7815C0 37.2213 6.09678 42 12.4839 42C18.871 42 23.6613 37.0765 23.6613 30.8498C23.6613 24.623 18.2903 18.9755 10.4516 20.134ZM40.7903 20.134C42.2419 15.2105 45.2903 11.011 50.5161 7.53563C51.8226 6.52197 52.2581 5.50832 51.5323 4.34985L49.0645 1.01926C48.3387 0.00560203 47.4678 -0.284017 46.3065 0.295217C34.2581 6.81159 30.3387 19.2651 30.3387 25.7815C30.3387 37.2213 36.4355 42 42.8226 42C49.2097 42 54 37.0765 54 30.8498C54 24.623 48.629 18.9755 40.7903 20.134Z",
+            fill: "currentColor"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: styles.quote__content, children: [
+      /* @__PURE__ */ jsx("div", { className: styles.quote__text, children }),
+      author != null && /* @__PURE__ */ jsx("footer", { className: styles.quote__author, children: author })
+    ] })
+  ] });
+};
+export {
+  Quote
+};
+//# sourceMappingURL=Quote.js.map

package/dist/components/Quote/Quote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quote.js","sources":["../../../src/components/Quote/Quote.tsx"],"sourcesContent":["import { cn } from '../../utils/cn';\nimport styles from './Quote.module.css';\nimport type { QuoteProps } from './Quote.types';\n\nexport const Quote = ({ children, author, className, ref, ...props }: QuoteProps) => {\n    return (\n        <blockquote ref={ref} className={cn(styles.quote, className)} {...props}>\n            <svg\n                className={styles.quote__mark}\n                viewBox=\"0 0 54 42\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                aria-hidden=\"true\"\n            >\n                <path\n                    d=\"M10.4516 20.134C11.9032 15.2105 14.9516 11.011 20.1774 7.53563C21.4839 6.52197 21.9194 5.50832 21.1936 4.34985L18.7258 1.01926C18 0.00560203 17.129 -0.284017 15.9677 0.295217C3.91935 6.81159 0 19.2651 0 25.7815C0 37.2213 6.09678 42 12.4839 42C18.871 42 23.6613 37.0765 23.6613 30.8498C23.6613 24.623 18.2903 18.9755 10.4516 20.134ZM40.7903 20.134C42.2419 15.2105 45.2903 11.011 50.5161 7.53563C51.8226 6.52197 52.2581 5.50832 51.5323 4.34985L49.0645 1.01926C48.3387 0.00560203 47.4678 -0.284017 46.3065 0.295217C34.2581 6.81159 30.3387 19.2651 30.3387 25.7815C30.3387 37.2213 36.4355 42 42.8226 42C49.2097 42 54 37.0765 54 30.8498C54 24.623 48.629 18.9755 40.7903 20.134Z\"\n                    fill=\"currentColor\"\n                />\n            </svg>\n            <div className={styles.quote__content}>\n                <div className={styles.quote__text}>{children}</div>\n                {author != null && <footer className={styles.quote__author}>{author}</footer>}\n            </div>\n        </blockquote>\n    );\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,QAAQ,CAAC,EAAE,UAAU,QAAQ,WAAW,KAAK,GAAG,YAAwB;AACjF,SACI,qBAAC,cAAA,EAAW,KAAU,WAAW,GAAG,OAAO,OAAO,SAAS,GAAI,GAAG,OAC9D,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,OAAO;AAAA,QAClB,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,eAAY;AAAA,QAEZ,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEJ,qBAAC,OAAA,EAAI,WAAW,OAAO,gBACnB,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,aAAc,UAAS;AAAA,MAC7C,UAAU,QAAQ,oBAAC,YAAO,WAAW,OAAO,eAAgB,UAAA,OAAA,CAAO;AAAA,IAAA,EAAA,CACxE;AAAA,EAAA,GACJ;AAER;"}

package/dist/components/Quote/Quote.module.css.cjs

@@ -0,0 +1,22 @@
+require('./Quote.css');
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const quote = "_quote_1dakr_1";
+const quote__mark = "_quote__mark_1dakr_15";
+const quote__content = "_quote__content_1dakr_23";
+const quote__text = "_quote__text_1dakr_32";
+const quote__author = "_quote__author_1dakr_44";
+const styles = {
+  quote,
+  quote__mark,
+  quote__content,
+  quote__text,
+  quote__author
+};
+exports.default = styles;
+exports.quote = quote;
+exports.quote__author = quote__author;
+exports.quote__content = quote__content;
+exports.quote__mark = quote__mark;
+exports.quote__text = quote__text;
+//# sourceMappingURL=Quote.module.css.cjs.map

package/dist/components/Quote/Quote.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quote.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Quote/Quote.module.css.js

@@ -0,0 +1,22 @@
+import './Quote.css';
+const quote = "_quote_1dakr_1";
+const quote__mark = "_quote__mark_1dakr_15";
+const quote__content = "_quote__content_1dakr_23";
+const quote__text = "_quote__text_1dakr_32";
+const quote__author = "_quote__author_1dakr_44";
+const styles = {
+  quote,
+  quote__mark,
+  quote__content,
+  quote__text,
+  quote__author
+};
+export {
+  styles as default,
+  quote,
+  quote__author,
+  quote__content,
+  quote__mark,
+  quote__text
+};
+//# sourceMappingURL=Quote.module.css.js.map

package/dist/components/Quote/Quote.module.css.js.map

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

package/dist/components/Quote/Quote.types.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export interface QuoteProps extends Omit<ComponentPropsWithRef<'blockquote'>, 'children'> {
+    /**
+     * Main quote content.
+     */
+    readonly children: ReactNode;
+    /**
+     * Quote attribution shown below the content.
+     */
+    readonly author?: string;
+}
+//# sourceMappingURL=Quote.types.d.ts.map

package/dist/components/Quote/Quote.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quote.types.d.ts","sourceRoot":"","sources":["../../../src/components/Quote/Quote.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,qBAAqB,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC;IACrF;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC5B"}

package/dist/components/Quote/index.d.ts

@@ -0,0 +1,3 @@
+export { Quote } from './Quote';
+export type { QuoteProps } from './Quote.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Quote/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Quote/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.cjs

@@ -5,26 +5,40 @@ const Accordion = require("./components/Accordion/Accordion.cjs");
 const AccordionItem = require("./components/AccordionItem/AccordionItem.cjs");
 const Breadcrumb = require("./components/Breadcrumb/Breadcrumb.cjs");
 const Button = require("./components/Button/Button.cjs");
+const ButtonCard = require("./components/ButtonCard/ButtonCard.cjs");
 const ColorScheme = require("./components/ColorScheme/ColorScheme.cjs");
+const Drawer = require("./components/Drawer/Drawer.cjs");
+const Footer = require("./components/Footer/Footer.cjs");
+const FunctionButton = require("./components/FunctionButton/FunctionButton.cjs");
 const Hero = require("./components/Hero/Hero.cjs");
 const IconButton = require("./components/IconButton/IconButton.cjs");
 const Label = require("./components/Label/Label.cjs");
+const MainNavigation = require("./components/MainNavigation/MainNavigation.cjs");
+const Modal = require("./components/Modal/Modal.cjs");
 const Notification = require("./components/Notification/Notification.cjs");
 const Pictograph = require("./components/Pictograph/Pictograph.cjs");
 const PictographItem = require("./components/Pictograph/PictographItem.cjs");
+const Quote = require("./components/Quote/Quote.cjs");
 const Spinner = require("./components/Spinner/Spinner.cjs");
 const cn = require("./utils/cn/cn.cjs");
 exports.Accordion = Accordion.Accordion;
 exports.AccordionItem = AccordionItem.AccordionItem;
 exports.Breadcrumb = Breadcrumb.Breadcrumb;
 exports.Button = Button.Button;
+exports.ButtonCard = ButtonCard.ButtonCard;
 exports.ColorScheme = ColorScheme.ColorScheme;
+exports.Drawer = Drawer.Drawer;
+exports.Footer = Footer.Footer;
+exports.FunctionButton = FunctionButton.FunctionButton;
 exports.Hero = Hero.Hero;
 exports.IconButton = IconButton.IconButton;
 exports.Label = Label.Label;
+exports.MainNavigation = MainNavigation.MainNavigation;
+exports.Modal = Modal.Modal;
 exports.Notification = Notification.Notification;
 exports.Pictograph = Pictograph.Pictograph;
 exports.PictographItem = PictographItem.PictographItem;
+exports.Quote = Quote.Quote;
 exports.Spinner = Spinner.Spinner;
 exports.cn = cn.cn;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -2,24 +2,38 @@ export { Accordion } from './components/Accordion';
 export { AccordionItem } from './components/AccordionItem';
 export { Breadcrumb } from './components/Breadcrumb';
 export { Button } from './components/Button';
+export { ButtonCard } from './components/ButtonCard';
 export { ColorScheme } from './components/ColorScheme';
+export { Drawer } from './components/Drawer';
+export { Footer } from './components/Footer';
 export { Hero } from './components/Hero';
+export { MainNavigation } from './components/MainNavigation';
 export { Notification } from './components/Notification';
 export { Label } from './components/Label';
+export { Modal } from './components/Modal';
 export { Pictograph, PictographItem } from './components/Pictograph';
+export { Quote } from './components/Quote';
 export { Spinner } from './components/Spinner';
 export { IconButton } from './components/IconButton';
+export { FunctionButton } from './components/FunctionButton';
 export type { AccordionProps } from './components/Accordion';
 export type { AccordionItemProps } from './components/AccordionItem';
 export type { BreadcrumbItem, BreadcrumbLinkProps, BreadcrumbProps } from './components/Breadcrumb';
 export type { ButtonProps, ButtonLinkProps, ButtonVariant, ButtonSize } from './components/Button';
+export type { ButtonCardIcon, ButtonCardLinkProps, ButtonCardProps, ButtonCardSize, } from './components/ButtonCard';
 export type { ColorSchemeProps, ColorSchemeValue } from './components/ColorScheme';
+export type { DrawerHeaderStyle, DrawerProps, DrawerSide, DrawerSize } from './components/Drawer';
+export type { FooterAppLink, FooterAppLinks, FooterLanguage, FooterLink, FooterLinkMeta, FooterLinkProps, FooterMandatoryLink, FooterNavigationGroup, FooterOrganization, FooterProps, FooterRenderLink, FooterSocialLink, FooterSocialPlatform, FooterTopSectionGroup, FooterTopSectionLink, } from './components/Footer';
 export type { HeroProps, HeroHeadingLevel, HeroCommonImageProps, HeroImageComponent, } from './components/Hero';
+export type { MainNavigationItem, MainNavigationLink, MainNavigationOrganizationLink, MainNavigationPanel, MainNavigationProps, MainNavigationSubmenuColumn, } from './components/MainNavigation';
 export type { NotificationProps, NotificationVariant } from './components/Notification';
 export type { LabelProps, LabelVariant } from './components/Label';
+export type { ModalHeaderStyle, ModalProps, ModalSize } from './components/Modal';
 export type { PictographItemProps, PictographProps } from './components/Pictograph';
+export type { QuoteProps } from './components/Quote';
 export type { SpinnerColor, SpinnerProps, SpinnerSize } from './components/Spinner';
 export type { Icon, IconPosition, IconButtonLinkProps, IconButtonProps, IconButtonSize, } from './components/IconButton';
+export type { FunctionButtonIcon, FunctionButtonProps, FunctionButtonSize, FunctionButtonVariant, } from './components/FunctionButton';
 export { cn } from './utils';
 export type { CnDictionary, CnInput } from './utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,YAAY,EAAE,cAAc,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACpG,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACnG,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACnF,YAAY,EACR,SAAS,EACT,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,GACrB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACxF,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACnE,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACpF,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACpF,YAAY,EACR,IAAI,EACJ,YAAY,EACZ,mBAAmB,EACnB,eAAe,EACf,cAAc,GACjB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,YAAY,EAAE,cAAc,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACpG,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACnG,YAAY,EACR,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,cAAc,GACjB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACnF,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAClG,YAAY,EACR,aAAa,EACb,cAAc,EACd,cAAc,EACd,UAAU,EACV,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EAClB,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,GACvB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACR,SAAS,EACT,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,GACrB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACR,kBAAkB,EAClB,kBAAkB,EAClB,8BAA8B,EAC9B,mBAAmB,EACnB,mBAAmB,EACnB,2BAA2B,GAC9B,MAAM,6BAA6B,CAAC;AACrC,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACxF,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACnE,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAClF,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACpF,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACpF,YAAY,EACR,IAAI,EACJ,YAAY,EACZ,mBAAmB,EACnB,eAAe,EACf,cAAc,GACjB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EACR,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,GACxB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -3,13 +3,20 @@ import { Accordion } from "./components/Accordion/Accordion.js";
 import { AccordionItem } from "./components/AccordionItem/AccordionItem.js";
 import { Breadcrumb } from "./components/Breadcrumb/Breadcrumb.js";
 import { Button } from "./components/Button/Button.js";
+import { ButtonCard } from "./components/ButtonCard/ButtonCard.js";
 import { ColorScheme } from "./components/ColorScheme/ColorScheme.js";
+import { Drawer } from "./components/Drawer/Drawer.js";
+import { Footer } from "./components/Footer/Footer.js";
+import { FunctionButton } from "./components/FunctionButton/FunctionButton.js";
 import { Hero } from "./components/Hero/Hero.js";
 import { IconButton } from "./components/IconButton/IconButton.js";
 import { Label } from "./components/Label/Label.js";
+import { MainNavigation } from "./components/MainNavigation/MainNavigation.js";
+import { Modal } from "./components/Modal/Modal.js";
 import { Notification } from "./components/Notification/Notification.js";
 import { Pictograph } from "./components/Pictograph/Pictograph.js";
 import { PictographItem } from "./components/Pictograph/PictographItem.js";
+import { Quote } from "./components/Quote/Quote.js";
 import { Spinner } from "./components/Spinner/Spinner.js";
 import { cn } from "./utils/cn/cn.js";
 export {
@@ -17,13 +24,20 @@ export {
   AccordionItem,
   Breadcrumb,
   Button,
+  ButtonCard,
   ColorScheme,
+  Drawer,
+  Footer,
+  FunctionButton,
   Hero,
   IconButton,
   Label,
+  MainNavigation,
+  Modal,
   Notification,
   Pictograph,
   PictographItem,
+  Quote,
   Spinner,
   cn
 };

package/dist/index.js.map

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

package/dist/styles/utils/elevation.module.css.cjs

@@ -2,12 +2,15 @@ require('./elevation.css');
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const elevationLow = "_elevationLow_dspr0_1";
+const elevationMedium = "_elevationMedium_dspr0_8";
 const elevationHigh = "_elevationHigh_dspr0_16";
 const elevationStyles = {
   elevationLow,
+  elevationMedium,
   elevationHigh
 };
 exports.default = elevationStyles;
 exports.elevationHigh = elevationHigh;
 exports.elevationLow = elevationLow;
+exports.elevationMedium = elevationMedium;
 //# sourceMappingURL=elevation.module.css.cjs.map