cetec-design-system 4.10.0-0 → 4.11.0-0

package/dist/index.js

@@ -974,7 +974,7 @@ const spinnerVariantKeys = [
   "inverse",
   "centered"
 ];
-const getVariantProps$A = (variants) => ({ ...spinnerDefaultVariants, ...compact(variants) });
+const getVariantProps$B = (variants) => ({ ...spinnerDefaultVariants, ...compact(variants) });
 const spinner = /* @__PURE__ */ Object.assign(spinnerFn, {
   __recipe__: false,
   __name__: "spinner",
@@ -999,7 +999,7 @@ const spinner = /* @__PURE__ */ Object.assign(spinnerFn, {
   splitVariantProps(props) {
     return splitProps$1(props, spinnerVariantKeys);
   },
-  getVariantProps: getVariantProps$A
+  getVariantProps: getVariantProps$B
 });
 const tagFn = /* @__PURE__ */ createRecipe("tag", {
   "variant": "default",
@@ -1667,7 +1667,7 @@ const toggleFn = memo((props = {}) => {
   return Object.fromEntries(toggleSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
 const toggleVariantKeys = [];
-const getVariantProps$z = (variants) => ({ ...toggleDefaultVariants, ...compact(variants) });
+const getVariantProps$A = (variants) => ({ ...toggleDefaultVariants, ...compact(variants) });
 const toggle = /* @__PURE__ */ Object.assign(toggleFn, {
   __recipe__: false,
   __name__: "toggle",
@@ -1678,7 +1678,7 @@ const toggle = /* @__PURE__ */ Object.assign(toggleFn, {
   splitVariantProps(props) {
     return splitProps$1(props, toggleVariantKeys);
   },
-  getVariantProps: getVariantProps$z
+  getVariantProps: getVariantProps$A
 });
 const alertDefaultVariants = {
   "tone": "info"
@@ -1721,7 +1721,7 @@ const alertFn = memo((props = {}) => {
 const alertVariantKeys = [
   "tone"
 ];
-const getVariantProps$y = (variants) => ({ ...alertDefaultVariants, ...compact(variants) });
+const getVariantProps$z = (variants) => ({ ...alertDefaultVariants, ...compact(variants) });
 const alert = /* @__PURE__ */ Object.assign(alertFn, {
   __recipe__: false,
   __name__: "alert",
@@ -1740,7 +1740,7 @@ const alert = /* @__PURE__ */ Object.assign(alertFn, {
   splitVariantProps(props) {
     return splitProps$1(props, alertVariantKeys);
   },
-  getVariantProps: getVariantProps$y
+  getVariantProps: getVariantProps$z
 });
 const autocompleteDefaultVariants = {
   "size": "md",
@@ -1797,7 +1797,7 @@ const autocompleteVariantKeys = [
   "layer",
   "size"
 ];
-const getVariantProps$x = (variants) => ({ ...autocompleteDefaultVariants, ...compact(variants) });
+const getVariantProps$y = (variants) => ({ ...autocompleteDefaultVariants, ...compact(variants) });
 const autocomplete = /* @__PURE__ */ Object.assign(autocompleteFn, {
   __recipe__: false,
   __name__: "autocomplete",
@@ -1819,7 +1819,7 @@ const autocomplete = /* @__PURE__ */ Object.assign(autocompleteFn, {
   splitVariantProps(props) {
     return splitProps$1(props, autocompleteVariantKeys);
   },
-  getVariantProps: getVariantProps$x
+  getVariantProps: getVariantProps$y
 });
 const avatarDefaultVariants = {
   "size": "md",
@@ -1856,7 +1856,7 @@ const avatarVariantKeys = [
   "size",
   "shape"
 ];
-const getVariantProps$w = (variants) => ({ ...avatarDefaultVariants, ...compact(variants) });
+const getVariantProps$x = (variants) => ({ ...avatarDefaultVariants, ...compact(variants) });
 const avatar = /* @__PURE__ */ Object.assign(avatarFn, {
   __recipe__: false,
   __name__: "avatar",
@@ -1881,7 +1881,7 @@ const avatar = /* @__PURE__ */ Object.assign(avatarFn, {
   splitVariantProps(props) {
     return splitProps$1(props, avatarVariantKeys);
   },
-  getVariantProps: getVariantProps$w
+  getVariantProps: getVariantProps$x
 });
 const badgeDefaultVariants = {
   "size": "md",
@@ -1908,7 +1908,7 @@ const badgeVariantKeys = [
   "dot",
   "variant"
 ];
-const getVariantProps$v = (variants) => ({ ...badgeDefaultVariants, ...compact(variants) });
+const getVariantProps$w = (variants) => ({ ...badgeDefaultVariants, ...compact(variants) });
 const badge = /* @__PURE__ */ Object.assign(badgeFn, {
   __recipe__: false,
   __name__: "badge",
@@ -1944,7 +1944,7 @@ const badge = /* @__PURE__ */ Object.assign(badgeFn, {
   splitVariantProps(props) {
     return splitProps$1(props, badgeVariantKeys);
   },
-  getVariantProps: getVariantProps$v
+  getVariantProps: getVariantProps$w
 });
 const breadcrumbsDefaultVariants = {};
 const breadcrumbsCompoundVariants = [];
@@ -1971,7 +1971,7 @@ const breadcrumbsFn = memo((props = {}) => {
   return Object.fromEntries(breadcrumbsSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
 const breadcrumbsVariantKeys = [];
-const getVariantProps$u = (variants) => ({ ...breadcrumbsDefaultVariants, ...compact(variants) });
+const getVariantProps$v = (variants) => ({ ...breadcrumbsDefaultVariants, ...compact(variants) });
 const breadcrumbs = /* @__PURE__ */ Object.assign(breadcrumbsFn, {
   __recipe__: false,
   __name__: "breadcrumbs",
@@ -1982,7 +1982,7 @@ const breadcrumbs = /* @__PURE__ */ Object.assign(breadcrumbsFn, {
   splitVariantProps(props) {
     return splitProps$1(props, breadcrumbsVariantKeys);
   },
-  getVariantProps: getVariantProps$u
+  getVariantProps: getVariantProps$v
 });
 const buttonDefaultVariants = {
   "variant": "standard",
@@ -2013,7 +2013,7 @@ const buttonVariantKeys = [
   "before",
   "after"
 ];
-const getVariantProps$t = (variants) => ({ ...buttonDefaultVariants, ...compact(variants) });
+const getVariantProps$u = (variants) => ({ ...buttonDefaultVariants, ...compact(variants) });
 const button = /* @__PURE__ */ Object.assign(buttonFn, {
   __recipe__: false,
   __name__: "button",
@@ -2047,7 +2047,7 @@ const button = /* @__PURE__ */ Object.assign(buttonFn, {
   splitVariantProps(props) {
     return splitProps$1(props, buttonVariantKeys);
   },
-  getVariantProps: getVariantProps$t
+  getVariantProps: getVariantProps$u
 });
 const calendarDefaultVariants = {
   "type": "days"
@@ -2086,7 +2086,7 @@ const calendarFn = memo((props = {}) => {
 const calendarVariantKeys = [
   "type"
 ];
-const getVariantProps$s = (variants) => ({ ...calendarDefaultVariants, ...compact(variants) });
+const getVariantProps$t = (variants) => ({ ...calendarDefaultVariants, ...compact(variants) });
 const calendar = /* @__PURE__ */ Object.assign(calendarFn, {
   __recipe__: false,
   __name__: "calendar",
@@ -2103,7 +2103,7 @@ const calendar = /* @__PURE__ */ Object.assign(calendarFn, {
   splitVariantProps(props) {
     return splitProps$1(props, calendarVariantKeys);
   },
-  getVariantProps: getVariantProps$s
+  getVariantProps: getVariantProps$t
 });
 const checkboxDefaultVariants = {};
 const checkboxCompoundVariants = [];
@@ -2130,7 +2130,7 @@ const checkboxFn = memo((props = {}) => {
   return Object.fromEntries(checkboxSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
 const checkboxVariantKeys = [];
-const getVariantProps$r = (variants) => ({ ...checkboxDefaultVariants, ...compact(variants) });
+const getVariantProps$s = (variants) => ({ ...checkboxDefaultVariants, ...compact(variants) });
 const checkbox = /* @__PURE__ */ Object.assign(checkboxFn, {
   __recipe__: false,
   __name__: "checkbox",
@@ -2141,7 +2141,7 @@ const checkbox = /* @__PURE__ */ Object.assign(checkboxFn, {
   splitVariantProps(props) {
     return splitProps$1(props, checkboxVariantKeys);
   },
-  getVariantProps: getVariantProps$r
+  getVariantProps: getVariantProps$s
 });
 const chipDefaultVariants = {
   "size": "md"
@@ -2179,7 +2179,7 @@ const chipVariantKeys = [
   "after",
   "dismissable"
 ];
-const getVariantProps$q = (variants) => ({ ...chipDefaultVariants, ...compact(variants) });
+const getVariantProps$r = (variants) => ({ ...chipDefaultVariants, ...compact(variants) });
 const chip = /* @__PURE__ */ Object.assign(chipFn, {
   __recipe__: false,
   __name__: "chip",
@@ -2206,7 +2206,7 @@ const chip = /* @__PURE__ */ Object.assign(chipFn, {
   splitVariantProps(props) {
     return splitProps$1(props, chipVariantKeys);
   },
-  getVariantProps: getVariantProps$q
+  getVariantProps: getVariantProps$r
 });
 const codeBlockDefaultVariants = {
   "tone": "default",
@@ -2275,7 +2275,7 @@ const codeBlockVariantKeys = [
   "collapsed",
   "actionGutter"
 ];
-const getVariantProps$p = (variants) => ({ ...codeBlockDefaultVariants, ...compact(variants) });
+const getVariantProps$q = (variants) => ({ ...codeBlockDefaultVariants, ...compact(variants) });
 const codeBlock = /* @__PURE__ */ Object.assign(codeBlockFn, {
   __recipe__: false,
   __name__: "codeBlock",
@@ -2311,7 +2311,7 @@ const codeBlock = /* @__PURE__ */ Object.assign(codeBlockFn, {
   splitVariantProps(props) {
     return splitProps$1(props, codeBlockVariantKeys);
   },
-  getVariantProps: getVariantProps$p
+  getVariantProps: getVariantProps$q
 });
 const dateMenusDefaultVariants = {};
 const dateMenusCompoundVariants = [];
@@ -2334,7 +2334,7 @@ const dateMenusFn = memo((props = {}) => {
   return Object.fromEntries(dateMenusSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
 const dateMenusVariantKeys = [];
-const getVariantProps$o = (variants) => ({ ...dateMenusDefaultVariants, ...compact(variants) });
+const getVariantProps$p = (variants) => ({ ...dateMenusDefaultVariants, ...compact(variants) });
 const dateMenus = /* @__PURE__ */ Object.assign(dateMenusFn, {
   __recipe__: false,
   __name__: "dateMenus",
@@ -2345,7 +2345,7 @@ const dateMenus = /* @__PURE__ */ Object.assign(dateMenusFn, {
   splitVariantProps(props) {
     return splitProps$1(props, dateMenusVariantKeys);
   },
-  getVariantProps: getVariantProps$o
+  getVariantProps: getVariantProps$p
 });
 const dateTimeMenusDefaultVariants = {};
 const dateTimeMenusCompoundVariants = [];
@@ -2368,7 +2368,7 @@ const dateTimeMenusFn = memo((props = {}) => {
   return Object.fromEntries(dateTimeMenusSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
 const dateTimeMenusVariantKeys = [];
-const getVariantProps$n = (variants) => ({ ...dateTimeMenusDefaultVariants, ...compact(variants) });
+const getVariantProps$o = (variants) => ({ ...dateTimeMenusDefaultVariants, ...compact(variants) });
 const dateTimeMenus = /* @__PURE__ */ Object.assign(dateTimeMenusFn, {
   __recipe__: false,
   __name__: "dateTimeMenus",
@@ -2379,7 +2379,7 @@ const dateTimeMenus = /* @__PURE__ */ Object.assign(dateTimeMenusFn, {
   splitVariantProps(props) {
     return splitProps$1(props, dateTimeMenusVariantKeys);
   },
-  getVariantProps: getVariantProps$n
+  getVariantProps: getVariantProps$o
 });
 const drawerDefaultVariants = {
   "side": "right",
@@ -2426,7 +2426,7 @@ const drawerVariantKeys = [
   "size",
   "scrollable"
 ];
-const getVariantProps$m = (variants) => ({ ...drawerDefaultVariants, ...compact(variants) });
+const getVariantProps$n = (variants) => ({ ...drawerDefaultVariants, ...compact(variants) });
 const drawer = /* @__PURE__ */ Object.assign(drawerFn, {
   __recipe__: false,
   __name__: "drawer",
@@ -2453,7 +2453,7 @@ const drawer = /* @__PURE__ */ Object.assign(drawerFn, {
   splitVariantProps(props) {
     return splitProps$1(props, drawerVariantKeys);
   },
-  getVariantProps: getVariantProps$m
+  getVariantProps: getVariantProps$n
 });
 const filterFieldDefaultVariants = {};
 const filterFieldCompoundVariants = [];
@@ -2500,7 +2500,7 @@ const filterFieldFn = memo((props = {}) => {
   return Object.fromEntries(filterFieldSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
 const filterFieldVariantKeys = [];
-const getVariantProps$l = (variants) => ({ ...filterFieldDefaultVariants, ...compact(variants) });
+const getVariantProps$m = (variants) => ({ ...filterFieldDefaultVariants, ...compact(variants) });
 const filterField = /* @__PURE__ */ Object.assign(filterFieldFn, {
   __recipe__: false,
   __name__: "filterField",
@@ -2511,7 +2511,7 @@ const filterField = /* @__PURE__ */ Object.assign(filterFieldFn, {
   splitVariantProps(props) {
     return splitProps$1(props, filterFieldVariantKeys);
   },
-  getVariantProps: getVariantProps$l
+  getVariantProps: getVariantProps$m
 });
 const filterMenuDefaultVariants = {
   "layer": "elevated"
@@ -2550,7 +2550,7 @@ const filterMenuFn = memo((props = {}) => {
 const filterMenuVariantKeys = [
   "layer"
 ];
-const getVariantProps$k = (variants) => ({ ...filterMenuDefaultVariants, ...compact(variants) });
+const getVariantProps$l = (variants) => ({ ...filterMenuDefaultVariants, ...compact(variants) });
 const filterMenu = /* @__PURE__ */ Object.assign(filterMenuFn, {
   __recipe__: false,
   __name__: "filterMenu",
@@ -2566,7 +2566,7 @@ const filterMenu = /* @__PURE__ */ Object.assign(filterMenuFn, {
   splitVariantProps(props) {
     return splitProps$1(props, filterMenuVariantKeys);
   },
-  getVariantProps: getVariantProps$k
+  getVariantProps: getVariantProps$l
 });
 const filterTokenDefaultVariants = {};
 const filterTokenCompoundVariants = [];
@@ -2613,7 +2613,7 @@ const filterTokenFn = memo((props = {}) => {
   return Object.fromEntries(filterTokenSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
 const filterTokenVariantKeys = [];
-const getVariantProps$j = (variants) => ({ ...filterTokenDefaultVariants, ...compact(variants) });
+const getVariantProps$k = (variants) => ({ ...filterTokenDefaultVariants, ...compact(variants) });
 const filterToken = /* @__PURE__ */ Object.assign(filterTokenFn, {
   __recipe__: false,
   __name__: "filterToken",
@@ -2624,7 +2624,7 @@ const filterToken = /* @__PURE__ */ Object.assign(filterTokenFn, {
   splitVariantProps(props) {
     return splitProps$1(props, filterTokenVariantKeys);
   },
-  getVariantProps: getVariantProps$j
+  getVariantProps: getVariantProps$k
 });
 const formFieldDefaultVariants = {
   "layout": "default",
@@ -2653,7 +2653,7 @@ const formFieldVariantKeys = [
   "layout",
   "size"
 ];
-const getVariantProps$i = (variants) => ({ ...formFieldDefaultVariants, ...compact(variants) });
+const getVariantProps$j = (variants) => ({ ...formFieldDefaultVariants, ...compact(variants) });
 const formField = /* @__PURE__ */ Object.assign(formFieldFn, {
   __recipe__: false,
   __name__: "formField",
@@ -2675,7 +2675,7 @@ const formField = /* @__PURE__ */ Object.assign(formFieldFn, {
   splitVariantProps(props) {
     return splitProps$1(props, formFieldVariantKeys);
   },
-  getVariantProps: getVariantProps$i
+  getVariantProps: getVariantProps$j
 });
 const iconButtonDefaultVariants = {
   "variant": "standard",
@@ -2704,7 +2704,7 @@ const iconButtonVariantKeys = [
   "variant",
   "size"
 ];
-const getVariantProps$h = (variants) => ({ ...iconButtonDefaultVariants, ...compact(variants) });
+const getVariantProps$i = (variants) => ({ ...iconButtonDefaultVariants, ...compact(variants) });
 const iconButton = /* @__PURE__ */ Object.assign(iconButtonFn, {
   __recipe__: false,
   __name__: "iconButton",
@@ -2732,7 +2732,7 @@ const iconButton = /* @__PURE__ */ Object.assign(iconButtonFn, {
   splitVariantProps(props) {
     return splitProps$1(props, iconButtonVariantKeys);
   },
-  getVariantProps: getVariantProps$h
+  getVariantProps: getVariantProps$i
 });
 const inlineNoteDefaultVariants = {
   "tone": "info"
@@ -2759,7 +2759,7 @@ const inlineNoteFn = memo((props = {}) => {
 const inlineNoteVariantKeys = [
   "tone"
 ];
-const getVariantProps$g = (variants) => ({ ...inlineNoteDefaultVariants, ...compact(variants) });
+const getVariantProps$h = (variants) => ({ ...inlineNoteDefaultVariants, ...compact(variants) });
 const inlineNote = /* @__PURE__ */ Object.assign(inlineNoteFn, {
   __recipe__: false,
   __name__: "inlineNote",
@@ -2778,7 +2778,7 @@ const inlineNote = /* @__PURE__ */ Object.assign(inlineNoteFn, {
   splitVariantProps(props) {
     return splitProps$1(props, inlineNoteVariantKeys);
   },
-  getVariantProps: getVariantProps$g
+  getVariantProps: getVariantProps$h
 });
 const kbdDefaultVariants = {
   "variant": "default"
@@ -2801,7 +2801,7 @@ const kbdFn = memo((props = {}) => {
 const kbdVariantKeys = [
   "variant"
 ];
-const getVariantProps$f = (variants) => ({ ...kbdDefaultVariants, ...compact(variants) });
+const getVariantProps$g = (variants) => ({ ...kbdDefaultVariants, ...compact(variants) });
 const kbd = /* @__PURE__ */ Object.assign(kbdFn, {
   __recipe__: false,
   __name__: "kbd",
@@ -2817,7 +2817,7 @@ const kbd = /* @__PURE__ */ Object.assign(kbdFn, {
   splitVariantProps(props) {
     return splitProps$1(props, kbdVariantKeys);
   },
-  getVariantProps: getVariantProps$f
+  getVariantProps: getVariantProps$g
 });
 const listItemGroupDefaultVariants = {
   "density": "compact"
@@ -2844,7 +2844,7 @@ const listItemGroupFn = memo((props = {}) => {
 const listItemGroupVariantKeys = [
   "density"
 ];
-const getVariantProps$e = (variants) => ({ ...listItemGroupDefaultVariants, ...compact(variants) });
+const getVariantProps$f = (variants) => ({ ...listItemGroupDefaultVariants, ...compact(variants) });
 const listItemGroup = /* @__PURE__ */ Object.assign(listItemGroupFn, {
   __recipe__: false,
   __name__: "listItemGroup",
@@ -2861,7 +2861,7 @@ const listItemGroup = /* @__PURE__ */ Object.assign(listItemGroupFn, {
   splitVariantProps(props) {
     return splitProps$1(props, listItemGroupVariantKeys);
   },
-  getVariantProps: getVariantProps$e
+  getVariantProps: getVariantProps$f
 });
 const listItemDefaultVariants = {
   "variant": "default",
@@ -2921,7 +2921,7 @@ const listItemVariantKeys = [
   "iconBefore",
   "iconAfter"
 ];
-const getVariantProps$d = (variants) => ({ ...listItemDefaultVariants, ...compact(variants) });
+const getVariantProps$e = (variants) => ({ ...listItemDefaultVariants, ...compact(variants) });
 const listItem = /* @__PURE__ */ Object.assign(listItemFn, {
   __recipe__: false,
   __name__: "listItem",
@@ -2956,7 +2956,7 @@ const listItem = /* @__PURE__ */ Object.assign(listItemFn, {
   splitVariantProps(props) {
     return splitProps$1(props, listItemVariantKeys);
   },
-  getVariantProps: getVariantProps$d
+  getVariantProps: getVariantProps$e
 });
 const menuDefaultVariants = {
   "density": "compact",
@@ -3003,7 +3003,7 @@ const menuVariantKeys = [
   "panel",
   "scrollable"
 ];
-const getVariantProps$c = (variants) => ({ ...menuDefaultVariants, ...compact(variants) });
+const getVariantProps$d = (variants) => ({ ...menuDefaultVariants, ...compact(variants) });
 const menu = /* @__PURE__ */ Object.assign(menuFn, {
   __recipe__: false,
   __name__: "menu",
@@ -3030,7 +3030,7 @@ const menu = /* @__PURE__ */ Object.assign(menuFn, {
   splitVariantProps(props) {
     return splitProps$1(props, menuVariantKeys);
   },
-  getVariantProps: getVariantProps$c
+  getVariantProps: getVariantProps$d
 });
 const modalDefaultVariants = {
   "size": "md",
@@ -3079,7 +3079,7 @@ const modalVariantKeys = [
   "size",
   "position"
 ];
-const getVariantProps$b = (variants) => ({ ...modalDefaultVariants, ...compact(variants) });
+const getVariantProps$c = (variants) => ({ ...modalDefaultVariants, ...compact(variants) });
 const modal = /* @__PURE__ */ Object.assign(modalFn, {
   __recipe__: false,
   __name__: "modal",
@@ -3103,7 +3103,7 @@ const modal = /* @__PURE__ */ Object.assign(modalFn, {
   splitVariantProps(props) {
     return splitProps$1(props, modalVariantKeys);
   },
-  getVariantProps: getVariantProps$b
+  getVariantProps: getVariantProps$c
 });
 const pageBannerDefaultVariants = {
   "tone": "info"
@@ -3138,7 +3138,7 @@ const pageBannerFn = memo((props = {}) => {
 const pageBannerVariantKeys = [
   "tone"
 ];
-const getVariantProps$a = (variants) => ({ ...pageBannerDefaultVariants, ...compact(variants) });
+const getVariantProps$b = (variants) => ({ ...pageBannerDefaultVariants, ...compact(variants) });
 const pageBanner = /* @__PURE__ */ Object.assign(pageBannerFn, {
   __recipe__: false,
   __name__: "pageBanner",
@@ -3157,7 +3157,7 @@ const pageBanner = /* @__PURE__ */ Object.assign(pageBannerFn, {
   splitVariantProps(props) {
     return splitProps$1(props, pageBannerVariantKeys);
   },
-  getVariantProps: getVariantProps$a
+  getVariantProps: getVariantProps$b
 });
 const popoverDefaultVariants = {
   "size": "md",
@@ -3217,7 +3217,7 @@ const popoverVariantKeys = [
   "size",
   "tone"
 ];
-const getVariantProps$9 = (variants) => ({ ...popoverDefaultVariants, ...compact(variants) });
+const getVariantProps$a = (variants) => ({ ...popoverDefaultVariants, ...compact(variants) });
 const popover = /* @__PURE__ */ Object.assign(popoverFn, {
   __recipe__: false,
   __name__: "popover",
@@ -3249,6 +3249,56 @@ const popover = /* @__PURE__ */ Object.assign(popoverFn, {
   splitVariantProps(props) {
     return splitProps$1(props, popoverVariantKeys);
   },
+  getVariantProps: getVariantProps$a
+});
+const printPreviewDefaultVariants = {};
+const printPreviewCompoundVariants = [];
+const printPreviewSlotNames = [
+  [
+    "root",
+    "printPreview__root"
+  ],
+  [
+    "stack",
+    "printPreview__stack"
+  ],
+  [
+    "page",
+    "printPreview__page"
+  ],
+  [
+    "sheet",
+    "printPreview__sheet"
+  ],
+  [
+    "overlay",
+    "printPreview__overlay"
+  ],
+  [
+    "marginArea",
+    "printPreview__marginArea"
+  ],
+  [
+    "margins",
+    "printPreview__margins"
+  ]
+];
+const printPreviewSlotFns = /* @__PURE__ */ printPreviewSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, printPreviewDefaultVariants, getSlotCompoundVariant(printPreviewCompoundVariants, slotName))]);
+const printPreviewFn = memo((props = {}) => {
+  return Object.fromEntries(printPreviewSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
+});
+const printPreviewVariantKeys = [];
+const getVariantProps$9 = (variants) => ({ ...printPreviewDefaultVariants, ...compact(variants) });
+const printPreview = /* @__PURE__ */ Object.assign(printPreviewFn, {
+  __recipe__: false,
+  __name__: "printPreview",
+  raw: (props) => props,
+  classNameMap: {},
+  variantKeys: printPreviewVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps$1(props, printPreviewVariantKeys);
+  },
   getVariantProps: getVariantProps$9
 });
 const radioDefaultVariants = {};
@@ -24038,6 +24088,216 @@ const PageBanner = (props) => {
     }
   );
 };
+const CSS_PIXELS_PER_UNIT = {
+  in: 96,
+  mm: 96 / 25.4,
+  pt: 96 / 72
+};
+const toCssPixels = (value, unit) => value * CSS_PIXELS_PER_UNIT[unit];
+const resolvePageBox = (size2, orientation, margins = 0) => {
+  let width = toCssPixels(size2.width, size2.unit);
+  let height = toCssPixels(size2.height, size2.unit);
+  const isLandscape = width > height;
+  if (orientation === "landscape" && !isLandscape || orientation === "portrait" && isLandscape) {
+    [width, height] = [height, width];
+  }
+  const sides = typeof margins === "number" ? { top: margins, right: margins, bottom: margins, left: margins } : margins;
+  return {
+    width,
+    height,
+    margins: {
+      top: toCssPixels(sides.top, size2.unit),
+      right: toCssPixels(sides.right, size2.unit),
+      bottom: toCssPixels(sides.bottom, size2.unit),
+      left: toCssPixels(sides.left, size2.unit)
+    }
+  };
+};
+const computeScale = (fit, available, largestPage) => {
+  if (typeof fit === "number") return fit;
+  if (!available || !largestPage) return null;
+  if (available.width <= 0 || largestPage.width <= 0) return null;
+  const widthScale = available.width / largestPage.width;
+  if (fit === "width") return widthScale;
+  const heightScale = available.height / largestPage.height;
+  return Math.min(widthScale, heightScale);
+};
+const PrintPreviewContext = createContext(null);
+const PrintPageContext = createContext(
+  null
+);
+const PrintPreview = (props) => {
+  const { fit = "page", children, ref, ...rest } = props;
+  const [className, otherProps] = splitProps(rest);
+  const classes = useMemo(() => printPreview(), []);
+  const rootRef = useRef(null);
+  const [available, setAvailable] = useState(null);
+  const [pages, setPages] = useState(() => /* @__PURE__ */ new Map());
+  const setRootRef = useCallback(
+    (node) => {
+      rootRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    },
+    [ref]
+  );
+  useLayoutEffect(() => {
+    const node = rootRef.current;
+    if (!node) return;
+    const measure = () => {
+      const style = getComputedStyle(node);
+      const width = node.clientWidth - parseFloat(style.paddingLeft) - parseFloat(style.paddingRight);
+      const height = node.clientHeight - parseFloat(style.paddingTop) - parseFloat(style.paddingBottom);
+      setAvailable(
+        (current) => (current == null ? void 0 : current.width) === width && current.height === height ? current : { width, height }
+      );
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, []);
+  const registerPage = useCallback((id, size2) => {
+    setPages((current) => {
+      const existing = current.get(id);
+      if ((existing == null ? void 0 : existing.width) === size2.width && existing.height === size2.height) {
+        return current;
+      }
+      const next = new Map(current);
+      next.set(id, size2);
+      return next;
+    });
+  }, []);
+  const unregisterPage = useCallback((id) => {
+    setPages((current) => {
+      if (!current.has(id)) return current;
+      const next = new Map(current);
+      next.delete(id);
+      return next;
+    });
+  }, []);
+  const largestPage = useMemo(() => {
+    if (pages.size === 0) return null;
+    let width = 0;
+    let height = 0;
+    pages.forEach((size2) => {
+      width = Math.max(width, size2.width);
+      height = Math.max(height, size2.height);
+    });
+    return { width, height };
+  }, [pages]);
+  const scale = computeScale(fit, available, largestPage);
+  const contextValue = useMemo(
+    () => ({ scale, registerPage, unregisterPage, classes }),
+    [scale, registerPage, unregisterPage, classes]
+  );
+  return /* @__PURE__ */ jsx(PrintPreviewContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    Box,
+    {
+      ...dsComponent("PrintPreview"),
+      ref: setRootRef,
+      tabIndex: 0,
+      className: cx(classes.root, className),
+      ...otherProps,
+      children: /* @__PURE__ */ jsx(Box, { className: classes.stack, children })
+    }
+  ) });
+};
+const PrintPage = (props) => {
+  const {
+    size: size2,
+    orientation,
+    margins,
+    showMargins = false,
+    overlay,
+    children,
+    style,
+    ...rest
+  } = props;
+  const [className, otherProps] = splitProps(rest);
+  const preview = useContext(PrintPreviewContext);
+  const previewClasses = preview == null ? void 0 : preview.classes;
+  const classes = useMemo(
+    () => previewClasses ?? printPreview(),
+    [previewClasses]
+  );
+  const id = useId$1();
+  const { width, height, unit } = size2;
+  const sides = typeof margins === "object" ? margins : {
+    top: margins ?? 0,
+    right: margins ?? 0,
+    bottom: margins ?? 0,
+    left: margins ?? 0
+  };
+  const { top, right, bottom, left } = sides;
+  const pageBox = useMemo(
+    () => resolvePageBox({ width, height, unit }, orientation, {
+      top,
+      right,
+      bottom,
+      left
+    }),
+    [width, height, unit, orientation, top, right, bottom, left]
+  );
+  const registerPage = preview == null ? void 0 : preview.registerPage;
+  const unregisterPage = preview == null ? void 0 : preview.unregisterPage;
+  useLayoutEffect(() => {
+    if (!registerPage || !unregisterPage) return;
+    registerPage(id, { width: pageBox.width, height: pageBox.height });
+    return () => unregisterPage(id);
+  }, [id, pageBox.width, pageBox.height, registerPage, unregisterPage]);
+  const measuring = preview !== null && preview.scale === null;
+  const scale = preview ? preview.scale ?? 1 : 1;
+  const pageContext = useMemo(
+    () => ({ ...pageBox, scale }),
+    [pageBox, scale]
+  );
+  const pageStyle = {
+    "--print-scale": scale,
+    "--print-page-w": `${String(pageBox.width)}px`,
+    "--print-page-h": `${String(pageBox.height)}px`,
+    "--print-margin-top": `${String(pageBox.margins.top)}px`,
+    "--print-margin-right": `${String(pageBox.margins.right)}px`,
+    "--print-margin-bottom": `${String(pageBox.margins.bottom)}px`,
+    "--print-margin-left": `${String(pageBox.margins.left)}px`,
+    ...style
+  };
+  return /* @__PURE__ */ jsx(PrintPageContext.Provider, { value: pageContext, children: /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ...dsComponent("PrintPage"),
+      className: cx(classes.page, className),
+      "data-measuring": measuring || void 0,
+      style: pageStyle,
+      ...otherProps,
+      children: [
+        /* @__PURE__ */ jsxs(Box, { className: classes.sheet, children: [
+          children,
+          overlay !== void 0 && /* @__PURE__ */ jsx(Box, { className: classes.overlay, children: overlay })
+        ] }),
+        showMargins && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Box, { className: classes.marginArea, "aria-hidden": true }),
+          /* @__PURE__ */ jsx(Box, { className: classes.margins, "aria-hidden": true })
+        ] })
+      ]
+    }
+  ) });
+};
+const pageSizes = {
+  letter: { width: 8.5, height: 11, unit: "in" },
+  legal: { width: 8.5, height: 14, unit: "in" },
+  tabloid: { width: 11, height: 17, unit: "in" },
+  halfLetter: { width: 5.5, height: 8.5, unit: "in" },
+  a3: { width: 297, height: 420, unit: "mm" },
+  a4: { width: 210, height: 297, unit: "mm" },
+  a5: { width: 148, height: 210, unit: "mm" },
+  a6: { width: 105, height: 148, unit: "mm" },
+  label4x6: { width: 4, height: 6, unit: "in" },
+  label4x3: { width: 4, height: 3, unit: "in" },
+  label4x2: { width: 4, height: 2, unit: "in" },
+  label3x2: { width: 3, height: 2, unit: "in" },
+  label2x1: { width: 2, height: 1, unit: "in" }
+};
 const Radio = (props) => {
   const fieldContext = useFieldContext();
   const {
@@ -27299,6 +27559,13 @@ const PopoverArrow = (props) => {
     }
   );
 };
+const usePrintPage = () => {
+  const context2 = useContext(PrintPageContext);
+  if (!context2) {
+    throw new Error("usePrintPage must be used within a <PrintPage>");
+  }
+  return context2;
+};
 const useToast = () => useToastApi();
 export {
   Alert,
@@ -27375,6 +27642,8 @@ export {
   PopoverMedia,
   PopoverTitle,
   PopoverTrigger,
+  PrintPage,
+  PrintPreview,
   Radio,
   RadioGroup,
   RadioInput,
@@ -27413,6 +27682,7 @@ export {
   getHighlightedTextParts,
   hasMatchingItems,
   isItemMatch,
+  pageSizes,
   splitProps,
   useChipGroup,
   useClipboard,
@@ -27430,6 +27700,7 @@ export {
   useModalWrapperContext,
   useOverflowItems,
   usePopoverContext,
+  usePrintPage,
   useTabPanelActive,
   useTabsContext,
   useTheme,