@tcn/ui 0.8.1 → 0.9.0

package/dist/feedback/progress/progress_bar.js

@@ -1,33 +1,33 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import m from "react";
 import { BodyText as t } from "../../typography/body_text/body_text.js";
-import l from "clsx";
-import "../../callout.module-D8ECmxpO.js";
-import "../../caption.module-DDq0H4xZ.js";
-import "../../footnote.module-DEyFuqOr.js";
-import "../../headline.module-BiwHBtGf.js";
-import "../../subheadline.module-C-v7zMkQ.js";
+import "../../typography/callout/callout.js";
+import "../../typography/caption/caption.js";
+import "../../typography/footnote/footnote.js";
+import "../../typography/headline/headline.js";
+import "../../typography/subheadline/subheadline.js";
 import "../../typography/title/title.js";
-import { HStack as d } from "../../stacks/h_stack.js";
+import { HStack as l } from "../../stacks/h_stack.js";
 import { Spacer as a } from "../../stacks/spacer.js";
-import { VStack as b } from "../../stacks/v_stack.js";
-import { ZStack as f } from "../../stacks/z_stack.js";
+import { VStack as d } from "../../stacks/v_stack.js";
+import { ZStack as b } from "../../stacks/z_stack.js";
+import f from "clsx";
 import '../../progress_bar.css';const h = "_progress-bar-container_014b4d9", _ = "_progress-bar-background_9176cc0", x = "_progress-bar_057c33d", k = "_progress-bar-fill_00854f0", u = "_moveStripes_d219e85", s = { "progress-bar-container": h, "progress-bar-background": _, "progress-bar": x, "progress-bar-fill": k, moveStripes: u }, T = m.forwardRef(function({ message: i, value: p, ...c }, n) {
   const o = `${(p * 100).toFixed(0)}%`, g = { "--progress-percentage": o };
   return /* @__PURE__ */ e(
-    b,
+    d,
     {
       ref: n,
-      className: l(s["progress-bar-container"], "tcn-progress-bar"),
+      className: f(s["progress-bar-container"], "tcn-progress-bar"),
       ...c,
       children: [
-        /* @__PURE__ */ e(d, { height: "auto", vAlign: "end", children: [
+        /* @__PURE__ */ e(l, { height: "auto", vAlign: "end", children: [
           /* @__PURE__ */ r(t, { children: i }),
           /* @__PURE__ */ r(a, {}),
           /* @__PURE__ */ r(a, { width: "8px" }),
           /* @__PURE__ */ r(t, { size: "sm", style: { flexShrink: 0 }, children: o })
         ] }),
-        /* @__PURE__ */ e(f, { height: "8px", hAlign: "start", children: [
+        /* @__PURE__ */ e(b, { height: "8px", hAlign: "start", children: [
           /* @__PURE__ */ r("div", { className: s["progress-bar-background"] }),
           /* @__PURE__ */ r(
             "div",

package/dist/form/field/common/field_description.js

@@ -1,13 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
 import { BodyText as i } from "../../../typography/body_text/body_text.js";
-import "clsx";
-import "../../../callout.module-D8ECmxpO.js";
-import "../../../caption.module-DDq0H4xZ.js";
-import "../../../footnote.module-DEyFuqOr.js";
-import "../../../headline.module-BiwHBtGf.js";
-import "../../../subheadline.module-C-v7zMkQ.js";
+import "../../../typography/callout/callout.js";
+import "../../../typography/caption/caption.js";
+import "../../../typography/footnote/footnote.js";
+import "../../../typography/headline/headline.js";
+import "../../../typography/subheadline/subheadline.js";
 import "../../../typography/title/title.js";
-const x = ({ children: r, id: t }) => r ? typeof r == "string" ? /* @__PURE__ */ o(
+const c = ({ children: r, id: t }) => r ? typeof r == "string" ? /* @__PURE__ */ o(
   i,
   {
     breakWords: !0,
@@ -20,6 +19,6 @@ const x = ({ children: r, id: t }) => r ? typeof r == "string" ? /* @__PURE__ */
   }
 ) : r : null;
 export {
-  x as FieldDescription
+  c as FieldDescription
 };
 //# sourceMappingURL=field_description.js.map

package/dist/form/field/common/field_description.js.map

@@ -1 +1 @@
-{"version":3,"file":"field_description.js","sources":["../../../../src/form/field/common/field_description.tsx"],"sourcesContent":["import React from 'react';\nimport { BodyText } from '../../../typography/index.js';\n\nexport interface FieldDescriptionOwnProps {\n  children?: React.ReactNode | string;\n  id?: string;\n}\n\nexport const FieldDescription = ({ children, id }: FieldDescriptionOwnProps) => {\n  if (!children) return null;\n  if (typeof children === 'string') {\n    return (\n      <BodyText\n        breakWords\n        hierarchy=\"secondary\"\n        emphasis=\"normal\"\n        size=\"sm\"\n        className=\"tcn-field-row-description-text\"\n        id={id}\n      >\n        {children}\n      </BodyText>\n    );\n  }\n  return children;\n};\n"],"names":["FieldDescription","children","id","jsx","BodyText"],"mappings":";;;;;;;;;AAQO,MAAMA,IAAmB,CAAC,EAAE,UAAAC,GAAU,IAAAC,QACtCD,IACD,OAAOA,KAAa,WAEpB,gBAAAE;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,YAAU;AAAA,IACV,WAAU;AAAA,IACV,UAAS;AAAA,IACT,MAAK;AAAA,IACL,WAAU;AAAA,IACV,IAAAF;AAAA,IAEC,UAAAD;AAAA,EAAA;AAAA,IAIAA,IAfe;"}
+{"version":3,"file":"field_description.js","sources":["../../../../src/form/field/common/field_description.tsx"],"sourcesContent":["import React from 'react';\nimport { BodyText } from '../../../typography/index.js';\n\nexport interface FieldDescriptionOwnProps {\n  children?: React.ReactNode | string;\n  id?: string;\n}\n\nexport const FieldDescription = ({ children, id }: FieldDescriptionOwnProps) => {\n  if (!children) return null;\n  if (typeof children === 'string') {\n    return (\n      <BodyText\n        breakWords\n        hierarchy=\"secondary\"\n        emphasis=\"normal\"\n        size=\"sm\"\n        className=\"tcn-field-row-description-text\"\n        id={id}\n      >\n        {children}\n      </BodyText>\n    );\n  }\n  return children;\n};\n"],"names":["FieldDescription","children","id","jsx","BodyText"],"mappings":";;;;;;;;AAQO,MAAMA,IAAmB,CAAC,EAAE,UAAAC,GAAU,IAAAC,QACtCD,IACD,OAAOA,KAAa,WAEpB,gBAAAE;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,YAAU;AAAA,IACV,WAAU;AAAA,IACV,UAAS;AAAA,IACT,MAAK;AAAA,IACL,WAAU;AAAA,IACV,IAAAF;AAAA,IAEC,UAAAD;AAAA,EAAA;AAAA,IAIAA,IAfe;"}

package/dist/form/field/common/field_error.js

@@ -1,11 +1,10 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import { BodyText as p } from "../../../typography/body_text/body_text.js";
-import "clsx";
-import "../../../callout.module-D8ECmxpO.js";
-import "../../../caption.module-DDq0H4xZ.js";
-import "../../../footnote.module-DEyFuqOr.js";
-import "../../../headline.module-BiwHBtGf.js";
-import "../../../subheadline.module-C-v7zMkQ.js";
+import "../../../typography/callout/callout.js";
+import "../../../typography/caption/caption.js";
+import "../../../typography/footnote/footnote.js";
+import "../../../typography/headline/headline.js";
+import "../../../typography/subheadline/subheadline.js";
 import "../../../typography/title/title.js";
 import { theme as i } from "../../../themes/theme_variables.js";
 import "react";
@@ -16,6 +15,7 @@ import "../../../stacks/spacer.js";
 import "../../../stacks/v_collapsible_box.js";
 import "../../../stacks/v_stack.js";
 import "../../../stacks/z_stack.js";
+import "clsx";
 import '../../../themes/stylesheets/reset.css';/* empty css                                    */
 import "../../../theme_provider.module-ChZQ5Xsk.js";
 import "../../../themes/stylesheets/reset.js";

package/dist/form/field/common/field_label.js

@@ -1,13 +1,12 @@
 import { jsxs as o, jsx as l } from "react/jsx-runtime";
 import { BodyText as t } from "../../../typography/body_text/body_text.js";
-import "clsx";
-import "../../../callout.module-D8ECmxpO.js";
-import "../../../caption.module-DDq0H4xZ.js";
-import "../../../footnote.module-DEyFuqOr.js";
-import "../../../headline.module-BiwHBtGf.js";
-import "../../../subheadline.module-C-v7zMkQ.js";
+import "../../../typography/callout/callout.js";
+import "../../../typography/caption/caption.js";
+import "../../../typography/footnote/footnote.js";
+import "../../../typography/headline/headline.js";
+import "../../../typography/subheadline/subheadline.js";
 import "../../../typography/title/title.js";
-const x = ({ children: r, id: e, required: i }) => r ? typeof r == "string" ? /* @__PURE__ */ o(
+const u = ({ children: r, id: e, required: i }) => r ? typeof r == "string" ? /* @__PURE__ */ o(
   t,
   {
     breakWords: !0,
@@ -33,6 +32,6 @@ const x = ({ children: r, id: e, required: i }) => r ? typeof r == "string" ? /*
   }
 ) : r : null;
 export {
-  x as FieldLabel
+  u as FieldLabel
 };
 //# sourceMappingURL=field_label.js.map

package/dist/form/field/common/field_label.js.map

@@ -1 +1 @@
-{"version":3,"file":"field_label.js","sources":["../../../../src/form/field/common/field_label.tsx"],"sourcesContent":["import React from 'react';\nimport { BodyText } from '../../../typography/index.js';\n\nexport interface FieldLabelOwnProps {\n  children?: React.ReactNode | string;\n  id?: string;\n  required?: boolean;\n}\n\nexport const FieldLabel = ({ children, id, required }: FieldLabelOwnProps) => {\n  if (!children) return null;\n  if (typeof children === 'string') {\n    return (\n      <BodyText\n        breakWords\n        color=\"inherit\"\n        size=\"lg\"\n        id={id}\n        style={{\n          justifyContent: 'center',\n          alignItems: 'center',\n          display: 'flex',\n        }}\n      >\n        {children}\n        {required && (\n          <BodyText\n            size=\"lg\"\n            style={{ color: 'red', paddingInline: 'calc(var(--scalar, 1)*4px)' }}\n          >\n            *\n          </BodyText>\n        )}\n      </BodyText>\n    );\n  }\n  return children;\n};\n"],"names":["FieldLabel","children","id","required","jsxs","BodyText","jsx"],"mappings":";;;;;;;;;AASO,MAAMA,IAAa,CAAC,EAAE,UAAAC,GAAU,IAAAC,GAAI,UAAAC,QACpCF,IACD,OAAOA,KAAa,WAEpB,gBAAAG;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,YAAU;AAAA,IACV,OAAM;AAAA,IACN,MAAK;AAAA,IACL,IAAAH;AAAA,IACA,OAAO;AAAA,MACL,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,SAAS;AAAA,IAAA;AAAA,IAGV,UAAA;AAAA,MAAAD;AAAA,MACAE,KACC,gBAAAG;AAAA,QAACD;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO,EAAE,OAAO,OAAO,eAAe,6BAAA;AAAA,UACvC,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAAA;AAAA,IAKDJ,IA1Be;"}
+{"version":3,"file":"field_label.js","sources":["../../../../src/form/field/common/field_label.tsx"],"sourcesContent":["import React from 'react';\nimport { BodyText } from '../../../typography/index.js';\n\nexport interface FieldLabelOwnProps {\n  children?: React.ReactNode | string;\n  id?: string;\n  required?: boolean;\n}\n\nexport const FieldLabel = ({ children, id, required }: FieldLabelOwnProps) => {\n  if (!children) return null;\n  if (typeof children === 'string') {\n    return (\n      <BodyText\n        breakWords\n        color=\"inherit\"\n        size=\"lg\"\n        id={id}\n        style={{\n          justifyContent: 'center',\n          alignItems: 'center',\n          display: 'flex',\n        }}\n      >\n        {children}\n        {required && (\n          <BodyText\n            size=\"lg\"\n            style={{ color: 'red', paddingInline: 'calc(var(--scalar, 1)*4px)' }}\n          >\n            *\n          </BodyText>\n        )}\n      </BodyText>\n    );\n  }\n  return children;\n};\n"],"names":["FieldLabel","children","id","required","jsxs","BodyText","jsx"],"mappings":";;;;;;;;AASO,MAAMA,IAAa,CAAC,EAAE,UAAAC,GAAU,IAAAC,GAAI,UAAAC,QACpCF,IACD,OAAOA,KAAa,WAEpB,gBAAAG;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,YAAU;AAAA,IACV,OAAM;AAAA,IACN,MAAK;AAAA,IACL,IAAAH;AAAA,IACA,OAAO;AAAA,MACL,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,SAAS;AAAA,IAAA;AAAA,IAGV,UAAA;AAAA,MAAAD;AAAA,MACAE,KACC,gBAAAG;AAAA,QAACD;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO,EAAE,OAAO,OAAO,eAAe,6BAAA;AAAA,UACvC,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAAA;AAAA,IAKDJ,IA1Be;"}

package/dist/form/field_set/field_set.js

@@ -1,15 +1,15 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { clsx as i } from "clsx";
-import "../../body_text.module-h4XQE2pC.js";
-import "../../callout.module-D8ECmxpO.js";
-import "../../caption.module-DDq0H4xZ.js";
-import "../../footnote.module-DEyFuqOr.js";
-import "../../headline.module-BiwHBtGf.js";
-import "../../subheadline.module-C-v7zMkQ.js";
+import "../../typography/body_text/body_text.js";
+import "../../typography/callout/callout.js";
+import "../../typography/caption/caption.js";
+import "../../typography/footnote/footnote.js";
+import "../../typography/headline/headline.js";
+import "../../typography/subheadline/subheadline.js";
 import { Title as h } from "../../typography/title/title.js";
 import { HStack as b } from "../../stacks/h_stack.js";
 import { Spacer as c } from "../../stacks/spacer.js";
 import { VStack as f } from "../../stacks/v_stack.js";
+import { clsx as i } from "clsx";
 import y, { useMemo as S } from "react";
 import '../../field_set.css';const u = "_field-set_8e981d9", x = "_field-set-body_4cd3139", m = { "field-set": u, "field-set-body": x };
 let _ = 0;

package/dist/inputs/date_picker/date_picker_date.js

@@ -1,14 +1,14 @@
 import { jsx as n, jsxs as w } from "react/jsx-runtime";
 import { useSignalValue as u } from "@tcn/state";
 import { BodyText as b } from "../../typography/body_text/body_text.js";
-import { clsx as f } from "clsx";
-import "../../callout.module-D8ECmxpO.js";
-import "../../caption.module-DDq0H4xZ.js";
-import "../../footnote.module-DEyFuqOr.js";
-import "../../headline.module-BiwHBtGf.js";
-import "../../subheadline.module-C-v7zMkQ.js";
+import "../../typography/callout/callout.js";
+import "../../typography/caption/caption.js";
+import "../../typography/footnote/footnote.js";
+import "../../typography/headline/headline.js";
+import "../../typography/subheadline/subheadline.js";
 import "../../typography/title/title.js";
 import { ZStack as M } from "../../stacks/z_stack.js";
+import { clsx as f } from "clsx";
 import '../../date_picker_date.css';const B = "_date-picker-date_38d540e", _ = "_date-picker-today_af9d1ab", k = { "date-picker-date": B, "date-picker-today": _ };
 function C({ presenter: i, date: t }) {
   const {

package/dist/inputs/date_picker/date_picker_day.js

@@ -1,14 +1,14 @@
 import { jsx as a } from "react/jsx-runtime";
-import r from "clsx";
-import "../../body_text.module-h4XQE2pC.js";
-import "../../callout.module-D8ECmxpO.js";
-import "../../caption.module-DDq0H4xZ.js";
-import "../../footnote.module-DEyFuqOr.js";
+import "../../typography/body_text/body_text.js";
+import "../../typography/callout/callout.js";
+import "../../typography/caption/caption.js";
+import "../../typography/footnote/footnote.js";
 import { Headline as c } from "../../typography/headline/headline.js";
-import "../../subheadline.module-C-v7zMkQ.js";
+import "../../typography/subheadline/subheadline.js";
 import "../../typography/title/title.js";
 import { ZStack as p } from "../../stacks/z_stack.js";
 import { useMemo as s } from "react";
+import r from "clsx";
 import '../../date_picker_day.css';const d = "_date-picker-day_2945845", i = { "date-picker-day": d };
 function u({ dayOfTheWeek: o, countryCode: t }) {
   const e = /* @__PURE__ */ new Date();

package/dist/inputs/date_picker/date_picker_time_selector.js

@@ -10,11 +10,11 @@ import "../../actions/button/select_group/select_group.js";
 import "../../actions/button/select_group/single_select_group.js";
 import "../../actions/toggle/toggle.js";
 import { BodyText as $ } from "../../typography/body_text/body_text.js";
-import "../../callout.module-D8ECmxpO.js";
-import "../../caption.module-DDq0H4xZ.js";
-import "../../footnote.module-DEyFuqOr.js";
-import "../../headline.module-BiwHBtGf.js";
-import "../../subheadline.module-C-v7zMkQ.js";
+import "../../typography/callout/callout.js";
+import "../../typography/caption/caption.js";
+import "../../typography/footnote/footnote.js";
+import "../../typography/headline/headline.js";
+import "../../typography/subheadline/subheadline.js";
 import "../../typography/title/title.js";
 import { ClockIcon as j } from "@tcn/icons/clock_icon.js";
 import '../../date_picker_time_selector.css';const z = "_time-box_f3145be", P = "_time-box-title_6cc801b", Z = "_time-box-title-container_22add52", v = "_selected-time_33e3aa3", m = { "time-box": z, "time-box-title": P, "time-box-title-container": Z, "selected-time": v };

package/dist/inputs/date_picker/date_picker_year_selector.js

@@ -14,18 +14,18 @@ import { HStack as t } from "../../stacks/h_stack.js";
 import { Spacer as x } from "../../stacks/spacer.js";
 import { VStack as E } from "../../stacks/v_stack.js";
 import { BodyText as L } from "../../typography/body_text/body_text.js";
-import { clsx as y } from "clsx";
-import "../../callout.module-D8ECmxpO.js";
-import "../../caption.module-DDq0H4xZ.js";
-import "../../footnote.module-DEyFuqOr.js";
+import "../../typography/callout/callout.js";
+import "../../typography/caption/caption.js";
+import "../../typography/footnote/footnote.js";
 import { Headline as M } from "../../typography/headline/headline.js";
-import "../../subheadline.module-C-v7zMkQ.js";
+import "../../typography/subheadline/subheadline.js";
 import "../../typography/title/title.js";
 import "../../utils/click_away_listener.js";
 import { FocusRedirect as T } from "../../utils/focus_redirect.js";
 import "../../utils/scroll_away_listener.js";
 import "../../utils/hooks/use_resize_observer.js";
 import "../../utils/dnd/context.js";
+import { clsx as y } from "clsx";
 import "../../draggable.module-BgelQsuJ.js";
 import '../../date_picker_year_selector.css';const q = "_date-picker-year-selector_ab05e1f", A = "_date-picker-year-button_fded757", Y = { "date-picker-year-selector": q, "date-picker-year-button": A };
 function be({

package/dist/inputs/suggestions/suggestion_list.js

@@ -1,14 +1,14 @@
 import { jsx as r, jsxs as N, Fragment as ce } from "react/jsx-runtime";
 import { BodyText as ae } from "../../typography/body_text/body_text.js";
-import { clsx as R } from "clsx";
-import "../../callout.module-D8ECmxpO.js";
-import "../../caption.module-DDq0H4xZ.js";
-import "../../footnote.module-DEyFuqOr.js";
-import "../../headline.module-BiwHBtGf.js";
-import "../../subheadline.module-C-v7zMkQ.js";
+import "../../typography/callout/callout.js";
+import "../../typography/caption/caption.js";
+import "../../typography/footnote/footnote.js";
+import "../../typography/headline/headline.js";
+import "../../typography/subheadline/subheadline.js";
 import "../../typography/title/title.js";
 import { VStack as O } from "../../stacks/v_stack.js";
 import { ZStack as ue } from "../../stacks/z_stack.js";
+import { clsx as R } from "clsx";
 import { Children as pe, isValidElement as de, useState as a, useRef as T, useLayoutEffect as S } from "react";
 import "../../utils/click_away_listener.js";
 import { FocusRedirect as fe } from "../../utils/focus_redirect.js";

package/dist/layouts/index.d.ts

@@ -14,6 +14,8 @@ export { UtilityBar, type UtilityBarProps } from './utility_bar/utility_bar.js';
 export { Row } from './row/row.js';
 export { Section } from './section/section.js';
 export { Heading, type HeadingOwnProps } from './section/heading.js';
+export { Responsive, type ResponsiveProps } from './responsive/responsive.js';
+export { Breakpoint, type BreakpointProps } from './responsive/breakpoint.js';
 export { TTable, THead, TBody, TFoot, TR, TH, TD } from './table/table.js';
 export { Rail, type RailProps } from './rail/rail.js';
 export { Main, type MainProps } from './rail/main/main.js';

package/dist/layouts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAErE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAE3E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,uCAAuC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE9E,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAE3E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,uCAAuC,CAAC"}

package/dist/layouts/index.js

@@ -1,51 +1,55 @@
 import { Column as e } from "./column/column.js";
-import { Divider as f } from "./divider/divider.js";
-import { Grid as p } from "./grid/grid.js";
+import { Divider as p } from "./divider/divider.js";
+import { Grid as m } from "./grid/grid.js";
 import { Item as i } from "./list/item.js";
 import { List as a } from "./list/list.js";
-import { SidebarEnd as S } from "./sidebar_end/sidebar_end.js";
-import { SidebarStart as n } from "./sidebar_start/sidebar_start.js";
-import { Scaffold as H } from "./scaffold/scaffold.js";
-import { HBody as b } from "./body/h_body.js";
-import { VBody as c } from "./body/v_body.js";
-import { Footer as F } from "./footer/footer.js";
-import { Header as g } from "./header/header.js";
-import { UtilityBar as u } from "./utility_bar/utility_bar.js";
-import { Row as w } from "./row/row.js";
-import { Section as E } from "./section/section.js";
-import { Heading as I } from "./section/heading.js";
-import { TBody as M, TD as V, TFoot as h, TH as j, THead as k, TR as q, TTable as z } from "./table/table.js";
-import { Rail as J } from "./rail/rail.js";
-import { Main as N } from "./rail/main/main.js";
-import { Side as P } from "./rail/side/side.js";
-import { UtilityStrip as W } from "./rail/utility_strip/utility_strip.js";
+import { SidebarEnd as n } from "./sidebar_end/sidebar_end.js";
+import { SidebarStart as l } from "./sidebar_start/sidebar_start.js";
+import { Scaffold as B } from "./scaffold/scaffold.js";
+import { HBody as R } from "./body/h_body.js";
+import { VBody as s } from "./body/v_body.js";
+import { Footer as v } from "./footer/footer.js";
+import { Header as F } from "./header/header.js";
+import { UtilityBar as g } from "./utility_bar/utility_bar.js";
+import { Row as u } from "./row/row.js";
+import { Section as C } from "./section/section.js";
+import { Heading as G } from "./section/heading.js";
+import { Responsive as L } from "./responsive/responsive.js";
+import { Breakpoint as V } from "./responsive/breakpoint.js";
+import { TBody as j, TD as q, TFoot as z, TH as A, THead as J, TR as K, TTable as N } from "./table/table.js";
+import { Rail as P } from "./rail/rail.js";
+import { Main as W } from "./rail/main/main.js";
+import { Side as Y } from "./rail/side/side.js";
+import { UtilityStrip as _ } from "./rail/utility_strip/utility_strip.js";
 export {
+  V as Breakpoint,
   e as Column,
-  f as Divider,
-  F as Footer,
-  p as Grid,
-  b as HBody,
-  g as Header,
-  I as Heading,
+  p as Divider,
+  v as Footer,
+  m as Grid,
+  R as HBody,
+  F as Header,
+  G as Heading,
   i as Item,
   a as List,
-  N as Main,
-  J as Rail,
-  w as Row,
-  H as Scaffold,
-  E as Section,
-  P as Side,
-  S as SidebarEnd,
-  n as SidebarStart,
-  M as TBody,
-  V as TD,
-  h as TFoot,
-  j as TH,
-  k as THead,
-  q as TR,
-  z as TTable,
-  u as UtilityBar,
-  W as UtilityStrip,
-  c as VBody
+  W as Main,
+  P as Rail,
+  L as Responsive,
+  u as Row,
+  B as Scaffold,
+  C as Section,
+  Y as Side,
+  n as SidebarEnd,
+  l as SidebarStart,
+  j as TBody,
+  q as TD,
+  z as TFoot,
+  A as TH,
+  J as THead,
+  K as TR,
+  N as TTable,
+  g as UtilityBar,
+  _ as UtilityStrip,
+  s as VBody
 };
 //# sourceMappingURL=index.js.map

package/dist/layouts/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/layouts/responsive/breakpoint.d.ts

@@ -0,0 +1,11 @@
+export interface BreakpointProps {
+    from?: number | string;
+    to?: number | string;
+    children: React.ReactNode;
+}
+export interface InternalBreakpointProps extends BreakpointProps {
+    width: number;
+}
+export declare function Breakpoint(_: BreakpointProps): null;
+export declare function InternalBreakpoint(props: InternalBreakpointProps): import('react').ReactNode;
+//# sourceMappingURL=breakpoint.d.ts.map

package/dist/layouts/responsive/breakpoint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoint.d.ts","sourceRoot":"","sources":["../../../src/layouts/responsive/breakpoint.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,uBAAwB,SAAQ,eAAe;IAC9D,KAAK,EAAE,MAAM,CAAC;CACf;AAUD,wBAAgB,UAAU,CAAC,CAAC,EAAE,eAAe,QAE5C;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,6BAMhE"}

package/dist/layouts/responsive/breakpoint.js

@@ -0,0 +1,15 @@
+function t(n) {
+  return typeof n == "number" ? n : parseFloat(n);
+}
+function o(n) {
+  return null;
+}
+function u(n) {
+  const i = t(n.from ?? 0), r = t(n.to ?? 1 / 0);
+  return n.width >= i && n.width < r ? n.children : null;
+}
+export {
+  o as Breakpoint,
+  u as InternalBreakpoint
+};
+//# sourceMappingURL=breakpoint.js.map

package/dist/layouts/responsive/breakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoint.js","sources":["../../../src/layouts/responsive/breakpoint.tsx"],"sourcesContent":["export interface BreakpointProps {\n  from?: number | string;\n  to?: number | string;\n  children: React.ReactNode;\n}\n\nexport interface InternalBreakpointProps extends BreakpointProps {\n  width: number;\n}\n\nfunction toNumber(value: number | string) {\n  if (typeof value === 'number') {\n    return value;\n  }\n\n  return parseFloat(value);\n}\n\nexport function Breakpoint(_: BreakpointProps) {\n  return null;\n}\n\nexport function InternalBreakpoint(props: InternalBreakpointProps) {\n  const from = toNumber(props.from ?? 0);\n  const to = toNumber(props.to ?? Infinity);\n  const isWithinRange = props.width >= from && props.width < to;\n\n  return isWithinRange ? props.children : null;\n}\n"],"names":["toNumber","value","Breakpoint","_","InternalBreakpoint","props","from","to"],"mappings":"AAUA,SAASA,EAASC,GAAwB;AACxC,SAAI,OAAOA,KAAU,WACZA,IAGF,WAAWA,CAAK;AACzB;AAEO,SAASC,EAAWC,GAAoB;AAC7C,SAAO;AACT;AAEO,SAASC,EAAmBC,GAAgC;AACjE,QAAMC,IAAON,EAASK,EAAM,QAAQ,CAAC,GAC/BE,IAAKP,EAASK,EAAM,MAAM,KAAQ;AAGxC,SAFsBA,EAAM,SAASC,KAAQD,EAAM,QAAQE,IAEpCF,EAAM,WAAW;AAC1C;"}

package/dist/layouts/responsive/responsive.d.ts

@@ -0,0 +1,7 @@
+import { BreakpointProps } from './breakpoint.js';
+export interface ResponsiveProps {
+    on?: 'viewport' | 'container';
+    children?: React.ReactElement<BreakpointProps>[] | React.ReactElement<BreakpointProps>;
+}
+export declare function Responsive(props: ResponsiveProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=responsive.d.ts.map

package/dist/layouts/responsive/responsive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../../src/layouts/responsive/responsive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAIvD,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;CACxF;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAQhD"}

package/dist/layouts/responsive/responsive.js

@@ -0,0 +1,11 @@
+import { jsx as r } from "react/jsx-runtime";
+import { ResponsiveContainer as i } from "./responsive_container.js";
+import { ResponsiveViewport as t } from "./responsive_viewport.js";
+function f(e) {
+  const { on: n = "container", children: o } = e;
+  return n === "viewport" ? /* @__PURE__ */ r(t, { children: o }) : /* @__PURE__ */ r(i, { children: o });
+}
+export {
+  f as Responsive
+};
+//# sourceMappingURL=responsive.js.map

package/dist/layouts/responsive/responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.js","sources":["../../../src/layouts/responsive/responsive.tsx"],"sourcesContent":["import type { BreakpointProps } from './breakpoint.js';\nimport { ResponsiveContainer } from './responsive_container.js';\nimport { ResponsiveViewport } from './responsive_viewport.js';\n\nexport interface ResponsiveProps {\n  on?: 'viewport' | 'container';\n  children?: React.ReactElement<BreakpointProps>[] | React.ReactElement<BreakpointProps>;\n}\n\nexport function Responsive(props: ResponsiveProps) {\n  const { on = 'container', children } = props;\n\n  if (on === 'viewport') {\n    return <ResponsiveViewport>{children}</ResponsiveViewport>;\n  }\n\n  return <ResponsiveContainer>{children}</ResponsiveContainer>;\n}\n"],"names":["Responsive","props","on","children","jsx","ResponsiveViewport","ResponsiveContainer"],"mappings":";;;AASO,SAASA,EAAWC,GAAwB;AACjD,QAAM,EAAE,IAAAC,IAAK,aAAa,UAAAC,EAAA,IAAaF;AAEvC,SAAIC,MAAO,aACF,gBAAAE,EAACC,KAAoB,UAAAF,GAAS,IAGhC,gBAAAC,EAACE,KAAqB,UAAAH,GAAS;AACxC;"}

package/dist/layouts/responsive/responsive_container.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { BreakpointProps } from './breakpoint.js';
+export interface ResponsiveContainerProps {
+    children?: React.ReactElement<BreakpointProps>[] | React.ReactElement<BreakpointProps>;
+}
+export declare function ResponsiveContainer(props: ResponsiveContainerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=responsive_container.d.ts.map

package/dist/layouts/responsive/responsive_container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive_container.d.ts","sourceRoot":"","sources":["../../../src/layouts/responsive/responsive_container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAsB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEtE,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;CACxF;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAyClE"}

package/dist/layouts/responsive/responsive_container.js

@@ -0,0 +1,30 @@
+import { jsx as t, jsxs as m, Fragment as d } from "react/jsx-runtime";
+import c, { useState as n, useLayoutEffect as h } from "react";
+import { useForkRef as R } from "../../utils/hooks/use_fork_ref.js";
+import { useResizeObserver as k } from "../../utils/hooks/use_resize_observer.js";
+import { InternalBreakpoint as y } from "./breakpoint.js";
+function z(o) {
+  const [s, r] = n(null), [i, l] = n(0), a = k((e) => {
+    l(e);
+  }), p = R((e) => {
+    e == null || e.parentElement == null || (a(e.parentElement), r(e.parentElement));
+  }), u = /* @__PURE__ */ t(
+    "div",
+    {
+      ref: p,
+      style: {
+        display: "none"
+      }
+    }
+  ), f = c.Children.toArray(o.children).map((e) => /* @__PURE__ */ t(y, { ...e.props, width: i }, e.key));
+  return h(() => () => {
+    r(null);
+  }, []), /* @__PURE__ */ m(d, { children: [
+    s == null ? u : null,
+    f
+  ] });
+}
+export {
+  z as ResponsiveContainer
+};
+//# sourceMappingURL=responsive_container.js.map

package/dist/layouts/responsive/responsive_container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive_container.js","sources":["../../../src/layouts/responsive/responsive_container.tsx"],"sourcesContent":["import React, { useLayoutEffect, useState } from 'react';\nimport { useForkRef } from '../../utils/hooks/use_fork_ref.js';\nimport { useResizeObserver } from '../../utils/hooks/use_resize_observer.js';\nimport { InternalBreakpoint, BreakpointProps } from './breakpoint.js';\n\nexport interface ResponsiveContainerProps {\n  children?: React.ReactElement<BreakpointProps>[] | React.ReactElement<BreakpointProps>;\n}\n\nexport function ResponsiveContainer(props: ResponsiveContainerProps) {\n  const [parent, setParent] = useState<Element | null>(null);\n  const [width, setWidth] = useState(0);\n\n  const resizeRef = useResizeObserver(width => {\n    setWidth(width);\n  });\n\n  const forkedRef = useForkRef((element: any) => {\n    if (element == null || element.parentElement == null) {\n      return;\n    }\n    resizeRef(element.parentElement);\n    setParent(element.parentElement);\n  });\n\n  const hiddenChild = (\n    <div\n      ref={forkedRef}\n      style={{\n        display: 'none',\n      }}\n    ></div>\n  );\n\n  const internalBreakpoints = React.Children.toArray(props.children).map((child: any) => {\n    return <InternalBreakpoint key={child.key} {...child.props} width={width} />;\n  });\n\n  useLayoutEffect(() => {\n    return () => {\n      setParent(null);\n    };\n  }, []);\n\n  return (\n    <>\n      {parent == null ? hiddenChild : null}\n      {internalBreakpoints}\n    </>\n  );\n}\n"],"names":["ResponsiveContainer","props","parent","setParent","useState","width","setWidth","resizeRef","useResizeObserver","forkedRef","useForkRef","element","hiddenChild","jsx","internalBreakpoints","React","child","InternalBreakpoint","useLayoutEffect","jsxs","Fragment"],"mappings":";;;;;AASO,SAASA,EAAoBC,GAAiC;AACnE,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAyB,IAAI,GACnD,CAACC,GAAOC,CAAQ,IAAIF,EAAS,CAAC,GAE9BG,IAAYC,EAAkB,CAAAH,MAAS;AAC3C,IAAAC,EAASD,CAAK;AAAA,EAChB,CAAC,GAEKI,IAAYC,EAAW,CAACC,MAAiB;AAC7C,IAAIA,KAAW,QAAQA,EAAQ,iBAAiB,SAGhDJ,EAAUI,EAAQ,aAAa,GAC/BR,EAAUQ,EAAQ,aAAa;AAAA,EACjC,CAAC,GAEKC,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKJ;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EAAA,GAIEK,IAAsBC,EAAM,SAAS,QAAQd,EAAM,QAAQ,EAAE,IAAI,CAACe,wBAC9DC,GAAA,EAAoC,GAAGD,EAAM,OAAO,OAAAX,EAAA,GAA5BW,EAAM,GAAoC,CAC3E;AAED,SAAAE,EAAgB,MACP,MAAM;AACX,IAAAf,EAAU,IAAI;AAAA,EAChB,GACC,CAAA,CAAE,GAGH,gBAAAgB,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAlB,KAAU,OAAOU,IAAc;AAAA,IAC/BE;AAAA,EAAA,GACH;AAEJ;"}

package/dist/layouts/responsive/responsive_viewport.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { BreakpointProps } from './breakpoint.js';
+export interface ResponsiveViewportProps {
+    children?: React.ReactElement<BreakpointProps>[] | React.ReactElement<BreakpointProps>;
+}
+export declare function ResponsiveViewport(props: ResponsiveViewportProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=responsive_viewport.d.ts.map

package/dist/layouts/responsive/responsive_viewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive_viewport.d.ts","sourceRoot":"","sources":["../../../src/layouts/responsive/responsive_viewport.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGtE,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;CACxF;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAQhE"}

package/dist/layouts/responsive/responsive_viewport.js

@@ -0,0 +1,12 @@
+import { jsx as e, Fragment as i } from "react/jsx-runtime";
+import p from "react";
+import { InternalBreakpoint as a } from "./breakpoint.js";
+import { useMediaQuery as m } from "../../utils/hooks/use_media_query.js";
+function d(t) {
+  const { width: o } = m(), n = p.Children.toArray(t.children).map((r) => /* @__PURE__ */ e(a, { ...r.props, width: o }, r.key));
+  return /* @__PURE__ */ e(i, { children: n });
+}
+export {
+  d as ResponsiveViewport
+};
+//# sourceMappingURL=responsive_viewport.js.map

package/dist/layouts/responsive/responsive_viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive_viewport.js","sources":["../../../src/layouts/responsive/responsive_viewport.tsx"],"sourcesContent":["import React from 'react';\nimport { InternalBreakpoint, BreakpointProps } from './breakpoint.js';\nimport { useMediaQuery } from '../../utils/hooks/use_media_query.js';\n\nexport interface ResponsiveViewportProps {\n  children?: React.ReactElement<BreakpointProps>[] | React.ReactElement<BreakpointProps>;\n}\n\nexport function ResponsiveViewport(props: ResponsiveViewportProps) {\n  const { width } = useMediaQuery();\n\n  const internalBreakpoints = React.Children.toArray(props.children).map((child: any) => {\n    return <InternalBreakpoint key={child.key} {...child.props} width={width} />;\n  });\n\n  return <>{internalBreakpoints}</>;\n}\n"],"names":["ResponsiveViewport","props","width","useMediaQuery","internalBreakpoints","React","child","InternalBreakpoint"],"mappings":";;;;AAQO,SAASA,EAAmBC,GAAgC;AACjE,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAA,GAEZC,IAAsBC,EAAM,SAAS,QAAQJ,EAAM,QAAQ,EAAE,IAAI,CAACK,wBAC9DC,GAAA,EAAoC,GAAGD,EAAM,OAAO,OAAAJ,EAAA,GAA5BI,EAAM,GAAoC,CAC3E;AAED,gCAAU,UAAAF,EAAA,CAAoB;AAChC;"}

package/dist/surfaces/confirm/confirm.js

@@ -6,11 +6,11 @@ import { VStack as T } from "../../stacks/v_stack.js";
 import { ZStack as R } from "../../stacks/z_stack.js";
 import { Portal as j } from "../../overlay/portal/portal.js";
 import { BodyText as B } from "../../typography/body_text/body_text.js";
-import "../../callout.module-D8ECmxpO.js";
-import "../../caption.module-DDq0H4xZ.js";
-import "../../footnote.module-DEyFuqOr.js";
-import "../../headline.module-BiwHBtGf.js";
-import "../../subheadline.module-C-v7zMkQ.js";
+import "../../typography/callout/callout.js";
+import "../../typography/caption/caption.js";
+import "../../typography/footnote/footnote.js";
+import "../../typography/headline/headline.js";
+import "../../typography/subheadline/subheadline.js";
 import { Title as b } from "../../typography/title/title.js";
 import { Box as s } from "../../stacks/box/box.js";
 import '../../confirm.css';const v = "_confirm_e53f865", z = "_shake_d5d9154", A = "_actions_b7ffee5", m = { confirm: v, shake: z, actions: A }, U = w.forwardRef(function({