@mage-ui/preset 0.0.99 → 1.0.2

package/dist/recipes/navigations/menu/menu-target-button.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`menu__target__button`,jsx:[`Menu`],base:{"--button-font-family":`unset`,"--button-font-size":`unset`,"--button-font-weight":`unset`,"--button-height":`auto`,"--button-padding-inline":`{spacing.0}`,"--button-gap":`{spacing.0}`,"--button-focus-outline-width":`{borders.200}`,"--button-focus-outline-style":`solid`,"--button-focus-outline-offset":`{spacing.50}`,"--button-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--button-focus-shadow":`none`,"--button-background":`transparent`,"--button-foreground":`inherit`,"--button-radii":`{radii.100}`,"--button-border-color":`transparent`,"--button-border-width":`{borders.0}`,"--button-background-hover":`transparent`,"--button-foreground-hover":`inherit`,"--button-border-color-hover":`transparent`,"--button-inner-gap":`{spacing.0}`}});export{t as menuTargetButton};
+//# sourceMappingURL=menu-target-button.mjs.map

package/dist/recipes/navigations/menu/menu-target-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-target-button.mjs","names":[],"sources":["../../../../src/recipes/navigations/menu/menu-target-button.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const menuTargetButton = defineRecipe({\n  className: 'menu__target__button',\n  jsx: ['Menu'],\n  base: {\n    '--button-font-family': 'unset',\n    '--button-font-size': 'unset',\n    '--button-font-weight': 'unset',\n    '--button-height': 'auto',\n    '--button-padding-inline': '{spacing.0}',\n    '--button-gap': '{spacing.0}',\n    '--button-focus-outline-width': '{borders.200}',\n    '--button-focus-outline-style': 'solid',\n    '--button-focus-outline-offset': '{spacing.50}',\n    '--button-focus-outline-color': '{colors.primary.stroke.1.focused}',\n    '--button-focus-shadow': 'none',\n    '--button-background': 'transparent',\n    '--button-foreground': 'inherit',\n    '--button-radii': '{radii.100}',\n    '--button-border-color': 'transparent',\n    '--button-border-width': '{borders.0}',\n    '--button-background-hover': 'transparent',\n    '--button-foreground-hover': 'inherit',\n    '--button-border-color-hover': 'transparent',\n    '--button-inner-gap': '{spacing.0}',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,uBACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,uBAAwB,QACxB,qBAAsB,QACtB,uBAAwB,QACxB,kBAAmB,OACnB,0BAA2B,cAC3B,eAAgB,cAChB,+BAAgC,gBAChC,+BAAgC,QAChC,gCAAiC,eACjC,+BAAgC,oCAChC,wBAAyB,OACzB,sBAAuB,cACvB,sBAAuB,UACvB,iBAAkB,cAClB,wBAAyB,cACzB,wBAAyB,cACzB,4BAA6B,cAC7B,4BAA6B,UAC7B,8BAA+B,cAC/B,qBAAsB,cACvB,CACF,CAAC"}

package/dist/recipes/navigations/menu/menu.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`menu`,jsx:[`Menu`],base:{"--mantine-scale":`1`,"--menu-background":`{colors.neutral.background.1.enabled}`,"--menu-border-width":`1px`,"--menu-border-style":`solid`,"--menu-border-color":`{colors.neutral.stroke.7.enabled}`,"--menu-padding-inline":`{spacing.200}`,"--menu-padding-block":`{spacing.200}`,"--menu-radii":`{radii.200}`,"--menu-gap":`{spacing.100}`,"--menu-margin-top":`{spacing.0}`,"--menu-width":`max-content`,"--menu-item-justify-content":`space-between`,"--menu-item-align-items":`center`,"--menu-item-gap":`{spacing.200}`,"--menu-item-font-family":`{fonts.base}`,"--menu-item-font-size":`{fontSizes.300}`,"--menu-item-line-height":`{lineHeights.400}`,"--menu-item-padding-inline":`{spacing.200}`,"--menu-item-padding-block":`{spacing.100}`,"--menu-item-radii":`{radii.100}`,"--menu-item-background":`transparent`,"--menu-item-foreground":`{colors.neutral.foreground.1.enabled}`,"--menu-item-transition":`{animations.base.100}`,"--menu-item-background-hover":`{colors.neutral.background.2.hovered}`,"--menu-item-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--menu-item-background-selected":`{colors.neutral.background.1.brand.selected}`,"--menu-item-foreground-selected":`{colors.neutral.foreground.1.onBrand.selected}`,"--menu-item-background-active":`{colors.neutral.background.1.brand.selected}`,"--menu-item-foreground-active":`{colors.neutral.foreground.1.onBrand.selected}`,"--menu-item-label-text-align":`left`,"--menu-divider-border-top-width":`{borders.100}`,"--menu-divider-border-top-style":`solid`,"--menu-divider-border-top-color":`{colors.neutral.foreground.1.enabled}`,"--menu-divider-margin-inline":`0`,"--menu-divider-margin-block":`{borders.100}`,"--menu-divider-border-image-slice":`1`,"--menu-divider-border-image-source":`none`}});export{t as menu};
+//# sourceMappingURL=menu.mjs.map

package/dist/recipes/navigations/menu/menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.mjs","names":[],"sources":["../../../../src/recipes/navigations/menu/menu.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const menu = defineRecipe({\n  className: 'menu',\n  jsx: ['Menu'],\n  base: {\n    '--mantine-scale': '1', // For Mantine width prop\n\n    '--menu-background': '{colors.neutral.background.1.enabled}',\n    '--menu-border-width': '1px',\n    '--menu-border-style': 'solid',\n    '--menu-border-color': '{colors.neutral.stroke.7.enabled}',\n    '--menu-padding-inline': '{spacing.200}',\n    '--menu-padding-block': '{spacing.200}',\n    '--menu-radii': '{radii.200}',\n    '--menu-gap': '{spacing.100}',\n    '--menu-margin-top': '{spacing.0}',\n    '--menu-width': 'max-content',\n\n    '--menu-item-justify-content': 'space-between',\n    '--menu-item-align-items': 'center',\n    '--menu-item-gap': '{spacing.200}',\n    '--menu-item-font-family': '{fonts.base}',\n    '--menu-item-font-size': '{fontSizes.300}',\n    '--menu-item-line-height': '{lineHeights.400}',\n    '--menu-item-padding-inline': '{spacing.200}',\n    '--menu-item-padding-block': '{spacing.100}',\n    '--menu-item-radii': '{radii.100}',\n    '--menu-item-background': 'transparent',\n    '--menu-item-foreground': '{colors.neutral.foreground.1.enabled}',\n    '--menu-item-transition': '{animations.base.100}',\n    '--menu-item-background-hover': '{colors.neutral.background.2.hovered}',\n    '--menu-item-foreground-hover': '{colors.neutral.foreground.1.hovered}',\n    '--menu-item-background-selected':\n      '{colors.neutral.background.1.brand.selected}',\n    '--menu-item-foreground-selected':\n      '{colors.neutral.foreground.1.onBrand.selected}',\n    '--menu-item-background-active':\n      '{colors.neutral.background.1.brand.selected}',\n    '--menu-item-foreground-active':\n      '{colors.neutral.foreground.1.onBrand.selected}',\n\n    '--menu-item-label-text-align': 'left',\n\n    '--menu-divider-border-top-width': '{borders.100}',\n    '--menu-divider-border-top-style': 'solid',\n    '--menu-divider-border-top-color':\n      '{colors.neutral.foreground.1.enabled}',\n    '--menu-divider-margin-inline': '0',\n    '--menu-divider-margin-block': '{borders.100}',\n    '--menu-divider-border-image-slice': '1',\n    '--menu-divider-border-image-source': 'none',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAO,EAAa,CAC/B,UAAW,OACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,kBAAmB,IAEnB,oBAAqB,wCACrB,sBAAuB,MACvB,sBAAuB,QACvB,sBAAuB,oCACvB,wBAAyB,gBACzB,uBAAwB,gBACxB,eAAgB,cAChB,aAAc,gBACd,oBAAqB,cACrB,eAAgB,cAEhB,8BAA+B,gBAC/B,0BAA2B,SAC3B,kBAAmB,gBACnB,0BAA2B,eAC3B,wBAAyB,kBACzB,0BAA2B,oBAC3B,6BAA8B,gBAC9B,4BAA6B,gBAC7B,oBAAqB,cACrB,yBAA0B,cAC1B,yBAA0B,wCAC1B,yBAA0B,wBAC1B,+BAAgC,wCAChC,+BAAgC,wCAChC,kCACE,+CACF,kCACE,iDACF,gCACE,+CACF,gCACE,iDAEF,+BAAgC,OAEhC,kCAAmC,gBACnC,kCAAmC,QACnC,kCACE,wCACF,+BAAgC,IAChC,8BAA+B,gBAC/B,oCAAqC,IACrC,qCAAsC,OACvC,CACF,CAAC"}

package/dist/recipes/overlays/index.mjs

@@ -0,0 +1,2 @@
+import e from"./modal/index.mjs";import t from"./modal-alert/index.mjs";import n from"./modal-confirm/index.mjs";import r from"./tooltip/index.mjs";var i={...e,...t,...n,...r};export{i as default};
+//# sourceMappingURL=index.mjs.map

package/dist/recipes/overlays/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["modal","modalAlert","modalConfirm","tooltip"],"sources":["../../../src/recipes/overlays/index.ts"],"sourcesContent":["import modal from './modal';\nimport modalAlert from './modal-alert';\nimport modalConfirm from './modal-confirm';\nimport tooltip from './tooltip';\n\nexport default {\n  ...modal,\n  ...modalAlert,\n  ...modalConfirm,\n  ...tooltip,\n};\n"],"mappings":"oJAKA,IAAA,EAAe,CACb,GAAGA,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACJ"}

package/dist/recipes/overlays/modal/index.mjs

@@ -0,0 +1,2 @@
+import{modal as e}from"./modal.mjs";import{modalRoot as t}from"./modal-root.mjs";import{modalOverlay as n}from"./modal-overlay.mjs";import{modalInner as r}from"./modal-inner.mjs";import{modalContent as i}from"./modal-content.mjs";import{modalHeader as a}from"./modal-header.mjs";import{modalTitle as o}from"./modal-title.mjs";import{modalBody as s}from"./modal-body.mjs";import{modalClose as c}from"./modal-close.mjs";import{modalFooter as l}from"./modal-footer.mjs";var u={modal:e,modalRoot:t,modalOverlay:n,modalInner:r,modalContent:i,modalHeader:a,modalTitle:o,modalBody:s,modalClose:c,modalFooter:l};export{u as default};
+//# sourceMappingURL=index.mjs.map

package/dist/recipes/overlays/modal/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/index.ts"],"sourcesContent":["import { modal } from './modal';\nimport { modalRoot } from './modal-root';\nimport { modalOverlay } from './modal-overlay';\nimport { modalInner } from './modal-inner';\nimport { modalContent } from './modal-content';\nimport { modalHeader } from './modal-header';\nimport { modalTitle } from './modal-title';\nimport { modalBody } from './modal-body';\nimport { modalClose } from './modal-close';\nimport { modalFooter } from './modal-footer';\n\nexport default {\n  modal,\n  modalRoot,\n  modalOverlay,\n  modalInner,\n  modalContent,\n  modalHeader,\n  modalTitle,\n  modalBody,\n  modalClose,\n  modalFooter,\n};"],"mappings":"mdAWA,IAAA,EAAe,CACb,QACA,YACA,eACA,aACA,eACA,cACA,aACA,YACA,aACA,cACD"}

package/dist/recipes/overlays/modal/modal-body.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__body`,jsx:[`Modal`],base:{display:`grid`,gridTemplateColumns:`minmax(0, 1fr)`,gap:`var(--modal-body-gap, {spacing.600})`,paddingInlineStart:`var(--modal-body-padding-inline-start, {spacing.0})`,paddingInlineEnd:`var(--modal-body-padding-inline-end, {spacing.500})`,paddingBlockStart:`var(--modal-body-padding-block-start, {spacing.500})`,paddingBlockEnd:`var(--modal-body-padding-block-end, {spacing.500})`}});export{t as modalBody};
+//# sourceMappingURL=modal-body.mjs.map

package/dist/recipes/overlays/modal/modal-body.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-body.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-body.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalBody = defineRecipe({\n  className: 'modal__body',\n  jsx: ['Modal'],\n  base: {\n    display: 'grid',\n    gridTemplateColumns: 'minmax(0, 1fr)',\n    gap: 'var(--modal-body-gap, {spacing.600})',\n    paddingInlineStart: 'var(--modal-body-padding-inline-start, {spacing.0})',\n    paddingInlineEnd: 'var(--modal-body-padding-inline-end, {spacing.500})',\n    paddingBlockStart: 'var(--modal-body-padding-block-start, {spacing.500})',\n    paddingBlockEnd: 'var(--modal-body-padding-block-end, {spacing.500})',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,cACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,OACT,oBAAqB,iBACrB,IAAK,uCACL,mBAAoB,sDACpB,iBAAkB,sDAClB,kBAAmB,uDACnB,gBAAiB,qDAClB,CACF,CAAC"}

package/dist/recipes/overlays/modal/modal-close.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__close`,jsx:[`Modal`],base:{backgroundColor:`var(--modal-close-background, transparent)`,color:`var(--modal-close-foreground, {colors.neutral.foreground.3.enabled})`,fontSize:`var(--modal-close-font-size, {fontSizes.300})`,alignSelf:`flex-start`,display:`flex`,justifyContent:`center`,alignItems:`center`,position:`relative`,width:`var(--modal-close-size)`,height:`var(--modal-close-size)`,minWidth:`var(--modal-close-size)`,minHeight:`var(--modal-close-size)`,borderWidth:`var(--modal-close-border-width, {borders.0})`,borderStyle:`var(--modal-close-border-style, solid)`,borderColor:`var(--modal-close-border-color, transparent)`,padding:`var(--modal-close-padding)`,borderRadius:`var(--modal-close-radii)`,cursor:`pointer`,userSelect:`none`,appearance:`none`,touchAction:`manipulation`,_hover:{backgroundColor:`var(--modal-close-background-hovered, {colors.neutral.background.1.hovered})`,color:`var(--modal-close-foreground-hovered, {colors.neutral.foreground.3.hovered})`}}});export{t as modalClose};
+//# sourceMappingURL=modal-close.mjs.map

package/dist/recipes/overlays/modal/modal-close.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-close.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-close.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalClose = defineRecipe({\n  className: 'modal__close',\n  jsx: ['Modal'],\n  base: {\n    backgroundColor: 'var(--modal-close-background, transparent)',\n    color: 'var(--modal-close-foreground, {colors.neutral.foreground.3.enabled})',\n    fontSize: 'var(--modal-close-font-size, {fontSizes.300})',\n    alignSelf: 'flex-start',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    position: 'relative',\n    width: 'var(--modal-close-size)',\n    height: 'var(--modal-close-size)',\n    minWidth: 'var(--modal-close-size)',\n    minHeight: 'var(--modal-close-size)',\n    borderWidth: 'var(--modal-close-border-width, {borders.0})',\n    borderStyle: 'var(--modal-close-border-style, solid)',\n    borderColor: 'var(--modal-close-border-color, transparent)',\n    padding: 'var(--modal-close-padding)',\n    borderRadius: 'var(--modal-close-radii)',\n    cursor: 'pointer',\n    userSelect: 'none',\n    appearance: 'none',\n    touchAction: 'manipulation',\n    _hover: {\n      backgroundColor: 'var(--modal-close-background-hovered, {colors.neutral.background.1.hovered})',\n      color: 'var(--modal-close-foreground-hovered, {colors.neutral.foreground.3.hovered})',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,gBAAiB,6CACjB,MAAO,uEACP,SAAU,gDACV,UAAW,aACX,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,SAAU,WACV,MAAO,0BACP,OAAQ,0BACR,SAAU,0BACV,UAAW,0BACX,YAAa,+CACb,YAAa,yCACb,YAAa,+CACb,QAAS,6BACT,aAAc,2BACd,OAAQ,UACR,WAAY,OACZ,WAAY,OACZ,YAAa,eACb,OAAQ,CACN,gBAAiB,+EACjB,MAAO,+EACR,CACF,CACF,CAAC"}

package/dist/recipes/overlays/modal/modal-content.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__content`,jsx:[`Modal`],base:{display:`grid`,gridTemplateColumns:`minmax(0, 1fr)`,gap:`var(--modal-content-gap, var(--modal-body-gap, {spacing.600}))`,backgroundColor:`var(--modal-content-background)`,flex:`var(--modal-content-flex, 0 0 var(--modal-size))`,width:`var(--modal-content-width, var(--modal-size))`,height:`var(--modal-content-height, auto)`,minWidth:`var(--modal-content-min-width, 33.75rem)`,maxWidth:`var(--modal-content-max-width, 33.75rem)`,maxHeight:`var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))`,overflowY:`auto`,borderRadius:`var(--modal-content-radii)`,borderWidth:`var(--modal-content-border-width)`,borderStyle:`var(--modal-content-border-style)`,borderColor:`var(--modal-content-border-color)`,boxShadow:`var(--modal-content-shadow)`,touchAction:`manipulation`,pointerEvents:`all`}});export{t as modalContent};
+//# sourceMappingURL=modal-content.mjs.map

package/dist/recipes/overlays/modal/modal-content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-content.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-content.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalContent = defineRecipe({\n  className: 'modal__content',\n  jsx: ['Modal'],\n  base: {\n    display: 'grid',\n    gridTemplateColumns: 'minmax(0, 1fr)',\n    gap: 'var(--modal-content-gap, var(--modal-body-gap, {spacing.600}))',\n    backgroundColor: 'var(--modal-content-background)',\n    flex: 'var(--modal-content-flex, 0 0 var(--modal-size))',\n    width: 'var(--modal-content-width, var(--modal-size))',\n    height: 'var(--modal-content-height, auto)',\n    minWidth: 'var(--modal-content-min-width, 33.75rem)',\n    maxWidth: 'var(--modal-content-max-width, 33.75rem)',\n    maxHeight: 'var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))',\n    overflowY: 'auto',\n    borderRadius: 'var(--modal-content-radii)',\n    borderWidth: 'var(--modal-content-border-width)',\n    borderStyle: 'var(--modal-content-border-style)',\n    borderColor: 'var(--modal-content-border-color)',\n    boxShadow: 'var(--modal-content-shadow)',\n    touchAction: 'manipulation',\n    pointerEvents: 'all',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,OACT,oBAAqB,iBACrB,IAAK,iEACL,gBAAiB,kCACjB,KAAM,mDACN,MAAO,gDACP,OAAQ,oCACR,SAAU,2CACV,SAAU,2CACV,UAAW,4EACX,UAAW,OACX,aAAc,6BACd,YAAa,oCACb,YAAa,oCACb,YAAa,oCACb,UAAW,8BACX,YAAa,eACb,cAAe,MAChB,CACF,CAAC"}

package/dist/recipes/overlays/modal/modal-footer.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__footer`,jsx:[`Modal`],base:{backgroundColor:`var(--modal-footer-background, transparent)`,display:`flex`,justifyContent:`var(--modal-footer-justify-content, flex-end)`,alignItems:`center`,gap:`var(--modal-footer-gap, {spacing.500})`,paddingInlineStart:`var(--modal-footer-padding-inline-start, {spacing.500})`,paddingInlineEnd:`var(--modal-footer-padding-inline-end, {spacing.500})`,paddingBlockStart:`var(--modal-footer-padding-block-start, {spacing.300})`,paddingBlockEnd:`var(--modal-footer-padding-block-end, {spacing.500})`,minHeight:`var(--modal-footer-min-height, unset)`,borderEndStartRadius:`var(--modal-content-radii)`,borderEndEndRadius:`var(--modal-content-radii)`,borderTopWidth:`var(--modal-footer-border-top-width, {borders.0})`,borderTopStyle:`var(--modal-footer-border-top-style, solid)`,borderTopColor:`var(--modal-footer-border-top-color, transparent)`,zIndex:`var(--modal-inner-zindex)`}});export{t as modalFooter};
+//# sourceMappingURL=modal-footer.mjs.map

package/dist/recipes/overlays/modal/modal-footer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-footer.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-footer.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalFooter = defineRecipe({\n  className: 'modal__footer',\n  jsx: ['Modal'],\n  base: {\n    backgroundColor: 'var(--modal-footer-background, transparent)',\n    display: 'flex',\n    justifyContent: 'var(--modal-footer-justify-content, flex-end)',\n    alignItems: 'center',\n    gap: 'var(--modal-footer-gap, {spacing.500})',\n    paddingInlineStart: 'var(--modal-footer-padding-inline-start, {spacing.500})',\n    paddingInlineEnd: 'var(--modal-footer-padding-inline-end, {spacing.500})',\n    paddingBlockStart: 'var(--modal-footer-padding-block-start, {spacing.300})',\n    paddingBlockEnd: 'var(--modal-footer-padding-block-end, {spacing.500})',\n    minHeight: 'var(--modal-footer-min-height, unset)',\n    borderEndStartRadius: 'var(--modal-content-radii)',\n    borderEndEndRadius: 'var(--modal-content-radii)',\n    borderTopWidth: 'var(--modal-footer-border-top-width, {borders.0})',\n    borderTopStyle: 'var(--modal-footer-border-top-style, solid)',\n    borderTopColor: 'var(--modal-footer-border-top-color, transparent)',\n    zIndex: 'var(--modal-inner-zindex)',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,gBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,gBAAiB,8CACjB,QAAS,OACT,eAAgB,gDAChB,WAAY,SACZ,IAAK,yCACL,mBAAoB,0DACpB,iBAAkB,wDAClB,kBAAmB,yDACnB,gBAAiB,uDACjB,UAAW,wCACX,qBAAsB,6BACtB,mBAAoB,6BACpB,eAAgB,oDAChB,eAAgB,8CAChB,eAAgB,oDAChB,OAAQ,4BACT,CACF,CAAC"}

package/dist/recipes/overlays/modal/modal-header.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__header`,jsx:[`Modal`],base:{backgroundColor:`var(--modal-header-background, transparent)`,display:`flex`,justifyContent:`space-between`,alignItems:`center`,gap:`var(--modal-header-gap, {spacing.500})`,position:`sticky`,top:`0`,paddingInlineStart:`var(--modal-header-padding-inline-start, {spacing.500})`,paddingInlineEnd:`var(--modal-header-padding-inline-end, {spacing.500})`,paddingBlockStart:`var(--modal-header-padding-block-start, {spacing.500})`,paddingBlockEnd:`var(--modal-header-padding-block-end, {spacing.0})`,minHeight:`var(--modal-header-min-height, unset)`,borderStartStartRadius:`var(--modal-content-radii)`,borderStartEndRadius:`var(--modal-content-radii)`,borderBottomWidth:`var(--modal-header-border-bottom-width, {borders.0})`,borderBottomStyle:`var(--modal-header-border-bottom-style, solid)`,borderBottomColor:`var(--modal-header-border-bottom-color, transparent)`,zIndex:`1000`,transition:`padding-inline-end .1s`}});export{t as modalHeader};
+//# sourceMappingURL=modal-header.mjs.map

package/dist/recipes/overlays/modal/modal-header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-header.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-header.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalHeader = defineRecipe({\n  className: 'modal__header',\n  jsx: ['Modal'],\n  base: {\n    backgroundColor: 'var(--modal-header-background, transparent)',\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    gap: 'var(--modal-header-gap, {spacing.500})',\n    position: 'sticky',\n    top: '0',\n    paddingInlineStart: 'var(--modal-header-padding-inline-start, {spacing.500})',\n    paddingInlineEnd: 'var(--modal-header-padding-inline-end, {spacing.500})',\n    paddingBlockStart: 'var(--modal-header-padding-block-start, {spacing.500})',\n    paddingBlockEnd: 'var(--modal-header-padding-block-end, {spacing.0})',\n    minHeight: 'var(--modal-header-min-height, unset)',\n    borderStartStartRadius: 'var(--modal-content-radii)',\n    borderStartEndRadius: 'var(--modal-content-radii)',\n    borderBottomWidth: 'var(--modal-header-border-bottom-width, {borders.0})',\n    borderBottomStyle: 'var(--modal-header-border-bottom-style, solid)',\n    borderBottomColor: 'var(--modal-header-border-bottom-color, transparent)',\n    zIndex: '1000',\n    transition: 'padding-inline-end .1s',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,gBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,gBAAiB,8CACjB,QAAS,OACT,eAAgB,gBAChB,WAAY,SACZ,IAAK,yCACL,SAAU,SACV,IAAK,IACL,mBAAoB,0DACpB,iBAAkB,wDAClB,kBAAmB,yDACnB,gBAAiB,qDACjB,UAAW,wCACX,uBAAwB,6BACxB,qBAAsB,6BACtB,kBAAmB,uDACnB,kBAAmB,iDACnB,kBAAmB,uDACnB,OAAQ,OACR,WAAY,yBACb,CACF,CAAC"}

package/dist/recipes/overlays/modal/modal-inner.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__inner`,jsx:[`Modal`],base:{display:`flex`,justifyContent:`center`,alignItems:`var(--modal-inner-align, flex-start)`,paddingBlockStart:`var(--modal-inner-y-offset, var(--modal-y-offset))`,paddingBlockEnd:`var(--modal-inner-y-offset, var(--modal-y-offset))`,paddingInline:`var(--modal-inner-x-offset, var(--modal-x-offset))`,position:`fixed`,width:`100%`,top:`0`,bottom:`0`,zIndex:`var(--modal-inner-zindex)`,pointerEvents:`none`,boxSizing:`border-box`,"[data-centered] &":{alignItems:`center`}}});export{t as modalInner};
+//# sourceMappingURL=modal-inner.mjs.map

package/dist/recipes/overlays/modal/modal-inner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-inner.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-inner.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalInner = defineRecipe({\n  className: 'modal__inner',\n  jsx: ['Modal'],\n  base: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'var(--modal-inner-align, flex-start)',\n    paddingBlockStart: 'var(--modal-inner-y-offset, var(--modal-y-offset))',\n    paddingBlockEnd: 'var(--modal-inner-y-offset, var(--modal-y-offset))',\n    paddingInline: 'var(--modal-inner-x-offset, var(--modal-x-offset))',\n    position: 'fixed',\n    width: '100%',\n    top: '0',\n    bottom: '0',\n    zIndex: 'var(--modal-inner-zindex)',\n    pointerEvents: 'none',\n    boxSizing: 'border-box',\n\n    '[data-centered] &': {\n      alignItems: 'center',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,OACT,eAAgB,SAChB,WAAY,uCACZ,kBAAmB,qDACnB,gBAAiB,qDACjB,cAAe,qDACf,SAAU,QACV,MAAO,OACP,IAAK,IACL,OAAQ,IACR,OAAQ,4BACR,cAAe,OACf,UAAW,aAEX,oBAAqB,CACnB,WAAY,SACb,CACF,CACF,CAAC"}

package/dist/recipes/overlays/modal/modal-overlay.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__overlay`,jsx:[`Modal`],base:{inset:`0`,position:`absolute`,background:`var(--modal-overlay-background, rgba(0, 0, 0, .6))`,backdropFilter:`var(--modal-overlay-filter)`,borderRadius:`var(--modal-overlay-radius, 0)`,zIndex:`var(--modal-overlay-zindex)`,"&:where([data-fixed])":{position:`fixed`}}});export{t as modalOverlay};
+//# sourceMappingURL=modal-overlay.mjs.map

package/dist/recipes/overlays/modal/modal-overlay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-overlay.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-overlay.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalOverlay = defineRecipe({\n  className: 'modal__overlay',\n  jsx: ['Modal'],\n  base: {\n    inset: '0',\n    position: 'absolute',\n    background: 'var(--modal-overlay-background, rgba(0, 0, 0, .6))',\n    backdropFilter: 'var(--modal-overlay-filter)',\n    borderRadius: 'var(--modal-overlay-radius, 0)',\n    zIndex: 'var(--modal-overlay-zindex)',\n    '&:where([data-fixed])': {\n      position: 'fixed',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,MAAO,IACP,SAAU,WACV,WAAY,qDACZ,eAAgB,8BAChB,aAAc,iCACd,OAAQ,8BACR,wBAAyB,CACvB,SAAU,QACX,CACF,CACF,CAAC"}

package/dist/recipes/overlays/modal/modal-root.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__root`,jsx:[`Modal`],base:{}});export{t as modalRoot};
+//# sourceMappingURL=modal-root.mjs.map

package/dist/recipes/overlays/modal/modal-root.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-root.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-root.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalRoot = defineRecipe({\n  className: 'modal__root',\n  jsx: ['Modal'],\n  base: {\n    // only settings\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,cACX,IAAK,CAAC,QAAQ,CACd,KAAM,EAEL,CACF,CAAC"}

package/dist/recipes/overlays/modal/modal-title.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__title`,jsx:[`Modal`],base:{fontFamily:`var(--modal-title-font-family, {fonts.base})`,fontSize:`var(--modal-title-font-size, {fontSizes.700})`,fontWeight:`var(--modal-title-font-weight, {fontWeights.bold})`,lineHeight:`var(--modal-title-line-height, {lineHeights.700})`,color:`var(--modal-title-color, {colors.text.primary})`,display:`flex`,alignItems:`center`,gap:`var(--modal-title-gap, {spacing.200})`,paddingInline:`var(--modal-title-padding-inline, {spacing.0})`,paddingBlock:`var(--modal-title-padding-block, {spacing.0})`,marginInline:`var(--modal-title-margin-inline, {spacing.0})`,marginBlock:`var(--modal-title-margin-block, {spacing.0})`}});export{t as modalTitle};
+//# sourceMappingURL=modal-title.mjs.map

package/dist/recipes/overlays/modal/modal-title.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-title.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-title.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalTitle = defineRecipe({\n  className: 'modal__title',\n  jsx: ['Modal'],\n  base: {\n    fontFamily: 'var(--modal-title-font-family, {fonts.base})',\n    fontSize: 'var(--modal-title-font-size, {fontSizes.700})',\n    fontWeight: 'var(--modal-title-font-weight, {fontWeights.bold})',\n    lineHeight: 'var(--modal-title-line-height, {lineHeights.700})',\n    color: 'var(--modal-title-color, {colors.text.primary})',\n    display: 'flex',\n    alignItems: 'center',\n    gap: 'var(--modal-title-gap, {spacing.200})',\n    paddingInline: 'var(--modal-title-padding-inline, {spacing.0})',\n    paddingBlock: 'var(--modal-title-padding-block, {spacing.0})',\n    marginInline: 'var(--modal-title-margin-inline, {spacing.0})',\n    marginBlock: 'var(--modal-title-margin-block, {spacing.0})',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,WAAY,+CACZ,SAAU,gDACV,WAAY,qDACZ,WAAY,oDACZ,MAAO,kDACP,QAAS,OACT,WAAY,SACZ,IAAK,wCACL,cAAe,iDACf,aAAc,gDACd,aAAc,gDACd,YAAa,+CACd,CACF,CAAC"}

package/dist/recipes/overlays/modal/modal.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal`,jsx:[`Modal`],base:{"--modal-y-offset":`4dvh`,"--modal-x-offset":`4vw`,"--modal-size":`auto`,"--modal-overlay-background":`rgba(0, 0, 0, .6)`,"--modal-overlay-filter":`blur(5px)`,"--modal-overlay-radius":`0`,"--modal-overlay-zindex":`100`,"--modal-inner-align":`flex-start`,"--modal-inner-y-offset":`4dvh`,"--modal-inner-x-offset":`4dvw`,"--modal-inner-zindex":`110`,"--modal-content-background":`{colors.neutral.background.1.enabled}`,"--modal-content-gap":`{spacing.600}`,"--modal-content-flex":`0 0 var(--modal-size)`,"--modal-content-width":`var(--modal-size)`,"--modal-content-height":`auto`,"--modal-content-min-width":`33.75rem`,"--modal-content-max-width":`33.75rem`,"--modal-content-max-height":`calc(100dvh - var(--modal-y-offset) * 2)`,"--modal-content-radii":`{radii.200}`,"--modal-content-border-width":`{borders.100}`,"--modal-content-border-style":`solid`,"--modal-content-border-color":`{colors.neutral.stroke.7.enabled}`,"--modal-content-shadow":`none`,"--modal-header-background":`transparent`,"--modal-header-gap":`{spacing.500}`,"--modal-header-min-height":`unset`,"--modal-header-padding-block-start":`{spacing.500}`,"--modal-header-padding-block-end":`{spacing.0}`,"--modal-header-padding-inline-start":`{spacing.500}`,"--modal-header-padding-inline-end":`{spacing.500}`,"--modal-header-border-bottom-width":`{borders.0}`,"--modal-header-border-bottom-style":`solid`,"--modal-header-border-bottom-color":`transparent`,"--modal-title-font-family":`{fonts.base}`,"--modal-title-foreground":`{colors.neutral.foreground.1.enabled}`,"--modal-title-font-size":`{fontSizes.600}`,"--modal-title-font-weight":`{fontWeights.bold}`,"--modal-title-line-height":`1.2`,"--modal-title-gap":`{spacing.200}`,"--modal-title-padding-inline":`{spacing.0}`,"--modal-title-padding-block":`{spacing.0}`,"--modal-title-margin-inline":`{spacing.0}`,"--modal-title-margin-block":`{spacing.0}`,"--modal-body-gap":`{spacing.600}`,"--modal-body-padding-block-start":`{spacing.0}`,"--modal-body-padding-block-end":`{spacing.500}`,"--modal-body-padding-inline-start":`{spacing.500}`,"--modal-body-padding-inline-end":`{spacing.500}`,"--modal-close-background":`transparent`,"--modal-close-foreground":`{colors.neutral.foreground.3.enabled}`,"--modal-close-size":`{sizes.500}`,"--modal-close-padding":`{spacing.0}`,"--modal-close-radii":`{radii.100}`,"--modal-close-border-width":`{borders.0}`,"--modal-close-border-style":`solid`,"--modal-close-border-color":`transparent`,"--modal-close-font-size":`{fontSizes.300}`,"--modal-close-background-hovered":`{colors.neutral.background.1.hovered}`,"--modal-close-foreground-hovered":`{colors.neutral.foreground.3.hovered}`,"--modal-footer-background":`transparent`,"--modal-footer-justify-content":`flex-end`,"--modal-footer-gap":`{spacing.500}`,"--modal-footer-padding-inline-start":`{spacing.500}`,"--modal-footer-padding-inline-end":`{spacing.500}`,"--modal-footer-padding-block-start":`{spacing.300}`,"--modal-footer-padding-block-end":`{spacing.500}`,"--modal-footer-min-height":`unset`,"--modal-footer-border-top-width":`{borders.0}`,"--modal-footer-border-top-style":`solid`,"--modal-footer-border-top-color":`transparent`}});export{t as modal};
+//# sourceMappingURL=modal.mjs.map

package/dist/recipes/overlays/modal/modal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modal = defineRecipe({\n  className: 'modal',\n  jsx: ['Modal'],\n  base: {\n\n    /* root */\n    '--modal-y-offset': '4dvh',\n    '--modal-x-offset': '4vw',\n    '--modal-size': 'auto',\n\n    /* overlay */\n    '--modal-overlay-background': 'rgba(0, 0, 0, .6)',\n    '--modal-overlay-filter': 'blur(5px)',\n    '--modal-overlay-radius': '0',\n    '--modal-overlay-zindex': '100',\n\n    /* inner */\n    '--modal-inner-align': 'flex-start',\n    '--modal-inner-y-offset': '4dvh',\n    '--modal-inner-x-offset': '4dvw',\n    '--modal-inner-zindex': '110',\n\n    /* content */\n    '--modal-content-background': '{colors.neutral.background.1.enabled}',\n    '--modal-content-gap': '{spacing.600}',\n    '--modal-content-flex': '0 0 var(--modal-size)',\n    '--modal-content-width': 'var(--modal-size)',\n    '--modal-content-height': 'auto',\n    '--modal-content-min-width': '33.75rem',\n    '--modal-content-max-width': '33.75rem',\n    '--modal-content-max-height': 'calc(100dvh - var(--modal-y-offset) * 2)',\n    '--modal-content-radii': '{radii.200}',\n    '--modal-content-border-width': '{borders.100}',\n    '--modal-content-border-style': 'solid',\n    '--modal-content-border-color': '{colors.neutral.stroke.7.enabled}',\n    '--modal-content-shadow': 'none',\n\n    /* header */\n    '--modal-header-background': 'transparent',\n    '--modal-header-gap': '{spacing.500}',\n    '--modal-header-min-height': 'unset',\n    '--modal-header-padding-block-start': '{spacing.500}',\n    '--modal-header-padding-block-end': '{spacing.0}',\n    '--modal-header-padding-inline-start': '{spacing.500}',\n    '--modal-header-padding-inline-end': '{spacing.500}',\n    '--modal-header-border-bottom-width': '{borders.0}',\n    '--modal-header-border-bottom-style': 'solid',\n    '--modal-header-border-bottom-color': 'transparent',    \n\n    /* title */\n    '--modal-title-font-family': '{fonts.base}',\n    '--modal-title-foreground': '{colors.neutral.foreground.1.enabled}',\n    '--modal-title-font-size': '{fontSizes.600}',\n    '--modal-title-font-weight': '{fontWeights.bold}',\n    '--modal-title-line-height': '1.2',\n    '--modal-title-gap': '{spacing.200}',\n    '--modal-title-padding-inline': '{spacing.0}',\n    '--modal-title-padding-block': '{spacing.0}',\n    '--modal-title-margin-inline': '{spacing.0}',\n    '--modal-title-margin-block': '{spacing.0}',\n\n    /* body */\n    '--modal-body-gap': '{spacing.600}',\n    '--modal-body-padding-block-start': '{spacing.0}',\n    '--modal-body-padding-block-end': '{spacing.500}',\n    '--modal-body-padding-inline-start': '{spacing.500}',\n    '--modal-body-padding-inline-end': '{spacing.500}',\n\n    /* close */\n    '--modal-close-background': 'transparent',\n    '--modal-close-foreground': '{colors.neutral.foreground.3.enabled}',\n    '--modal-close-size': '{sizes.500}',\n    '--modal-close-padding': '{spacing.0}',\n    '--modal-close-radii': '{radii.100}',\n    '--modal-close-border-width': '{borders.0}',\n    '--modal-close-border-style': 'solid',\n    '--modal-close-border-color': 'transparent',\n    '--modal-close-font-size': '{fontSizes.300}',\n    '--modal-close-background-hovered': '{colors.neutral.background.1.hovered}',\n    '--modal-close-foreground-hovered': '{colors.neutral.foreground.3.hovered}',\n\n    /* footer */\n    '--modal-footer-background': 'transparent',\n    '--modal-footer-justify-content': 'flex-end',\n    '--modal-footer-gap': '{spacing.500}',\n    '--modal-footer-padding-inline-start': '{spacing.500}',\n    '--modal-footer-padding-inline-end': '{spacing.500}',\n    '--modal-footer-padding-block-start': '{spacing.300}',\n    '--modal-footer-padding-block-end': '{spacing.500}',\n    '--modal-footer-min-height': 'unset',\n    '--modal-footer-border-top-width': '{borders.0}',\n    '--modal-footer-border-top-style': 'solid',\n    '--modal-footer-border-top-color': 'transparent',\n\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"uDAMA,MAAa,EAAQ,EAAa,CAChC,UAAW,QACX,IAAK,CAAC,QAAQ,CACd,KAAM,CAGJ,mBAAoB,OACpB,mBAAoB,MACpB,eAAgB,OAGhB,6BAA8B,oBAC9B,yBAA0B,YAC1B,yBAA0B,IAC1B,yBAA0B,MAG1B,sBAAuB,aACvB,yBAA0B,OAC1B,yBAA0B,OAC1B,uBAAwB,MAGxB,6BAA8B,wCAC9B,sBAAuB,gBACvB,uBAAwB,wBACxB,wBAAyB,oBACzB,yBAA0B,OAC1B,4BAA6B,WAC7B,4BAA6B,WAC7B,6BAA8B,2CAC9B,wBAAyB,cACzB,+BAAgC,gBAChC,+BAAgC,QAChC,+BAAgC,oCAChC,yBAA0B,OAG1B,4BAA6B,cAC7B,qBAAsB,gBACtB,4BAA6B,QAC7B,qCAAsC,gBACtC,mCAAoC,cACpC,sCAAuC,gBACvC,oCAAqC,gBACrC,qCAAsC,cACtC,qCAAsC,QACtC,qCAAsC,cAGtC,4BAA6B,eAC7B,2BAA4B,wCAC5B,0BAA2B,kBAC3B,4BAA6B,qBAC7B,4BAA6B,MAC7B,oBAAqB,gBACrB,+BAAgC,cAChC,8BAA+B,cAC/B,8BAA+B,cAC/B,6BAA8B,cAG9B,mBAAoB,gBACpB,mCAAoC,cACpC,iCAAkC,gBAClC,oCAAqC,gBACrC,kCAAmC,gBAGnC,2BAA4B,cAC5B,2BAA4B,wCAC5B,qBAAsB,cACtB,wBAAyB,cACzB,sBAAuB,cACvB,6BAA8B,cAC9B,6BAA8B,QAC9B,6BAA8B,cAC9B,0BAA2B,kBAC3B,mCAAoC,wCACpC,mCAAoC,wCAGpC,4BAA6B,cAC7B,iCAAkC,WAClC,qBAAsB,gBACtB,sCAAuC,gBACvC,oCAAqC,gBACrC,qCAAsC,gBACtC,mCAAoC,gBACpC,4BAA6B,QAC7B,kCAAmC,cACnC,kCAAmC,QACnC,kCAAmC,cAEpC,CACF,CAAC"}

package/dist/recipes/overlays/modal-alert/index.mjs

@@ -0,0 +1,2 @@
+import{modalAlert as e}from"./modal-alert.mjs";import{modalAlertRoot as t}from"./modal-alert-root.mjs";import{modalAlertOverlay as n}from"./modal-alert-overlay.mjs";import{modalAlertInner as r}from"./modal-alert-inner.mjs";import{modalAlertContent as i}from"./modal-alert-content.mjs";import{modalAlertHeader as a}from"./modal-alert-header.mjs";import{modalAlertTitle as o}from"./modal-alert-title.mjs";import{modalAlertBody as s}from"./modal-alert-body.mjs";import{modalAlertClose as c}from"./modal-alert-close.mjs";import{modalAlertFooter as l}from"./modal-alert-footer.mjs";import{modalAlertButtonConfirm as u}from"./modal-alert-button-confirm.mjs";import{modalAlertButtonConfirmInner as d}from"./modal-alert-button-confirm-inner.mjs";import{modalAlertButtonConfirmLabel as f}from"./modal-alert-button-confirm-label.mjs";import{modalAlertButtonConfirmRoot as p}from"./modal-alert-button-confirm-root.mjs";import{modalAlertButtonConfirmSection as m}from"./modal-alert-button-confirm-section.mjs";var h={modalAlert:e,modalAlertRoot:t,modalAlertOverlay:n,modalAlertInner:r,modalAlertContent:i,modalAlertHeader:a,modalAlertTitle:o,modalAlertBody:s,modalAlertClose:c,modalAlertFooter:l,modalAlertButtonConfirm:u,modalAlertButtonConfirmInner:d,modalAlertButtonConfirmLabel:f,modalAlertButtonConfirmRoot:p,modalAlertButtonConfirmSection:m};export{h as default};
+//# sourceMappingURL=index.mjs.map

package/dist/recipes/overlays/modal-alert/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/index.ts"],"sourcesContent":["import { modalAlert } from './modal-alert';\nimport { modalAlertRoot } from './modal-alert-root';\nimport { modalAlertOverlay } from './modal-alert-overlay';\nimport { modalAlertInner } from './modal-alert-inner';\nimport { modalAlertContent } from './modal-alert-content';\nimport { modalAlertHeader } from './modal-alert-header';\nimport { modalAlertTitle } from './modal-alert-title';\nimport { modalAlertBody } from './modal-alert-body';\nimport { modalAlertClose } from './modal-alert-close';\nimport { modalAlertFooter } from './modal-alert-footer';\nimport { modalAlertButtonConfirm } from './modal-alert-button-confirm';\nimport { modalAlertButtonConfirmInner } from './modal-alert-button-confirm-inner';\nimport { modalAlertButtonConfirmLabel } from './modal-alert-button-confirm-label';\nimport { modalAlertButtonConfirmRoot } from './modal-alert-button-confirm-root';\nimport { modalAlertButtonConfirmSection } from './modal-alert-button-confirm-section';\n\nexport default {\n  modalAlert,\n  modalAlertRoot,\n  modalAlertOverlay,\n  modalAlertInner,\n  modalAlertContent,\n  modalAlertHeader,\n  modalAlertTitle,\n  modalAlertBody,\n  modalAlertClose,\n  modalAlertFooter,\n  modalAlertButtonConfirm,\n  modalAlertButtonConfirmInner,\n  modalAlertButtonConfirmLabel,\n  modalAlertButtonConfirmRoot,\n  modalAlertButtonConfirmSection,\n};"],"mappings":"s+BAgBA,IAAA,EAAe,CACb,aACA,iBACA,oBACA,kBACA,oBACA,mBACA,kBACA,iBACA,kBACA,mBACA,0BACA,+BACA,+BACA,8BACA,iCACD"}

package/dist/recipes/overlays/modal-alert/modal-alert-body.mjs

@@ -0,0 +1,2 @@
+import{modalBody as e}from"../modal/modal-body.mjs";const t=e.merge({className:`modal-alert__body`,jsx:[`ModalAlert`],base:{}});export{t as modalAlertBody};
+//# sourceMappingURL=modal-alert-body.mjs.map

package/dist/recipes/overlays/modal-alert/modal-alert-body.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-alert-body.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/modal-alert-body.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { modalBody } from '../modal/modal-body';\n\nexport const modalAlertBody = modalBody.merge({\n  className: 'modal-alert__body',\n  jsx: ['ModalAlert'],\n  base: {\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"oDAOA,MAAa,EAAiB,EAAU,MAAM,CAC5C,UAAW,oBACX,IAAK,CAAC,aAAa,CACnB,KAAM,EACL,CACF,CAAC"}

package/dist/recipes/overlays/modal-alert/modal-alert-button-confirm-inner.mjs

@@ -0,0 +1,2 @@
+import{buttonInner as e}from"../../buttons/button/button-inner.mjs";const t=e.merge({className:`modal-alert__button-confirm__inner`,jsx:[`ModalAlert`],base:{}});export{t as modalAlertButtonConfirmInner};
+//# sourceMappingURL=modal-alert-button-confirm-inner.mjs.map

package/dist/recipes/overlays/modal-alert/modal-alert-button-confirm-inner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-alert-button-confirm-inner.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/modal-alert-button-confirm-inner.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonInner } from '../../buttons/button/button-inner';\n\nexport const modalAlertButtonConfirmInner = buttonInner.merge({\n  className: 'modal-alert__button-confirm__inner',\n  jsx: ['ModalAlert'],\n  base: {\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"oEAOA,MAAa,EAA+B,EAAY,MAAM,CAC5D,UAAW,qCACX,IAAK,CAAC,aAAa,CACnB,KAAM,EACL,CACF,CAAC"}

package/dist/recipes/overlays/modal-alert/modal-alert-button-confirm-label.mjs

@@ -0,0 +1,2 @@
+import{buttonLabel as e}from"../../buttons/button/button-label.mjs";const t=e.merge({className:`modal-alert__button-confirm__label`,jsx:[`ModalAlert`],base:{}});export{t as modalAlertButtonConfirmLabel};
+//# sourceMappingURL=modal-alert-button-confirm-label.mjs.map

package/dist/recipes/overlays/modal-alert/modal-alert-button-confirm-label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-alert-button-confirm-label.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/modal-alert-button-confirm-label.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonLabel } from '../../buttons/button/button-label';\n\nexport const modalAlertButtonConfirmLabel = buttonLabel.merge({\n  className: 'modal-alert__button-confirm__label',\n  jsx: ['ModalAlert'],\n  base: {\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"oEAOA,MAAa,EAA+B,EAAY,MAAM,CAC5D,UAAW,qCACX,IAAK,CAAC,aAAa,CACnB,KAAM,EACL,CACF,CAAC"}

package/dist/recipes/overlays/modal-alert/modal-alert-button-confirm-root.mjs

@@ -0,0 +1,2 @@
+import{buttonRoot as e}from"../../buttons/button/button-root.mjs";const t=e.merge({className:`modal-alert__button-confirm__root`,jsx:[`ModalAlert`],base:{},variants:{intent:{info:{background:`var(--modal-alert-button-confirm-info-background)`,color:`var(--modal-alert-button-confirm-info-foreground)`,borderColor:`var(--modal-alert-button-confirm-info-border-color)`,"&:hover":{background:`var(--modal-alert-button-confirm-info-background-hover)`,color:`var(--modal-alert-button-confirm-info-foreground-hover)`,borderColor:`var(--modal-alert-button-confirm-info-border-color-hover)`},"&:focus-visible":{outlineColor:`var(--modal-alert-button-confirm-info-focus-outline-color)`}},success:{background:`var(--modal-alert-button-confirm-success-background)`,color:`var(--modal-alert-button-confirm-success-foreground)`,borderColor:`var(--modal-alert-button-confirm-success-border-color)`,"&:hover":{background:`var(--modal-alert-button-confirm-success-background-hover)`,color:`var(--modal-alert-button-confirm-success-foreground-hover)`,borderColor:`var(--modal-alert-button-confirm-success-border-color-hover)`},"&:focus-visible":{outlineColor:`var(--modal-alert-button-confirm-success-focus-outline-color)`}},warning:{background:`var(--modal-alert-button-confirm-warning-background)`,color:`var(--modal-alert-button-confirm-warning-foreground)`,borderColor:`var(--modal-alert-button-confirm-warning-border-color)`,"&:hover":{background:`var(--modal-alert-button-confirm-warning-background-hover)`,color:`var(--modal-alert-button-confirm-warning-foreground-hover)`,borderColor:`var(--modal-alert-button-confirm-warning-border-color-hover)`},"&:focus-visible":{outlineColor:`var(--modal-alert-button-confirm-warning-focus-outline-color)`}},danger:{background:`var(--modal-alert-button-confirm-danger-background)`,color:`var(--modal-alert-button-confirm-danger-foreground)`,borderColor:`var(--modal-alert-button-confirm-danger-border-color)`,"&:hover":{background:`var(--modal-alert-button-confirm-danger-background-hover)`,color:`var(--modal-alert-button-confirm-danger-foreground-hover)`,borderColor:`var(--modal-alert-button-confirm-danger-border-color-hover)`},"&:focus-visible":{outlineColor:`var(--modal-alert-button-confirm-danger-focus-outline-color)`}}}},defaultVariants:{intent:`info`}});export{t as modalAlertButtonConfirmRoot};
+//# sourceMappingURL=modal-alert-button-confirm-root.mjs.map

package/dist/recipes/overlays/modal-alert/modal-alert-button-confirm-root.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-alert-button-confirm-root.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/modal-alert-button-confirm-root.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonRoot } from '../../buttons/button/button-root';\n\nexport const modalAlertButtonConfirmRoot = buttonRoot.merge({\n  className: 'modal-alert__button-confirm__root',\n  jsx: ['ModalAlert'],\n  base: {\n  },\n  variants: {\n    intent: {\n      info: {\n        background:\n          'var(--modal-alert-button-confirm-info-background)',\n        color:\n          'var(--modal-alert-button-confirm-info-foreground)',\n        borderColor:\n          'var(--modal-alert-button-confirm-info-border-color)',\n\n        '&:hover': {\n          background:\n            'var(--modal-alert-button-confirm-info-background-hover)',\n          color:\n            'var(--modal-alert-button-confirm-info-foreground-hover)',\n          borderColor:\n            'var(--modal-alert-button-confirm-info-border-color-hover)',\n        },\n\n        '&:focus-visible': {\n          outlineColor:\n            'var(--modal-alert-button-confirm-info-focus-outline-color)',\n        },\n      },\n\n      success: {\n        background:\n          'var(--modal-alert-button-confirm-success-background)',\n        color:\n          'var(--modal-alert-button-confirm-success-foreground)',\n        borderColor:\n          'var(--modal-alert-button-confirm-success-border-color)',\n\n        '&:hover': {\n          background:\n            'var(--modal-alert-button-confirm-success-background-hover)',\n          color:\n            'var(--modal-alert-button-confirm-success-foreground-hover)',\n          borderColor:\n            'var(--modal-alert-button-confirm-success-border-color-hover)',\n        },\n\n        '&:focus-visible': {\n          outlineColor:\n            'var(--modal-alert-button-confirm-success-focus-outline-color)',\n        },\n      },\n\n      warning: {\n        background:\n          'var(--modal-alert-button-confirm-warning-background)',\n        color:\n          'var(--modal-alert-button-confirm-warning-foreground)',\n        borderColor:\n          'var(--modal-alert-button-confirm-warning-border-color)',\n\n        '&:hover': {\n          background:\n            'var(--modal-alert-button-confirm-warning-background-hover)',\n          color:\n            'var(--modal-alert-button-confirm-warning-foreground-hover)',\n          borderColor:\n            'var(--modal-alert-button-confirm-warning-border-color-hover)',\n        },\n\n        '&:focus-visible': {\n          outlineColor:\n            'var(--modal-alert-button-confirm-warning-focus-outline-color)',\n        },\n      },\n\n      danger: {\n        background:\n          'var(--modal-alert-button-confirm-danger-background)',\n        color:\n          'var(--modal-alert-button-confirm-danger-foreground)',\n        borderColor:\n          'var(--modal-alert-button-confirm-danger-border-color)',\n\n        '&:hover': {\n          background:\n            'var(--modal-alert-button-confirm-danger-background-hover)',\n          color:\n            'var(--modal-alert-button-confirm-danger-foreground-hover)',\n          borderColor:\n            'var(--modal-alert-button-confirm-danger-border-color-hover)',\n        },\n\n        '&:focus-visible': {\n          outlineColor:\n            'var(--modal-alert-button-confirm-danger-focus-outline-color)',\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    intent: 'info',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"kEAOA,MAAa,EAA8B,EAAW,MAAM,CAC1D,UAAW,oCACX,IAAK,CAAC,aAAa,CACnB,KAAM,EACL,CACD,SAAU,CACR,OAAQ,CACN,KAAM,CACJ,WACE,oDACF,MACE,oDACF,YACE,sDAEF,UAAW,CACT,WACE,0DACF,MACE,0DACF,YACE,4DACH,CAED,kBAAmB,CACjB,aACE,6DACH,CACF,CAED,QAAS,CACP,WACE,uDACF,MACE,uDACF,YACE,yDAEF,UAAW,CACT,WACE,6DACF,MACE,6DACF,YACE,+DACH,CAED,kBAAmB,CACjB,aACE,gEACH,CACF,CAED,QAAS,CACP,WACE,uDACF,MACE,uDACF,YACE,yDAEF,UAAW,CACT,WACE,6DACF,MACE,6DACF,YACE,+DACH,CAED,kBAAmB,CACjB,aACE,gEACH,CACF,CAED,OAAQ,CACN,WACE,sDACF,MACE,sDACF,YACE,wDAEF,UAAW,CACT,WACE,4DACF,MACE,4DACF,YACE,8DACH,CAED,kBAAmB,CACjB,aACE,+DACH,CACF,CACF,CACF,CAED,gBAAiB,CACf,OAAQ,OACT,CACF,CAAC"}

package/dist/recipes/overlays/modal-alert/modal-alert-button-confirm-section.mjs

@@ -0,0 +1,2 @@
+import{buttonSection as e}from"../../buttons/button/button-section.mjs";const t=e.merge({className:`modal-alert__button-confirm__section`,jsx:[`ModalAlert`],base:{}});export{t as modalAlertButtonConfirmSection};
+//# sourceMappingURL=modal-alert-button-confirm-section.mjs.map

package/dist/recipes/overlays/modal-alert/modal-alert-button-confirm-section.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-alert-button-confirm-section.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/modal-alert-button-confirm-section.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonSection } from '../../buttons/button/button-section';\n\nexport const modalAlertButtonConfirmSection = buttonSection.merge({\n  className: 'modal-alert__button-confirm__section',\n  jsx: ['ModalAlert'],\n  base: {\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"wEAOA,MAAa,EAAiC,EAAc,MAAM,CAChE,UAAW,uCACX,IAAK,CAAC,aAAa,CACnB,KAAM,EACL,CACF,CAAC"}

package/dist/recipes/overlays/modal-alert/modal-alert-button-confirm.mjs

@@ -0,0 +1,2 @@
+import{button as e}from"../../buttons/button/button.mjs";const t=e.merge({className:`modal-alert__button-confirm`,jsx:[`ModalAlert`],base:{"--button-background":`var(--modal-alert-button-confirm-background, {colors.primary.background.1.hovered})`,"--button-foreground":`var(--modal-alert-button-confirm-foreground, {colors.primary.foreground.1.onBrand.hovered})`,"--button-border-color":`var(--modal-alert-button-confirm-border-color, {colors.primary.stroke.1.hovered})`,"--button-background-hover":`var(--modal-alert-button-confirm-background-hover, {colors.primary.background.1.hovered})`,"--button-foreground-hover":`var(--modal-alert-button-confirm-foreground-hover, {colors.primary.foreground.1.onBrand.hovered})`,"--button-border-color-hover":`var(--modal-alert-button-confirm-border-color-hover, {colors.primary.stroke.1.hovered})`,"--button-focus-outline-color":`var(--modal-alert-button-confirm-focus-outline-color, {colors.primary.stroke.1.focused})`,'[data-intent="info"] &':{"--button-background":`var(--modal-alert-button-confirm-info-background, {colors.primary.background.1.enabled})`,"--button-foreground":`var(--modal-alert-button-confirm-info-foreground, {colors.primary.foreground.1.onBrand.enabled})`,"--button-border-color":`var(--modal-alert-button-confirm-info-border-color, {colors.primary.stroke.1.enabled})`,"--button-background-hover":`var(--modal-alert-button-confirm-info-background-hover, {colors.primary.background.1.hovered})`,"--button-foreground-hover":`var(--modal-alert-button-confirm-info-foreground-hover, {colors.primary.foreground.1.onBrand.hovered})`,"--button-border-color-hover":`var(--modal-alert-button-confirm-info-border-color-hover, {colors.primary.stroke.1.hovered})`,"--button-focus-outline-color":`var(--modal-alert-button-confirm-info-focus-outline-color, {colors.primary.stroke.1.focused})`},'[data-intent="success"] &':{"--button-background":`var(--modal-alert-button-confirm-success-background, {colors.success.background.1.enabled})`,"--button-foreground":`var(--modal-alert-button-confirm-success-foreground, {colors.success.foreground.1.onBrand.enabled})`,"--button-border-color":`var(--modal-alert-button-confirm-success-border-color, {colors.success.stroke.1.enabled})`,"--button-background-hover":`var(--modal-alert-button-confirm-success-background-hover, {colors.success.background.1.hovered})`,"--button-foreground-hover":`var(--modal-alert-button-confirm-success-foreground-hover, {colors.success.foreground.1.onBrand.hovered})`,"--button-border-color-hover":`var(--modal-alert-button-confirm-success-border-color-hover, {colors.success.stroke.1.hovered})`,"--button-focus-outline-color":`var(--modal-alert-button-confirm-success-focus-outline-color, {colors.success.stroke.1.focused})`},'[data-intent="warning"] &':{"--button-background":`var(--modal-alert-button-confirm-warning-background, {colors.warning.background.1.enabled})`,"--button-foreground":`var(--modal-alert-button-confirm-warning-foreground, {colors.warning.foreground.1.onBrand.enabled})`,"--button-border-color":`var(--modal-alert-button-confirm-warning-border-color, {colors.warning.stroke.1.enabled})`,"--button-background-hover":`var(--modal-alert-button-confirm-warning-background-hover, {colors.warning.background.1.hovered})`,"--button-foreground-hover":`var(--modal-alert-button-confirm-warning-foreground-hover, {colors.warning.foreground.1.onBrand.hovered})`,"--button-border-color-hover":`var(--modal-alert-button-confirm-warning-border-color-hover, {colors.warning.stroke.1.hovered})`,"--button-focus-outline-color":`var(--modal-alert-button-confirm-warning-focus-outline-color, {colors.warning.stroke.1.focused})`},'[data-intent="danger"] &':{"--button-background":`var(--modal-alert-button-confirm-danger-background, {colors.danger.background.1.enabled})`,"--button-foreground":`var(--modal-alert-button-confirm-danger-foreground, {colors.danger.foreground.1.onBrand.enabled})`,"--button-border-color":`var(--modal-alert-button-confirm-danger-border-color, {colors.danger.stroke.1.enabled})`,"--button-background-hover":`var(--modal-alert-button-confirm-danger-background-hover, {colors.danger.background.1.hovered})`,"--button-foreground-hover":`var(--modal-alert-button-confirm-danger-foreground-hover, {colors.danger.foreground.1.onBrand.hovered})`,"--button-border-color-hover":`var(--modal-alert-button-confirm-danger-border-color-hover, {colors.danger.stroke.1.hovered})`,"--button-focus-outline-color":`var(--modal-alert-button-confirm-danger-focus-outline-color, {colors.danger.stroke.1.focused})`}}});export{t as modalAlertButtonConfirm};
+//# sourceMappingURL=modal-alert-button-confirm.mjs.map

package/dist/recipes/overlays/modal-alert/modal-alert-button-confirm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-alert-button-confirm.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/modal-alert-button-confirm.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { button } from '../../buttons/button/button';\n\nexport const modalAlertButtonConfirm = button.merge({\n  className: 'modal-alert__button-confirm',\n  jsx: ['ModalAlert'],\n  base: {\n    '--button-background': 'var(--modal-alert-button-confirm-background, {colors.primary.background.1.hovered})',\n    '--button-foreground': 'var(--modal-alert-button-confirm-foreground, {colors.primary.foreground.1.onBrand.hovered})',\n    '--button-border-color': 'var(--modal-alert-button-confirm-border-color, {colors.primary.stroke.1.hovered})',\n\n    '--button-background-hover': 'var(--modal-alert-button-confirm-background-hover, {colors.primary.background.1.hovered})',\n    '--button-foreground-hover': 'var(--modal-alert-button-confirm-foreground-hover, {colors.primary.foreground.1.onBrand.hovered})',\n    '--button-border-color-hover': 'var(--modal-alert-button-confirm-border-color-hover, {colors.primary.stroke.1.hovered})',\n\n    '--button-focus-outline-color': 'var(--modal-alert-button-confirm-focus-outline-color, {colors.primary.stroke.1.focused})',\n\n    '[data-intent=\"info\"] &': {\n      '--button-background': 'var(--modal-alert-button-confirm-info-background, {colors.primary.background.1.enabled})',\n      '--button-foreground': 'var(--modal-alert-button-confirm-info-foreground, {colors.primary.foreground.1.onBrand.enabled})',\n      '--button-border-color': 'var(--modal-alert-button-confirm-info-border-color, {colors.primary.stroke.1.enabled})',\n\n      '--button-background-hover': 'var(--modal-alert-button-confirm-info-background-hover, {colors.primary.background.1.hovered})',\n      '--button-foreground-hover': 'var(--modal-alert-button-confirm-info-foreground-hover, {colors.primary.foreground.1.onBrand.hovered})',\n      '--button-border-color-hover': 'var(--modal-alert-button-confirm-info-border-color-hover, {colors.primary.stroke.1.hovered})',\n\n      '--button-focus-outline-color': 'var(--modal-alert-button-confirm-info-focus-outline-color, {colors.primary.stroke.1.focused})',\n    },\n\n    '[data-intent=\"success\"] &': {\n      '--button-background': 'var(--modal-alert-button-confirm-success-background, {colors.success.background.1.enabled})',\n      '--button-foreground': 'var(--modal-alert-button-confirm-success-foreground, {colors.success.foreground.1.onBrand.enabled})',\n      '--button-border-color': 'var(--modal-alert-button-confirm-success-border-color, {colors.success.stroke.1.enabled})',\n\n      '--button-background-hover': 'var(--modal-alert-button-confirm-success-background-hover, {colors.success.background.1.hovered})',\n      '--button-foreground-hover': 'var(--modal-alert-button-confirm-success-foreground-hover, {colors.success.foreground.1.onBrand.hovered})',\n      '--button-border-color-hover': 'var(--modal-alert-button-confirm-success-border-color-hover, {colors.success.stroke.1.hovered})',\n\n      '--button-focus-outline-color': 'var(--modal-alert-button-confirm-success-focus-outline-color, {colors.success.stroke.1.focused})',\n    },\n\n    '[data-intent=\"warning\"] &': {\n      '--button-background': 'var(--modal-alert-button-confirm-warning-background, {colors.warning.background.1.enabled})',\n      '--button-foreground': 'var(--modal-alert-button-confirm-warning-foreground, {colors.warning.foreground.1.onBrand.enabled})',\n      '--button-border-color': 'var(--modal-alert-button-confirm-warning-border-color, {colors.warning.stroke.1.enabled})',\n\n      '--button-background-hover': 'var(--modal-alert-button-confirm-warning-background-hover, {colors.warning.background.1.hovered})',\n      '--button-foreground-hover': 'var(--modal-alert-button-confirm-warning-foreground-hover, {colors.warning.foreground.1.onBrand.hovered})',\n      '--button-border-color-hover': 'var(--modal-alert-button-confirm-warning-border-color-hover, {colors.warning.stroke.1.hovered})',\n\n      '--button-focus-outline-color': 'var(--modal-alert-button-confirm-warning-focus-outline-color, {colors.warning.stroke.1.focused})',\n    },\n\n    '[data-intent=\"danger\"] &': {\n      '--button-background': 'var(--modal-alert-button-confirm-danger-background, {colors.danger.background.1.enabled})',\n      '--button-foreground': 'var(--modal-alert-button-confirm-danger-foreground, {colors.danger.foreground.1.onBrand.enabled})',\n      '--button-border-color': 'var(--modal-alert-button-confirm-danger-border-color, {colors.danger.stroke.1.enabled})',\n\n      '--button-background-hover': 'var(--modal-alert-button-confirm-danger-background-hover, {colors.danger.background.1.hovered})',\n      '--button-foreground-hover': 'var(--modal-alert-button-confirm-danger-foreground-hover, {colors.danger.foreground.1.onBrand.hovered})',\n      '--button-border-color-hover': 'var(--modal-alert-button-confirm-danger-border-color-hover, {colors.danger.stroke.1.hovered})',\n\n      '--button-focus-outline-color': 'var(--modal-alert-button-confirm-danger-focus-outline-color, {colors.danger.stroke.1.focused})',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"yDAOA,MAAa,EAA0B,EAAO,MAAM,CAClD,UAAW,8BACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,sBAAuB,sFACvB,sBAAuB,8FACvB,wBAAyB,oFAEzB,4BAA6B,4FAC7B,4BAA6B,oGAC7B,8BAA+B,0FAE/B,+BAAgC,2FAEhC,yBAA0B,CACxB,sBAAuB,2FACvB,sBAAuB,mGACvB,wBAAyB,yFAEzB,4BAA6B,iGAC7B,4BAA6B,yGAC7B,8BAA+B,+FAE/B,+BAAgC,gGACjC,CAED,4BAA6B,CAC3B,sBAAuB,8FACvB,sBAAuB,sGACvB,wBAAyB,4FAEzB,4BAA6B,oGAC7B,4BAA6B,4GAC7B,8BAA+B,kGAE/B,+BAAgC,mGACjC,CAED,4BAA6B,CAC3B,sBAAuB,8FACvB,sBAAuB,sGACvB,wBAAyB,4FAEzB,4BAA6B,oGAC7B,4BAA6B,4GAC7B,8BAA+B,kGAE/B,+BAAgC,mGACjC,CAED,2BAA4B,CAC1B,sBAAuB,4FACvB,sBAAuB,oGACvB,wBAAyB,0FAEzB,4BAA6B,kGAC7B,4BAA6B,0GAC7B,8BAA+B,gGAE/B,+BAAgC,iGACjC,CACF,CACF,CAAC"}

package/dist/recipes/overlays/modal-alert/modal-alert-close.mjs

@@ -0,0 +1,2 @@
+import{modalClose as e}from"../modal/modal-close.mjs";const t=e.merge({className:`modal-alert__close`,jsx:[`ModalAlert`],base:{}});export{t as modalAlertClose};
+//# sourceMappingURL=modal-alert-close.mjs.map

package/dist/recipes/overlays/modal-alert/modal-alert-close.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-alert-close.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/modal-alert-close.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { modalClose } from '../modal/modal-close';\n\nexport const modalAlertClose = modalClose.merge({\n  className: 'modal-alert__close',\n  jsx: ['ModalAlert'],\n  base: {\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"sDAOA,MAAa,EAAkB,EAAW,MAAM,CAC9C,UAAW,qBACX,IAAK,CAAC,aAAa,CACnB,KAAM,EACL,CACF,CAAC"}

package/dist/recipes/overlays/modal-alert/modal-alert-content.mjs

@@ -0,0 +1,2 @@
+import{modalContent as e}from"../modal/modal-content.mjs";const t=e.merge({className:`modal-alert__content`,jsx:[`ModalAlert`],base:{}});export{t as modalAlertContent};
+//# sourceMappingURL=modal-alert-content.mjs.map

package/dist/recipes/overlays/modal-alert/modal-alert-content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-alert-content.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/modal-alert-content.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { modalContent } from '../modal/modal-content';\n\nexport const modalAlertContent = modalContent.merge({\n  className: 'modal-alert__content',\n  jsx: ['ModalAlert'],\n  base: {\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"0DAOA,MAAa,EAAoB,EAAa,MAAM,CAClD,UAAW,uBACX,IAAK,CAAC,aAAa,CACnB,KAAM,EACL,CACF,CAAC"}

package/dist/recipes/overlays/modal-alert/modal-alert-footer.mjs

@@ -0,0 +1,2 @@
+import{modalFooter as e}from"../modal/modal-footer.mjs";const t=e.merge({className:`modal-confirm__footer`,jsx:[`ModalAlert`],base:{}});export{t as modalAlertFooter};
+//# sourceMappingURL=modal-alert-footer.mjs.map

package/dist/recipes/overlays/modal-alert/modal-alert-footer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-alert-footer.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/modal-alert-footer.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { modalFooter } from '../modal/modal-footer';\n\nexport const modalAlertFooter = modalFooter.merge({\n  className: 'modal-confirm__footer',\n  jsx: ['ModalAlert'],\n  base: {\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"wDAOA,MAAa,EAAmB,EAAY,MAAM,CAChD,UAAW,wBACX,IAAK,CAAC,aAAa,CACnB,KAAM,EACL,CACF,CAAC"}

package/dist/recipes/overlays/modal-alert/modal-alert-header.mjs

@@ -0,0 +1,2 @@
+import{modalHeader as e}from"../modal/modal-header.mjs";const t=e.merge({className:`modal-alert__header`,jsx:[`ModalAlert`],base:{}});export{t as modalAlertHeader};
+//# sourceMappingURL=modal-alert-header.mjs.map

package/dist/recipes/overlays/modal-alert/modal-alert-header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-alert-header.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/modal-alert-header.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { modalHeader } from '../modal/modal-header';\n\nexport const modalAlertHeader = modalHeader.merge({\n  className: 'modal-alert__header',\n  jsx: ['ModalAlert'],\n  base: {\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"wDAOA,MAAa,EAAmB,EAAY,MAAM,CAChD,UAAW,sBACX,IAAK,CAAC,aAAa,CACnB,KAAM,EACL,CACF,CAAC"}

package/dist/recipes/overlays/modal-alert/modal-alert-inner.mjs

@@ -0,0 +1,2 @@
+import{modalInner as e}from"../modal/modal-inner.mjs";const t=e.merge({className:`modal-alert__inner`,jsx:[`ModalAlert`],base:{}});export{t as modalAlertInner};
+//# sourceMappingURL=modal-alert-inner.mjs.map

package/dist/recipes/overlays/modal-alert/modal-alert-inner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-alert-inner.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/modal-alert-inner.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { modalInner } from '../modal/modal-inner';\n\nexport const modalAlertInner = modalInner.merge({\n  className: 'modal-alert__inner',\n  jsx: ['ModalAlert'],\n  base: {\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"sDAOA,MAAa,EAAkB,EAAW,MAAM,CAC9C,UAAW,qBACX,IAAK,CAAC,aAAa,CACnB,KAAM,EACL,CACF,CAAC"}

package/dist/recipes/overlays/modal-alert/modal-alert-overlay.mjs

@@ -0,0 +1,2 @@
+import{modalOverlay as e}from"../modal/modal-overlay.mjs";const t=e.merge({className:`modal-alert__overlay`,jsx:[`ModalAlert`],base:{}});export{t as modalAlertOverlay};
+//# sourceMappingURL=modal-alert-overlay.mjs.map

package/dist/recipes/overlays/modal-alert/modal-alert-overlay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-alert-overlay.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/modal-alert-overlay.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { modalOverlay } from '../modal/modal-overlay';\n\nexport const modalAlertOverlay = modalOverlay.merge({\n  className: 'modal-alert__overlay',\n  jsx: ['ModalAlert'],\n  base: {\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"0DAOA,MAAa,EAAoB,EAAa,MAAM,CAClD,UAAW,uBACX,IAAK,CAAC,aAAa,CACnB,KAAM,EACL,CACF,CAAC"}

package/dist/recipes/overlays/modal-alert/modal-alert-root.mjs

@@ -0,0 +1,2 @@
+import{modalRoot as e}from"../modal/modal-root.mjs";const t=e.merge({className:`modal-alert__root`,jsx:[`ModalAlert`],base:{}});export{t as modalAlertRoot};
+//# sourceMappingURL=modal-alert-root.mjs.map

package/dist/recipes/overlays/modal-alert/modal-alert-root.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-alert-root.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/modal-alert-root.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { modalRoot } from '../modal/modal-root';\n\nexport const modalAlertRoot = modalRoot.merge({\n  className: 'modal-alert__root',\n  jsx: ['ModalAlert'],\n  base: {\n    // only settings\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"oDAOA,MAAa,EAAiB,EAAU,MAAM,CAC5C,UAAW,oBACX,IAAK,CAAC,aAAa,CACnB,KAAM,EAEL,CACF,CAAC"}

package/dist/recipes/overlays/modal-alert/modal-alert-title.mjs

@@ -0,0 +1,2 @@
+import{modalTitle as e}from"../modal/modal-title.mjs";const t=e.merge({className:`modal-alert__title`,jsx:[`ModalAlert`],base:{}});export{t as modalAlertTitle};
+//# sourceMappingURL=modal-alert-title.mjs.map

package/dist/recipes/overlays/modal-alert/modal-alert-title.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-alert-title.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/modal-alert-title.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { modalTitle } from '../modal/modal-title';\n\nexport const modalAlertTitle = modalTitle.merge({\n  className: 'modal-alert__title',\n  jsx: ['ModalAlert'],\n  base: {\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"sDAOA,MAAa,EAAkB,EAAW,MAAM,CAC9C,UAAW,qBACX,IAAK,CAAC,aAAa,CACnB,KAAM,EACL,CACF,CAAC"}

package/dist/recipes/overlays/modal-alert/modal-alert.mjs

@@ -0,0 +1,2 @@
+import{modal as e}from"../modal/modal.mjs";const t=e.merge({className:`modal-alert`,jsx:[`ModalAlert`],base:{"--modal-y-offset":`var(--modal-alert-y-offset, 4dvh)`,"--modal-x-offset":`var(--modal-alert-x-offset, 4vw)`,"--modal-size":`var(--modal-alert-size, auto)`,"--modal-overlay-background":`var(--modal-alert-overlay-background, rgba(0, 0, 0, .6))`,"--modal-overlay-filter":`var(--modal-alert-overlay-filter, blur(5px))`,"--modal-overlay-radius":`var(--modal-alert-overlay-radius, 0)`,"--modal-overlay-zindex":`var(--modal-alert-overlay-zindex, 100)`,"--modal-inner-align":`var(--modal-alert-inner-align, flex-start)`,"--modal-inner-y-offset":`var(--modal-alert-inner-y-offset, 4dvh)`,"--modal-inner-x-offset":`var(--modal-alert-inner-x-offset, 4dvw)`,"--modal-inner-zindex":`var(--modal-alert-inner-zindex, 110)`,"--modal-content-background":`var(--modal-alert-content-background, {colors.neutral.background.1.enabled})`,"--modal-content-gap":`var(--modal-alert-content-gap, {spacing.600})`,"--modal-content-flex":`var(--modal-alert-content-flex, 0 0 var(--modal-size))`,"--modal-content-width":`var(--modal-alert-content-width, var(--modal-size))`,"--modal-content-height":`var(--modal-alert-content-height, auto)`,"--modal-content-min-width":`var(--modal-alert-content-min-width, 33.75rem)`,"--modal-content-max-width":`var(--modal-alert-content-max-width, 33.75rem)`,"--modal-content-max-height":`var(--modal-alert-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))`,"--modal-content-radii":`var(--modal-alert-content-radii, {radii.200})`,"--modal-content-border-width":`var(--modal-alert-content-border-width, {borders.100})`,"--modal-content-border-style":`var(--modal-alert-content-border-style, solid)`,"--modal-content-border-color":`var(--modal-alert-content-border-color, {colors.neutral.stroke.7.enabled})`,"--modal-content-shadow":`var(--modal-alert-content-shadow, none)`,"--modal-header-background":`var(--modal-alert-header-background, transparent)`,"--modal-header-gap":`var(--modal-alert-header-gap, {spacing.500})`,"--modal-header-min-height":`var(--modal-alert-header-min-height, unset)`,"--modal-header-padding-block-start":`var(--modal-alert-header-padding-block-start, {spacing.500})`,"--modal-header-padding-block-end":`var(--modal-alert-header-padding-block-end, {spacing.0})`,"--modal-header-padding-inline-start":`var(--modal-alert-header-padding-inline-start, {spacing.500})`,"--modal-header-padding-inline-end":`var(--modal-alert-header-padding-inline-end, {spacing.500})`,"--modal-header-border-bottom-width":`var(--modal-alert-header-border-bottom-width, {borders.0})`,"--modal-header-border-bottom-style":`var(--modal-alert-header-border-bottom-style, solid)`,"--modal-header-border-bottom-color":`var(--modal-alert-header-border-bottom-color, transparent)`,"--modal-title-font-family":`var(--modal-alert-title-font-family, {fonts.base})`,"--modal-title-foreground":`var(--modal-alert-title-foreground, {colors.neutral.foreground.1.enabled})`,"--modal-title-font-size":`var(--modal-alert-title-font-size, {fontSizes.600})`,"--modal-title-font-weight":`var(--modal-alert-title-font-weight, {fontWeights.bold})`,"--modal-title-line-height":`var(--modal-alert-title-line-height, 1.2)`,"--modal-title-gap":`var(--modal-alert-title-gap, {spacing.200})`,"--modal-title-padding-inline":`var(--modal-alert-title-padding-inline, {spacing.0})`,"--modal-title-padding-block":`var(--modal-alert-title-padding-block, {spacing.0})`,"--modal-title-margin-inline":`var(--modal-alert-title-margin-inline, {spacing.0})`,"--modal-title-margin-block":`var(--modal-alert-title-margin-block, {spacing.0})`,"--modal-body-gap":`var(--modal-alert-body-gap, {spacing.600})`,"--modal-body-padding-block-start":`var(--modal-alert-body-padding-block-start, {spacing.0})`,"--modal-body-padding-block-end":`var(--modal-alert-body-padding-block-end, {spacing.500})`,"--modal-body-padding-inline-start":`var(--modal-alert-body-padding-inline-start, {spacing.500})`,"--modal-body-padding-inline-end":`var(--modal-alert-body-padding-inline-end, {spacing.500})`,"--modal-close-background":`var(--modal-alert-close-background, transparent)`,"--modal-close-foreground":`var(--modal-alert-close-foreground, {colors.neutral.foreground.3.enabled})`,"--modal-close-size":`var(--modal-alert-close-size, {sizes.500})`,"--modal-close-padding":`var(--modal-alert-close-padding, {spacing.0})`,"--modal-close-radii":`var(--modal-alert-close-radii, {radii.100})`,"--modal-close-border-width":`var(--modal-alert-close-border-width, {borders.0})`,"--modal-close-border-style":`var(--modal-alert-close-border-style, solid)`,"--modal-close-border-color":`var(--modal-alert-close-border-color, transparent)`,"--modal-close-font-size":`var(--modal-alert-close-font-size, {fontSizes.300})`,"--modal-close-background-hovered":`var(--modal-alert-close-background-hovered, {colors.neutral.background.1.hovered})`,"--modal-close-foreground-hovered":`var(--modal-alert-close-foreground-hovered, {colors.neutral.foreground.3.hovered})`,"--modal-footer-background":`var(--modal-alert-footer-background, transparent)`,"--modal-footer-justify-content":`var(--modal-alert-footer-justify-content, flex-end)`,"--modal-footer-gap":`var(--modal-alert-footer-gap, {spacing.500})`,"--modal-footer-padding-inline-start":`var(--modal-alert-footer-padding-inline-start, {spacing.500})`,"--modal-footer-padding-inline-end":`var(--modal-alert-footer-padding-inline-end, {spacing.500})`,"--modal-footer-padding-block-start":`var(--modal-alert-footer-padding-block-start, {spacing.300})`,"--modal-footer-padding-block-end":`var(--modal-alert-footer-padding-block-end, {spacing.500})`,"--modal-footer-min-height":`var(--modal-alert-footer-min-height, unset)`,"--modal-footer-border-top-width":`var(--modal-alert-footer-border-top-width, {borders.0})`,"--modal-footer-border-top-style":`var(--modal-alert-footer-border-top-style, solid)`,"--modal-footer-border-top-color":`var(--modal-alert-footer-border-top-color, transparent)`,"--modal-alert-button-confirm-background":`{colors.primary.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.primary.foreground.1.onBrand.enabled}`,"--modal-alert-button-confirm-border-color":`{colors.primary.stroke.1.enabled}`,"--modal-alert-button-confirm-background-hover":`{colors.primary.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.primary.foreground.1.onBrand.hovered}`,"--modal-alert-button-confirm-border-color-hover":`{colors.primary.stroke.1.hovered}`,"--modal-alert-button-confirm-focus-outline-color":`{colors.primary.stroke.1.focused}`,'&[data-intent="info"]':{"--modal-alert-button-confirm-background":`{colors.primary.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.primary.foreground.1.onBrand.enabled}`,"--modal-alert-button-confirm-border-color":`{colors.primary.stroke.1.enabled}`,"--modal-alert-button-confirm-background-hover":`{colors.primary.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.primary.foreground.1.onBrand.hovered}`,"--modal-alert-button-confirm-border-color-hover":`{colors.primary.stroke.1.hovered}`},'&[data-intent="success"]':{"--modal-alert-button-confirm-background":`{colors.success.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.success.foreground.1.onBrand.enabled}`,"--modal-alert-button-confirm-border-color":`{colors.success.stroke.1.enabled}`,"--modal-alert-button-confirm-background-hover":`{colors.success.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.success.foreground.1.onBrand.hovered}`,"--modal-alert-button-confirm-border-color-hover":`{colors.success.stroke.1.hovered}`},'&[data-intent="warning"]':{"--modal-alert-button-confirm-background":`{colors.warning.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.warning.foreground.1.onBrand.enabled}`,"--modal-alert-button-confirm-border-color":`{colors.warning.stroke.1.enabled}`,"--modal-alert-button-confirm-background-hover":`{colors.warning.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.warning.foreground.1.onBrand.hovered}`,"--modal-alert-button-confirm-border-color-hover":`{colors.warning.stroke.1.hovered}`},'&[data-intent="danger"]':{"--modal-alert-button-confirm-background":`{colors.danger.background.1.enabled}`,"--modal-alert-button-confirm-foreground":`{colors.danger.foreground.1.onBrand.enabled}`,"--modal-alert-button-confirm-border-color":`{colors.danger.stroke.1.enabled}`,"--modal-alert-button-confirm-background-hover":`{colors.danger.background.1.hovered}`,"--modal-alert-button-confirm-foreground-hover":`{colors.danger.foreground.1.onBrand.hovered}`,"--modal-alert-button-confirm-border-color-hover":`{colors.danger.stroke.1.hovered}`}}});export{t as modalAlert};
+//# sourceMappingURL=modal-alert.mjs.map

package/dist/recipes/overlays/modal-alert/modal-alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-alert.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-alert/modal-alert.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { modal } from '../modal/modal';\n\nexport const modalAlert = modal.merge({\n  className: 'modal-alert',\n  jsx: ['ModalAlert'],\n  base: {\n\n    /* root */\n    '--modal-y-offset': 'var(--modal-alert-y-offset, 4dvh)',\n    '--modal-x-offset': 'var(--modal-alert-x-offset, 4vw)',\n    '--modal-size': 'var(--modal-alert-size, auto)',\n\n    /* overlay */\n    '--modal-overlay-background': 'var(--modal-alert-overlay-background, rgba(0, 0, 0, .6))',\n    '--modal-overlay-filter': 'var(--modal-alert-overlay-filter, blur(5px))',\n    '--modal-overlay-radius': 'var(--modal-alert-overlay-radius, 0)',\n    '--modal-overlay-zindex': 'var(--modal-alert-overlay-zindex, 100)',\n\n    /* inner */\n    '--modal-inner-align': 'var(--modal-alert-inner-align, flex-start)',\n    '--modal-inner-y-offset': 'var(--modal-alert-inner-y-offset, 4dvh)',\n    '--modal-inner-x-offset': 'var(--modal-alert-inner-x-offset, 4dvw)',\n    '--modal-inner-zindex': 'var(--modal-alert-inner-zindex, 110)',\n\n    /* content */\n    '--modal-content-background': 'var(--modal-alert-content-background, {colors.neutral.background.1.enabled})',\n    '--modal-content-gap': 'var(--modal-alert-content-gap, {spacing.600})',\n    '--modal-content-flex': 'var(--modal-alert-content-flex, 0 0 var(--modal-size))',\n    '--modal-content-width': 'var(--modal-alert-content-width, var(--modal-size))',\n    '--modal-content-height': 'var(--modal-alert-content-height, auto)',\n    '--modal-content-min-width': 'var(--modal-alert-content-min-width, 33.75rem)',\n    '--modal-content-max-width': 'var(--modal-alert-content-max-width, 33.75rem)',\n    '--modal-content-max-height': 'var(--modal-alert-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))',\n    '--modal-content-radii': 'var(--modal-alert-content-radii, {radii.200})',\n    '--modal-content-border-width': 'var(--modal-alert-content-border-width, {borders.100})',\n    '--modal-content-border-style': 'var(--modal-alert-content-border-style, solid)',\n    '--modal-content-border-color': 'var(--modal-alert-content-border-color, {colors.neutral.stroke.7.enabled})',\n    '--modal-content-shadow': 'var(--modal-alert-content-shadow, none)',\n\n    /* header */\n    '--modal-header-background': 'var(--modal-alert-header-background, transparent)',\n    '--modal-header-gap': 'var(--modal-alert-header-gap, {spacing.500})',\n    '--modal-header-min-height': 'var(--modal-alert-header-min-height, unset)',\n    '--modal-header-padding-block-start': 'var(--modal-alert-header-padding-block-start, {spacing.500})',\n    '--modal-header-padding-block-end': 'var(--modal-alert-header-padding-block-end, {spacing.0})',\n    '--modal-header-padding-inline-start': 'var(--modal-alert-header-padding-inline-start, {spacing.500})',\n    '--modal-header-padding-inline-end': 'var(--modal-alert-header-padding-inline-end, {spacing.500})',\n    '--modal-header-border-bottom-width': 'var(--modal-alert-header-border-bottom-width, {borders.0})',\n    '--modal-header-border-bottom-style': 'var(--modal-alert-header-border-bottom-style, solid)',\n    '--modal-header-border-bottom-color': 'var(--modal-alert-header-border-bottom-color, transparent)',\n\n    /* title */\n    '--modal-title-font-family': 'var(--modal-alert-title-font-family, {fonts.base})',\n    '--modal-title-foreground': 'var(--modal-alert-title-foreground, {colors.neutral.foreground.1.enabled})',\n    '--modal-title-font-size': 'var(--modal-alert-title-font-size, {fontSizes.600})',\n    '--modal-title-font-weight': 'var(--modal-alert-title-font-weight, {fontWeights.bold})',\n    '--modal-title-line-height': 'var(--modal-alert-title-line-height, 1.2)',\n    '--modal-title-gap': 'var(--modal-alert-title-gap, {spacing.200})',\n    '--modal-title-padding-inline': 'var(--modal-alert-title-padding-inline, {spacing.0})',\n    '--modal-title-padding-block': 'var(--modal-alert-title-padding-block, {spacing.0})',\n    '--modal-title-margin-inline': 'var(--modal-alert-title-margin-inline, {spacing.0})',\n    '--modal-title-margin-block': 'var(--modal-alert-title-margin-block, {spacing.0})',\n\n    /* body */\n    '--modal-body-gap': 'var(--modal-alert-body-gap, {spacing.600})',\n    '--modal-body-padding-block-start': 'var(--modal-alert-body-padding-block-start, {spacing.0})',\n    '--modal-body-padding-block-end': 'var(--modal-alert-body-padding-block-end, {spacing.500})',\n    '--modal-body-padding-inline-start': 'var(--modal-alert-body-padding-inline-start, {spacing.500})',\n    '--modal-body-padding-inline-end': 'var(--modal-alert-body-padding-inline-end, {spacing.500})',\n\n    /* close */\n    '--modal-close-background': 'var(--modal-alert-close-background, transparent)',\n    '--modal-close-foreground': 'var(--modal-alert-close-foreground, {colors.neutral.foreground.3.enabled})',\n    '--modal-close-size': 'var(--modal-alert-close-size, {sizes.500})',\n    '--modal-close-padding': 'var(--modal-alert-close-padding, {spacing.0})',\n    '--modal-close-radii': 'var(--modal-alert-close-radii, {radii.100})',\n    '--modal-close-border-width': 'var(--modal-alert-close-border-width, {borders.0})',\n    '--modal-close-border-style': 'var(--modal-alert-close-border-style, solid)',\n    '--modal-close-border-color': 'var(--modal-alert-close-border-color, transparent)',\n    '--modal-close-font-size': 'var(--modal-alert-close-font-size, {fontSizes.300})',\n    '--modal-close-background-hovered': 'var(--modal-alert-close-background-hovered, {colors.neutral.background.1.hovered})',\n    '--modal-close-foreground-hovered': 'var(--modal-alert-close-foreground-hovered, {colors.neutral.foreground.3.hovered})',\n\n    /* footer */\n    '--modal-footer-background': 'var(--modal-alert-footer-background, transparent)',\n    '--modal-footer-justify-content': 'var(--modal-alert-footer-justify-content, flex-end)',\n    '--modal-footer-gap': 'var(--modal-alert-footer-gap, {spacing.500})',\n    '--modal-footer-padding-inline-start': 'var(--modal-alert-footer-padding-inline-start, {spacing.500})',\n    '--modal-footer-padding-inline-end': 'var(--modal-alert-footer-padding-inline-end, {spacing.500})',\n    '--modal-footer-padding-block-start': 'var(--modal-alert-footer-padding-block-start, {spacing.300})',\n    '--modal-footer-padding-block-end': 'var(--modal-alert-footer-padding-block-end, {spacing.500})',\n    '--modal-footer-min-height': 'var(--modal-alert-footer-min-height, unset)',\n    '--modal-footer-border-top-width': 'var(--modal-alert-footer-border-top-width, {borders.0})',\n    '--modal-footer-border-top-style': 'var(--modal-alert-footer-border-top-style, solid)',\n    '--modal-footer-border-top-color': 'var(--modal-alert-footer-border-top-color, transparent)',\n\n    /* button-confirm */\n    '--modal-alert-button-confirm-background': '{colors.primary.background.1.enabled}',\n    '--modal-alert-button-confirm-foreground': '{colors.primary.foreground.1.onBrand.enabled}',\n    '--modal-alert-button-confirm-border-color': '{colors.primary.stroke.1.enabled}',\n    '--modal-alert-button-confirm-background-hover': '{colors.primary.background.1.hovered}',\n    '--modal-alert-button-confirm-foreground-hover': '{colors.primary.foreground.1.onBrand.hovered}',\n    '--modal-alert-button-confirm-border-color-hover': '{colors.primary.stroke.1.hovered}',\n    '--modal-alert-button-confirm-focus-outline-color': '{colors.primary.stroke.1.focused}',\n    '&[data-intent=\"info\"]': {\n      '--modal-alert-button-confirm-background': '{colors.primary.background.1.enabled}',\n      '--modal-alert-button-confirm-foreground': '{colors.primary.foreground.1.onBrand.enabled}',\n      '--modal-alert-button-confirm-border-color': '{colors.primary.stroke.1.enabled}',\n      '--modal-alert-button-confirm-background-hover': '{colors.primary.background.1.hovered}',\n      '--modal-alert-button-confirm-foreground-hover': '{colors.primary.foreground.1.onBrand.hovered}',\n      '--modal-alert-button-confirm-border-color-hover': '{colors.primary.stroke.1.hovered}',\n    },\n    '&[data-intent=\"success\"]': {\n      '--modal-alert-button-confirm-background': '{colors.success.background.1.enabled}',\n      '--modal-alert-button-confirm-foreground': '{colors.success.foreground.1.onBrand.enabled}',\n      '--modal-alert-button-confirm-border-color':'{colors.success.stroke.1.enabled}',\n      '--modal-alert-button-confirm-background-hover': '{colors.success.background.1.hovered}',\n      '--modal-alert-button-confirm-foreground-hover': '{colors.success.foreground.1.onBrand.hovered}',\n      '--modal-alert-button-confirm-border-color-hover': '{colors.success.stroke.1.hovered}',\n    },\n    '&[data-intent=\"warning\"]': {\n      '--modal-alert-button-confirm-background': '{colors.warning.background.1.enabled}',\n      '--modal-alert-button-confirm-foreground': '{colors.warning.foreground.1.onBrand.enabled}',\n      '--modal-alert-button-confirm-border-color': '{colors.warning.stroke.1.enabled}',\n      '--modal-alert-button-confirm-background-hover': '{colors.warning.background.1.hovered}',\n      '--modal-alert-button-confirm-foreground-hover': '{colors.warning.foreground.1.onBrand.hovered}',\n      '--modal-alert-button-confirm-border-color-hover': '{colors.warning.stroke.1.hovered}',\n    },\n    '&[data-intent=\"danger\"]': {\n      '--modal-alert-button-confirm-background': '{colors.danger.background.1.enabled}',\n      '--modal-alert-button-confirm-foreground': '{colors.danger.foreground.1.onBrand.enabled}',\n      '--modal-alert-button-confirm-border-color': '{colors.danger.stroke.1.enabled}',\n      '--modal-alert-button-confirm-background-hover': '{colors.danger.background.1.hovered}',\n      '--modal-alert-button-confirm-foreground-hover': '{colors.danger.foreground.1.onBrand.hovered}',\n      '--modal-alert-button-confirm-border-color-hover': '{colors.danger.stroke.1.hovered}',\n    },\n\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"2CAOA,MAAa,EAAa,EAAM,MAAM,CACpC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CAGJ,mBAAoB,oCACpB,mBAAoB,mCACpB,eAAgB,gCAGhB,6BAA8B,2DAC9B,yBAA0B,+CAC1B,yBAA0B,uCAC1B,yBAA0B,yCAG1B,sBAAuB,6CACvB,yBAA0B,0CAC1B,yBAA0B,0CAC1B,uBAAwB,uCAGxB,6BAA8B,+EAC9B,sBAAuB,gDACvB,uBAAwB,yDACxB,wBAAyB,sDACzB,yBAA0B,0CAC1B,4BAA6B,iDAC7B,4BAA6B,iDAC7B,6BAA8B,kFAC9B,wBAAyB,gDACzB,+BAAgC,yDAChC,+BAAgC,iDAChC,+BAAgC,6EAChC,yBAA0B,0CAG1B,4BAA6B,oDAC7B,qBAAsB,+CACtB,4BAA6B,8CAC7B,qCAAsC,+DACtC,mCAAoC,2DACpC,sCAAuC,gEACvC,oCAAqC,8DACrC,qCAAsC,6DACtC,qCAAsC,uDACtC,qCAAsC,6DAGtC,4BAA6B,qDAC7B,2BAA4B,6EAC5B,0BAA2B,sDAC3B,4BAA6B,2DAC7B,4BAA6B,4CAC7B,oBAAqB,8CACrB,+BAAgC,uDAChC,8BAA+B,sDAC/B,8BAA+B,sDAC/B,6BAA8B,qDAG9B,mBAAoB,6CACpB,mCAAoC,2DACpC,iCAAkC,2DAClC,oCAAqC,8DACrC,kCAAmC,4DAGnC,2BAA4B,mDAC5B,2BAA4B,6EAC5B,qBAAsB,6CACtB,wBAAyB,gDACzB,sBAAuB,8CACvB,6BAA8B,qDAC9B,6BAA8B,+CAC9B,6BAA8B,qDAC9B,0BAA2B,sDAC3B,mCAAoC,qFACpC,mCAAoC,qFAGpC,4BAA6B,oDAC7B,iCAAkC,sDAClC,qBAAsB,+CACtB,sCAAuC,gEACvC,oCAAqC,8DACrC,qCAAsC,+DACtC,mCAAoC,6DACpC,4BAA6B,8CAC7B,kCAAmC,0DACnC,kCAAmC,oDACnC,kCAAmC,0DAGnC,0CAA2C,wCAC3C,0CAA2C,gDAC3C,4CAA6C,oCAC7C,gDAAiD,wCACjD,gDAAiD,gDACjD,kDAAmD,oCACnD,mDAAoD,oCACpD,wBAAyB,CACvB,0CAA2C,wCAC3C,0CAA2C,gDAC3C,4CAA6C,oCAC7C,gDAAiD,wCACjD,gDAAiD,gDACjD,kDAAmD,oCACpD,CACD,2BAA4B,CAC1B,0CAA2C,wCAC3C,0CAA2C,gDAC3C,4CAA4C,oCAC5C,gDAAiD,wCACjD,gDAAiD,gDACjD,kDAAmD,oCACpD,CACD,2BAA4B,CAC1B,0CAA2C,wCAC3C,0CAA2C,gDAC3C,4CAA6C,oCAC7C,gDAAiD,wCACjD,gDAAiD,gDACjD,kDAAmD,oCACpD,CACD,0BAA2B,CACzB,0CAA2C,uCAC3C,0CAA2C,+CAC3C,4CAA6C,mCAC7C,gDAAiD,uCACjD,gDAAiD,+CACjD,kDAAmD,mCACpD,CAEF,CACF,CAAC"}

package/dist/recipes/overlays/modal-confirm/index.mjs

@@ -0,0 +1,2 @@
+import{modalConfirm as e}from"./modal-confirm.mjs";import{modalConfirmRoot as t}from"./modal-confirm-root.mjs";import{modalConfirmOverlay as n}from"./modal-confirm-overlay.mjs";import{modalConfirmInner as r}from"./modal-confirm-inner.mjs";import{modalConfirmContent as i}from"./modal-confirm-content.mjs";import{modalConfirmHeader as a}from"./modal-confirm-header.mjs";import{modalConfirmTitle as o}from"./modal-confirm-title.mjs";import{modalConfirmBody as s}from"./modal-confirm-body.mjs";import{modalConfirmClose as c}from"./modal-confirm-close.mjs";import{modalConfirmFooter as l}from"./modal-confirm-footer.mjs";import{modalConfirmButtonCancel as u}from"./modal-confirm-button-cancel.mjs";import{modalConfirmButtonCancelInner as d}from"./modal-confirm-button-cancel-inner.mjs";import{modalConfirmButtonCancelSection as f}from"./modal-confirm-button-cancel-section.mjs";import{modalConfirmButtonCancelLabel as p}from"./modal-confirm-button-cancel-label.mjs";import{modalConfirmButtonCancelRoot as m}from"./modal-confirm-button-cancel-root.mjs";import{modalConfirmButtonConfirm as h}from"./modal-confirm-button-confirm.mjs";import{modalConfirmButtonConfirmInner as g}from"./modal-confirm-button-confirm-inner.mjs";import{modalConfirmButtonConfirmLabel as _}from"./modal-confirm-button-confirm-label.mjs";import{modalConfirmButtonConfirmRoot as v}from"./modal-confirm-button-confirm-root.mjs";import{modalConfirmButtonConfirmSection as y}from"./modal-confirm-button-confirm-section.mjs";var b={modalConfirm:e,modalConfirmRoot:t,modalConfirmOverlay:n,modalConfirmInner:r,modalConfirmContent:i,modalConfirmHeader:a,modalConfirmTitle:o,modalConfirmBody:s,modalConfirmClose:c,modalConfirmFooter:l,modalConfirmButtonCancel:u,modalConfirmButtonCancelInner:d,modalConfirmButtonCancelLabel:p,modalConfirmButtonCancelRoot:m,modalConfirmButtonCancelSection:f,modalConfirmButtonConfirm:h,modalConfirmButtonConfirmInner:g,modalConfirmButtonConfirmLabel:_,modalConfirmButtonConfirmRoot:v,modalConfirmButtonConfirmSection:y};export{b as default};
+//# sourceMappingURL=index.mjs.map

package/dist/recipes/overlays/modal-confirm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-confirm/index.ts"],"sourcesContent":["import { modalConfirm } from './modal-confirm';\nimport { modalConfirmRoot } from './modal-confirm-root';\nimport { modalConfirmOverlay } from './modal-confirm-overlay';\nimport { modalConfirmInner } from './modal-confirm-inner';\nimport { modalConfirmContent } from './modal-confirm-content';\nimport { modalConfirmHeader } from './modal-confirm-header';\nimport { modalConfirmTitle } from './modal-confirm-title';\nimport { modalConfirmBody } from './modal-confirm-body';\nimport { modalConfirmClose } from './modal-confirm-close';\nimport { modalConfirmFooter } from './modal-confirm-footer';\nimport { modalConfirmButtonCancel } from './modal-confirm-button-cancel';\nimport { modalConfirmButtonCancelInner } from './modal-confirm-button-cancel-inner';\nimport { modalConfirmButtonCancelSection } from './modal-confirm-button-cancel-section';\nimport { modalConfirmButtonCancelLabel } from './modal-confirm-button-cancel-label';\nimport { modalConfirmButtonCancelRoot } from './modal-confirm-button-cancel-root';\nimport { modalConfirmButtonConfirm } from './modal-confirm-button-confirm';\nimport { modalConfirmButtonConfirmInner } from './modal-confirm-button-confirm-inner';\nimport { modalConfirmButtonConfirmLabel } from './modal-confirm-button-confirm-label';\nimport { modalConfirmButtonConfirmRoot } from './modal-confirm-button-confirm-root';\nimport { modalConfirmButtonConfirmSection } from './modal-confirm-button-confirm-section';\n\nexport default {\n  modalConfirm,\n  modalConfirmRoot,\n  modalConfirmOverlay,\n  modalConfirmInner,\n  modalConfirmContent,\n  modalConfirmHeader,\n  modalConfirmTitle,\n  modalConfirmBody,\n  modalConfirmClose,\n  modalConfirmFooter,\n  modalConfirmButtonCancel,\n  modalConfirmButtonCancelInner,\n  modalConfirmButtonCancelLabel,\n  modalConfirmButtonCancelRoot,\n  modalConfirmButtonCancelSection,\n  modalConfirmButtonConfirm,\n  modalConfirmButtonConfirmInner,\n  modalConfirmButtonConfirmLabel,\n  modalConfirmButtonConfirmRoot,\n  modalConfirmButtonConfirmSection,\n};"],"mappings":"i9CAqBA,IAAA,EAAe,CACb,eACA,mBACA,sBACA,oBACA,sBACA,qBACA,oBACA,mBACA,oBACA,qBACA,2BACA,gCACA,gCACA,+BACA,kCACA,4BACA,iCACA,iCACA,gCACA,mCACD"}

package/dist/recipes/overlays/modal-confirm/modal-confirm-body.mjs

@@ -0,0 +1,2 @@
+import{modalBody as e}from"../modal/modal-body.mjs";const t=e.merge({className:`modal-confirm__body`,jsx:[`ModalConfirm`],base:{}});export{t as modalConfirmBody};
+//# sourceMappingURL=modal-confirm-body.mjs.map

package/dist/recipes/overlays/modal-confirm/modal-confirm-body.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-confirm-body.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-confirm/modal-confirm-body.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { modalBody } from '../modal/modal-body';\n\nexport const modalConfirmBody = modalBody.merge({\n  className: 'modal-confirm__body',\n  jsx: ['ModalConfirm'],\n  base: {\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"oDAOA,MAAa,EAAmB,EAAU,MAAM,CAC9C,UAAW,sBACX,IAAK,CAAC,eAAe,CACrB,KAAM,EACL,CACF,CAAC"}

package/dist/recipes/overlays/modal-confirm/modal-confirm-button-cancel-inner.mjs

@@ -0,0 +1,2 @@
+import{buttonInner as e}from"../../buttons/button/button-inner.mjs";const t=e.merge({className:`modal-confirm__button-cancel__inner`,jsx:[`ModalConfirm`],base:{}});export{t as modalConfirmButtonCancelInner};
+//# sourceMappingURL=modal-confirm-button-cancel-inner.mjs.map

package/dist/recipes/overlays/modal-confirm/modal-confirm-button-cancel-inner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-confirm-button-cancel-inner.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-confirm/modal-confirm-button-cancel-inner.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonInner } from '../../buttons/button/button-inner';\n\nexport const modalConfirmButtonCancelInner = buttonInner.merge({\n  className: 'modal-confirm__button-cancel__inner',\n  jsx: ['ModalConfirm'],\n  base: {\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"oEAOA,MAAa,EAAgC,EAAY,MAAM,CAC7D,UAAW,sCACX,IAAK,CAAC,eAAe,CACrB,KAAM,EACL,CACF,CAAC"}

package/dist/recipes/overlays/modal-confirm/modal-confirm-button-cancel-label.mjs

@@ -0,0 +1,2 @@
+import{buttonLabel as e}from"../../buttons/button/button-label.mjs";const t=e.merge({className:`modal-confirm__button-cancel__label`,jsx:[`ModalConfirm`],base:{}});export{t as modalConfirmButtonCancelLabel};
+//# sourceMappingURL=modal-confirm-button-cancel-label.mjs.map

package/dist/recipes/overlays/modal-confirm/modal-confirm-button-cancel-label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-confirm-button-cancel-label.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-confirm/modal-confirm-button-cancel-label.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonLabel } from '../../buttons/button/button-label';\n\nexport const modalConfirmButtonCancelLabel = buttonLabel.merge({\n  className: 'modal-confirm__button-cancel__label',\n  jsx: ['ModalConfirm'],\n  base: {\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"oEAOA,MAAa,EAAgC,EAAY,MAAM,CAC7D,UAAW,sCACX,IAAK,CAAC,eAAe,CACrB,KAAM,EACL,CACF,CAAC"}

package/dist/recipes/overlays/modal-confirm/modal-confirm-button-cancel-root.mjs

@@ -0,0 +1,2 @@
+import{buttonRoot as e}from"../../buttons/button/button-root.mjs";const t=e.merge({className:`modal-confirm__button-cancel__root`,jsx:[`ModalConfirm`],base:{}});export{t as modalConfirmButtonCancelRoot};
+//# sourceMappingURL=modal-confirm-button-cancel-root.mjs.map

package/dist/recipes/overlays/modal-confirm/modal-confirm-button-cancel-root.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-confirm-button-cancel-root.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-confirm/modal-confirm-button-cancel-root.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonRoot } from '../../buttons/button/button-root';\n\nexport const modalConfirmButtonCancelRoot = buttonRoot.merge({\n  className: 'modal-confirm__button-cancel__root',\n  jsx: ['ModalConfirm'],\n  base: {\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"kEAOA,MAAa,EAA+B,EAAW,MAAM,CAC3D,UAAW,qCACX,IAAK,CAAC,eAAe,CACrB,KAAM,EACL,CACF,CAAC"}

package/dist/recipes/overlays/modal-confirm/modal-confirm-button-cancel-section.mjs

@@ -0,0 +1,2 @@
+import{buttonSection as e}from"../../buttons/button/button-section.mjs";const t=e.merge({className:`modal-confirm__button-cancel__section`,jsx:[`ModalConfirm`],base:{}});export{t as modalConfirmButtonCancelSection};
+//# sourceMappingURL=modal-confirm-button-cancel-section.mjs.map

package/dist/recipes/overlays/modal-confirm/modal-confirm-button-cancel-section.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-confirm-button-cancel-section.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-confirm/modal-confirm-button-cancel-section.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonSection } from '../../buttons/button/button-section';\n\nexport const modalConfirmButtonCancelSection = buttonSection.merge({\n  className: 'modal-confirm__button-cancel__section',\n  jsx: ['ModalConfirm'],\n  base: {\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"wEAOA,MAAa,EAAkC,EAAc,MAAM,CACjE,UAAW,wCACX,IAAK,CAAC,eAAe,CACrB,KAAM,EACL,CACF,CAAC"}

package/dist/recipes/overlays/modal-confirm/modal-confirm-button-cancel.mjs

@@ -0,0 +1,2 @@
+import{button as e}from"../../buttons/button/button.mjs";const t=e.merge({className:`modal-confirm__button-cancel`,jsx:[`ModalConfirm`],base:{"--button-background":`var(--modal-confirm-button-cancel-background, {colors.neutral.background.1.enabled})`,"--button-foreground":`var(--modal-confirm-button-cancel-foreground, {colors.neutral.foreground.1.enabled})`,"--button-border-color":`var(--modal-confirm-button-cancel-border-color, {colors.neutral.stroke.1.enabled})`,"--button-background-hover":`var(--modal-confirm-button-cancel-background-hover, {colors.neutral.background.1.hovered})`,"--button-foreground-hover":`var(--modal-confirm-button-cancel-foreground-hover, {colors.neutral.foreground.1.hovered})`,"--button-border-color-hover":`var(--modal-confirm-button-cancel-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-focus-outline-color":`var(--modal-confirm-button-cancel-focus-outline-color, {colors.primary.stroke.1.focused})`}});export{t as modalConfirmButtonCancel};
+//# sourceMappingURL=modal-confirm-button-cancel.mjs.map

package/dist/recipes/overlays/modal-confirm/modal-confirm-button-cancel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-confirm-button-cancel.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-confirm/modal-confirm-button-cancel.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { button } from '../../buttons/button/button';\n\nexport const modalConfirmButtonCancel = button.merge({\n  className: 'modal-confirm__button-cancel',\n  jsx: ['ModalConfirm'],\n  base: {\n    '--button-background': 'var(--modal-confirm-button-cancel-background, {colors.neutral.background.1.enabled})',\n    '--button-foreground': 'var(--modal-confirm-button-cancel-foreground, {colors.neutral.foreground.1.enabled})',\n    '--button-border-color': 'var(--modal-confirm-button-cancel-border-color, {colors.neutral.stroke.1.enabled})',\n\n    '--button-background-hover': 'var(--modal-confirm-button-cancel-background-hover, {colors.neutral.background.1.hovered})',\n    '--button-foreground-hover': 'var(--modal-confirm-button-cancel-foreground-hover, {colors.neutral.foreground.1.hovered})',\n    '--button-border-color-hover': 'var(--modal-confirm-button-cancel-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n    '--button-focus-outline-color': 'var(--modal-confirm-button-cancel-focus-outline-color, {colors.primary.stroke.1.focused})',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"yDAOA,MAAa,EAA2B,EAAO,MAAM,CACnD,UAAW,+BACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,sBAAuB,uFACvB,sBAAuB,uFACvB,wBAAyB,qFAEzB,4BAA6B,6FAC7B,4BAA6B,6FAC7B,8BAA+B,2FAE/B,+BAAgC,4FACjC,CACF,CAAC"}

package/dist/recipes/overlays/modal-confirm/modal-confirm-button-confirm-inner.mjs

@@ -0,0 +1,2 @@
+import{buttonInner as e}from"../../buttons/button/button-inner.mjs";const t=e.merge({className:`modal-confirm__button-confirm__inner`,jsx:[`ModalConfirm`],base:{}});export{t as modalConfirmButtonConfirmInner};
+//# sourceMappingURL=modal-confirm-button-confirm-inner.mjs.map

package/dist/recipes/overlays/modal-confirm/modal-confirm-button-confirm-inner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-confirm-button-confirm-inner.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-confirm/modal-confirm-button-confirm-inner.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonInner } from '../../buttons/button/button-inner';\n\nexport const modalConfirmButtonConfirmInner = buttonInner.merge({\n  className: 'modal-confirm__button-confirm__inner',\n  jsx: ['ModalConfirm'],\n  base: {\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"oEAOA,MAAa,EAAiC,EAAY,MAAM,CAC9D,UAAW,uCACX,IAAK,CAAC,eAAe,CACrB,KAAM,EACL,CACF,CAAC"}

package/dist/recipes/overlays/modal-confirm/modal-confirm-button-confirm-label.mjs

@@ -0,0 +1,2 @@
+import{buttonLabel as e}from"../../buttons/button/button-label.mjs";const t=e.merge({className:`modal-confirm__button-confirm__label`,jsx:[`ModalConfirm`],base:{}});export{t as modalConfirmButtonConfirmLabel};
+//# sourceMappingURL=modal-confirm-button-confirm-label.mjs.map

package/dist/recipes/overlays/modal-confirm/modal-confirm-button-confirm-label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-confirm-button-confirm-label.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-confirm/modal-confirm-button-confirm-label.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonLabel } from '../../buttons/button/button-label';\n\nexport const modalConfirmButtonConfirmLabel = buttonLabel.merge({\n  className: 'modal-confirm__button-confirm__label',\n  jsx: ['ModalConfirm'],\n  base: {\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"oEAOA,MAAa,EAAiC,EAAY,MAAM,CAC9D,UAAW,uCACX,IAAK,CAAC,eAAe,CACrB,KAAM,EACL,CACF,CAAC"}

package/dist/recipes/overlays/modal-confirm/modal-confirm-button-confirm-root.mjs

@@ -0,0 +1,2 @@
+import{buttonRoot as e}from"../../buttons/button/button-root.mjs";const t=e.merge({className:`modal-confirm__button-confirm__root`,jsx:[`ModalConfirm`],base:{},variants:{intent:{default:{background:`var(--modal-confirm-button-confirm-background)`,color:`var(--modal-confirm-button-confirm-foreground)`,borderColor:`var(--modal-confirm-button-confirm-border-color)`,"&:hover":{background:`var(--modal-confirm-button-confirm-background-hover)`,color:`var(--modal-confirm-button-confirm-foreground-hover)`,borderColor:`var(--modal-confirm-button-confirm-border-color-hover)`},"&:focus-visible":{outlineColor:`var(--modal-confirm-button-confirm-focus-outline-color)`}},danger:{background:`var(--modal-confirm-button-confirm-danger-background)`,color:`var(--modal-confirm-button-confirm-danger-foreground)`,borderColor:`var(--modal-confirm-button-confirm-danger-border-color)`,"&:hover":{background:`var(--modal-confirm-button-confirm-danger-background-hover)`,color:`var(--modal-confirm-button-confirm-danger-foreground-hover)`,borderColor:`var(--modal-confirm-button-confirm-danger-border-color-hover)`},"&:focus-visible":{outlineColor:`var(--modal-confirm-button-confirm-danger-focus-outline-color)`}}}},defaultVariants:{intent:`default`}});export{t as modalConfirmButtonConfirmRoot};
+//# sourceMappingURL=modal-confirm-button-confirm-root.mjs.map

package/dist/recipes/overlays/modal-confirm/modal-confirm-button-confirm-root.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-confirm-button-confirm-root.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal-confirm/modal-confirm-button-confirm-root.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonRoot } from '../../buttons/button/button-root';\n\nexport const modalConfirmButtonConfirmRoot = buttonRoot.merge({\n  className: 'modal-confirm__button-confirm__root',\n  jsx: ['ModalConfirm'],\n  base: {\n  },\n  variants: {\n    intent: {\n      default: {\n        background:\n          'var(--modal-confirm-button-confirm-background)',\n        color:\n          'var(--modal-confirm-button-confirm-foreground)',\n        borderColor:\n          'var(--modal-confirm-button-confirm-border-color)',\n\n        '&:hover': {\n          background:\n            'var(--modal-confirm-button-confirm-background-hover)',\n          color:\n            'var(--modal-confirm-button-confirm-foreground-hover)',\n          borderColor:\n            'var(--modal-confirm-button-confirm-border-color-hover)',\n        },\n\n        '&:focus-visible': {\n          outlineColor:\n            'var(--modal-confirm-button-confirm-focus-outline-color)',\n        },\n      },\n\n      danger: {\n        background:\n          'var(--modal-confirm-button-confirm-danger-background)',\n        color:\n          'var(--modal-confirm-button-confirm-danger-foreground)',\n        borderColor:\n          'var(--modal-confirm-button-confirm-danger-border-color)',\n\n        '&:hover': {\n          background:\n            'var(--modal-confirm-button-confirm-danger-background-hover)',\n          color:\n            'var(--modal-confirm-button-confirm-danger-foreground-hover)',\n          borderColor:\n            'var(--modal-confirm-button-confirm-danger-border-color-hover)',\n        },\n\n        '&:focus-visible': {\n          outlineColor:\n            'var(--modal-confirm-button-confirm-danger-focus-outline-color)',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    intent: 'default',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;"],"mappings":"kEAOA,MAAa,EAAgC,EAAW,MAAM,CAC5D,UAAW,sCACX,IAAK,CAAC,eAAe,CACrB,KAAM,EACL,CACD,SAAU,CACR,OAAQ,CACN,QAAS,CACP,WACE,iDACF,MACE,iDACF,YACE,mDAEF,UAAW,CACT,WACE,uDACF,MACE,uDACF,YACE,yDACH,CAED,kBAAmB,CACjB,aACE,0DACH,CACF,CAED,OAAQ,CACN,WACE,wDACF,MACE,wDACF,YACE,0DAEF,UAAW,CACT,WACE,8DACF,MACE,8DACF,YACE,gEACH,CAED,kBAAmB,CACjB,aACE,iEACH,CACF,CACF,CACF,CACD,gBAAiB,CACf,OAAQ,UACT,CACF,CAAC"}