@mage-ui/preset 1.0.79 → 1.0.81

package/dist/recipes/data-display/data-table/data-table.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`data-table`,jsx:[`DataTable`],base:{"--data-table-gap":`{spacing.300}`,"--data-table-slot-row-gap":`{spacing.300}`,"--data-table-slot-row-padding-block":`{spacing.300}`,"--data-table-slot-row-padding-inline":`{spacing.0}`,"--data-table-bottom-slot-justify-content":`space-between`,"--data-table-bottom-slot-align-items":`center`,"--data-table-bottom-slot-gap":`{spacing.300}`,"--data-table-empty-padding-block":`{spacing.800}`,"--data-table-empty-foreground":`{colors.neutral.foreground.3.enabled}`,"--data-table-empty-font-size":`{fontSizes.300}`,"--data-table-bulk-bar-font-size":`{fontSizes.300}`,"--data-table-bulk-bar-foreground":`{colors.neutral.foreground.1.enabled}`,"--data-table-bulk-bar-background":`{colors.neutral.background.1.enabled}`,"--data-table-bulk-bar-border-color":`{colors.neutral.stroke.7.enabled}`,"--data-table-bulk-bar-border-style":`solid`,"--data-table-bulk-bar-border-width":`{borders.100}`,"--data-table-bulk-bar-border-radius":`{radii.300}`,"--data-table-bulk-bar-box-shadow":`0 1px 1px 0 rgba(0, 0, 0, 0.02), 0 8px 16px -4px rgba(0, 0, 0, 0.04), 0 24px 32px -8px rgba(0, 0, 0, 0.06)`,"--data-table-bulk-bar-gap":`{spacing.400}`,"--data-table-bulk-bar-padding-block":`{spacing.200}`,"--data-table-bulk-bar-padding-inline":`{spacing.300}`,"--data-table-bulk-bar-padding-inline-start-draggable":`{spacing.200}`,"--data-table-bulk-bar-position":`absolute`,"--data-table-bulk-bar-bottom":`unset`,"--data-table-bulk-bar-left":`50%`,"--data-table-bulk-bar-right":`unset`,"--data-table-bulk-bar-top":`50%`,"--data-table-bulk-bar-transform":`translate(-50%, -50%)`,"--data-table-bulk-bar-z-index":`10`,"--data-table-bulk-bar-drag-handle-cursor":`grab`,"--data-table-bulk-bar-drag-handle-cursor-dragging":`grabbing`,"--data-table-bulk-bar-drag-handle-background-hover":`{colors.neutral.background.3.enabled}`,"--data-table-bulk-bar-drag-handle-background-dragging":`{colors.neutral.background.2.enabled}`,"--data-table-bulk-bar-drag-handle-padding-inline":`{spacing.100}`,"--data-table-bulk-bar-drag-handle-padding-block":`{spacing.100}`,"--data-table-bulk-bar-drag-handle-border-radius":`{radii.200}`,"--data-table-bulk-bar-drag-handle-color":`inherit`,"--data-table-bulk-bar-drag-handle-transition":`background-color 0.2s ease-in-out`,"--data-table-bulk-bar-drag-handle-icon-size":`{sizes.400}`,"--data-table-bulk-bar-drag-handle-icon-icon-aspect-ratio":`1`,"--data-table-bulk-bar-drag-handle-icon-foreground":`inherit`,"--data-table-bulk-bar-drag-handle-icon-fill-color":`unset`,"--data-table-bulk-bar-drag-handle-icon-stroke-color":`unset`,"--data-table-bulk-bar-count-gap":`{spacing.200}`,"--data-table-bulk-bar-count-badge-background":`{colors.neutral.background.2.enabled}`,"--data-table-bulk-bar-count-badge-border-color":`{colors.neutral.stroke.7.enabled}`,"--data-table-bulk-bar-count-badge-border-style":`solid`,"--data-table-bulk-bar-count-badge-border-width":`{borders.100}`,"--data-table-bulk-bar-count-badge-border-radius":`{radii.200}`,"--data-table-bulk-bar-count-badge-height":`{sizes.400}`,"--data-table-bulk-bar-count-badge-gap":`{spacing.200}`,"--data-table-bulk-bar-count-badge-padding-block":`{spacing.0}`,"--data-table-bulk-bar-count-badge-padding-inline":`{spacing.200}`,"--data-table-bulk-bar-count-badge-label-font-family":`{fonts.base}`,"--data-table-bulk-bar-count-badge-label-font-size":`{fontSizes.200}`,"--data-table-bulk-bar-count-badge-label-font-weight":`{fontWeights.semiBold}`,"--data-table-bulk-bar-count-badge-label-color":`{colors.neutral.foreground.1.enabled}`,"--data-table-bulk-bar-count-label-font-size":`{fontSizes.300}`,"--data-table-bulk-bar-count-label-font-weight":`{fontWeights.medium}`,"--data-table-bulk-bar-count-label-color":`{colors.neutral.foreground.1.enabled}`,"--data-table-bulk-bar-actions-gap":`{spacing.300}`,"--data-table-expand-button-foreground":`{colors.neutral.foreground.1.enabled}`,"--data-table-expand-button-cursor":`pointer`,"--data-table-expand-button-transition":`{animations.200}`,"--data-table-sort-button-font-family":`{fonts.base}`,"--data-table-sort-button-font-size":`var(--table-th-font-size, {fontSizes.200})`,"--data-table-sort-button-font-weight":`var(--table-th-font-weight, {fontWeights.regular})`,"--data-table-sort-button-text-align":`var(--table-th-text-align, left)`,"--data-table-sort-button-text-decoration":`none`,"--data-table-sort-button-text-transform":`none`,"--data-table-sort-button-line-height":`1`,"--data-table-sort-button-white-space":`nowrap`,"--data-table-sort-button-align":`center`,"--data-table-sort-button-justify":`start`,"--data-table-sort-button-height":`{sizes.500}`,"--data-table-sort-button-padding-inline":`{spacing.200}`,"--data-table-sort-button-gap":`{spacing.200}`,"--data-table-sort-button-focus-outline-width":`{borders.150}`,"--data-table-sort-button-focus-outline-style":`solid`,"--data-table-sort-button-focus-outline-offset":`{spacing.50}`,"--data-table-sort-button-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--data-table-sort-button-focus-shadow":`none`,"--data-table-sort-button-background":`transparent`,"--data-table-sort-button-foreground":`{colors.neutral.foreground.3.enabled}`,"--data-table-sort-button-radii":`{radii.200}`,"--data-table-sort-button-border-color":`transparent`,"--data-table-sort-button-border-width":`{borders.0}`,"--data-table-sort-button-border-style":`solid`,"--data-table-sort-button-background-hover":`transparent`,"--data-table-sort-button-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--data-table-sort-button-border-color-hover":`transparent`,"--data-table-sort-button-foreground-sorted":`{colors.primary.foreground.1.enabled}`,"--data-table-sort-button-foreground-sorted-hover":`{colors.primary.foreground.1.hovered}`,"--data-table-sort-button-disabled-opacity":`0.5`,"--data-table-sort-button-transition":`{animations.200}`,"--data-table-sort-button-inner-gap":`{spacing.200}`,"--data-table-sort-button-indicator-size":`{sizes.200}`,"--data-table-sort-button-indicator-opacity":`0.5`,"--data-table-sort-button-indicator-opacity-hover":`1`,"--data-table-sort-button-indicator-opacity-active":`1`,"--data-table-page-size-root-gap":`{spacing.300}`,"--data-table-page-size-root-flex-direction":`row`,"--data-table-page-size-root-justify-content":`flex-start`,"--data-table-page-size-root-align-items":`center`,"--data-table-page-size-wrapper-width":`max-content`,"--data-table-page-size-wrapper-flex":`0 0 auto`,"--data-table-page-size-input-width":`auto`,"--data-table-page-size-input-min-width":`0`,"--data-table-page-size-input-field-sizing":`content`,"--data-table-page-size-input-height":`{sizes.600}`}});export{t as dataTable};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`data-table`,jsx:[`DataTable`],base:{"--data-table-gap":`{spacing.300}`,"--data-table-slot-row-gap":`{spacing.300}`,"--data-table-slot-row-padding-block":`{spacing.300}`,"--data-table-slot-row-padding-inline":`{spacing.0}`,"--data-table-bottom-slot-justify-content":`space-between`,"--data-table-bottom-slot-align-items":`center`,"--data-table-bottom-slot-gap":`{spacing.300}`,"--data-table-empty-padding-block":`{spacing.800}`,"--data-table-empty-foreground":`{colors.neutral.foreground.3.enabled}`,"--data-table-empty-font-size":`{fontSizes.300}`,"--data-table-bulk-bar-font-size":`{fontSizes.300}`,"--data-table-bulk-bar-foreground":`{colors.neutral.foreground.1.enabled}`,"--data-table-bulk-bar-background":`{colors.neutral.background.1.enabled}`,"--data-table-bulk-bar-border-color":`{colors.neutral.stroke.7.enabled}`,"--data-table-bulk-bar-border-style":`solid`,"--data-table-bulk-bar-border-width":`{borders.100}`,"--data-table-bulk-bar-border-radius":`{radii.300}`,"--data-table-bulk-bar-box-shadow":`0 1px 1px 0 rgba(0, 0, 0, 0.02), 0 8px 16px -4px rgba(0, 0, 0, 0.04), 0 24px 32px -8px rgba(0, 0, 0, 0.06)`,"--data-table-bulk-bar-gap":`{spacing.400}`,"--data-table-bulk-bar-padding-block":`{spacing.200}`,"--data-table-bulk-bar-padding-inline":`{spacing.300}`,"--data-table-bulk-bar-padding-inline-start-draggable":`{spacing.200}`,"--data-table-bulk-bar-position":`absolute`,"--data-table-bulk-bar-bottom":`unset`,"--data-table-bulk-bar-left":`50%`,"--data-table-bulk-bar-right":`unset`,"--data-table-bulk-bar-top":`50%`,"--data-table-bulk-bar-transform":`translate(-50%, -50%)`,"--data-table-bulk-bar-z-index":`10`,"--data-table-bulk-bar-drag-handle-cursor":`grab`,"--data-table-bulk-bar-drag-handle-cursor-dragging":`grabbing`,"--data-table-bulk-bar-drag-handle-background-hover":`{colors.neutral.background.3.enabled}`,"--data-table-bulk-bar-drag-handle-background-dragging":`{colors.neutral.background.2.enabled}`,"--data-table-bulk-bar-drag-handle-padding-inline":`{spacing.100}`,"--data-table-bulk-bar-drag-handle-padding-block":`{spacing.100}`,"--data-table-bulk-bar-drag-handle-border-radius":`{radii.200}`,"--data-table-bulk-bar-drag-handle-color":`inherit`,"--data-table-bulk-bar-drag-handle-transition":`background-color 0.2s ease-in-out`,"--data-table-bulk-bar-drag-handle-icon-size":`{sizes.400}`,"--data-table-bulk-bar-drag-handle-icon-icon-aspect-ratio":`1`,"--data-table-bulk-bar-drag-handle-icon-foreground":`inherit`,"--data-table-bulk-bar-drag-handle-icon-fill-color":`unset`,"--data-table-bulk-bar-drag-handle-icon-stroke-color":`unset`,"--data-table-bulk-bar-count-gap":`{spacing.200}`,"--data-table-bulk-bar-count-badge-background":`{colors.neutral.background.2.enabled}`,"--data-table-bulk-bar-count-badge-border-color":`{colors.neutral.stroke.7.enabled}`,"--data-table-bulk-bar-count-badge-border-style":`solid`,"--data-table-bulk-bar-count-badge-border-width":`{borders.100}`,"--data-table-bulk-bar-count-badge-border-radius":`{radii.200}`,"--data-table-bulk-bar-count-badge-height":`{sizes.400}`,"--data-table-bulk-bar-count-badge-gap":`{spacing.200}`,"--data-table-bulk-bar-count-badge-padding-block":`{spacing.0}`,"--data-table-bulk-bar-count-badge-padding-inline":`{spacing.200}`,"--data-table-bulk-bar-count-badge-label-font-family":`{fonts.base}`,"--data-table-bulk-bar-count-badge-label-font-size":`{fontSizes.200}`,"--data-table-bulk-bar-count-badge-label-font-weight":`{fontWeights.semiBold}`,"--data-table-bulk-bar-count-badge-label-color":`{colors.neutral.foreground.1.enabled}`,"--data-table-bulk-bar-count-label-font-size":`{fontSizes.300}`,"--data-table-bulk-bar-count-label-font-weight":`{fontWeights.medium}`,"--data-table-bulk-bar-count-label-color":`{colors.neutral.foreground.1.enabled}`,"--data-table-bulk-bar-actions-gap":`{spacing.300}`,"--data-table-expand-button-foreground":`{colors.neutral.foreground.1.enabled}`,"--data-table-expand-button-cursor":`pointer`,"--data-table-expand-button-transition":`{animations.200}`,"--data-table-sort-button-font-family":`{fonts.base}`,"--data-table-sort-button-font-size":`var(--table-th-font-size, {fontSizes.200})`,"--data-table-sort-button-font-weight":`var(--table-th-font-weight, {fontWeights.regular})`,"--data-table-sort-button-text-align":`var(--table-th-text-align, left)`,"--data-table-sort-button-text-decoration":`none`,"--data-table-sort-button-text-transform":`none`,"--data-table-sort-button-line-height":`1`,"--data-table-sort-button-white-space":`nowrap`,"--data-table-sort-button-align":`center`,"--data-table-sort-button-justify":`start`,"--data-table-sort-button-height":`{sizes.500}`,"--data-table-sort-button-padding-inline":`{spacing.200}`,"--data-table-sort-button-gap":`{spacing.200}`,"--data-table-sort-button-focus-outline-width":`{borders.150}`,"--data-table-sort-button-focus-outline-style":`solid`,"--data-table-sort-button-focus-outline-offset":`{spacing.50}`,"--data-table-sort-button-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--data-table-sort-button-focus-shadow":`none`,"--data-table-sort-button-background":`transparent`,"--data-table-sort-button-foreground":`{colors.neutral.foreground.3.enabled}`,"--data-table-sort-button-radii":`{radii.200}`,"--data-table-sort-button-border-color":`transparent`,"--data-table-sort-button-border-width":`{borders.0}`,"--data-table-sort-button-border-style":`solid`,"--data-table-sort-button-background-hover":`transparent`,"--data-table-sort-button-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--data-table-sort-button-border-color-hover":`transparent`,"--data-table-sort-button-foreground-sorted":`{colors.primary.foreground.1.enabled}`,"--data-table-sort-button-foreground-sorted-hover":`{colors.primary.foreground.1.hovered}`,"--data-table-sort-button-disabled-opacity":`0.5`,"--data-table-sort-button-transition":`{animations.200}`,"--data-table-sort-button-inner-gap":`{spacing.200}`,"--data-table-sort-button-indicator-size":`{sizes.200}`,"--data-table-sort-button-indicator-opacity":`0.5`,"--data-table-sort-button-indicator-opacity-hover":`1`,"--data-table-sort-button-indicator-opacity-active":`1`,"--data-table-page-size-root-gap":`{spacing.300}`,"--data-table-page-size-root-flex-direction":`row`,"--data-table-page-size-root-justify-content":`flex-start`,"--data-table-page-size-root-align-items":`center`,"--data-table-page-size-wrapper-width":`max-content`,"--data-table-page-size-wrapper-flex":`0 0 auto`,"--data-table-page-size-input-width":`auto`,"--data-table-page-size-input-min-width":`0`,"--data-table-page-size-input-field-sizing":`content`,"--data-table-page-size-input-height":`{sizes.600}`,"--data-table-column-check-width":`{sizes.700}`,"--data-table-column-check-align":`center`,"--data-table-column-expand-width":`{sizes.700}`,"--data-table-column-expand-align":`center`}});export{t as dataTable};
 //# sourceMappingURL=data-table.mjs.map

package/dist/recipes/data-display/data-table/data-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTable = defineRecipe({\n  className: 'data-table',\n  jsx: ['DataTable'],\n  base: {\n    '--data-table-gap': '{spacing.300}',\n\n    /* Slot row */\n    '--data-table-slot-row-gap': '{spacing.300}',\n    '--data-table-slot-row-padding-block': '{spacing.300}',\n    '--data-table-slot-row-padding-inline': '{spacing.0}',\n\n    /* Bottom slot */\n    '--data-table-bottom-slot-justify-content': 'space-between',\n    '--data-table-bottom-slot-align-items': 'center',\n    '--data-table-bottom-slot-gap': '{spacing.300}',\n\n    /* Empty */\n    '--data-table-empty-padding-block': '{spacing.800}',\n    '--data-table-empty-foreground': '{colors.neutral.foreground.3.enabled}',\n    '--data-table-empty-font-size': '{fontSizes.300}',\n\n    /* Bulk bar */\n    '--data-table-bulk-bar-font-size': '{fontSizes.300}',\n    '--data-table-bulk-bar-foreground': '{colors.neutral.foreground.1.enabled}',\n    '--data-table-bulk-bar-background': '{colors.neutral.background.1.enabled}',\n    '--data-table-bulk-bar-border-color': '{colors.neutral.stroke.7.enabled}',\n    '--data-table-bulk-bar-border-style': 'solid',\n    '--data-table-bulk-bar-border-width': '{borders.100}',\n    '--data-table-bulk-bar-border-radius': '{radii.300}',\n    '--data-table-bulk-bar-box-shadow':\n      '0 1px 1px 0 rgba(0, 0, 0, 0.02), 0 8px 16px -4px rgba(0, 0, 0, 0.04), 0 24px 32px -8px rgba(0, 0, 0, 0.06)',\n    '--data-table-bulk-bar-gap': '{spacing.400}',\n    '--data-table-bulk-bar-padding-block': '{spacing.200}',\n    '--data-table-bulk-bar-padding-inline': '{spacing.300}',\n    '--data-table-bulk-bar-padding-inline-start-draggable': '{spacing.200}',\n    '--data-table-bulk-bar-position': 'absolute',\n    '--data-table-bulk-bar-bottom': 'unset',\n    '--data-table-bulk-bar-left': '50%',\n    '--data-table-bulk-bar-right': 'unset',\n    '--data-table-bulk-bar-top': '50%',\n    '--data-table-bulk-bar-transform': 'translate(-50%, -50%)',\n    '--data-table-bulk-bar-z-index': '10',\n\n    '--data-table-bulk-bar-drag-handle-cursor': 'grab',\n    '--data-table-bulk-bar-drag-handle-cursor-dragging': 'grabbing',\n    '--data-table-bulk-bar-drag-handle-background-hover':\n      '{colors.neutral.background.3.enabled}',\n    '--data-table-bulk-bar-drag-handle-background-dragging':\n      '{colors.neutral.background.2.enabled}',\n    '--data-table-bulk-bar-drag-handle-padding-inline': '{spacing.100}',\n    '--data-table-bulk-bar-drag-handle-padding-block': '{spacing.100}',\n    '--data-table-bulk-bar-drag-handle-border-radius': '{radii.200}',\n    '--data-table-bulk-bar-drag-handle-color': 'inherit',\n    '--data-table-bulk-bar-drag-handle-transition':\n      'background-color 0.2s ease-in-out',\n\n    '--data-table-bulk-bar-drag-handle-icon-size': '{sizes.400}',\n    '--data-table-bulk-bar-drag-handle-icon-icon-aspect-ratio': '1',\n    '--data-table-bulk-bar-drag-handle-icon-foreground': 'inherit',\n    '--data-table-bulk-bar-drag-handle-icon-fill-color': 'unset',\n    '--data-table-bulk-bar-drag-handle-icon-stroke-color': 'unset',\n\n    '--data-table-bulk-bar-count-gap': '{spacing.200}',\n\n    '--data-table-bulk-bar-count-badge-background':\n      '{colors.neutral.background.2.enabled}',\n    '--data-table-bulk-bar-count-badge-border-color':\n      '{colors.neutral.stroke.7.enabled}',\n    '--data-table-bulk-bar-count-badge-border-style': 'solid',\n    '--data-table-bulk-bar-count-badge-border-width': '{borders.100}',\n    '--data-table-bulk-bar-count-badge-border-radius': '{radii.200}',\n    '--data-table-bulk-bar-count-badge-height': '{sizes.400}',\n    '--data-table-bulk-bar-count-badge-gap': '{spacing.200}',\n    '--data-table-bulk-bar-count-badge-padding-block': '{spacing.0}',\n    '--data-table-bulk-bar-count-badge-padding-inline': '{spacing.200}',\n    '--data-table-bulk-bar-count-badge-label-font-family': '{fonts.base}',\n    '--data-table-bulk-bar-count-badge-label-font-size': '{fontSizes.200}',\n    '--data-table-bulk-bar-count-badge-label-font-weight':\n      '{fontWeights.semiBold}',\n    '--data-table-bulk-bar-count-badge-label-color':\n      '{colors.neutral.foreground.1.enabled}',\n\n    '--data-table-bulk-bar-count-label-font-size': '{fontSizes.300}',\n    '--data-table-bulk-bar-count-label-font-weight': '{fontWeights.medium}',\n    '--data-table-bulk-bar-count-label-color':\n      '{colors.neutral.foreground.1.enabled}',\n\n    '--data-table-bulk-bar-actions-gap': '{spacing.300}',\n\n    /* Expand button */\n    '--data-table-expand-button-foreground':\n      '{colors.neutral.foreground.1.enabled}',\n    '--data-table-expand-button-cursor': 'pointer',\n    '--data-table-expand-button-transition': '{animations.200}',\n\n    /* Sort button */\n    '--data-table-sort-button-font-family': '{fonts.base}',\n    '--data-table-sort-button-font-size':\n      'var(--table-th-font-size, {fontSizes.200})',\n    '--data-table-sort-button-font-weight':\n      'var(--table-th-font-weight, {fontWeights.regular})',\n    '--data-table-sort-button-text-align': 'var(--table-th-text-align, left)',\n    '--data-table-sort-button-text-decoration': 'none',\n    '--data-table-sort-button-text-transform': 'none',\n    '--data-table-sort-button-line-height': '1',\n    '--data-table-sort-button-white-space': 'nowrap',\n    '--data-table-sort-button-align': 'center',\n    '--data-table-sort-button-justify': 'start',\n    '--data-table-sort-button-height': '{sizes.500}',\n    '--data-table-sort-button-padding-inline': '{spacing.200}',\n    '--data-table-sort-button-gap': '{spacing.200}',\n    '--data-table-sort-button-focus-outline-width': '{borders.150}',\n    '--data-table-sort-button-focus-outline-style': 'solid',\n    '--data-table-sort-button-focus-outline-offset': '{spacing.50}',\n    '--data-table-sort-button-focus-outline-color':\n      '{colors.primary.stroke.1.focused}',\n    '--data-table-sort-button-focus-shadow': 'none',\n    '--data-table-sort-button-background': 'transparent',\n    '--data-table-sort-button-foreground':\n      '{colors.neutral.foreground.3.enabled}',\n    '--data-table-sort-button-radii': '{radii.200}',\n    '--data-table-sort-button-border-color': 'transparent',\n    '--data-table-sort-button-border-width': '{borders.0}',\n    '--data-table-sort-button-border-style': 'solid',\n    '--data-table-sort-button-background-hover': 'transparent',\n    '--data-table-sort-button-foreground-hover':\n      '{colors.neutral.foreground.1.hovered}',\n    '--data-table-sort-button-border-color-hover': 'transparent',\n    '--data-table-sort-button-foreground-sorted':\n      '{colors.primary.foreground.1.enabled}',\n    '--data-table-sort-button-foreground-sorted-hover':\n      '{colors.primary.foreground.1.hovered}',\n    '--data-table-sort-button-disabled-opacity': '0.5',\n    '--data-table-sort-button-transition': '{animations.200}',\n    '--data-table-sort-button-inner-gap': '{spacing.200}',\n\n    '--data-table-sort-button-indicator-size': '{sizes.200}',\n    '--data-table-sort-button-indicator-opacity': '0.5',\n    '--data-table-sort-button-indicator-opacity-hover': '1',\n    '--data-table-sort-button-indicator-opacity-active': '1',\n\n    /* Page size */\n    '--data-table-page-size-root-gap': '{spacing.300}',\n    '--data-table-page-size-root-flex-direction': 'row',\n    '--data-table-page-size-root-justify-content': 'flex-start',\n    '--data-table-page-size-root-align-items': 'center',\n\n    '--data-table-page-size-wrapper-width': 'max-content',\n    '--data-table-page-size-wrapper-flex': '0 0 auto',\n\n    '--data-table-page-size-input-width': 'auto',\n    '--data-table-page-size-input-min-width': '0',\n    '--data-table-page-size-input-field-sizing': 'content',\n    '--data-table-page-size-input-height': '{sizes.600}',\n\n    /* Pagination */\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,mBAAoB,gBAGpB,4BAA6B,gBAC7B,sCAAuC,gBACvC,uCAAwC,cAGxC,2CAA4C,gBAC5C,uCAAwC,SACxC,+BAAgC,gBAGhC,mCAAoC,gBACpC,gCAAiC,wCACjC,+BAAgC,kBAGhC,kCAAmC,kBACnC,mCAAoC,wCACpC,mCAAoC,wCACpC,qCAAsC,oCACtC,qCAAsC,QACtC,qCAAsC,gBACtC,sCAAuC,cACvC,mCACE,6GACF,4BAA6B,gBAC7B,sCAAuC,gBACvC,uCAAwC,gBACxC,uDAAwD,gBACxD,iCAAkC,WAClC,+BAAgC,QAChC,6BAA8B,MAC9B,8BAA+B,QAC/B,4BAA6B,MAC7B,kCAAmC,wBACnC,gCAAiC,KAEjC,2CAA4C,OAC5C,oDAAqD,WACrD,qDACE,wCACF,wDACE,wCACF,mDAAoD,gBACpD,kDAAmD,gBACnD,kDAAmD,cACnD,0CAA2C,UAC3C,+CACE,oCAEF,8CAA+C,cAC/C,2DAA4D,IAC5D,oDAAqD,UACrD,oDAAqD,QACrD,sDAAuD,QAEvD,kCAAmC,gBAEnC,+CACE,wCACF,iDACE,oCACF,iDAAkD,QAClD,iDAAkD,gBAClD,kDAAmD,cACnD,2CAA4C,cAC5C,wCAAyC,gBACzC,kDAAmD,cACnD,mDAAoD,gBACpD,sDAAuD,eACvD,oDAAqD,kBACrD,sDACE,yBACF,gDACE,wCAEF,8CAA+C,kBAC/C,gDAAiD,uBACjD,0CACE,wCAEF,oCAAqC,gBAGrC,wCACE,wCACF,oCAAqC,UACrC,wCAAyC,mBAGzC,uCAAwC,eACxC,qCACE,6CACF,uCACE,qDACF,sCAAuC,mCACvC,2CAA4C,OAC5C,0CAA2C,OAC3C,uCAAwC,IACxC,uCAAwC,SACxC,iCAAkC,SAClC,mCAAoC,QACpC,kCAAmC,cACnC,0CAA2C,gBAC3C,+BAAgC,gBAChC,+CAAgD,gBAChD,+CAAgD,QAChD,gDAAiD,eACjD,+CACE,oCACF,wCAAyC,OACzC,sCAAuC,cACvC,sCACE,wCACF,iCAAkC,cAClC,wCAAyC,cACzC,wCAAyC,cACzC,wCAAyC,QACzC,4CAA6C,cAC7C,4CACE,wCACF,8CAA+C,cAC/C,6CACE,wCACF,mDACE,wCACF,4CAA6C,MAC7C,sCAAuC,mBACvC,qCAAsC,gBAEtC,0CAA2C,cAC3C,6CAA8C,MAC9C,mDAAoD,IACpD,oDAAqD,IAGrD,kCAAmC,gBACnC,6CAA8C,MAC9C,8CAA+C,aAC/C,0CAA2C,SAE3C,uCAAwC,cACxC,sCAAuC,WAEvC,qCAAsC,OACtC,yCAA0C,IAC1C,4CAA6C,UAC7C,sCAAuC,cAGxC,CACF,CAAC"}
+{"version":3,"file":"data-table.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTable = defineRecipe({\n  className: 'data-table',\n  jsx: ['DataTable'],\n  base: {\n    '--data-table-gap': '{spacing.300}',\n\n    /* Slot row */\n    '--data-table-slot-row-gap': '{spacing.300}',\n    '--data-table-slot-row-padding-block': '{spacing.300}',\n    '--data-table-slot-row-padding-inline': '{spacing.0}',\n\n    /* Bottom slot */\n    '--data-table-bottom-slot-justify-content': 'space-between',\n    '--data-table-bottom-slot-align-items': 'center',\n    '--data-table-bottom-slot-gap': '{spacing.300}',\n\n    /* Empty */\n    '--data-table-empty-padding-block': '{spacing.800}',\n    '--data-table-empty-foreground': '{colors.neutral.foreground.3.enabled}',\n    '--data-table-empty-font-size': '{fontSizes.300}',\n\n    /* Bulk bar */\n    '--data-table-bulk-bar-font-size': '{fontSizes.300}',\n    '--data-table-bulk-bar-foreground': '{colors.neutral.foreground.1.enabled}',\n    '--data-table-bulk-bar-background': '{colors.neutral.background.1.enabled}',\n    '--data-table-bulk-bar-border-color': '{colors.neutral.stroke.7.enabled}',\n    '--data-table-bulk-bar-border-style': 'solid',\n    '--data-table-bulk-bar-border-width': '{borders.100}',\n    '--data-table-bulk-bar-border-radius': '{radii.300}',\n    '--data-table-bulk-bar-box-shadow':\n      '0 1px 1px 0 rgba(0, 0, 0, 0.02), 0 8px 16px -4px rgba(0, 0, 0, 0.04), 0 24px 32px -8px rgba(0, 0, 0, 0.06)',\n    '--data-table-bulk-bar-gap': '{spacing.400}',\n    '--data-table-bulk-bar-padding-block': '{spacing.200}',\n    '--data-table-bulk-bar-padding-inline': '{spacing.300}',\n    '--data-table-bulk-bar-padding-inline-start-draggable': '{spacing.200}',\n    '--data-table-bulk-bar-position': 'absolute',\n    '--data-table-bulk-bar-bottom': 'unset',\n    '--data-table-bulk-bar-left': '50%',\n    '--data-table-bulk-bar-right': 'unset',\n    '--data-table-bulk-bar-top': '50%',\n    '--data-table-bulk-bar-transform': 'translate(-50%, -50%)',\n    '--data-table-bulk-bar-z-index': '10',\n\n    '--data-table-bulk-bar-drag-handle-cursor': 'grab',\n    '--data-table-bulk-bar-drag-handle-cursor-dragging': 'grabbing',\n    '--data-table-bulk-bar-drag-handle-background-hover':\n      '{colors.neutral.background.3.enabled}',\n    '--data-table-bulk-bar-drag-handle-background-dragging':\n      '{colors.neutral.background.2.enabled}',\n    '--data-table-bulk-bar-drag-handle-padding-inline': '{spacing.100}',\n    '--data-table-bulk-bar-drag-handle-padding-block': '{spacing.100}',\n    '--data-table-bulk-bar-drag-handle-border-radius': '{radii.200}',\n    '--data-table-bulk-bar-drag-handle-color': 'inherit',\n    '--data-table-bulk-bar-drag-handle-transition':\n      'background-color 0.2s ease-in-out',\n\n    '--data-table-bulk-bar-drag-handle-icon-size': '{sizes.400}',\n    '--data-table-bulk-bar-drag-handle-icon-icon-aspect-ratio': '1',\n    '--data-table-bulk-bar-drag-handle-icon-foreground': 'inherit',\n    '--data-table-bulk-bar-drag-handle-icon-fill-color': 'unset',\n    '--data-table-bulk-bar-drag-handle-icon-stroke-color': 'unset',\n\n    '--data-table-bulk-bar-count-gap': '{spacing.200}',\n\n    '--data-table-bulk-bar-count-badge-background':\n      '{colors.neutral.background.2.enabled}',\n    '--data-table-bulk-bar-count-badge-border-color':\n      '{colors.neutral.stroke.7.enabled}',\n    '--data-table-bulk-bar-count-badge-border-style': 'solid',\n    '--data-table-bulk-bar-count-badge-border-width': '{borders.100}',\n    '--data-table-bulk-bar-count-badge-border-radius': '{radii.200}',\n    '--data-table-bulk-bar-count-badge-height': '{sizes.400}',\n    '--data-table-bulk-bar-count-badge-gap': '{spacing.200}',\n    '--data-table-bulk-bar-count-badge-padding-block': '{spacing.0}',\n    '--data-table-bulk-bar-count-badge-padding-inline': '{spacing.200}',\n    '--data-table-bulk-bar-count-badge-label-font-family': '{fonts.base}',\n    '--data-table-bulk-bar-count-badge-label-font-size': '{fontSizes.200}',\n    '--data-table-bulk-bar-count-badge-label-font-weight':\n      '{fontWeights.semiBold}',\n    '--data-table-bulk-bar-count-badge-label-color':\n      '{colors.neutral.foreground.1.enabled}',\n\n    '--data-table-bulk-bar-count-label-font-size': '{fontSizes.300}',\n    '--data-table-bulk-bar-count-label-font-weight': '{fontWeights.medium}',\n    '--data-table-bulk-bar-count-label-color':\n      '{colors.neutral.foreground.1.enabled}',\n\n    '--data-table-bulk-bar-actions-gap': '{spacing.300}',\n\n    /* Expand button */\n    '--data-table-expand-button-foreground':\n      '{colors.neutral.foreground.1.enabled}',\n    '--data-table-expand-button-cursor': 'pointer',\n    '--data-table-expand-button-transition': '{animations.200}',\n\n    /* Sort button */\n    '--data-table-sort-button-font-family': '{fonts.base}',\n    '--data-table-sort-button-font-size':\n      'var(--table-th-font-size, {fontSizes.200})',\n    '--data-table-sort-button-font-weight':\n      'var(--table-th-font-weight, {fontWeights.regular})',\n    '--data-table-sort-button-text-align': 'var(--table-th-text-align, left)',\n    '--data-table-sort-button-text-decoration': 'none',\n    '--data-table-sort-button-text-transform': 'none',\n    '--data-table-sort-button-line-height': '1',\n    '--data-table-sort-button-white-space': 'nowrap',\n    '--data-table-sort-button-align': 'center',\n    '--data-table-sort-button-justify': 'start',\n    '--data-table-sort-button-height': '{sizes.500}',\n    '--data-table-sort-button-padding-inline': '{spacing.200}',\n    '--data-table-sort-button-gap': '{spacing.200}',\n    '--data-table-sort-button-focus-outline-width': '{borders.150}',\n    '--data-table-sort-button-focus-outline-style': 'solid',\n    '--data-table-sort-button-focus-outline-offset': '{spacing.50}',\n    '--data-table-sort-button-focus-outline-color':\n      '{colors.primary.stroke.1.focused}',\n    '--data-table-sort-button-focus-shadow': 'none',\n    '--data-table-sort-button-background': 'transparent',\n    '--data-table-sort-button-foreground':\n      '{colors.neutral.foreground.3.enabled}',\n    '--data-table-sort-button-radii': '{radii.200}',\n    '--data-table-sort-button-border-color': 'transparent',\n    '--data-table-sort-button-border-width': '{borders.0}',\n    '--data-table-sort-button-border-style': 'solid',\n    '--data-table-sort-button-background-hover': 'transparent',\n    '--data-table-sort-button-foreground-hover':\n      '{colors.neutral.foreground.1.hovered}',\n    '--data-table-sort-button-border-color-hover': 'transparent',\n    '--data-table-sort-button-foreground-sorted':\n      '{colors.primary.foreground.1.enabled}',\n    '--data-table-sort-button-foreground-sorted-hover':\n      '{colors.primary.foreground.1.hovered}',\n    '--data-table-sort-button-disabled-opacity': '0.5',\n    '--data-table-sort-button-transition': '{animations.200}',\n    '--data-table-sort-button-inner-gap': '{spacing.200}',\n\n    '--data-table-sort-button-indicator-size': '{sizes.200}',\n    '--data-table-sort-button-indicator-opacity': '0.5',\n    '--data-table-sort-button-indicator-opacity-hover': '1',\n    '--data-table-sort-button-indicator-opacity-active': '1',\n\n    /* Page size */\n    '--data-table-page-size-root-gap': '{spacing.300}',\n    '--data-table-page-size-root-flex-direction': 'row',\n    '--data-table-page-size-root-justify-content': 'flex-start',\n    '--data-table-page-size-root-align-items': 'center',\n\n    '--data-table-page-size-wrapper-width': 'max-content',\n    '--data-table-page-size-wrapper-flex': '0 0 auto',\n\n    '--data-table-page-size-input-width': 'auto',\n    '--data-table-page-size-input-min-width': '0',\n    '--data-table-page-size-input-field-sizing': 'content',\n    '--data-table-page-size-input-height': '{sizes.600}',\n\n    /* Pagination */\n\n    /* Columns */\n    '--data-table-column-check-width': '{sizes.700}',\n    '--data-table-column-check-align': 'center',\n    '--data-table-column-expand-width': '{sizes.700}',\n    '--data-table-column-expand-align': 'center',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,mBAAoB,gBAGpB,4BAA6B,gBAC7B,sCAAuC,gBACvC,uCAAwC,cAGxC,2CAA4C,gBAC5C,uCAAwC,SACxC,+BAAgC,gBAGhC,mCAAoC,gBACpC,gCAAiC,wCACjC,+BAAgC,kBAGhC,kCAAmC,kBACnC,mCAAoC,wCACpC,mCAAoC,wCACpC,qCAAsC,oCACtC,qCAAsC,QACtC,qCAAsC,gBACtC,sCAAuC,cACvC,mCACE,6GACF,4BAA6B,gBAC7B,sCAAuC,gBACvC,uCAAwC,gBACxC,uDAAwD,gBACxD,iCAAkC,WAClC,+BAAgC,QAChC,6BAA8B,MAC9B,8BAA+B,QAC/B,4BAA6B,MAC7B,kCAAmC,wBACnC,gCAAiC,KAEjC,2CAA4C,OAC5C,oDAAqD,WACrD,qDACE,wCACF,wDACE,wCACF,mDAAoD,gBACpD,kDAAmD,gBACnD,kDAAmD,cACnD,0CAA2C,UAC3C,+CACE,oCAEF,8CAA+C,cAC/C,2DAA4D,IAC5D,oDAAqD,UACrD,oDAAqD,QACrD,sDAAuD,QAEvD,kCAAmC,gBAEnC,+CACE,wCACF,iDACE,oCACF,iDAAkD,QAClD,iDAAkD,gBAClD,kDAAmD,cACnD,2CAA4C,cAC5C,wCAAyC,gBACzC,kDAAmD,cACnD,mDAAoD,gBACpD,sDAAuD,eACvD,oDAAqD,kBACrD,sDACE,yBACF,gDACE,wCAEF,8CAA+C,kBAC/C,gDAAiD,uBACjD,0CACE,wCAEF,oCAAqC,gBAGrC,wCACE,wCACF,oCAAqC,UACrC,wCAAyC,mBAGzC,uCAAwC,eACxC,qCACE,6CACF,uCACE,qDACF,sCAAuC,mCACvC,2CAA4C,OAC5C,0CAA2C,OAC3C,uCAAwC,IACxC,uCAAwC,SACxC,iCAAkC,SAClC,mCAAoC,QACpC,kCAAmC,cACnC,0CAA2C,gBAC3C,+BAAgC,gBAChC,+CAAgD,gBAChD,+CAAgD,QAChD,gDAAiD,eACjD,+CACE,oCACF,wCAAyC,OACzC,sCAAuC,cACvC,sCACE,wCACF,iCAAkC,cAClC,wCAAyC,cACzC,wCAAyC,cACzC,wCAAyC,QACzC,4CAA6C,cAC7C,4CACE,wCACF,8CAA+C,cAC/C,6CACE,wCACF,mDACE,wCACF,4CAA6C,MAC7C,sCAAuC,mBACvC,qCAAsC,gBAEtC,0CAA2C,cAC3C,6CAA8C,MAC9C,mDAAoD,IACpD,oDAAqD,IAGrD,kCAAmC,gBACnC,6CAA8C,MAC9C,8CAA+C,aAC/C,0CAA2C,SAE3C,uCAAwC,cACxC,sCAAuC,WAEvC,qCAAsC,OACtC,yCAA0C,IAC1C,4CAA6C,UAC7C,sCAAuC,cAKvC,kCAAmC,cACnC,kCAAmC,SACnC,mCAAoC,cACpC,mCAAoC,SACrC,CACF,CAAC"}

package/dist/recipes/data-display/data-table/index.mjs

@@ -1,2 +1,2 @@
-import{dataTable as e}from"./data-table.mjs";import{dataTableBottomSlot as t}from"./data-table-bottom-slot.mjs";import{dataTableBulkBar as n}from"./data-table-bulk-bar/data-table-bulk-bar.mjs";import{dataTableBulkBarActions as r}from"./data-table-bulk-bar/data-table-bulk-bar-actions.mjs";import{dataTableBulkBarCount as i}from"./data-table-bulk-bar/data-table-bulk-bar-count.mjs";import{dataTableBulkBarCountBadge as a}from"./data-table-bulk-bar/data-table-bulk-bar-count-badge.mjs";import{dataTableBulkBarCountLabel as o}from"./data-table-bulk-bar/data-table-bulk-bar-count-label.mjs";import{dataTableBulkBarDragHandle as s}from"./data-table-bulk-bar/data-table-bulk-bar-drag-handle.mjs";import{dataTableBulkBarDragHandleIcon as c}from"./data-table-bulk-bar/data-table-bulk-bar-drag-handle-icon.mjs";import{dataTableEmpty as l}from"./data-table-empty.mjs";import{dataTableExpandButton as u}from"./data-table-expand-button.mjs";import{dataTableExpandedContent as d}from"./data-table-expanded-content.mjs";import{dataTableHeader as f}from"./data-table-header.mjs";import{dataTableLoading as p}from"./data-table-loading.mjs";import{dataTablePageSize as m}from"./data-table-page-size/data-table-page-size.mjs";import{dataTablePageSizeInput as h}from"./data-table-page-size/data-table-page-size-input.mjs";import{dataTablePagination as g}from"./data-table-pagination.mjs";import{dataTableRoot as _}from"./data-table-root.mjs";import{dataTableSkeleton as v,dataTableSkeletonCell as y,dataTableSkeletonRow as b}from"./data-table-skeleton.mjs";import{dataTableSlotRow as x}from"./data-table-slot-row.mjs";import{dataTableSortButton as S}from"./data-table-sort-button/data-table-sort-button.mjs";import{dataTableSortButtonIndicator as C}from"./data-table-sort-button/data-table-sort-button-indicator.mjs";import{dataTableTopSlot as w}from"./data-table-top-slot.mjs";import{dataTableViewport as T}from"./data-table-viewport.mjs";var E={dataTable:e,dataTableSkeleton:v,dataTableSkeletonRow:b,dataTableSkeletonCell:y,dataTableRoot:_,dataTableViewport:T,dataTableHeader:f,dataTableSortButton:S,dataTableSortButtonIndicator:C,dataTableExpandButton:u,dataTableSlotRow:x,dataTableBottomSlot:t,dataTableBulkBar:n,dataTableBulkBarActions:r,dataTableBulkBarCount:i,dataTableBulkBarCountBadge:a,dataTableBulkBarCountLabel:o,dataTableBulkBarDragHandle:s,dataTableBulkBarDragHandleIcon:c,dataTableEmpty:l,dataTableExpandedContent:d,dataTableLoading:p,dataTablePagination:g,dataTablePageSize:m,dataTablePageSizeInput:h,dataTableTopSlot:w};export{E as default};
+import e from"./custom-columns/index.mjs";import{dataTable as t}from"./data-table.mjs";import{dataTableBottomSlot as n}from"./data-table-bottom-slot.mjs";import r from"./data-table-bulk-bar/index.mjs";import{dataTableEmpty as i}from"./data-table-empty.mjs";import{dataTableExpandButton as a}from"./data-table-expand-button.mjs";import{dataTableExpandedContent as o}from"./data-table-expanded-content.mjs";import{dataTableHeader as s}from"./data-table-header.mjs";import{dataTableLoading as c}from"./data-table-loading.mjs";import l from"./data-table-page-size/index.mjs";import{dataTablePagination as u}from"./data-table-pagination.mjs";import{dataTableRoot as d}from"./data-table-root.mjs";import{dataTableSkeleton as f,dataTableSkeletonCell as p,dataTableSkeletonRow as m}from"./data-table-skeleton.mjs";import{dataTableSlotRow as h}from"./data-table-slot-row.mjs";import g from"./data-table-sort-button/index.mjs";import{dataTableTopSlot as _}from"./data-table-top-slot.mjs";import{dataTableViewport as v}from"./data-table-viewport.mjs";var y={dataTable:t,dataTableSkeleton:f,dataTableSkeletonRow:m,dataTableSkeletonCell:p,dataTableRoot:d,dataTableViewport:v,dataTableHeader:s,dataTableExpandButton:a,dataTableSlotRow:h,dataTableBottomSlot:n,dataTableEmpty:i,dataTableExpandedContent:o,dataTableLoading:c,dataTablePagination:u,dataTableTopSlot:_,...r,...l,...g,...e};export{y as default};
 //# sourceMappingURL=index.mjs.map

package/dist/recipes/data-display/data-table/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/index.ts"],"sourcesContent":["import { dataTable } from './data-table';\nimport { dataTableBottomSlot } from './data-table-bottom-slot';\nimport { dataTableBulkBar } from './data-table-bulk-bar/data-table-bulk-bar';\nimport { dataTableBulkBarActions } from './data-table-bulk-bar/data-table-bulk-bar-actions';\nimport { dataTableBulkBarCount } from './data-table-bulk-bar/data-table-bulk-bar-count';\nimport { dataTableBulkBarCountBadge } from './data-table-bulk-bar/data-table-bulk-bar-count-badge';\nimport { dataTableBulkBarCountLabel } from './data-table-bulk-bar/data-table-bulk-bar-count-label';\nimport { dataTableBulkBarDragHandle } from './data-table-bulk-bar/data-table-bulk-bar-drag-handle';\nimport { dataTableBulkBarDragHandleIcon } from './data-table-bulk-bar/data-table-bulk-bar-drag-handle-icon';\nimport { dataTableEmpty } from './data-table-empty';\nimport { dataTableExpandButton } from './data-table-expand-button';\nimport { dataTableExpandedContent } from './data-table-expanded-content';\nimport { dataTableHeader } from './data-table-header';\nimport { dataTableLoading } from './data-table-loading';\nimport { dataTablePageSize } from './data-table-page-size/data-table-page-size';\nimport { dataTablePageSizeInput } from './data-table-page-size/data-table-page-size-input';\nimport { dataTablePagination } from './data-table-pagination';\nimport { dataTableRoot } from './data-table-root';\nimport {\n  dataTableSkeleton,\n  dataTableSkeletonCell,\n  dataTableSkeletonRow,\n} from './data-table-skeleton';\nimport { dataTableSlotRow } from './data-table-slot-row';\nimport { dataTableSortButton } from './data-table-sort-button/data-table-sort-button';\nimport { dataTableSortButtonIndicator } from './data-table-sort-button/data-table-sort-button-indicator';\nimport { dataTableTopSlot } from './data-table-top-slot';\nimport { dataTableViewport } from './data-table-viewport';\n\nexport default {\n  dataTable,\n  dataTableSkeleton,\n  dataTableSkeletonRow,\n  dataTableSkeletonCell,\n  dataTableRoot,\n  dataTableViewport,\n  dataTableHeader,\n  dataTableSortButton,\n  dataTableSortButtonIndicator,\n  dataTableExpandButton,\n  dataTableSlotRow,\n  dataTableBottomSlot,\n  dataTableBulkBar,\n  dataTableBulkBarActions,\n  dataTableBulkBarCount,\n  dataTableBulkBarCountBadge,\n  dataTableBulkBarCountLabel,\n  dataTableBulkBarDragHandle,\n  dataTableBulkBarDragHandleIcon,\n  dataTableEmpty,\n  dataTableExpandedContent,\n  dataTableLoading,\n  dataTablePagination,\n  dataTablePageSize,\n  dataTablePageSizeInput,\n  dataTableTopSlot,\n};\n"],"mappings":"i4DA6BA,IAAA,EAAe,CACb,YACA,oBACA,uBACA,wBACA,gBACA,oBACA,kBACA,sBACA,+BACA,wBACA,mBACA,sBACA,mBACA,0BACA,wBACA,6BACA,6BACA,6BACA,iCACA,iBACA,2BACA,mBACA,sBACA,oBACA,yBACA,mBACD"}
+{"version":3,"file":"index.mjs","names":["dataTableBulkBar","dataTablePageSize","dataTableSortButton","customColumns"],"sources":["../../../../src/recipes/data-display/data-table/index.ts"],"sourcesContent":["import customColumns from './custom-columns';\nimport { dataTable } from './data-table';\nimport { dataTableBottomSlot } from './data-table-bottom-slot';\nimport dataTableBulkBar from './data-table-bulk-bar';\nimport { dataTableEmpty } from './data-table-empty';\nimport { dataTableExpandButton } from './data-table-expand-button';\nimport { dataTableExpandedContent } from './data-table-expanded-content';\nimport { dataTableHeader } from './data-table-header';\nimport { dataTableLoading } from './data-table-loading';\nimport dataTablePageSize from './data-table-page-size';\nimport { dataTablePagination } from './data-table-pagination';\nimport { dataTableRoot } from './data-table-root';\nimport {\n  dataTableSkeleton,\n  dataTableSkeletonCell,\n  dataTableSkeletonRow,\n} from './data-table-skeleton';\nimport { dataTableSlotRow } from './data-table-slot-row';\nimport dataTableSortButton from './data-table-sort-button';\nimport { dataTableTopSlot } from './data-table-top-slot';\nimport { dataTableViewport } from './data-table-viewport';\n\nexport default {\n  dataTable,\n  dataTableSkeleton,\n  dataTableSkeletonRow,\n  dataTableSkeletonCell,\n  dataTableRoot,\n  dataTableViewport,\n  dataTableHeader,\n  dataTableExpandButton,\n  dataTableSlotRow,\n  dataTableBottomSlot,\n  dataTableEmpty,\n  dataTableExpandedContent,\n  dataTableLoading,\n  dataTablePagination,\n  dataTableTopSlot,\n  ...dataTableBulkBar,\n  ...dataTablePageSize,\n  ...dataTableSortButton,\n  ...customColumns,\n};\n"],"mappings":"ghCAsBA,IAAA,EAAe,CACb,YACA,oBACA,uBACA,wBACA,gBACA,oBACA,kBACA,wBACA,mBACA,sBACA,iBACA,2BACA,mBACA,sBACA,mBACA,GAAGA,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACJ"}

package/dist/recipes/data-display/table/table-tr.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`table__tr`,jsx:[`Table`],base:{borderRadius:`var(--table-tr-radii, {radii.0})`,transition:`var(--table-tr-transition, {animations.200})`,"&[data-with-row-border]":{borderBottom:`var(--table-border-width, {borders.100}) solid var(--table-border-color, {colors.neutral.stroke.1.enabled})`},"tbody &[data-hover]:hover":{backgroundColor:`var(--table-highlight-on-hover-color, {colors.neutral.background.2.hovered})`},"&[data-selected]":{backgroundColor:`var(--table-selected-color, {colors.primary.background.3.enabled})`},"&[aria-hidden] > td":{padding:0,border:`none`},"&:hover > td":{color:`var(--table-td-foreground-hover, {colors.neutral.foreground.1.hovered})`,backgroundColor:`var(--table-td-background-hover, {colors.neutral.background.2.hovered})`},"&[data-selected] > td":{color:`var(--table-td-foreground-selected, {colors.primary.foreground.1.enabled})`,backgroundColor:`var(--table-td-background-selected, {colors.primary.background.4.enabled})`},"&[data-selected]:hover > td":{color:`var(--table-td-foreground-selected-hover, {colors.primary.foreground.1.hovered})`,backgroundColor:`var(--table-td-background-selected-hover, {colors.primary.background.4.hovered})`},'&[data-striped="odd"]:nth-of-type(odd)':{backgroundColor:`var(--table-striped-color, {colors.neutral.background.2.enabled})`},'&[data-striped="odd"]:nth-of-type(odd) > td':{backgroundColor:`var(--table-striped-color, {colors.neutral.background.2.enabled})`},'&[data-striped="even"]:nth-of-type(even)':{backgroundColor:`var(--table-striped-color, {colors.neutral.background.1.enabled})`},'&[data-striped="even"]:nth-of-type(even) > td':{backgroundColor:`var(--table-striped-color, {colors.neutral.background.1.enabled})`},"&[data-disabled]":{opacity:`var(--table-tr-disabled-opacity, 0.5)`}}});export{t as tableTr};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`table__tr`,jsx:[`Table`],base:{borderRadius:`var(--table-tr-radii, {radii.0})`,transition:`var(--table-tr-transition, {animations.200})`,"&[data-with-row-border]":{borderBottom:`var(--table-border-width, {borders.100}) solid var(--table-border-color, {colors.neutral.stroke.1.enabled})`},"tbody &[data-hover]:hover":{backgroundColor:`var(--table-highlight-on-hover-color, {colors.neutral.background.alpha.1.enabled})`},"&[data-selected]":{backgroundColor:`var(--table-selected-color, transparent)`},"&[aria-hidden] > td":{padding:0,border:`none`},"&:hover > td":{color:`var(--table-td-foreground-hover, {colors.neutral.foreground.1.hovered})`,backgroundColor:`var(--table-td-background-hover, {colors.neutral.background.2.hovered})`},"&[data-selected] > td":{color:`var(--table-td-foreground-selected, {colors.primary.foreground.1.enabled})`,backgroundColor:`var(--table-td-background-selected, {colors.neutral.background.2.primary.selected/25})`},"&[data-selected]:hover > td":{color:`var(--table-td-foreground-selected-hover, {colors.primary.foreground.1.hovered})`,backgroundColor:`var(--table-td-background-selected-hover, {colors.neutral.background.2.primary.selectedHovered/25})`},'&[data-striped="odd"]:nth-of-type(odd)':{backgroundColor:`{colors.neutral.background.alpha.1.enabled}`},'&[data-striped="odd"]:nth-of-type(odd) > td':{backgroundColor:`{colors.neutral.background.alpha.1.enabled}`},'&[data-striped="even"]:nth-of-type(even)':{backgroundColor:`var(--table-striped-color, {colors.neutral.background.1.enabled})`},'&[data-striped="even"]:nth-of-type(even) > td':{backgroundColor:`var(--table-striped-color, {colors.neutral.background.1.enabled})`},"&[data-disabled]":{opacity:`var(--table-tr-disabled-opacity, 0.5)`}}});export{t as tableTr};
 //# sourceMappingURL=table-tr.mjs.map

package/dist/recipes/data-display/table/table-tr.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"table-tr.mjs","names":[],"sources":["../../../../src/recipes/data-display/table/table-tr.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const tableTr = defineRecipe({\n  className: 'table__tr',\n  jsx: ['Table'],\n  base: {\n    borderRadius: 'var(--table-tr-radii, {radii.0})',\n    transition: 'var(--table-tr-transition, {animations.200})',\n\n    '&[data-with-row-border]': {\n      borderBottom:\n        'var(--table-border-width, {borders.100}) solid var(--table-border-color, {colors.neutral.stroke.1.enabled})',\n    },\n\n    'tbody &[data-hover]:hover': {\n      backgroundColor:\n        'var(--table-highlight-on-hover-color, {colors.neutral.background.2.hovered})',\n    },\n\n    '&[data-selected]': {\n      backgroundColor:\n        'var(--table-selected-color, {colors.primary.background.3.enabled})',\n    },\n\n    '&[aria-hidden] > td': {\n      padding: 0,\n      border: 'none',\n    },\n\n    '&:hover > td': {\n      color:\n        'var(--table-td-foreground-hover, {colors.neutral.foreground.1.hovered})',\n      backgroundColor:\n        'var(--table-td-background-hover, {colors.neutral.background.2.hovered})',\n    },\n\n    '&[data-selected] > td': {\n      color:\n        'var(--table-td-foreground-selected, {colors.primary.foreground.1.enabled})',\n      backgroundColor:\n        'var(--table-td-background-selected, {colors.primary.background.4.enabled})',\n    },\n\n    '&[data-selected]:hover > td': {\n      color:\n        'var(--table-td-foreground-selected-hover, {colors.primary.foreground.1.hovered})',\n      backgroundColor:\n        'var(--table-td-background-selected-hover, {colors.primary.background.4.hovered})',\n    },\n\n    '&[data-striped=\"odd\"]:nth-of-type(odd)': {\n      backgroundColor:\n        'var(--table-striped-color, {colors.neutral.background.2.enabled})',\n    },\n\n    '&[data-striped=\"odd\"]:nth-of-type(odd) > td': {\n      backgroundColor:\n        'var(--table-striped-color, {colors.neutral.background.2.enabled})',\n    },\n\n    '&[data-striped=\"even\"]:nth-of-type(even)': {\n      backgroundColor:\n        'var(--table-striped-color, {colors.neutral.background.1.enabled})',\n    },\n\n    '&[data-striped=\"even\"]:nth-of-type(even) > td': {\n      backgroundColor:\n        'var(--table-striped-color, {colors.neutral.background.1.enabled})',\n    },\n\n    '&[data-disabled]': {\n      opacity: 'var(--table-tr-disabled-opacity, 0.5)',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAU,EAAa,CAClC,UAAW,YACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,aAAc,mCACd,WAAY,+CAEZ,0BAA2B,CACzB,aACE,8GACH,CAED,4BAA6B,CAC3B,gBACE,+EACH,CAED,mBAAoB,CAClB,gBACE,qEACH,CAED,sBAAuB,CACrB,QAAS,EACT,OAAQ,OACT,CAED,eAAgB,CACd,MACE,0EACF,gBACE,0EACH,CAED,wBAAyB,CACvB,MACE,6EACF,gBACE,6EACH,CAED,8BAA+B,CAC7B,MACE,mFACF,gBACE,mFACH,CAED,yCAA0C,CACxC,gBACE,oEACH,CAED,8CAA+C,CAC7C,gBACE,oEACH,CAED,2CAA4C,CAC1C,gBACE,oEACH,CAED,gDAAiD,CAC/C,gBACE,oEACH,CAED,mBAAoB,CAClB,QAAS,wCACV,CACF,CACF,CAAC"}
+{"version":3,"file":"table-tr.mjs","names":[],"sources":["../../../../src/recipes/data-display/table/table-tr.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const tableTr = defineRecipe({\n  className: 'table__tr',\n  jsx: ['Table'],\n  base: {\n    borderRadius: 'var(--table-tr-radii, {radii.0})',\n    transition: 'var(--table-tr-transition, {animations.200})',\n\n    '&[data-with-row-border]': {\n      borderBottom:\n        'var(--table-border-width, {borders.100}) solid var(--table-border-color, {colors.neutral.stroke.1.enabled})',\n    },\n\n    'tbody &[data-hover]:hover': {\n      backgroundColor:\n        'var(--table-highlight-on-hover-color, {colors.neutral.background.alpha.1.enabled})',\n    },\n\n    '&[data-selected]': {\n      backgroundColor: 'var(--table-selected-color, transparent)',\n    },\n\n    '&[aria-hidden] > td': {\n      padding: 0,\n      border: 'none',\n    },\n\n    '&:hover > td': {\n      color:\n        'var(--table-td-foreground-hover, {colors.neutral.foreground.1.hovered})',\n      backgroundColor:\n        'var(--table-td-background-hover, {colors.neutral.background.2.hovered})',\n    },\n\n    '&[data-selected] > td': {\n      color:\n        'var(--table-td-foreground-selected, {colors.primary.foreground.1.enabled})',\n      backgroundColor:\n        'var(--table-td-background-selected, {colors.neutral.background.2.primary.selected/25})',\n    },\n\n    '&[data-selected]:hover > td': {\n      color:\n        'var(--table-td-foreground-selected-hover, {colors.primary.foreground.1.hovered})',\n      backgroundColor:\n        'var(--table-td-background-selected-hover, {colors.neutral.background.2.primary.selectedHovered/25})',\n    },\n\n    '&[data-striped=\"odd\"]:nth-of-type(odd)': {\n      backgroundColor: '{colors.neutral.background.alpha.1.enabled}',\n    },\n\n    '&[data-striped=\"odd\"]:nth-of-type(odd) > td': {\n      backgroundColor: '{colors.neutral.background.alpha.1.enabled}',\n    },\n\n    '&[data-striped=\"even\"]:nth-of-type(even)': {\n      backgroundColor:\n        'var(--table-striped-color, {colors.neutral.background.1.enabled})',\n    },\n\n    '&[data-striped=\"even\"]:nth-of-type(even) > td': {\n      backgroundColor:\n        'var(--table-striped-color, {colors.neutral.background.1.enabled})',\n    },\n\n    '&[data-disabled]': {\n      opacity: 'var(--table-tr-disabled-opacity, 0.5)',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAU,EAAa,CAClC,UAAW,YACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,aAAc,mCACd,WAAY,+CAEZ,0BAA2B,CACzB,aACE,8GACH,CAED,4BAA6B,CAC3B,gBACE,qFACH,CAED,mBAAoB,CAClB,gBAAiB,2CAClB,CAED,sBAAuB,CACrB,QAAS,EACT,OAAQ,OACT,CAED,eAAgB,CACd,MACE,0EACF,gBACE,0EACH,CAED,wBAAyB,CACvB,MACE,6EACF,gBACE,yFACH,CAED,8BAA+B,CAC7B,MACE,mFACF,gBACE,sGACH,CAED,yCAA0C,CACxC,gBAAiB,8CAClB,CAED,8CAA+C,CAC7C,gBAAiB,8CAClB,CAED,2CAA4C,CAC1C,gBACE,oEACH,CAED,gDAAiD,CAC/C,gBACE,oEACH,CAED,mBAAoB,CAClB,QAAS,wCACV,CACF,CACF,CAAC"}

package/dist/recipes/data-display/table/table.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`table`,jsx:[`Table`],base:{"--maintine-scale":`1`,"--table-background":`{colors.neutral.background.1.enabled}`,"--table-border-color":`{colors.neutral.stroke.7.enabled}`,"--table-border-width":`{borders.100}`,"--table-border-collapse":`separate`,"--table-spacing-inline":`{spacing.200}`,"--table-spacing-block":`{spacing.200}`,"--table-caption-side":`bottom`,"--table-layout":`auto`,"&[data-scrollable]":{"--table-layout":`fixed`},"--table-striped-color":`{colors.neutral.background.2.enabled}`,"--table-highlight-on-hover-color":`{colors.neutral.background.2.hovered}`,"--table-sticky-header-offset":`0`,"--table-tbody-background":`{colors.neutral.background.1.enabled}`,"--table-thead-background":`{colors.neutral.background.1.enabled}`,"--table-tfoot-background":`{colors.neutral.background.1.enabled}`,"--table-tr-background":`{colors.neutral.background.1.enabled}`,"--table-tr-radii":`{radii.0}`,"--table-tr-disabled-opacity":`0.5`,"--table-tr-transition":`{animations.200}`,"--table-th-font-size":`{fontSizes.200}`,"--table-th-font-weight":`{fontWeights.regular}`,"--table-th-text-align":`left`,"--table-th-height":`{sizes.700}`,"--table-th-height-sticky":`{sizes.700}`,"--table-th-radii":`{radii.0}`,"--table-th-top-left-radii":`{radii.0}`,"--table-th-bottom-left-radii":`{radii.0}`,"--table-th-top-right-radii":`{radii.0}`,"--table-th-bottom-right-radii":`{radii.0}`,"--table-th-padding-inline":`var(--table-spacing-inline, {spacing.200})`,"--table-th-padding-block":`var(--table-spacing-block, {spacing.200})`,"--table-th-first-padding-inline":`{spacing.400}`,"--table-th-last-padding-inline":`{spacing.300}`,"--table-th-foreground":`{colors.neutral.foreground.3.enabled}`,"--table-th-background":`{colors.neutral.background.1.enabled}`,"--table-th-background-sticky":`{colors.neutral.background.1.enabled}`,"--table-th-background-sortable-hover":`transparent`,"--table-th-border-color":`{colors.neutral.stroke.7.enabled}`,"--table-th-border-width":`{borders.0} {borders.0} {borders.100} {borders.0}`,"--table-th-border-style":`solid`,"--table-th-disabled-opacity":`0.5`,"--table-th-sortable-padding-inline":`{spacing.0}`,"--table-th-sortable-background-hover":`transparent`,"--table-th-sortable-outline-width":`{borders.150}`,"--table-th-sortable-outline-offset":`{spacing.50}`,"--table-th-sortable-outline-color":`{colors.primary.stroke.1.focused}`,"--table-th-sortable-outline-style":`solid`,"--table-th-transition":`{animations.200}`,"--table-td-font-size":`{fontSizes.300}`,"--table-td-font-weight":`{fontWeights.regular}`,"--table-td-text-align":`left`,"--table-td-height":`{sizes.1000}`,"--table-td-radii":`{radii.0}`,"--table-td-top-left-radii":`{radii.0}`,"--table-td-bottom-left-radii":`{radii.0}`,"--table-td-top-right-radii":`{radii.0}`,"--table-td-bottom-right-radii":`{radii.0}`,"--table-td-padding-inline":`var(--table-spacing-inline, {spacing.200})`,"--table-td-padding-block":`var(--table-spacing-block, {spacing.200})`,"--table-td-first-padding-inline":`{spacing.400}`,"--table-td-last-padding-inline":`{spacing.300}`,"--table-td-foreground":`{colors.neutral.foreground.1.enabled}`,"--table-td-background":`{colors.neutral.background.1.enabled}`,"--table-td-foreground-hover":`{colors.neutral.foreground.1.enabled}`,"--table-td-background-hover":`{colors.neutral.background.alpha.1.enabled}`,"--table-td-foreground-selected":`{colors.neutral.foreground.1.enabled}`,"--table-td-background-selected":`{colors.primary.background.4.enabled}`,"--table-td-foreground-selected-hover":`{colors.neutral.foreground.1.enabled}`,"--table-td-background-selected-hover":`{colors.primary.background.4.enabled}`,"--table-td-border-color":`{colors.neutral.stroke.7.enabled}`,"--table-td-border-width":`{borders.0} {borders.0} {borders.100} {borders.0}`,"--table-td-border-style":`solid`,"--table-td-disabled-opacity":`0.5`,"--table-td-transition":`{animations.200}`,"--table-caption-font-size":`{fontSizes.200}`,"--table-caption-font-weight":`{fontWeights.regular}`,"--table-caption-foreground":`{colors.neutral.foreground.3.enabled}`,"--table-caption-background":`{colors.neutral.background.1.enabled}`,"--table-caption-text-align":`left`,"--table-caption-padding-inline":`var(--table-spacing-inline, {spacing.200})`,"--table-caption-padding-block":`var(--table-spacing-block, {spacing.200})`}});export{t as table};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`table`,jsx:[`Table`],base:{"--maintine-scale":`1`,"--table-background":`{colors.neutral.background.1.enabled}`,"--table-border-color":`{colors.neutral.stroke.7.enabled}`,"--table-border-width":`{borders.100}`,"--table-border-collapse":`separate`,"--table-spacing-inline":`{spacing.200}`,"--table-spacing-block":`{spacing.200}`,"--table-caption-side":`bottom`,"--table-layout":`auto`,"&[data-scrollable]":{"--table-layout":`fixed`},"--table-striped-color":`{colors.neutral.background.2.enabled}`,"--table-highlight-on-hover-color":`{colors.neutral.background.alpha.1.enabled}`,"--table-sticky-header-offset":`0`,"--table-tbody-background":`{colors.neutral.background.1.enabled}`,"--table-thead-background":`{colors.neutral.background.1.enabled}`,"--table-tfoot-background":`{colors.neutral.background.1.enabled}`,"--table-tr-background":`{colors.neutral.background.1.enabled}`,"--table-tr-radii":`{radii.0}`,"--table-tr-disabled-opacity":`0.5`,"--table-tr-transition":`{animations.200}`,"--table-th-font-size":`{fontSizes.200}`,"--table-th-font-weight":`{fontWeights.regular}`,"--table-th-text-align":`left`,"--table-th-height":`{sizes.700}`,"--table-th-height-sticky":`{sizes.700}`,"--table-th-radii":`{radii.0}`,"--table-th-top-left-radii":`{radii.0}`,"--table-th-bottom-left-radii":`{radii.0}`,"--table-th-top-right-radii":`{radii.0}`,"--table-th-bottom-right-radii":`{radii.0}`,"--table-th-padding-inline":`var(--table-spacing-inline, {spacing.200})`,"--table-th-padding-block":`var(--table-spacing-block, {spacing.200})`,"--table-th-first-padding-inline":`{spacing.400}`,"--table-th-last-padding-inline":`{spacing.300}`,"--table-th-foreground":`{colors.neutral.foreground.3.enabled}`,"--table-th-background":`{colors.neutral.background.1.enabled}`,"--table-th-background-sticky":`{colors.neutral.background.1.enabled}`,"--table-th-background-sortable-hover":`transparent`,"--table-th-border-color":`{colors.neutral.stroke.7.enabled}`,"--table-th-border-width":`{borders.0} {borders.0} {borders.100} {borders.0}`,"--table-th-border-style":`solid`,"--table-th-disabled-opacity":`0.5`,"--table-th-sortable-padding-inline":`{spacing.0}`,"--table-th-sortable-background-hover":`transparent`,"--table-th-sortable-outline-width":`{borders.150}`,"--table-th-sortable-outline-offset":`{spacing.50}`,"--table-th-sortable-outline-color":`{colors.primary.stroke.1.focused}`,"--table-th-sortable-outline-style":`solid`,"--table-th-transition":`{animations.200}`,"--table-td-font-size":`{fontSizes.300}`,"--table-td-font-weight":`{fontWeights.regular}`,"--table-td-text-align":`left`,"--table-td-height":`{sizes.1000}`,"--table-td-radii":`{radii.0}`,"--table-td-top-left-radii":`{radii.0}`,"--table-td-bottom-left-radii":`{radii.0}`,"--table-td-top-right-radii":`{radii.0}`,"--table-td-bottom-right-radii":`{radii.0}`,"--table-td-padding-inline":`var(--table-spacing-inline, {spacing.200})`,"--table-td-padding-block":`var(--table-spacing-block, {spacing.200})`,"--table-td-first-padding-inline":`{spacing.400}`,"--table-td-last-padding-inline":`{spacing.300}`,"--table-td-foreground":`{colors.neutral.foreground.1.enabled}`,"--table-td-background":`{colors.neutral.background.1.enabled}`,"--table-td-foreground-hover":`{colors.neutral.foreground.1.enabled}`,"--table-td-background-hover":`{colors.neutral.background.alpha.1.enabled}`,"--table-td-foreground-selected":`{colors.neutral.foreground.1.enabled}`,"--table-td-background-selected":`{colors.neutral.background.2.primary.selected/25}`,"--table-td-foreground-selected-hover":`{colors.neutral.foreground.1.enabled}`,"--table-td-background-selected-hover":`{colors.neutral.background.2.primary.selectedHovered/25}`,"--table-td-border-color":`{colors.neutral.stroke.7.enabled}`,"--table-td-border-width":`{borders.0} {borders.0} {borders.100} {borders.0}`,"--table-td-border-style":`solid`,"--table-td-disabled-opacity":`0.5`,"--table-td-transition":`{animations.200}`,"--table-caption-font-size":`{fontSizes.200}`,"--table-caption-font-weight":`{fontWeights.regular}`,"--table-caption-foreground":`{colors.neutral.foreground.3.enabled}`,"--table-caption-background":`{colors.neutral.background.1.enabled}`,"--table-caption-text-align":`left`,"--table-caption-padding-inline":`var(--table-spacing-inline, {spacing.200})`,"--table-caption-padding-block":`var(--table-spacing-block, {spacing.200})`}});export{t as table};
 //# sourceMappingURL=table.mjs.map

package/dist/recipes/data-display/table/table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"table.mjs","names":[],"sources":["../../../../src/recipes/data-display/table/table.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const table = defineRecipe({\n  className: 'table',\n  jsx: ['Table'],\n  base: {\n    '--maintine-scale': '1',\n\n    /* root */\n    '--table-background': '{colors.neutral.background.1.enabled}',\n    '--table-border-color': '{colors.neutral.stroke.7.enabled}',\n    '--table-border-width': '{borders.100}',\n    '--table-border-collapse': 'separate',\n    '--table-spacing-inline': '{spacing.200}',\n    '--table-spacing-block': '{spacing.200}',\n    '--table-caption-side': 'bottom',\n    '--table-layout': 'auto',\n\n    '&[data-scrollable]': {\n      '--table-layout': 'fixed',\n    },\n    '--table-striped-color': '{colors.neutral.background.2.enabled}',\n    '--table-highlight-on-hover-color': '{colors.neutral.background.2.hovered}',\n    '--table-sticky-header-offset': '0',\n\n    /* tbody */\n    '--table-tbody-background': '{colors.neutral.background.1.enabled}',\n\n    /* thead */\n    '--table-thead-background': '{colors.neutral.background.1.enabled}',\n\n    /* tfoot */\n    '--table-tfoot-background': '{colors.neutral.background.1.enabled}',\n\n    /* tr */\n    '--table-tr-background': '{colors.neutral.background.1.enabled}',\n    '--table-tr-radii': '{radii.0}',\n    '--table-tr-disabled-opacity': '0.5',\n    '--table-tr-transition': '{animations.200}',\n\n    /* th */\n    '--table-th-font-size': '{fontSizes.200}',\n    '--table-th-font-weight': '{fontWeights.regular}',\n    '--table-th-text-align': 'left',\n\n    '--table-th-height': '{sizes.700}',\n    '--table-th-height-sticky': '{sizes.700}',\n\n    '--table-th-radii': '{radii.0}',\n    '--table-th-top-left-radii': '{radii.0}',\n    '--table-th-bottom-left-radii': '{radii.0}',\n    '--table-th-top-right-radii': '{radii.0}',\n    '--table-th-bottom-right-radii': '{radii.0}',\n\n    '--table-th-padding-inline': 'var(--table-spacing-inline, {spacing.200})',\n    '--table-th-padding-block': 'var(--table-spacing-block, {spacing.200})',\n\n    '--table-th-first-padding-inline': '{spacing.400}',\n    '--table-th-last-padding-inline': '{spacing.300}',\n\n    '--table-th-foreground': '{colors.neutral.foreground.3.enabled}',\n    '--table-th-background': '{colors.neutral.background.1.enabled}',\n\n    '--table-th-background-sticky': '{colors.neutral.background.1.enabled}',\n\n    '--table-th-background-sortable-hover': 'transparent',\n\n    '--table-th-border-color': '{colors.neutral.stroke.7.enabled}',\n    '--table-th-border-width':\n      '{borders.0} {borders.0} {borders.100} {borders.0}',\n    '--table-th-border-style': 'solid',\n\n    '--table-th-disabled-opacity': '0.5',\n\n    '--table-th-sortable-padding-inline': '{spacing.0}',\n    '--table-th-sortable-background-hover': 'transparent',\n\n    '--table-th-sortable-outline-width': '{borders.150}',\n    '--table-th-sortable-outline-offset': '{spacing.50}',\n    '--table-th-sortable-outline-color': '{colors.primary.stroke.1.focused}',\n    '--table-th-sortable-outline-style': 'solid',\n\n    '--table-th-transition': '{animations.200}',\n\n    /* td */\n    '--table-td-font-size': '{fontSizes.300}',\n    '--table-td-font-weight': '{fontWeights.regular}',\n    '--table-td-text-align': 'left',\n\n    '--table-td-height': '{sizes.1000}',\n\n    '--table-td-radii': '{radii.0}',\n    '--table-td-top-left-radii': '{radii.0}',\n    '--table-td-bottom-left-radii': '{radii.0}',\n    '--table-td-top-right-radii': '{radii.0}',\n    '--table-td-bottom-right-radii': '{radii.0}',\n\n    '--table-td-padding-inline': 'var(--table-spacing-inline, {spacing.200})',\n    '--table-td-padding-block': 'var(--table-spacing-block, {spacing.200})',\n\n    '--table-td-first-padding-inline': '{spacing.400}',\n    '--table-td-last-padding-inline': '{spacing.300}',\n\n    '--table-td-foreground': '{colors.neutral.foreground.1.enabled}',\n    '--table-td-background': '{colors.neutral.background.1.enabled}',\n\n    '--table-td-foreground-hover': '{colors.neutral.foreground.1.enabled}',\n    '--table-td-background-hover':\n      '{colors.neutral.background.alpha.1.enabled}',\n\n    '--table-td-foreground-selected': '{colors.neutral.foreground.1.enabled}',\n    '--table-td-background-selected': '{colors.primary.background.4.enabled}',\n\n    '--table-td-foreground-selected-hover':\n      '{colors.neutral.foreground.1.enabled}',\n    '--table-td-background-selected-hover':\n      '{colors.primary.background.4.enabled}',\n\n    '--table-td-border-color': '{colors.neutral.stroke.7.enabled}',\n    '--table-td-border-width':\n      '{borders.0} {borders.0} {borders.100} {borders.0}',\n    '--table-td-border-style': 'solid',\n\n    '--table-td-disabled-opacity': '0.5',\n\n    '--table-td-transition': '{animations.200}',\n\n    /* caption */\n    '--table-caption-font-size': '{fontSizes.200}',\n    '--table-caption-font-weight': '{fontWeights.regular}',\n\n    '--table-caption-foreground': '{colors.neutral.foreground.3.enabled}',\n    '--table-caption-background': '{colors.neutral.background.1.enabled}',\n\n    '--table-caption-text-align': 'left',\n\n    '--table-caption-padding-inline':\n      'var(--table-spacing-inline, {spacing.200})',\n    '--table-caption-padding-block':\n      'var(--table-spacing-block, {spacing.200})',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAQ,EAAa,CAChC,UAAW,QACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,mBAAoB,IAGpB,qBAAsB,wCACtB,uBAAwB,oCACxB,uBAAwB,gBACxB,0BAA2B,WAC3B,yBAA0B,gBAC1B,wBAAyB,gBACzB,uBAAwB,SACxB,iBAAkB,OAElB,qBAAsB,CACpB,iBAAkB,QACnB,CACD,wBAAyB,wCACzB,mCAAoC,wCACpC,+BAAgC,IAGhC,2BAA4B,wCAG5B,2BAA4B,wCAG5B,2BAA4B,wCAG5B,wBAAyB,wCACzB,mBAAoB,YACpB,8BAA+B,MAC/B,wBAAyB,mBAGzB,uBAAwB,kBACxB,yBAA0B,wBAC1B,wBAAyB,OAEzB,oBAAqB,cACrB,2BAA4B,cAE5B,mBAAoB,YACpB,4BAA6B,YAC7B,+BAAgC,YAChC,6BAA8B,YAC9B,gCAAiC,YAEjC,4BAA6B,6CAC7B,2BAA4B,4CAE5B,kCAAmC,gBACnC,iCAAkC,gBAElC,wBAAyB,wCACzB,wBAAyB,wCAEzB,+BAAgC,wCAEhC,uCAAwC,cAExC,0BAA2B,oCAC3B,0BACE,oDACF,0BAA2B,QAE3B,8BAA+B,MAE/B,qCAAsC,cACtC,uCAAwC,cAExC,oCAAqC,gBACrC,qCAAsC,eACtC,oCAAqC,oCACrC,oCAAqC,QAErC,wBAAyB,mBAGzB,uBAAwB,kBACxB,yBAA0B,wBAC1B,wBAAyB,OAEzB,oBAAqB,eAErB,mBAAoB,YACpB,4BAA6B,YAC7B,+BAAgC,YAChC,6BAA8B,YAC9B,gCAAiC,YAEjC,4BAA6B,6CAC7B,2BAA4B,4CAE5B,kCAAmC,gBACnC,iCAAkC,gBAElC,wBAAyB,wCACzB,wBAAyB,wCAEzB,8BAA+B,wCAC/B,8BACE,8CAEF,iCAAkC,wCAClC,iCAAkC,wCAElC,uCACE,wCACF,uCACE,wCAEF,0BAA2B,oCAC3B,0BACE,oDACF,0BAA2B,QAE3B,8BAA+B,MAE/B,wBAAyB,mBAGzB,4BAA6B,kBAC7B,8BAA+B,wBAE/B,6BAA8B,wCAC9B,6BAA8B,wCAE9B,6BAA8B,OAE9B,iCACE,6CACF,gCACE,4CACH,CACF,CAAC"}
+{"version":3,"file":"table.mjs","names":[],"sources":["../../../../src/recipes/data-display/table/table.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const table = defineRecipe({\n  className: 'table',\n  jsx: ['Table'],\n  base: {\n    '--maintine-scale': '1',\n\n    /* root */\n    '--table-background': '{colors.neutral.background.1.enabled}',\n    '--table-border-color': '{colors.neutral.stroke.7.enabled}',\n    '--table-border-width': '{borders.100}',\n    '--table-border-collapse': 'separate',\n    '--table-spacing-inline': '{spacing.200}',\n    '--table-spacing-block': '{spacing.200}',\n    '--table-caption-side': 'bottom',\n    '--table-layout': 'auto',\n\n    '&[data-scrollable]': {\n      '--table-layout': 'fixed',\n    },\n    '--table-striped-color': '{colors.neutral.background.2.enabled}',\n    '--table-highlight-on-hover-color':\n      '{colors.neutral.background.alpha.1.enabled}',\n    '--table-sticky-header-offset': '0',\n\n    /* tbody */\n    '--table-tbody-background': '{colors.neutral.background.1.enabled}',\n\n    /* thead */\n    '--table-thead-background': '{colors.neutral.background.1.enabled}',\n\n    /* tfoot */\n    '--table-tfoot-background': '{colors.neutral.background.1.enabled}',\n\n    /* tr */\n    '--table-tr-background': '{colors.neutral.background.1.enabled}',\n    '--table-tr-radii': '{radii.0}',\n    '--table-tr-disabled-opacity': '0.5',\n    '--table-tr-transition': '{animations.200}',\n\n    /* th */\n    '--table-th-font-size': '{fontSizes.200}',\n    '--table-th-font-weight': '{fontWeights.regular}',\n    '--table-th-text-align': 'left',\n\n    '--table-th-height': '{sizes.700}',\n    '--table-th-height-sticky': '{sizes.700}',\n\n    '--table-th-radii': '{radii.0}',\n    '--table-th-top-left-radii': '{radii.0}',\n    '--table-th-bottom-left-radii': '{radii.0}',\n    '--table-th-top-right-radii': '{radii.0}',\n    '--table-th-bottom-right-radii': '{radii.0}',\n\n    '--table-th-padding-inline': 'var(--table-spacing-inline, {spacing.200})',\n    '--table-th-padding-block': 'var(--table-spacing-block, {spacing.200})',\n\n    '--table-th-first-padding-inline': '{spacing.400}',\n    '--table-th-last-padding-inline': '{spacing.300}',\n\n    '--table-th-foreground': '{colors.neutral.foreground.3.enabled}',\n    '--table-th-background': '{colors.neutral.background.1.enabled}',\n\n    '--table-th-background-sticky': '{colors.neutral.background.1.enabled}',\n\n    '--table-th-background-sortable-hover': 'transparent',\n\n    '--table-th-border-color': '{colors.neutral.stroke.7.enabled}',\n    '--table-th-border-width':\n      '{borders.0} {borders.0} {borders.100} {borders.0}',\n    '--table-th-border-style': 'solid',\n\n    '--table-th-disabled-opacity': '0.5',\n\n    '--table-th-sortable-padding-inline': '{spacing.0}',\n    '--table-th-sortable-background-hover': 'transparent',\n\n    '--table-th-sortable-outline-width': '{borders.150}',\n    '--table-th-sortable-outline-offset': '{spacing.50}',\n    '--table-th-sortable-outline-color': '{colors.primary.stroke.1.focused}',\n    '--table-th-sortable-outline-style': 'solid',\n\n    '--table-th-transition': '{animations.200}',\n\n    /* td */\n    '--table-td-font-size': '{fontSizes.300}',\n    '--table-td-font-weight': '{fontWeights.regular}',\n    '--table-td-text-align': 'left',\n\n    '--table-td-height': '{sizes.1000}',\n\n    '--table-td-radii': '{radii.0}',\n    '--table-td-top-left-radii': '{radii.0}',\n    '--table-td-bottom-left-radii': '{radii.0}',\n    '--table-td-top-right-radii': '{radii.0}',\n    '--table-td-bottom-right-radii': '{radii.0}',\n\n    '--table-td-padding-inline': 'var(--table-spacing-inline, {spacing.200})',\n    '--table-td-padding-block': 'var(--table-spacing-block, {spacing.200})',\n\n    '--table-td-first-padding-inline': '{spacing.400}',\n    '--table-td-last-padding-inline': '{spacing.300}',\n\n    '--table-td-foreground': '{colors.neutral.foreground.1.enabled}',\n    '--table-td-background': '{colors.neutral.background.1.enabled}',\n\n    '--table-td-foreground-hover': '{colors.neutral.foreground.1.enabled}',\n    '--table-td-background-hover':\n      '{colors.neutral.background.alpha.1.enabled}',\n\n    '--table-td-foreground-selected': '{colors.neutral.foreground.1.enabled}',\n    '--table-td-background-selected':\n      '{colors.neutral.background.2.primary.selected/25}',\n\n    '--table-td-foreground-selected-hover':\n      '{colors.neutral.foreground.1.enabled}',\n    '--table-td-background-selected-hover':\n      '{colors.neutral.background.2.primary.selectedHovered/25}',\n\n    '--table-td-border-color': '{colors.neutral.stroke.7.enabled}',\n    '--table-td-border-width':\n      '{borders.0} {borders.0} {borders.100} {borders.0}',\n    '--table-td-border-style': 'solid',\n\n    '--table-td-disabled-opacity': '0.5',\n\n    '--table-td-transition': '{animations.200}',\n\n    /* caption */\n    '--table-caption-font-size': '{fontSizes.200}',\n    '--table-caption-font-weight': '{fontWeights.regular}',\n\n    '--table-caption-foreground': '{colors.neutral.foreground.3.enabled}',\n    '--table-caption-background': '{colors.neutral.background.1.enabled}',\n\n    '--table-caption-text-align': 'left',\n\n    '--table-caption-padding-inline':\n      'var(--table-spacing-inline, {spacing.200})',\n    '--table-caption-padding-block':\n      'var(--table-spacing-block, {spacing.200})',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAQ,EAAa,CAChC,UAAW,QACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,mBAAoB,IAGpB,qBAAsB,wCACtB,uBAAwB,oCACxB,uBAAwB,gBACxB,0BAA2B,WAC3B,yBAA0B,gBAC1B,wBAAyB,gBACzB,uBAAwB,SACxB,iBAAkB,OAElB,qBAAsB,CACpB,iBAAkB,QACnB,CACD,wBAAyB,wCACzB,mCACE,8CACF,+BAAgC,IAGhC,2BAA4B,wCAG5B,2BAA4B,wCAG5B,2BAA4B,wCAG5B,wBAAyB,wCACzB,mBAAoB,YACpB,8BAA+B,MAC/B,wBAAyB,mBAGzB,uBAAwB,kBACxB,yBAA0B,wBAC1B,wBAAyB,OAEzB,oBAAqB,cACrB,2BAA4B,cAE5B,mBAAoB,YACpB,4BAA6B,YAC7B,+BAAgC,YAChC,6BAA8B,YAC9B,gCAAiC,YAEjC,4BAA6B,6CAC7B,2BAA4B,4CAE5B,kCAAmC,gBACnC,iCAAkC,gBAElC,wBAAyB,wCACzB,wBAAyB,wCAEzB,+BAAgC,wCAEhC,uCAAwC,cAExC,0BAA2B,oCAC3B,0BACE,oDACF,0BAA2B,QAE3B,8BAA+B,MAE/B,qCAAsC,cACtC,uCAAwC,cAExC,oCAAqC,gBACrC,qCAAsC,eACtC,oCAAqC,oCACrC,oCAAqC,QAErC,wBAAyB,mBAGzB,uBAAwB,kBACxB,yBAA0B,wBAC1B,wBAAyB,OAEzB,oBAAqB,eAErB,mBAAoB,YACpB,4BAA6B,YAC7B,+BAAgC,YAChC,6BAA8B,YAC9B,gCAAiC,YAEjC,4BAA6B,6CAC7B,2BAA4B,4CAE5B,kCAAmC,gBACnC,iCAAkC,gBAElC,wBAAyB,wCACzB,wBAAyB,wCAEzB,8BAA+B,wCAC/B,8BACE,8CAEF,iCAAkC,wCAClC,iCACE,oDAEF,uCACE,wCACF,uCACE,2DAEF,0BAA2B,oCAC3B,0BACE,oDACF,0BAA2B,QAE3B,8BAA+B,MAE/B,wBAAyB,mBAGzB,4BAA6B,kBAC7B,8BAA+B,wBAE/B,6BAA8B,wCAC9B,6BAA8B,wCAE9B,6BAA8B,OAE9B,iCACE,6CACF,gCACE,4CACH,CACF,CAAC"}

package/dist/recipes/layouts/card/card-body.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`card__body`,jsx:[`Card`],base:{display:`var(--card-body-display, flex)`,flexDirection:`var(--card-body-flex-direction, column)`,alignItems:`var(--card-body-align-items, stretch)`,justifyContent:`var(--card-body-justify-content, flex-start)`,gap:`var(--card-body-gap, {spacing.400})`,paddingInline:`var(--card-body-padding-inline, {spacing.0})`,paddingBlock:`var(--card-body-padding-block, {spacing.0})`,borderWidth:`var(--card-body-border-width, {borders.0})`,borderStyle:`var(--card-body-border-style, solid)`,borderColor:`var(--card-body-border-color, transparent)`,borderRadius:`var(--card-body-border-radius, {radii.200})`}});export{t as cardBody};
+//# sourceMappingURL=card-body.mjs.map

package/dist/recipes/layouts/card/card-body.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-body.mjs","names":[],"sources":["../../../../src/recipes/layouts/card/card-body.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const cardBody = defineRecipe({\n  className: 'card__body',\n  jsx: ['Card'],\n  base: {\n    display: 'var(--card-body-display, flex)',\n    flexDirection: 'var(--card-body-flex-direction, column)',\n    alignItems: 'var(--card-body-align-items, stretch)',\n    justifyContent: 'var(--card-body-justify-content, flex-start)',\n    gap: 'var(--card-body-gap, {spacing.400})',\n    paddingInline: 'var(--card-body-padding-inline, {spacing.0})',\n    paddingBlock: 'var(--card-body-padding-block, {spacing.0})',\n    borderWidth: 'var(--card-body-border-width, {borders.0})',\n    borderStyle: 'var(--card-body-border-style, solid)',\n    borderColor: 'var(--card-body-border-color, transparent)',\n    borderRadius: 'var(--card-body-border-radius, {radii.200})',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,aACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,QAAS,iCACT,cAAe,0CACf,WAAY,wCACZ,eAAgB,+CAChB,IAAK,sCACL,cAAe,+CACf,aAAc,8CACd,YAAa,6CACb,YAAa,uCACb,YAAa,6CACb,aAAc,8CACf,CACF,CAAC"}

package/dist/recipes/layouts/card/card-footer.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`card__footer`,jsx:[`Card`],base:{display:`var(--card-footer-display, flex)`,flexDirection:`var(--card-footer-flex-direction, row)`,alignItems:`var(--card-footer-align-items, center)`,justifyContent:`var(--card-footer-justify-content, space-between)`,gap:`var(--card-footer-gap, {spacing.400})`,paddingInline:`var(--card-footer-padding-inline, {spacing.0})`,paddingBlock:`var(--card-footer-padding-block, {spacing.0})`,borderWidth:`var(--card-footer-border-width, {borders.0})`,borderStyle:`var(--card-footer-border-style, solid)`,borderColor:`var(--card-footer-border-color, transparent)`,borderRadius:`var(--card-footer-border-radius, {radii.200})`}});export{t as cardFooter};
+//# sourceMappingURL=card-footer.mjs.map

package/dist/recipes/layouts/card/card-footer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-footer.mjs","names":[],"sources":["../../../../src/recipes/layouts/card/card-footer.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const cardFooter = defineRecipe({\n  className: 'card__footer',\n  jsx: ['Card'],\n  base: {\n    display: 'var(--card-footer-display, flex)',\n    flexDirection: 'var(--card-footer-flex-direction, row)',\n    alignItems: 'var(--card-footer-align-items, center)',\n    justifyContent: 'var(--card-footer-justify-content, space-between)',\n    gap: 'var(--card-footer-gap, {spacing.400})',\n    paddingInline: 'var(--card-footer-padding-inline, {spacing.0})',\n    paddingBlock: 'var(--card-footer-padding-block, {spacing.0})',\n    borderWidth: 'var(--card-footer-border-width, {borders.0})',\n    borderStyle: 'var(--card-footer-border-style, solid)',\n    borderColor: 'var(--card-footer-border-color, transparent)',\n    borderRadius: 'var(--card-footer-border-radius, {radii.200})',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,QAAS,mCACT,cAAe,yCACf,WAAY,yCACZ,eAAgB,oDAChB,IAAK,wCACL,cAAe,iDACf,aAAc,gDACd,YAAa,+CACb,YAAa,yCACb,YAAa,+CACb,aAAc,gDACf,CACF,CAAC"}

package/dist/recipes/layouts/card/card-header.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`card__header`,jsx:[`Card`],base:{display:`var(--card-header-display, flex)`,flexDirection:`var(--card-header-flex-direction, row)`,alignItems:`var(--card-header-align-items, center)`,justifyContent:`var(--card-header-justify-content, space-between)`,gap:`var(--card-header-gap, {spacing.400})`,paddingInline:`var(--card-header-padding-inline, {spacing.0})`,paddingBlock:`var(--card-header-padding-block, {spacing.0})`,borderWidth:`var(--card-header-border-width, {borders.0})`,borderStyle:`var(--card-header-border-style, solid)`,borderColor:`var(--card-header-border-color, transparent)`,borderRadius:`var(--card-header-border-radius, {radii.200})`}});export{t as cardHeader};
+//# sourceMappingURL=card-header.mjs.map

package/dist/recipes/layouts/card/card-header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-header.mjs","names":[],"sources":["../../../../src/recipes/layouts/card/card-header.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const cardHeader = defineRecipe({\n  className: 'card__header',\n  jsx: ['Card'],\n  base: {\n    display: 'var(--card-header-display, flex)',\n    flexDirection: 'var(--card-header-flex-direction, row)',\n    alignItems: 'var(--card-header-align-items, center)',\n    justifyContent: 'var(--card-header-justify-content, space-between)',\n    gap: 'var(--card-header-gap, {spacing.400})',\n    paddingInline: 'var(--card-header-padding-inline, {spacing.0})',\n    paddingBlock: 'var(--card-header-padding-block, {spacing.0})',\n    borderWidth: 'var(--card-header-border-width, {borders.0})',\n    borderStyle: 'var(--card-header-border-style, solid)',\n    borderColor: 'var(--card-header-border-color, transparent)',\n    borderRadius: 'var(--card-header-border-radius, {radii.200})',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,QAAS,mCACT,cAAe,yCACf,WAAY,yCACZ,eAAgB,oDAChB,IAAK,wCACL,cAAe,iDACf,aAAc,gDACd,YAAa,+CACb,YAAa,yCACb,YAAa,+CACb,aAAc,gDACf,CACF,CAAC"}

package/dist/recipes/layouts/card/card.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`card`,jsx:[`Card`],base:{"--card-display":`flex`,"--card-flex-direction":`column`,"--card-align-items":`stretch`,"--card-justify-content":`flex-start`,"--card-gap":`{spacing.400}`,"--card-background":`{colors.neutral.background.2.enabled}`,"--card-foreground":`{colors.neutral.foreground.2.enabled}`,"--card-border-width":`{borders.0}`,"--card-border-style":`solid`,"--card-border-color":`{colors.neutral.border.2.enabled}`,"--card-padding-inline":`{spacing.400}`,"--card-padding-block":`{spacing.400}`,"--card-radii":`{radii.200}`,"--card-shadow":`none`,"--card-transition":`{animations.200}`}});export{t as card};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`card`,jsx:[`Card`],base:{"--card-display":`flex`,"--card-flex-direction":`column`,"--card-align-items":`stretch`,"--card-justify-content":`flex-start`,"--card-gap":`{spacing.400}`,"--card-background":`{colors.neutral.background.2.enabled}`,"--card-foreground":`{colors.neutral.foreground.2.enabled}`,"--card-border-width":`{borders.0}`,"--card-border-style":`solid`,"--card-border-color":`{colors.neutral.border.2.enabled}`,"--card-padding-inline":`{spacing.400}`,"--card-padding-block":`{spacing.400}`,"--card-radii":`{radii.200}`,"--card-shadow":`none`,"--card-transition":`{animations.200}`,"--card-header-display":`flex`,"--card-header-flex-direction":`row`,"--card-header-align-items":`center`,"--card-header-justify-content":`space-between`,"--card-header-gap":`{spacing.400}`,"--card-header-padding-inline":`{spacing.0}`,"--card-header-padding-block":`{spacing.0}`,"--card-header-border-width":`{borders.0}`,"--card-header-border-style":`solid`,"--card-header-border-color":`transparent`,"--card-header-border-radius":`{radii.200}`,"--card-body-display":`flex`,"--card-body-flex-direction":`column`,"--card-body-align-items":`stretch`,"--card-body-justify-content":`flex-start`,"--card-body-gap":`{spacing.400}`,"--card-body-padding-inline":`{spacing.0}`,"--card-body-padding-block":`{spacing.0}`,"--card-body-border-width":`{borders.0}`,"--card-body-border-style":`solid`,"--card-body-border-color":`transparent`,"--card-body-border-radius":`{radii.200}`,"--card-footer-display":`flex`,"--card-footer-flex-direction":`row`,"--card-footer-align-items":`center`,"--card-footer-justify-content":`space-between`,"--card-footer-gap":`{spacing.400}`,"--card-footer-padding-inline":`{spacing.0}`,"--card-footer-padding-block":`{spacing.0}`,"--card-footer-border-width":`{borders.0}`,"--card-footer-border-style":`solid`,"--card-footer-border-color":`transparent`,"--card-footer-border-radius":`{radii.200}`}});export{t as card};
 //# sourceMappingURL=card.mjs.map

package/dist/recipes/layouts/card/card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"card.mjs","names":[],"sources":["../../../../src/recipes/layouts/card/card.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const card = defineRecipe({\n  className: 'card',\n  jsx: ['Card'],\n  base: {\n    '--card-display': 'flex',\n    '--card-flex-direction': 'column',\n    '--card-align-items': 'stretch',\n    '--card-justify-content': 'flex-start',\n    '--card-gap': '{spacing.400}',\n    '--card-background': '{colors.neutral.background.2.enabled}',\n    '--card-foreground': '{colors.neutral.foreground.2.enabled}',\n    '--card-border-width': '{borders.0}',\n    '--card-border-style': 'solid',\n    '--card-border-color': '{colors.neutral.border.2.enabled}',\n    '--card-padding-inline': '{spacing.400}',\n    '--card-padding-block': '{spacing.400}',\n    '--card-radii': '{radii.200}',\n    '--card-shadow': 'none',\n    '--card-transition': '{animations.200}',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAO,EAAa,CAC/B,UAAW,OACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,iBAAkB,OAClB,wBAAyB,SACzB,qBAAsB,UACtB,yBAA0B,aAC1B,aAAc,gBACd,oBAAqB,wCACrB,oBAAqB,wCACrB,sBAAuB,cACvB,sBAAuB,QACvB,sBAAuB,oCACvB,wBAAyB,gBACzB,uBAAwB,gBACxB,eAAgB,cAChB,gBAAiB,OACjB,oBAAqB,mBACtB,CACF,CAAC"}
+{"version":3,"file":"card.mjs","names":[],"sources":["../../../../src/recipes/layouts/card/card.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const card = defineRecipe({\n  className: 'card',\n  jsx: ['Card'],\n  base: {\n    '--card-display': 'flex',\n    '--card-flex-direction': 'column',\n    '--card-align-items': 'stretch',\n    '--card-justify-content': 'flex-start',\n    '--card-gap': '{spacing.400}',\n    '--card-background': '{colors.neutral.background.2.enabled}',\n    '--card-foreground': '{colors.neutral.foreground.2.enabled}',\n    '--card-border-width': '{borders.0}',\n    '--card-border-style': 'solid',\n    '--card-border-color': '{colors.neutral.border.2.enabled}',\n    '--card-padding-inline': '{spacing.400}',\n    '--card-padding-block': '{spacing.400}',\n    '--card-radii': '{radii.200}',\n    '--card-shadow': 'none',\n    '--card-transition': '{animations.200}',\n\n    /* header */\n    '--card-header-display': 'flex',\n    '--card-header-flex-direction': 'row',\n    '--card-header-align-items': 'center',\n    '--card-header-justify-content': 'space-between',\n    '--card-header-gap': '{spacing.400}',\n    '--card-header-padding-inline': '{spacing.0}',\n    '--card-header-padding-block': '{spacing.0}',\n    '--card-header-border-width': '{borders.0}',\n    '--card-header-border-style': 'solid',\n    '--card-header-border-color': 'transparent',\n    '--card-header-border-radius': '{radii.200}',\n\n    /* body */\n    '--card-body-display': 'flex',\n    '--card-body-flex-direction': 'column',\n    '--card-body-align-items': 'stretch',\n    '--card-body-justify-content': 'flex-start',\n    '--card-body-gap': '{spacing.400}',\n    '--card-body-padding-inline': '{spacing.0}',\n    '--card-body-padding-block': '{spacing.0}',\n    '--card-body-border-width': '{borders.0}',\n    '--card-body-border-style': 'solid',\n    '--card-body-border-color': 'transparent',\n    '--card-body-border-radius': '{radii.200}',\n\n    /* footer */\n    '--card-footer-display': 'flex',\n    '--card-footer-flex-direction': 'row',\n    '--card-footer-align-items': 'center',\n    '--card-footer-justify-content': 'space-between',\n    '--card-footer-gap': '{spacing.400}',\n    '--card-footer-padding-inline': '{spacing.0}',\n    '--card-footer-padding-block': '{spacing.0}',\n    '--card-footer-border-width': '{borders.0}',\n    '--card-footer-border-style': 'solid',\n    '--card-footer-border-color': 'transparent',\n    '--card-footer-border-radius': '{radii.200}',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAO,EAAa,CAC/B,UAAW,OACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,iBAAkB,OAClB,wBAAyB,SACzB,qBAAsB,UACtB,yBAA0B,aAC1B,aAAc,gBACd,oBAAqB,wCACrB,oBAAqB,wCACrB,sBAAuB,cACvB,sBAAuB,QACvB,sBAAuB,oCACvB,wBAAyB,gBACzB,uBAAwB,gBACxB,eAAgB,cAChB,gBAAiB,OACjB,oBAAqB,mBAGrB,wBAAyB,OACzB,+BAAgC,MAChC,4BAA6B,SAC7B,gCAAiC,gBACjC,oBAAqB,gBACrB,+BAAgC,cAChC,8BAA+B,cAC/B,6BAA8B,cAC9B,6BAA8B,QAC9B,6BAA8B,cAC9B,8BAA+B,cAG/B,sBAAuB,OACvB,6BAA8B,SAC9B,0BAA2B,UAC3B,8BAA+B,aAC/B,kBAAmB,gBACnB,6BAA8B,cAC9B,4BAA6B,cAC7B,2BAA4B,cAC5B,2BAA4B,QAC5B,2BAA4B,cAC5B,4BAA6B,cAG7B,wBAAyB,OACzB,+BAAgC,MAChC,4BAA6B,SAC7B,gCAAiC,gBACjC,oBAAqB,gBACrB,+BAAgC,cAChC,8BAA+B,cAC/B,6BAA8B,cAC9B,6BAA8B,QAC9B,6BAA8B,cAC9B,8BAA+B,cAChC,CACF,CAAC"}

package/dist/recipes/layouts/card/index.mjs

@@ -1,2 +1,2 @@
-import{card as e}from"./card.mjs";import{cardRoot as t}from"./card-root.mjs";var n={card:e,cardRoot:t};export{n as default};
+import{card as e}from"./card.mjs";import{cardBody as t}from"./card-body.mjs";import{cardFooter as n}from"./card-footer.mjs";import{cardHeader as r}from"./card-header.mjs";import{cardRoot as i}from"./card-root.mjs";var a={card:e,cardRoot:i,cardHeader:r,cardBody:t,cardFooter:n};export{a as default};
 //# sourceMappingURL=index.mjs.map

package/dist/recipes/layouts/card/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/recipes/layouts/card/index.ts"],"sourcesContent":["import { card } from './card';\nimport { cardRoot } from './card-root';\n\nexport default {\n  card,\n  cardRoot,\n};\n"],"mappings":"6EAGA,IAAA,EAAe,CACb,OACA,WACD"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/recipes/layouts/card/index.ts"],"sourcesContent":["import { card } from './card';\nimport { cardBody } from './card-body';\nimport { cardFooter } from './card-footer';\nimport { cardHeader } from './card-header';\nimport { cardRoot } from './card-root';\n\nexport default {\n  card,\n  cardRoot,\n  cardHeader,\n  cardBody,\n  cardFooter,\n};\n"],"mappings":"sNAMA,IAAA,EAAe,CACb,OACA,WACA,aACA,WACA,aACD"}

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

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__body`,jsx:[`Toast`],base:{flex:`1`,overflow:`hidden`,marginInlineEnd:`var(--toast-body-gap, {spacing.300})`},staticCss:[`*`]});export{t as toastBody};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__body`,jsx:[`Toast`],base:{display:`flex`,flexDirection:`column`,flex:`1`,overflow:`hidden`,gap:`var(--toast-body-gap, {spacing.50})`}});export{t as toastBody};
 //# sourceMappingURL=toast-body.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"toast-body.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-body.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastBody = defineRecipe({\n  className: 'toast__body',\n  jsx: ['Toast'],\n  base: {\n    flex: '1',\n    overflow: 'hidden',\n    marginInlineEnd: 'var(--toast-body-gap, {spacing.300})',\n  },\n  staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,cACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,KAAM,IACN,SAAU,SACV,gBAAiB,uCAClB,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
+{"version":3,"file":"toast-body.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-body.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastBody = defineRecipe({\n  className: 'toast__body',\n  jsx: ['Toast'],\n  base: {\n    display: 'flex',\n    flexDirection: 'column',\n    flex: '1',\n    overflow: 'hidden',\n    gap: 'var(--toast-body-gap, {spacing.50})',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,cACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,OACT,cAAe,SACf,KAAM,IACN,SAAU,SACV,IAAK,sCACN,CACF,CAAC"}

package/dist/recipes/overlays/toast/toast-close-button.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__close-button`,jsx:[`Toast`],base:{width:`var(--toast-close-button-size, {sizes.200})`,aspectRatio:`1 / 1`,borderRadius:`var(--toast-close-button-radius, {radii.100})`,padding:`0`,color:`var(--toast-close-button-foreground, {colors.neutral.foreground.3.enabled})`,backgroundColor:`var(--toast-close-button-background, transparent)`,border:`var(--toast-close-button-border, none)`,cursor:`pointer`,display:`flex`,alignItems:`center`,justifyContent:`center`,transition:`var(--toast-close-button-transition, {animations.300})`,"&:hover":{backgroundColor:`var(--toast-close-button-background-hovered, {colors.neutral.background.1.hovered})`,color:`var(--toast-close-button-foreground-hovered, {colors.neutral.foreground.3.hovered})`},"& svg":{width:`{sizes.200}`,aspectRatio:`1 / 1`}},staticCss:[`*`]});export{t as toastCloseButton};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__close-button`,jsx:[`Toast`],base:{width:`var(--toast-close-button-size, {sizes.500})`,aspectRatio:`1 / 1`,borderRadius:`var(--toast-close-button-radii, {radii.200})`,padding:`0`,color:`var(--toast-close-button-foreground, {colors.neutral.foreground.onNeutral.2.enabled})`,backgroundColor:`var(--toast-close-button-background, transparent)`,border:`var(--toast-close-button-border, none)`,cursor:`pointer`,display:`flex`,alignItems:`center`,justifyContent:`center`,transition:`var(--toast-close-button-transition, {animations.base.100})`,_hover:{backgroundColor:`var(--toast-close-button-background-hovered, transparent)`,color:`var(--toast-close-button-foreground-hovered, {colors.neutral.foreground.onNeutral.2.enabled/75})`},_svg:{width:`var(--toast-close-button-icon-size, {sizes.300})`,aspectRatio:`1 / 1`}}});export{t as toastCloseButton};
 //# sourceMappingURL=toast-close-button.mjs.map

package/dist/recipes/overlays/toast/toast-close-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toast-close-button.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-close-button.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastCloseButton = defineRecipe({\n  className: 'toast__close-button',\n  jsx: ['Toast'],\n  base: {\n    // El close button en Mantine es un ActionIcon que ya tiene sus propios estilos\n    // Solo necesitamos añadir algunos ajustes mínimos\n    width: 'var(--toast-close-button-size, {sizes.200})',\n    aspectRatio: '1 / 1',\n    borderRadius: 'var(--toast-close-button-radius, {radii.100})',\n    padding: '0',\n    color:\n      'var(--toast-close-button-foreground, {colors.neutral.foreground.3.enabled})',\n    backgroundColor: 'var(--toast-close-button-background, transparent)',\n    border: 'var(--toast-close-button-border, none)',\n    cursor: 'pointer',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    transition: 'var(--toast-close-button-transition, {animations.300})',\n\n    '&:hover': {\n      backgroundColor:\n        'var(--toast-close-button-background-hovered, {colors.neutral.background.1.hovered})',\n      color:\n        'var(--toast-close-button-foreground-hovered, {colors.neutral.foreground.3.hovered})',\n    },\n\n    // El SVG interno\n    '& svg': {\n      width: '{sizes.200}',\n      aspectRatio: '1 / 1',\n    },\n  },\n  staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,sBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CAGJ,MAAO,8CACP,YAAa,QACb,aAAc,gDACd,QAAS,IACT,MACE,8EACF,gBAAiB,oDACjB,OAAQ,yCACR,OAAQ,UACR,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,WAAY,yDAEZ,UAAW,CACT,gBACE,sFACF,MACE,sFACH,CAGD,QAAS,CACP,MAAO,cACP,YAAa,QACd,CACF,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
+{"version":3,"file":"toast-close-button.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-close-button.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastCloseButton = defineRecipe({\n  className: 'toast__close-button',\n  jsx: ['Toast'],\n  base: {\n    width: 'var(--toast-close-button-size, {sizes.500})',\n    aspectRatio: '1 / 1',\n    borderRadius: 'var(--toast-close-button-radii, {radii.200})',\n    padding: '0',\n    color:\n      'var(--toast-close-button-foreground, {colors.neutral.foreground.onNeutral.2.enabled})',\n    backgroundColor: 'var(--toast-close-button-background, transparent)',\n    border: 'var(--toast-close-button-border, none)',\n    cursor: 'pointer',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    transition: 'var(--toast-close-button-transition, {animations.base.100})',\n\n    _hover: {\n      backgroundColor:\n        'var(--toast-close-button-background-hovered, transparent)',\n      color:\n        'var(--toast-close-button-foreground-hovered, {colors.neutral.foreground.onNeutral.2.enabled/75})',\n    },\n\n    _svg: {\n      width: 'var(--toast-close-button-icon-size, {sizes.300})',\n      aspectRatio: '1 / 1',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,sBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,MAAO,8CACP,YAAa,QACb,aAAc,+CACd,QAAS,IACT,MACE,wFACF,gBAAiB,oDACjB,OAAQ,yCACR,OAAQ,UACR,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,WAAY,8DAEZ,OAAQ,CACN,gBACE,4DACF,MACE,mGACH,CAED,KAAM,CACJ,MAAO,mDACP,YAAa,QACd,CACF,CACF,CAAC"}

package/dist/recipes/overlays/toast/toast-description.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__description`,jsx:[`Toast`],base:{overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,fontSize:`var(--toast-description-font-size, {fontSizes.300})`,lineHeight:`var(--toast-description-line-height, 1.4)`,color:`var(--toast-description-color, {colors.neutral.foreground.1.enabled})`,"&[data-with-title]":{color:`var(--toast-description-color-with-title, {colors.neutral.foreground.3.enabled})`}},staticCss:[`*`]});export{t as toastDescription};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__description`,jsx:[`Toast`],base:{overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,fontSize:`var(--toast-description-font-size, {fontSizes.200})`,lineHeight:`var(--toast-description-line-height, 1.4)`,color:`var(--toast-description-color, inherit)`,"&[data-with-title]":{color:`var(--toast-description-color-with-title, inherit)`}}});export{t as toastDescription};
 //# sourceMappingURL=toast-description.mjs.map

package/dist/recipes/overlays/toast/toast-description.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toast-description.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-description.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastDescription = defineRecipe({\n  className: 'toast__description',\n  jsx: ['Toast'],\n  base: {\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    fontSize: 'var(--toast-description-font-size, {fontSizes.300})',\n    lineHeight: 'var(--toast-description-line-height, 1.4)',\n    color:\n      'var(--toast-description-color, {colors.neutral.foreground.1.enabled})',\n    '&[data-with-title]': {\n      color:\n        'var(--toast-description-color-with-title, {colors.neutral.foreground.3.enabled})',\n    },\n  },\n  staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,qBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,SAAU,SACV,aAAc,WACd,WAAY,SACZ,SAAU,sDACV,WAAY,4CACZ,MACE,wEACF,qBAAsB,CACpB,MACE,mFACH,CACF,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
+{"version":3,"file":"toast-description.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-description.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastDescription = defineRecipe({\n  className: 'toast__description',\n  jsx: ['Toast'],\n  base: {\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    fontSize: 'var(--toast-description-font-size, {fontSizes.200})',\n    lineHeight: 'var(--toast-description-line-height, 1.4)',\n    color: 'var(--toast-description-color, inherit)',\n    '&[data-with-title]': {\n      color: 'var(--toast-description-color-with-title, inherit)',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,qBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,SAAU,SACV,aAAc,WACd,WAAY,SACZ,SAAU,sDACV,WAAY,4CACZ,MAAO,0CACP,qBAAsB,CACpB,MAAO,qDACR,CACF,CACF,CAAC"}

package/dist/recipes/overlays/toast/toast-icon.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__icon`,jsx:[`Toast`],base:{display:`flex`,alignItems:`center`,justifyContent:`center`,boxSizing:`border-box`,aspectRatio:`1 / 1`,width:`var(--toast-icon-size, {sizes.300})`,marginInlineEnd:`var(--toast-icon-gap, {spacing.300})`,borderRadius:`var(--toast-icon-radius, {radii.900})`,backgroundColor:`var(--toast-icon-background, transparent)`,color:`var(--toast-icon-foreground, var(--toast-accent-color))`},staticCss:[`*`]});export{t as toastIcon};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__icon`,jsx:[`Toast`],base:{display:`flex`,alignItems:`center`,justifyContent:`center`,boxSizing:`border-box`,aspectRatio:`1 / 1`,width:`var(--toast-icon-size, {sizes.300})`,marginInlineEnd:`var(--toast-icon-gap, {spacing.300})`,borderRadius:`var(--toast-icon-radius, {radii.900})`,backgroundColor:`var(--toast-icon-background, transparent)`,color:`var(--toast-icon-foreground, {colors.neutral.foreground.onNeutral.2.enabled})`}});export{t as toastIcon};
 //# sourceMappingURL=toast-icon.mjs.map

package/dist/recipes/overlays/toast/toast-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toast-icon.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-icon.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastIcon = defineRecipe({\n  className: 'toast__icon',\n  jsx: ['Toast'],\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    boxSizing: 'border-box',\n    aspectRatio: '1 / 1',\n    width: 'var(--toast-icon-size, {sizes.300})',\n    marginInlineEnd: 'var(--toast-icon-gap, {spacing.300})',\n    borderRadius: 'var(--toast-icon-radius, {radii.900})',\n    backgroundColor: 'var(--toast-icon-background, transparent)',\n    color: 'var(--toast-icon-foreground, var(--toast-accent-color))',\n  },\n  staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,cACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,UAAW,aACX,YAAa,QACb,MAAO,sCACP,gBAAiB,uCACjB,aAAc,wCACd,gBAAiB,4CACjB,MAAO,0DACR,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
+{"version":3,"file":"toast-icon.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-icon.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastIcon = defineRecipe({\n  className: 'toast__icon',\n  jsx: ['Toast'],\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    boxSizing: 'border-box',\n    aspectRatio: '1 / 1',\n    width: 'var(--toast-icon-size, {sizes.300})',\n    marginInlineEnd: 'var(--toast-icon-gap, {spacing.300})',\n    borderRadius: 'var(--toast-icon-radius, {radii.900})',\n    backgroundColor: 'var(--toast-icon-background, transparent)',\n    color:\n      'var(--toast-icon-foreground, {colors.neutral.foreground.onNeutral.2.enabled})',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,cACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,UAAW,aACX,YAAa,QACb,MAAO,sCACP,gBAAiB,uCACjB,aAAc,wCACd,gBAAiB,4CACjB,MACE,gFACH,CACF,CAAC"}

package/dist/recipes/overlays/toast/toast-loader.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__loader`,jsx:[`Toast`],base:{marginInlineEnd:`var(--toast-loader-gap, {spacing.200})`},staticCss:[`*`]});export{t as toastLoader};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__loader`,jsx:[`Toast`],base:{}});export{t as toastLoader};
 //# sourceMappingURL=toast-loader.mjs.map

package/dist/recipes/overlays/toast/toast-loader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toast-loader.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-loader.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastLoader = defineRecipe({\n  className: 'toast__loader',\n  jsx: ['Toast'],\n  base: {\n    marginInlineEnd: 'var(--toast-loader-gap, {spacing.200})',\n  },\n  staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,gBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,gBAAiB,yCAClB,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
+{"version":3,"file":"toast-loader.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-loader.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastLoader = defineRecipe({\n  className: 'toast__loader',\n  jsx: ['Toast'],\n  base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,gBACX,IAAK,CAAC,QAAQ,CACd,KAAM,EAAE,CACT,CAAC"}

package/dist/recipes/overlays/toast/toast-notifications.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__notifications`,jsx:[`Toast`],base:{position:`fixed`,zIndex:9999,maxWidth:`var(--toast-notifications-max-width, 22.5rem)`,width:`calc(100% - 2rem)`,'&[data-position="top-center"]':{top:`var(--toast-notifications-position-top-center-top, {spacing.400})`,left:`50%`,transform:`translateX(-50%)`},'&[data-position="top-left"]':{top:`var(--toast-notifications-position-top-left-top, {spacing.400})`,left:`var(--toast-notifications-position-top-left-left, {spacing.400})`},'&[data-position="top-right"]':{top:`var(--toast-notifications-position-top-right-top, {spacing.400})`,right:`var(--toast-notifications-position-top-right-right, {spacing.400})`},'&[data-position="bottom-center"]':{bottom:`var(--toast-notifications-position-bottom-center-bottom, {spacing.400})`,left:`50%`,transform:`translateX(-50%)`},'&[data-position="bottom-left"]':{bottom:`var(--toast-notifications-position-bottom-left-bottom, {spacing.400})`,left:`var(--toast-notifications-position-bottom-left-left, {spacing.400})`},'&[data-position="bottom-right"]':{bottom:`var(--toast-notifications-position-bottom-right-bottom, {spacing.400})`,right:`var(--toast-notifications-position-bottom-right-right, {spacing.400})`}},staticCss:[`*`]});export{t as toastNotifications};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__notifications`,jsx:[`Toast`],base:{position:`fixed`,zIndex:`var(--toast-notifications-z-index, {zIndex.maximum})`,maxWidth:`var(--toast-notifications-max-width, 22.5rem)`,width:`var(--toast-notifications-width, calc(100% - {sizes.500}))`,'&[data-position="top-center"]':{top:`var(--toast-notifications-position-top-center-top, {spacing.400})`,left:`50%`,transform:`translateX(-50%)`},'&[data-position="top-left"]':{top:`var(--toast-notifications-position-top-left-top, {spacing.400})`,left:`var(--toast-notifications-position-top-left-left, {spacing.400})`},'&[data-position="top-right"]':{top:`var(--toast-notifications-position-top-right-top, {spacing.400})`,right:`var(--toast-notifications-position-top-right-right, {spacing.400})`},'&[data-position="bottom-center"]':{bottom:`var(--toast-notifications-position-bottom-center-bottom, {spacing.400})`,left:`50%`,transform:`translateX(-50%)`},'&[data-position="bottom-left"]':{bottom:`var(--toast-notifications-position-bottom-left-bottom, {spacing.400})`,left:`var(--toast-notifications-position-bottom-left-left, {spacing.400})`},'&[data-position="bottom-right"]':{bottom:`var(--toast-notifications-position-bottom-right-bottom, {spacing.400})`,right:`var(--toast-notifications-position-bottom-right-right, {spacing.400})`}}});export{t as toastNotifications};
 //# sourceMappingURL=toast-notifications.mjs.map

package/dist/recipes/overlays/toast/toast-notifications.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toast-notifications.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-notifications.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\n// Este es el contenedor de TODAS las notificaciones (el portal que Mantine crea)\nexport const toastNotifications = defineRecipe({\n  className: 'toast__notifications',\n  jsx: ['Toast'],\n  base: {\n    // Posicionamiento fijo\n    position: 'fixed',\n    zIndex: 9999,\n    maxWidth: 'var(--toast-notifications-max-width, 22.5rem)',\n    width: 'calc(100% - 2rem)',\n\n    // Posicionamiento basado en data-position\n    '&[data-position=\"top-center\"]': {\n      top: 'var(--toast-notifications-position-top-center-top, {spacing.400})',\n      left: '50%',\n      transform: 'translateX(-50%)',\n    },\n    '&[data-position=\"top-left\"]': {\n      top: 'var(--toast-notifications-position-top-left-top, {spacing.400})',\n      left: 'var(--toast-notifications-position-top-left-left, {spacing.400})',\n    },\n    '&[data-position=\"top-right\"]': {\n      top: 'var(--toast-notifications-position-top-right-top, {spacing.400})',\n      right:\n        'var(--toast-notifications-position-top-right-right, {spacing.400})',\n    },\n    '&[data-position=\"bottom-center\"]': {\n      bottom:\n        'var(--toast-notifications-position-bottom-center-bottom, {spacing.400})',\n      left: '50%',\n      transform: 'translateX(-50%)',\n    },\n    '&[data-position=\"bottom-left\"]': {\n      bottom:\n        'var(--toast-notifications-position-bottom-left-bottom, {spacing.400})',\n      left: 'var(--toast-notifications-position-bottom-left-left, {spacing.400})',\n    },\n    '&[data-position=\"bottom-right\"]': {\n      bottom:\n        'var(--toast-notifications-position-bottom-right-bottom, {spacing.400})',\n      right:\n        'var(--toast-notifications-position-bottom-right-right, {spacing.400})',\n    },\n  },\n  staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAOA,MAAa,EAAqB,EAAa,CAC7C,UAAW,uBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CAEJ,SAAU,QACV,OAAQ,KACR,SAAU,gDACV,MAAO,oBAGP,gCAAiC,CAC/B,IAAK,oEACL,KAAM,MACN,UAAW,mBACZ,CACD,8BAA+B,CAC7B,IAAK,kEACL,KAAM,mEACP,CACD,+BAAgC,CAC9B,IAAK,mEACL,MACE,qEACH,CACD,mCAAoC,CAClC,OACE,0EACF,KAAM,MACN,UAAW,mBACZ,CACD,iCAAkC,CAChC,OACE,wEACF,KAAM,sEACP,CACD,kCAAmC,CACjC,OACE,yEACF,MACE,wEACH,CACF,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
+{"version":3,"file":"toast-notifications.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-notifications.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastNotifications = defineRecipe({\n  className: 'toast__notifications',\n  jsx: ['Toast'],\n  base: {\n    position: 'fixed',\n    zIndex: 'var(--toast-notifications-z-index, {zIndex.maximum})',\n    maxWidth: 'var(--toast-notifications-max-width, 22.5rem)',\n    width: 'var(--toast-notifications-width, calc(100% - {sizes.500}))',\n\n    '&[data-position=\"top-center\"]': {\n      top: 'var(--toast-notifications-position-top-center-top, {spacing.400})',\n      left: '50%',\n      transform: 'translateX(-50%)',\n    },\n    '&[data-position=\"top-left\"]': {\n      top: 'var(--toast-notifications-position-top-left-top, {spacing.400})',\n      left: 'var(--toast-notifications-position-top-left-left, {spacing.400})',\n    },\n    '&[data-position=\"top-right\"]': {\n      top: 'var(--toast-notifications-position-top-right-top, {spacing.400})',\n      right:\n        'var(--toast-notifications-position-top-right-right, {spacing.400})',\n    },\n    '&[data-position=\"bottom-center\"]': {\n      bottom:\n        'var(--toast-notifications-position-bottom-center-bottom, {spacing.400})',\n      left: '50%',\n      transform: 'translateX(-50%)',\n    },\n    '&[data-position=\"bottom-left\"]': {\n      bottom:\n        'var(--toast-notifications-position-bottom-left-bottom, {spacing.400})',\n      left: 'var(--toast-notifications-position-bottom-left-left, {spacing.400})',\n    },\n    '&[data-position=\"bottom-right\"]': {\n      bottom:\n        'var(--toast-notifications-position-bottom-right-bottom, {spacing.400})',\n      right:\n        'var(--toast-notifications-position-bottom-right-right, {spacing.400})',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAqB,EAAa,CAC7C,UAAW,uBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,SAAU,QACV,OAAQ,uDACR,SAAU,gDACV,MAAO,6DAEP,gCAAiC,CAC/B,IAAK,oEACL,KAAM,MACN,UAAW,mBACZ,CACD,8BAA+B,CAC7B,IAAK,kEACL,KAAM,mEACP,CACD,+BAAgC,CAC9B,IAAK,mEACL,MACE,qEACH,CACD,mCAAoC,CAClC,OACE,0EACF,KAAM,MACN,UAAW,mBACZ,CACD,iCAAkC,CAChC,OACE,wEACF,KAAM,sEACP,CACD,kCAAmC,CACjC,OACE,yEACF,MACE,wEACH,CACF,CACF,CAAC"}

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

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__root`,jsx:[`Toast`],base:{overflow:`hidden`,boxSizing:`border-box`,position:`relative`,display:`flex`,alignItems:`center`,paddingInlineStart:`var(--toast-root-padding-inline-start, {spacing.400})`,paddingInlineEnd:`var(--toast-root-padding-inline-end, {spacing.200})`,paddingTop:`var(--toast-root-padding-bottom, {spacing.200})`,paddingBottom:`var(--toast-root-padding-bottom, {spacing.200})`,borderRadius:`var(--toast-root-radius, {radii.100})`,boxShadow:`var(--toast-root-shadow, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05))`,backgroundColor:`var(--toast-root-background, {colors.neutral.background.1.enabled})`,color:`var(--toast-root-foreground, {colors.neutral.foreground.1.enabled})`,"&[data-with-border]":{borderWidth:`var(--toast-root-border-width, {borders.100})`,borderStyle:`var(--toast-root-border-style, solid)`,borderColor:`var(--toast-root-border-color, {colors.neutral.stroke.1.enabled})`},"&::before":{content:`""`,display:`block`,position:`absolute`,width:`var(--toast-root-bar-width, {sizes.50})`,top:`var(--toast-root-bar-top, {spacing.100})`,bottom:`var(--toast-root-bar-bottom, {spacing.100})`,insetInlineStart:`var(--toast-root-bar-inset-start, {spacing.100})`,borderRadius:`var(--toast-root-bar-radius, {radii.100})`,backgroundColor:`var(--toast-accent-color, {colors.primary.foreground.2.enabled})`},"&[data-with-icon]::before":{display:`none`},"& + &":{marginTop:`var(--toast-root-gap, {spacing.200})`},fontFamily:`var(--toast-root-font-family, {fonts.base})`,fontSize:`var(--toast-root-font-size, {fontSizes.300})`,fontWeight:`var(--toast-root-font-weight, {fontWeights.regular})`,lineHeight:`var(--toast-root-line-height, 1.4)`,width:`var(--toast-root-width, 22.5rem)`,maxWidth:`100%`},variants:{color:{success:{"--toast-accent-color":`var(--toast-accent-success-color, {colors.success.foreground.1.enabled})`},danger:{"--toast-accent-color":`var(--toast-accent-danger-color, {colors.danger.foreground.1.enabled})`},warning:{"--toast-accent-color":`var(--toast-accent-warning-color, {colors.warning.foreground.1.enabled})`},primary:{"--toast-accent-color":`var(--toast-accent-primary-color, {colors.primary.foreground.1.enabled})`},neutral:{"--toast-accent-color":`var(--toast-accent-neutral-color, {colors.neutral.foreground.1.enabled})`}}},staticCss:[`*`]});export{t as toastRoot};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__root`,jsx:[`Toast`],base:{overflow:`hidden`,boxSizing:`border-box`,position:`relative`,display:`flex`,alignItems:`center`,padding:`var(--toast-root-padding, {spacing.300})`,borderRadius:`var(--toast-root-radius, {radii.100})`,boxShadow:`var(--toast-root-shadow, none)`,backgroundColor:`var(--toast-root-background, {colors.neutral.background.7.enabled})`,color:`var(--toast-root-foreground, {colors.neutral.foreground.onNeutral.2.enabled})`,fontFamily:`var(--toast-root-font-family, {fonts.base})`,fontSize:`var(--toast-root-font-size, {fontSizes.300})`,fontWeight:`var(--toast-root-font-weight, {fontWeights.regular})`,lineHeight:`var(--toast-root-line-height, 1.4)`,width:`var(--toast-root-width, 22.5rem)`,maxWidth:`100%`,"& + &":{marginTop:`var(--toast-root-gap, {spacing.200})`}},variants:{color:{success:{"--toast-root-background":`var(--toast-root-background-success, {colors.success.background.1.enabled})`},danger:{"--toast-root-background":`var(--toast-root-background-danger, {colors.danger.background.1.enabled})`},warning:{"--toast-root-background":`var(--toast-root-background-warning, {colors.warning.background.1.enabled})`},primary:{"--toast-root-background":`var(--toast-root-background-primary, {colors.primary.background.2.enabled})`},neutral:{"--toast-root-background":`var(--toast-root-background-neutral, {colors.neutral.background.1.enabled})`}}},staticCss:[`*`]});export{t as toastRoot};
 //# sourceMappingURL=toast-root.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"toast-root.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-root.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastRoot = defineRecipe({\n  className: 'toast__root',\n  jsx: ['Toast'],\n  base: {\n    // Estructura base de Mantine\n    overflow: 'hidden',\n    boxSizing: 'border-box',\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    paddingInlineStart: 'var(--toast-root-padding-inline-start, {spacing.400})',\n    paddingInlineEnd: 'var(--toast-root-padding-inline-end, {spacing.200})',\n    paddingTop: 'var(--toast-root-padding-bottom, {spacing.200})',\n    paddingBottom: 'var(--toast-root-padding-bottom, {spacing.200})',\n    borderRadius: 'var(--toast-root-radius, {radii.100})',\n    boxShadow:\n      'var(--toast-root-shadow, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05))',\n\n    // Colores base\n    backgroundColor:\n      'var(--toast-root-background, {colors.neutral.background.1.enabled})',\n    color:\n      'var(--toast-root-foreground, {colors.neutral.foreground.1.enabled})',\n\n    // Borde opcional (usando el selector [data-with-border] de Mantine)\n    '&[data-with-border]': {\n      borderWidth: 'var(--toast-root-border-width, {borders.100})',\n      borderStyle: 'var(--toast-root-border-style, solid)',\n      borderColor:\n        'var(--toast-root-border-color, {colors.neutral.stroke.1.enabled})',\n    },\n\n    // Barra lateral de color (equivalente al ::before de Mantine)\n    '&::before': {\n      content: '\"\"',\n      display: 'block',\n      position: 'absolute',\n      width: 'var(--toast-root-bar-width, {sizes.50})',\n      top: 'var(--toast-root-bar-top, {spacing.100})',\n      bottom: 'var(--toast-root-bar-bottom, {spacing.100})',\n      insetInlineStart: 'var(--toast-root-bar-inset-start, {spacing.100})',\n      borderRadius: 'var(--toast-root-bar-radius, {radii.100})',\n      backgroundColor:\n        'var(--toast-accent-color, {colors.primary.foreground.2.enabled})',\n    },\n\n    // Ocultar barra lateral cuando hay icono\n    '&[data-with-icon]::before': {\n      display: 'none',\n    },\n\n    // Separación entre notificaciones consecutivas\n    '& + &': {\n      marginTop: 'var(--toast-root-gap, {spacing.200})',\n    },\n\n    // Tipografía\n    fontFamily: 'var(--toast-root-font-family, {fonts.base})',\n    fontSize: 'var(--toast-root-font-size, {fontSizes.300})',\n    fontWeight: 'var(--toast-root-font-weight, {fontWeights.regular})',\n    lineHeight: 'var(--toast-root-line-height, 1.4)',\n\n    // Dimensiones (sin minHeight para permitir que Mantine colapse max-height en exit)\n    width: 'var(--toast-root-width, 22.5rem)',\n    maxWidth: '100%',\n  },\n  variants: {\n    color: {\n      success: {\n        '--toast-accent-color':\n          'var(--toast-accent-success-color, {colors.success.foreground.1.enabled})',\n      },\n      danger: {\n        '--toast-accent-color':\n          'var(--toast-accent-danger-color, {colors.danger.foreground.1.enabled})',\n      },\n      warning: {\n        '--toast-accent-color':\n          'var(--toast-accent-warning-color, {colors.warning.foreground.1.enabled})',\n      },\n      primary: {\n        '--toast-accent-color':\n          'var(--toast-accent-primary-color, {colors.primary.foreground.1.enabled})',\n      },\n      neutral: {\n        '--toast-accent-color':\n          'var(--toast-accent-neutral-color, {colors.neutral.foreground.1.enabled})',\n      },\n    },\n  },\n  staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,cACX,IAAK,CAAC,QAAQ,CACd,KAAM,CAEJ,SAAU,SACV,UAAW,aACX,SAAU,WACV,QAAS,OACT,WAAY,SACZ,mBAAoB,wDACpB,iBAAkB,sDAClB,WAAY,kDACZ,cAAe,kDACf,aAAc,wCACd,UACE,oGAGF,gBACE,sEACF,MACE,sEAGF,sBAAuB,CACrB,YAAa,gDACb,YAAa,wCACb,YACE,oEACH,CAGD,YAAa,CACX,QAAS,KACT,QAAS,QACT,SAAU,WACV,MAAO,0CACP,IAAK,2CACL,OAAQ,8CACR,iBAAkB,mDAClB,aAAc,4CACd,gBACE,mEACH,CAGD,4BAA6B,CAC3B,QAAS,OACV,CAGD,QAAS,CACP,UAAW,uCACZ,CAGD,WAAY,8CACZ,SAAU,+CACV,WAAY,uDACZ,WAAY,qCAGZ,MAAO,mCACP,SAAU,OACX,CACD,SAAU,CACR,MAAO,CACL,QAAS,CACP,uBACE,2EACH,CACD,OAAQ,CACN,uBACE,yEACH,CACD,QAAS,CACP,uBACE,2EACH,CACD,QAAS,CACP,uBACE,2EACH,CACD,QAAS,CACP,uBACE,2EACH,CACF,CACF,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
+{"version":3,"file":"toast-root.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-root.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastRoot = defineRecipe({\n  className: 'toast__root',\n  jsx: ['Toast'],\n  base: {\n    overflow: 'hidden',\n    boxSizing: 'border-box',\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    padding: 'var(--toast-root-padding, {spacing.300})',\n    borderRadius: 'var(--toast-root-radius, {radii.100})',\n    boxShadow: 'var(--toast-root-shadow, none)',\n    backgroundColor:\n      'var(--toast-root-background, {colors.neutral.background.7.enabled})',\n    color:\n      'var(--toast-root-foreground, {colors.neutral.foreground.onNeutral.2.enabled})',\n    fontFamily: 'var(--toast-root-font-family, {fonts.base})',\n    fontSize: 'var(--toast-root-font-size, {fontSizes.300})',\n    fontWeight: 'var(--toast-root-font-weight, {fontWeights.regular})',\n    lineHeight: 'var(--toast-root-line-height, 1.4)',\n    width: 'var(--toast-root-width, 22.5rem)',\n    maxWidth: '100%',\n    '& + &': {\n      marginTop: 'var(--toast-root-gap, {spacing.200})',\n    },\n  },\n  variants: {\n    color: {\n      success: {\n        '--toast-root-background':\n          'var(--toast-root-background-success, {colors.success.background.1.enabled})',\n      },\n      danger: {\n        '--toast-root-background':\n          'var(--toast-root-background-danger, {colors.danger.background.1.enabled})',\n      },\n      warning: {\n        '--toast-root-background':\n          'var(--toast-root-background-warning, {colors.warning.background.1.enabled})',\n      },\n      primary: {\n        '--toast-root-background':\n          'var(--toast-root-background-primary, {colors.primary.background.2.enabled})',\n      },\n      neutral: {\n        '--toast-root-background':\n          'var(--toast-root-background-neutral, {colors.neutral.background.1.enabled})',\n      },\n    },\n  },\n  staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,cACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,SAAU,SACV,UAAW,aACX,SAAU,WACV,QAAS,OACT,WAAY,SACZ,QAAS,2CACT,aAAc,wCACd,UAAW,iCACX,gBACE,sEACF,MACE,gFACF,WAAY,8CACZ,SAAU,+CACV,WAAY,uDACZ,WAAY,qCACZ,MAAO,mCACP,SAAU,OACV,QAAS,CACP,UAAW,uCACZ,CACF,CACD,SAAU,CACR,MAAO,CACL,QAAS,CACP,0BACE,8EACH,CACD,OAAQ,CACN,0BACE,4EACH,CACD,QAAS,CACP,0BACE,8EACH,CACD,QAAS,CACP,0BACE,8EACH,CACD,QAAS,CACP,0BACE,8EACH,CACF,CACF,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}

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

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__title`,jsx:[`Toast`],base:{overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,marginBottom:`var(--toast-title-gap, {spacing.50})`,fontSize:`var(--toast-title-font-size, {fontSizes.300})`,lineHeight:`var(--toast-title-line-height, 1.2)`,fontWeight:`var(--toast-title-font-weight, {fontWeights.semiBold})`,color:`var(--toast-title-color, {colors.neutral.foreground.1.enabled})`},staticCss:[`*`]});export{t as toastTitle};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast__title`,jsx:[`Toast`],base:{overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,marginBottom:`var(--toast-title-gap, {spacing.50})`,fontSize:`var(--toast-title-font-size, {fontSizes.300})`,lineHeight:`var(--toast-title-line-height, 1.2)`,fontWeight:`var(--toast-title-font-weight, {fontWeights.semiBold})`,color:`var(--toast-title-color, inherit)`}});export{t as toastTitle};
 //# sourceMappingURL=toast-title.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"toast-title.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-title.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastTitle = defineRecipe({\n  className: 'toast__title',\n  jsx: ['Toast'],\n  base: {\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    marginBottom: 'var(--toast-title-gap, {spacing.50})',\n    fontSize: 'var(--toast-title-font-size, {fontSizes.300})',\n    lineHeight: 'var(--toast-title-line-height, 1.2)',\n    fontWeight: 'var(--toast-title-font-weight, {fontWeights.semiBold})',\n    color: 'var(--toast-title-color, {colors.neutral.foreground.1.enabled})',\n  },\n  staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,SAAU,SACV,aAAc,WACd,WAAY,SACZ,aAAc,uCACd,SAAU,gDACV,WAAY,sCACZ,WAAY,yDACZ,MAAO,kEACR,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
+{"version":3,"file":"toast-title.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast-title.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toastTitle = defineRecipe({\n  className: 'toast__title',\n  jsx: ['Toast'],\n  base: {\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    marginBottom: 'var(--toast-title-gap, {spacing.50})',\n    fontSize: 'var(--toast-title-font-size, {fontSizes.300})',\n    lineHeight: 'var(--toast-title-line-height, 1.2)',\n    fontWeight: 'var(--toast-title-font-weight, {fontWeights.semiBold})',\n    color: 'var(--toast-title-color, inherit)',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,SAAU,SACV,aAAc,WACd,WAAY,SACZ,aAAc,uCACd,SAAU,gDACV,WAAY,sCACZ,WAAY,yDACZ,MAAO,oCACR,CACF,CAAC"}

package/dist/recipes/overlays/toast/toast.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast`,jsx:[`Toast`],base:{"--toast-accent-color":`{colors.primary.foreground.2.enabled}`,"--toast-accent-success-color":`{colors.success.foreground.1.enabled}`,"--toast-accent-danger-color":`{colors.danger.foreground.1.enabled}`,"--toast-accent-warning-color":`{colors.warning.foreground.1.enabled}`,"--toast-accent-primary-color":`{colors.primary.foreground.1.enabled}`,"--toast-accent-neutral-color":`{colors.neutral.foreground.1.enabled}`,"--toast-root-background":`{colors.neutral.background.1.enabled}`,"--toast-root-foreground":`{colors.neutral.foreground.1.enabled}`,"--toast-root-width":`22.5rem`,"--toast-root-font-family":`{fonts.base}`,"--toast-root-font-size":`{fontSizes.300}`,"--toast-root-font-weight":`{fontWeights.regular}`,"--toast-root-line-height":`1.4`,"--toast-root-padding-inline-start":`{spacing.400}`,"--toast-root-padding-inline-end":`{spacing.200}`,"--toast-root-padding-bottom":`{spacing.200}`,"--toast-root-radius":`{radii.100}`,"--toast-root-border-width":`{borders.100}`,"--toast-root-border-style":`solid`,"--toast-root-border-color":`{colors.neutral.stroke.1.enabled}`,"--toast-root-shadow":`0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)`,"--toast-root-bar-width":`{sizes.50}`,"--toast-root-bar-top":`{spacing.100}`,"--toast-root-bar-bottom":`{spacing.100}`,"--toast-root-bar-inset-start":`{spacing.100}`,"--toast-root-bar-radius":`{radii.100}`,"--toast-root-gap":`{spacing.200}`,"--toast-body-gap":`{spacing.300}`,"--toast-icon-size":`{sizes.300}`,"--toast-icon-gap":`{spacing.300}`,"--toast-icon-radius":`{radii.900}`,"--toast-icon-background":`transparent`,"--toast-icon-foreground":`var(--toast-accent-color)`,"--toast-loader-gap":`{spacing.200}`,"--toast-title-gap":`{spacing.50}`,"--toast-title-font-size":`{fontSizes.300}`,"--toast-title-line-height":`1.2`,"--toast-title-font-weight":`{fontWeights.semiBold}`,"--toast-title-color":`{colors.neutral.foreground.1.enabled}`,"--toast-description-font-size":`{fontSizes.300}`,"--toast-description-line-height":`1.4`,"--toast-description-color":`{colors.neutral.foreground.1.enabled}`,"--toast-description-color-with-title":`{colors.neutral.foreground.3.enabled}`,"--toast-close-button-size":`{sizes.200}`,"--toast-close-button-radius":`{radii.100}`,"--toast-close-button-foreground":`{colors.neutral.foreground.3.enabled}`,"--toast-close-button-background":`transparent`,"--toast-close-button-border":`none`,"--toast-close-button-transition":`{animations.300}`,"--toast-close-button-background-hovered":`{colors.neutral.background.1.hovered}`,"--toast-close-button-foreground-hovered":`{colors.neutral.foreground.3.hovered}`,"--toast-notifications-max-width":`22.5rem`,"--toast-notifications-position-top-center-top":`{spacing.400}`,"--toast-notifications-position-top-left-top":`{spacing.400}`,"--toast-notifications-position-top-left-left":`{spacing.400}`,"--toast-notifications-position-top-right-top":`{spacing.400}`,"--toast-notifications-position-top-right-right":`{spacing.400}`,"--toast-notifications-position-bottom-center-bottom":`{spacing.400}`,"--toast-notifications-position-bottom-left-bottom":`{spacing.400}`,"--toast-notifications-position-bottom-left-left":`{spacing.400}`,"--toast-notifications-position-bottom-right-bottom":`{spacing.400}`,"--toast-notifications-position-bottom-right-right":`{spacing.400}`},staticCss:[`*`]});export{t as toast};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`toast`,jsx:[`Toast`],base:{"--toast-root-background-neutral":`{colors.neutral.background.1.enabled}`,"--toast-root-background-primary":`{colors.primary.background.2.enabled}`,"--toast-root-background-success":`{colors.success.background.1.enabled}`,"--toast-root-background-warning":`{colors.warning.background.1.enabled}`,"--toast-root-background-danger":`{colors.danger.background.1.enabled}`,"--toast-root-background":`{colors.neutral.background.7.enabled}`,"--toast-root-foreground":`{colors.neutral.foreground.onNeutral.2.enabled}`,"--toast-root-width":`22.5rem`,"--toast-root-font-family":`{fonts.base}`,"--toast-root-font-size":`{fontSizes.300}`,"--toast-root-font-weight":`{fontWeights.regular}`,"--toast-root-line-height":`1.4`,"--toast-root-gap":`{spacing.200}`,"--toast-root-padding":`{spacing.300}`,"--toast-root-shadow":`none`,"--toast-body-gap":`{spacing.50}`,"--toast-icon-size":`{sizes.300}`,"--toast-icon-gap":`{spacing.300}`,"--toast-icon-radius":`{radii.900}`,"--toast-icon-background":`transparent`,"--toast-icon-foreground":`{colors.neutral.foreground.onNeutral.2.enabled}`,"--toast-title-gap":`{spacing.50}`,"--toast-title-font-size":`{fontSizes.300}`,"--toast-title-line-height":`1.2`,"--toast-title-font-weight":`{fontWeights.semiBold}`,"--toast-title-color":`inherit`,"--toast-description-font-size":`{fontSizes.200}`,"--toast-description-line-height":`1.4`,"--toast-description-color":`inherit`,"--toast-description-color-with-title":`inherit`,"--toast-close-button-size":`{sizes.500}`,"--toast-close-button-radii":`{radii.200}`,"--toast-close-button-foreground":`{colors.neutral.foreground.onNeutral.2.enabled}`,"--toast-close-button-background":`transparent`,"--toast-close-button-border":`none`,"--toast-close-button-transition":`{animations.base.100}`,"--toast-close-button-background-hovered":`transparent`,"--toast-close-button-foreground-hovered":`{colors.neutral.foreground.onNeutral.2.enabled/75}`,"--toast-close-button-icon-size":`{sizes.300}`,"--toast-notifications-z-index":`{zIndex.maximum}`,"--toast-notifications-max-width":`22.5rem`,"--toast-notifications-width":`calc(100% - {sizes.500})`,"--toast-notifications-position-top-center-top":`{spacing.400}`,"--toast-notifications-position-top-left-top":`{spacing.400}`,"--toast-notifications-position-top-left-left":`{spacing.400}`,"--toast-notifications-position-top-right-top":`{spacing.400}`,"--toast-notifications-position-top-right-right":`{spacing.400}`,"--toast-notifications-position-bottom-center-bottom":`{spacing.400}`,"--toast-notifications-position-bottom-left-bottom":`{spacing.400}`,"--toast-notifications-position-bottom-left-left":`{spacing.400}`,"--toast-notifications-position-bottom-right-bottom":`{spacing.400}`,"--toast-notifications-position-bottom-right-right":`{spacing.400}`},staticCss:[`*`]});export{t as toast};
 //# sourceMappingURL=toast.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"toast.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toast = defineRecipe({\n  className: 'toast',\n  jsx: ['Toast'],\n  base: {\n    // color variants\n    '--toast-accent-color': '{colors.primary.foreground.2.enabled}',\n    '--toast-accent-success-color': '{colors.success.foreground.1.enabled}',\n    '--toast-accent-danger-color': '{colors.danger.foreground.1.enabled}',\n    '--toast-accent-warning-color': '{colors.warning.foreground.1.enabled}',\n    '--toast-accent-primary-color': '{colors.primary.foreground.1.enabled}',\n    '--toast-accent-neutral-color': '{colors.neutral.foreground.1.enabled}',\n\n    // root variables\n    '--toast-root-background': '{colors.neutral.background.1.enabled}',\n    '--toast-root-foreground': '{colors.neutral.foreground.1.enabled}',\n    '--toast-root-width': '22.5rem',\n    '--toast-root-font-family': '{fonts.base}',\n    '--toast-root-font-size': '{fontSizes.300}',\n    '--toast-root-font-weight': '{fontWeights.regular}',\n    '--toast-root-line-height': '1.4',\n\n    // root padding\n    '--toast-root-padding-inline-start': '{spacing.400}',\n    '--toast-root-padding-inline-end': '{spacing.200}',\n    '--toast-root-padding-bottom': '{spacing.200}',\n\n    // root border\n    '--toast-root-radius': '{radii.100}',\n    '--toast-root-border-width': '{borders.100}',\n    '--toast-root-border-style': 'solid',\n    '--toast-root-border-color': '{colors.neutral.stroke.1.enabled}',\n\n    // root shadow\n    '--toast-root-shadow':\n      '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n\n    // root bar\n    '--toast-root-bar-width': '{sizes.50}',\n    '--toast-root-bar-top': '{spacing.100}',\n    '--toast-root-bar-bottom': '{spacing.100}',\n    '--toast-root-bar-inset-start': '{spacing.100}',\n    '--toast-root-bar-radius': '{radii.100}',\n\n    // root gap\n    '--toast-root-gap': '{spacing.200}',\n\n    // body\n    '--toast-body-gap': '{spacing.300}',\n\n    // icon\n    '--toast-icon-size': '{sizes.300}',\n    '--toast-icon-gap': '{spacing.300}',\n    '--toast-icon-radius': '{radii.900}',\n    '--toast-icon-background': 'transparent',\n    '--toast-icon-foreground': 'var(--toast-accent-color)',\n\n    // loader\n    '--toast-loader-gap': '{spacing.200}',\n\n    // title\n    '--toast-title-gap': '{spacing.50}',\n    '--toast-title-font-size': '{fontSizes.300}',\n    '--toast-title-line-height': '1.2',\n    '--toast-title-font-weight': '{fontWeights.semiBold}',\n    '--toast-title-color': '{colors.neutral.foreground.1.enabled}',\n\n    // description\n    '--toast-description-font-size': '{fontSizes.300}',\n    '--toast-description-line-height': '1.4',\n    '--toast-description-color': '{colors.neutral.foreground.1.enabled}',\n    '--toast-description-color-with-title':\n      '{colors.neutral.foreground.3.enabled}',\n\n    // close button\n    '--toast-close-button-size': '{sizes.200}',\n    '--toast-close-button-radius': '{radii.100}',\n    '--toast-close-button-foreground': '{colors.neutral.foreground.3.enabled}',\n    '--toast-close-button-background': 'transparent',\n    '--toast-close-button-border': 'none',\n    '--toast-close-button-transition': '{animations.300}',\n    '--toast-close-button-background-hovered':\n      '{colors.neutral.background.1.hovered}',\n    '--toast-close-button-foreground-hovered':\n      '{colors.neutral.foreground.3.hovered}',\n\n    // notifications container\n    '--toast-notifications-max-width': '22.5rem',\n\n    // notifications positions\n    '--toast-notifications-position-top-center-top': '{spacing.400}',\n    '--toast-notifications-position-top-left-top': '{spacing.400}',\n    '--toast-notifications-position-top-left-left': '{spacing.400}',\n    '--toast-notifications-position-top-right-top': '{spacing.400}',\n    '--toast-notifications-position-top-right-right': '{spacing.400}',\n    '--toast-notifications-position-bottom-center-bottom': '{spacing.400}',\n    '--toast-notifications-position-bottom-left-bottom': '{spacing.400}',\n    '--toast-notifications-position-bottom-left-left': '{spacing.400}',\n    '--toast-notifications-position-bottom-right-bottom': '{spacing.400}',\n    '--toast-notifications-position-bottom-right-right': '{spacing.400}',\n  },\n  staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAQ,EAAa,CAChC,UAAW,QACX,IAAK,CAAC,QAAQ,CACd,KAAM,CAEJ,uBAAwB,wCACxB,+BAAgC,wCAChC,8BAA+B,uCAC/B,+BAAgC,wCAChC,+BAAgC,wCAChC,+BAAgC,wCAGhC,0BAA2B,wCAC3B,0BAA2B,wCAC3B,qBAAsB,UACtB,2BAA4B,eAC5B,yBAA0B,kBAC1B,2BAA4B,wBAC5B,2BAA4B,MAG5B,oCAAqC,gBACrC,kCAAmC,gBACnC,8BAA+B,gBAG/B,sBAAuB,cACvB,4BAA6B,gBAC7B,4BAA6B,QAC7B,4BAA6B,oCAG7B,sBACE,0EAGF,yBAA0B,aAC1B,uBAAwB,gBACxB,0BAA2B,gBAC3B,+BAAgC,gBAChC,0BAA2B,cAG3B,mBAAoB,gBAGpB,mBAAoB,gBAGpB,oBAAqB,cACrB,mBAAoB,gBACpB,sBAAuB,cACvB,0BAA2B,cAC3B,0BAA2B,4BAG3B,qBAAsB,gBAGtB,oBAAqB,eACrB,0BAA2B,kBAC3B,4BAA6B,MAC7B,4BAA6B,yBAC7B,sBAAuB,wCAGvB,gCAAiC,kBACjC,kCAAmC,MACnC,4BAA6B,wCAC7B,uCACE,wCAGF,4BAA6B,cAC7B,8BAA+B,cAC/B,kCAAmC,wCACnC,kCAAmC,cACnC,8BAA+B,OAC/B,kCAAmC,mBACnC,0CACE,wCACF,0CACE,wCAGF,kCAAmC,UAGnC,gDAAiD,gBACjD,8CAA+C,gBAC/C,+CAAgD,gBAChD,+CAAgD,gBAChD,iDAAkD,gBAClD,sDAAuD,gBACvD,oDAAqD,gBACrD,kDAAmD,gBACnD,qDAAsD,gBACtD,oDAAqD,gBACtD,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
+{"version":3,"file":"toast.mjs","names":[],"sources":["../../../../src/recipes/overlays/toast/toast.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const toast = defineRecipe({\n  className: 'toast',\n  jsx: ['Toast'],\n  base: {\n    // color variants\n    '--toast-root-background-neutral': '{colors.neutral.background.1.enabled}',\n    '--toast-root-background-primary': '{colors.primary.background.2.enabled}',\n    '--toast-root-background-success': '{colors.success.background.1.enabled}',\n    '--toast-root-background-warning': '{colors.warning.background.1.enabled}',\n    '--toast-root-background-danger': '{colors.danger.background.1.enabled}',\n\n    // root\n    '--toast-root-background': '{colors.neutral.background.7.enabled}',\n    '--toast-root-foreground':\n      '{colors.neutral.foreground.onNeutral.2.enabled}',\n    '--toast-root-width': '22.5rem',\n    '--toast-root-font-family': '{fonts.base}',\n    '--toast-root-font-size': '{fontSizes.300}',\n    '--toast-root-font-weight': '{fontWeights.regular}',\n    '--toast-root-line-height': '1.4',\n    '--toast-root-gap': '{spacing.200}',\n    '--toast-root-padding': '{spacing.300}',\n    '--toast-root-shadow': 'none',\n\n    // body\n    '--toast-body-gap': '{spacing.50}',\n\n    // icon\n    '--toast-icon-size': '{sizes.300}',\n    '--toast-icon-gap': '{spacing.300}',\n    '--toast-icon-radius': '{radii.900}',\n    '--toast-icon-background': 'transparent',\n    '--toast-icon-foreground':\n      '{colors.neutral.foreground.onNeutral.2.enabled}',\n\n    // title\n    '--toast-title-gap': '{spacing.50}',\n    '--toast-title-font-size': '{fontSizes.300}',\n    '--toast-title-line-height': '1.2',\n    '--toast-title-font-weight': '{fontWeights.semiBold}',\n    '--toast-title-color': 'inherit',\n\n    // description\n    '--toast-description-font-size': '{fontSizes.200}',\n    '--toast-description-line-height': '1.4',\n    '--toast-description-color': 'inherit',\n    '--toast-description-color-with-title': 'inherit',\n\n    // close button\n    '--toast-close-button-size': '{sizes.500}',\n    '--toast-close-button-radii': '{radii.200}',\n    '--toast-close-button-foreground':\n      '{colors.neutral.foreground.onNeutral.2.enabled}',\n    '--toast-close-button-background': 'transparent',\n    '--toast-close-button-border': 'none',\n    '--toast-close-button-transition': '{animations.base.100}',\n    '--toast-close-button-background-hovered': 'transparent',\n    '--toast-close-button-foreground-hovered':\n      '{colors.neutral.foreground.onNeutral.2.enabled/75}',\n    '--toast-close-button-icon-size': '{sizes.300}',\n\n    // notifications container\n    '--toast-notifications-z-index': '{zIndex.maximum}',\n    '--toast-notifications-max-width': '22.5rem',\n    '--toast-notifications-width': 'calc(100% - {sizes.500})',\n\n    // notifications positions\n    '--toast-notifications-position-top-center-top': '{spacing.400}',\n    '--toast-notifications-position-top-left-top': '{spacing.400}',\n    '--toast-notifications-position-top-left-left': '{spacing.400}',\n    '--toast-notifications-position-top-right-top': '{spacing.400}',\n    '--toast-notifications-position-top-right-right': '{spacing.400}',\n    '--toast-notifications-position-bottom-center-bottom': '{spacing.400}',\n    '--toast-notifications-position-bottom-left-bottom': '{spacing.400}',\n    '--toast-notifications-position-bottom-left-left': '{spacing.400}',\n    '--toast-notifications-position-bottom-right-bottom': '{spacing.400}',\n    '--toast-notifications-position-bottom-right-right': '{spacing.400}',\n  },\n  staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAQ,EAAa,CAChC,UAAW,QACX,IAAK,CAAC,QAAQ,CACd,KAAM,CAEJ,kCAAmC,wCACnC,kCAAmC,wCACnC,kCAAmC,wCACnC,kCAAmC,wCACnC,iCAAkC,uCAGlC,0BAA2B,wCAC3B,0BACE,kDACF,qBAAsB,UACtB,2BAA4B,eAC5B,yBAA0B,kBAC1B,2BAA4B,wBAC5B,2BAA4B,MAC5B,mBAAoB,gBACpB,uBAAwB,gBACxB,sBAAuB,OAGvB,mBAAoB,eAGpB,oBAAqB,cACrB,mBAAoB,gBACpB,sBAAuB,cACvB,0BAA2B,cAC3B,0BACE,kDAGF,oBAAqB,eACrB,0BAA2B,kBAC3B,4BAA6B,MAC7B,4BAA6B,yBAC7B,sBAAuB,UAGvB,gCAAiC,kBACjC,kCAAmC,MACnC,4BAA6B,UAC7B,uCAAwC,UAGxC,4BAA6B,cAC7B,6BAA8B,cAC9B,kCACE,kDACF,kCAAmC,cACnC,8BAA+B,OAC/B,kCAAmC,wBACnC,0CAA2C,cAC3C,0CACE,qDACF,iCAAkC,cAGlC,gCAAiC,mBACjC,kCAAmC,UACnC,8BAA+B,2BAG/B,gDAAiD,gBACjD,8CAA+C,gBAC/C,+CAAgD,gBAChD,+CAAgD,gBAChD,iDAAkD,gBAClD,sDAAuD,gBACvD,oDAAqD,gBACrD,kDAAmD,gBACnD,qDAAsD,gBACtD,oDAAqD,gBACtD,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}