@pine-ds/core 3.25.0 → 3.26.0

package/dist/pine-core/{p-B9XGJbRZ.system.js.map → p-BjaDq65J.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-B9XGJbRZ.system.js","sources":["src/components/pds-box/pds-box.scss?tag=pds-box","src/components/pds-box/pds-box.tsx"],"sourcesContent":["@use './pds-box.mixins' as *;\n\npds-box {\n  --border-width-default: var(--pine-border-width-thin);\n  --color-background-box: inherit;\n  --color-border-box: inherit;\n\n  display: block;\n}\n\n[class*='pds-box'] {\n  background-color: var(--color-background-box);\n  box-sizing: border-box;\n  display: inline-flex;\n\n  &[min-height] {\n    min-height: var(--sizing-min-height-box);\n  }\n\n  &[min-width] {\n    min-width: var(--sizing-min-width-box);\n  }\n\n  // The immediate child of the row will fit the width of the row\n  .pds-row > & {\n    position: relative;\n    width: 100%;\n\n    &.pds-box--auto {\n      width: auto;\n    }\n  }\n}\n\n// Spacing mixin\n$pine-spacing-tokens: (\n  xxs: 4px,\n  xs: 8px,\n  sm: 16px,\n  md: 24px,\n  lg: 36px,\n  xl: 48px,\n  xxl: 64px,\n);\n\n// Generate spacing classes\n@include generate-spacing-classes(false, $pine-spacing-tokens);\n@include generate-spacing-classes('top', $pine-spacing-tokens);\n@include generate-spacing-classes('right', $pine-spacing-tokens);\n@include generate-spacing-classes('left', $pine-spacing-tokens);\n@include generate-spacing-classes('bottom', $pine-spacing-tokens);\n\n// Base offset classes\n@include generate-column-offsets(false, 12);\n\n// Responsive offset classes\n@media (max-width: 575px) {\n  @include generate-column-offsets('xs', 12);\n}\n\n@media (min-width: 576px) {\n  @include generate-column-offsets('sm', 12);\n}\n\n@media (min-width: 768px) {\n  @include generate-column-offsets('md', 12);\n}\n\n@media (min-width: 992px) {\n  @include generate-column-offsets('lg', 12);\n}\n\n@media (min-width: 1200px) {\n  @include generate-column-offsets('xl', 12);\n}\n\n\n// Base column width classes\n@include generate-columns(false, 12);\n\n// Responsive column width classes\n@media (max-width: 575px) {\n  @include generate-columns('xs', 12);\n}\n\n@media (min-width: 576px) {\n  @include generate-columns('sm', 12);\n}\n\n@media (min-width: 768px) {\n  @include generate-columns('md', 12);\n}\n\n@media (min-width: 992px) {\n  @include generate-columns('lg', 12);\n}\n\n@media (min-width: 1200px) {\n  @include generate-columns('xl', 12);\n}\n\n.pds-box {\n  flex-basis: 0;\n  flex-grow: 1;\n}\n\n.pds-row > .pds-box[class*='pds-box-'] {\n  flex-basis: auto;\n}\n\n.pds-box--auto {\n  flex: 0 0 var(--sizing-min-width-box, fit-content);\n  min-width: auto;\n  width: auto;\n}\n\n.pds-box--fit {\n  max-width: 100%;\n  min-width: 100%;\n  width: 100%;\n}\n\n.pds-box--border {\n  border-color: var(--color-border-box, var(--pine-color-border));\n  border-style: solid;\n  border-width: var(--border-width-default);\n}\n\n// Display helpers\n.pds-box--display-flex {\n  display: flex;\n}\n\n.pds-box--display-inline-flex {\n  display: inline-flex;\n}\n\n.pds-box--display-block {\n  display: block;\n}\n\n.pds-box--display-inline-block {\n  display: inline-block;\n}\n\n// Flex helpers\n.pds-box--flex-none {\n  flex: 0 0 auto;\n}\n\n.pds-box--flex-grow {\n  flex: 1 1 auto\n}\n\n.pds-box--flex-shrink {\n  flex: 0 0 auto;\n}\n\n// Border radius helpers\n.pds-border-radius-none {\n  border-radius: 0;\n}\n\n.pds-border-radius-xs {\n  border-radius: var(--pine-dimension-2xs);\n}\n\n.pds-border-radius-sm {\n  border-radius: var(--pine-dimension-xs);\n}\n\n.pds-border-radius-md {\n  border-radius: var(--pine-dimension-125);\n}\n\n.pds-border-radius-lg {\n  border-radius: var(--pine-dimension-sm);\n}\n\n.pds-border-radius-circle {\n  border-radius: var(--pine-border-radius-full);\n}\n\n// Box shadow helpers\n.pds-shadow-050 {\n  box-shadow: var(--pine-box-shadow-050);\n}\n\n.pds-shadow-100 {\n  box-shadow: var(--pine-box-shadow-100);\n}\n\n.pds-shadow-150 {\n  box-shadow: var(--pine-box-shadow-150);\n}\n\n.pds-shadow-200 {\n  box-shadow: var(--pine-box-shadow-200);\n}\n\n.pds-shadow-300 {\n  box-shadow: var(--pine-box-shadow-300);\n}\n\n.pds-shadow-400 {\n  box-shadow: var(--pine-box-shadow-400);\n}\n\n.pds-shadow-500 {\n  box-shadow: var(--pine-box-shadow-500);\n}\n\n\n.pds-shadow-xs {\n  box-shadow: var(--pine-box-shadow-050);\n}\n\n.pds-shadow-sm {\n  box-shadow: var(--pine-box-shadow-100);\n}\n\n.pds-shadow-md {\n  box-shadow: var(--pine-box-shadow-150);\n}\n\n.pds-shadow-lg {\n  box-shadow: var(--pine-box-shadow-200);\n}\n\n// Spacing values map - includes semantic sizes and numeric tokens\n// Used for gap, margin, and padding helpers\n$spacing-values: (\n  'none': 0,\n  'xxs': var(--pine-dimension-2xs),\n  'xs': var(--pine-dimension-xs),\n  'sm': var(--pine-dimension-sm),\n  'md': var(--pine-dimension-md),\n  'lg': var(--pine-dimension-lg),\n  'xl': var(--pine-dimension-xl),\n  'xxl': var(--pine-dimension-2xl),\n  '025': var(--pine-dimension-025),\n  '050': var(--pine-dimension-050),\n  '100': var(--pine-dimension-100),\n  '125': var(--pine-dimension-125),\n  '150': var(--pine-dimension-150),\n  '200': var(--pine-dimension-200),\n  '250': var(--pine-dimension-250),\n  '300': var(--pine-dimension-300),\n  '350': var(--pine-dimension-350),\n  '400': var(--pine-dimension-400),\n  '450': var(--pine-dimension-450),\n  '500': var(--pine-dimension-500),\n  '550': var(--pine-dimension-550),\n  '600': var(--pine-dimension-600),\n  '650': var(--pine-dimension-650),\n  '700': var(--pine-dimension-700),\n  '750': var(--pine-dimension-750),\n  '800': var(--pine-dimension-800)\n);\n\n// Gap helpers\n@each $name, $value in $spacing-values {\n  .pds-box-gap-#{$name} {\n    gap: $value;\n  }\n}\n\n// Margin helpers\n@each $name, $value in $spacing-values {\n  .pds-margin-block-start-#{$name} {\n    margin-block-start: $value;\n  }\n}\n\n@each $name, $value in $spacing-values {\n  .pds-margin-inline-start-#{$name} {\n    margin-inline-start: $value;\n  }\n}\n\n@each $name, $value in $spacing-values {\n  .pds-margin-inline-end-#{$name} {\n    margin-inline-end: $value;\n  }\n}\n\n@each $name, $value in $spacing-values {\n  .pds-margin-block-end-#{$name} {\n    margin-block-end: $value;\n  }\n}\n\n// Padding helpers\n@each $name, $value in $spacing-values {\n  .pds-padding-#{$name} {\n    padding: $value;\n  }\n}\n\n// Padding block start helpers\n@each $name, $value in $spacing-values {\n  .pds-padding-block-start-#{$name} {\n    padding-block-start: $value;\n  }\n}\n\n// Padding block end helpers\n@each $name, $value in $spacing-values {\n  .pds-padding-block-end-#{$name} {\n    padding-block-end: $value;\n  }\n}\n\n// Padding inline start helpers\n@each $name, $value in $spacing-values {\n  .pds-padding-inline-start-#{$name} {\n    padding-inline-start: $value;\n  }\n}\n\n// Padding inline end helpers\n@each $name, $value in $spacing-values {\n  .pds-padding-inline-end-#{$name} {\n    padding-inline-end: $value;\n  }\n}\n\n\n// Display helpers\n.pds-box-display-block {\n  display: block;\n}\n\n.pds-box-display-inline-block {\n  display: inline-block;\n}\n\n.pds-box-display-flex {\n  display: flex;\n}\n\n.pds-box-display-inline-flex {\n  display: inline-flex;\n}\n\n// Flex Direction helpers\n.pds-box-direction-row {\n  flex-direction: row;\n}\n\n.pds-box-direction-column {\n  flex-direction: column;\n}\n\n// Flex Wrap helpers\n.pds-box--wrap {\n  flex-wrap: wrap;\n}\n\n// Maps for flex properties\n$justify-content-values: (\n  'start': start,\n  'center': center,\n  'end': end,\n  'space-between': space-between,\n  'space-around': space-around,\n  'space-evenly': space-evenly\n);\n\n$align-items-values: (\n  'start': start,\n  'center': center,\n  'end': end,\n  'baseline': baseline,\n  'stretch': stretch\n);\n\n$align-self-values: (\n  'start': start,\n  'center': center,\n  'end': end,\n  'baseline': baseline,\n  'stretch': stretch\n);\n\n$breakpoints: (\n  'xs': '(max-width: 575px)',\n  'sm': '(min-width: 576px)',\n  'md': '(min-width: 768px)',\n  'lg': '(min-width: 992px)',\n  'xl': '(min-width: 1200px)'\n);\n\n// Justify Content helpers\n@each $name, $value in $justify-content-values {\n  .pds-justify-content-#{$name} {\n    justify-content: $value;\n  }\n}\n\n// Responsive Justify Content helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $justify-content-values {\n      .pds-justify-content-#{$breakpoint-name}-#{$name} {\n        justify-content: $value;\n      }\n    }\n  }\n}\n\n// Align Items helpers\n@each $name, $value in $align-items-values {\n  .pds-align-items-#{$name} {\n    align-items: $value;\n  }\n}\n\n// Responsive Align Items helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $align-items-values {\n      .pds-align-items-#{$breakpoint-name}-#{$name} {\n        align-items: $value;\n      }\n    }\n  }\n}\n\n// Align Self helpers\n@each $name, $value in $align-self-values {\n  .pds-align-self-#{$name} {\n    align-self: $value;\n  }\n}\n\n// Responsive Align Self helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $align-self-values {\n      .pds-align-self-#{$breakpoint-name}-#{$name} {\n        align-self: $value;\n      }\n    }\n  }\n}\n\n// Responsive Flex Wrap helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    .pds-box--wrap-#{$breakpoint-name} {\n      flex-wrap: wrap;\n    }\n  }\n}\n\n// Responsive Auto helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    .pds-box--auto-#{$breakpoint-name} {\n      flex: 0 0 var(--sizing-min-width-box, fit-content);\n      min-width: auto;\n      width: auto;\n    }\n  }\n}\n\n// Responsive Fit helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    .pds-box--fit-#{$breakpoint-name} {\n      max-width: 100%;\n      min-width: 100%;\n      width: 100%;\n    }\n  }\n}\n\n// Responsive Gap helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $spacing-values {\n      .pds-box-gap-#{$breakpoint-name}-#{$name} {\n        gap: $value;\n      }\n    }\n  }\n}\n\n// Responsive Margin helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $spacing-values {\n      .pds-margin-block-start-#{$breakpoint-name}-#{$name} {\n        margin-block-start: $value;\n      }\n\n      .pds-margin-inline-start-#{$breakpoint-name}-#{$name} {\n        margin-inline-start: $value;\n      }\n\n      .pds-margin-inline-end-#{$breakpoint-name}-#{$name} {\n        margin-inline-end: $value;\n      }\n\n      .pds-margin-block-end-#{$breakpoint-name}-#{$name} {\n        margin-block-end: $value;\n      }\n    }\n  }\n}\n\n// Responsive Padding helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $spacing-values {\n      .pds-padding-#{$breakpoint-name}-#{$name} {\n        padding: $value;\n      }\n\n      .pds-padding-block-start-#{$breakpoint-name}-#{$name} {\n        padding-block-start: $value;\n      }\n\n      .pds-padding-block-end-#{$breakpoint-name}-#{$name} {\n        padding-block-end: $value;\n      }\n\n      .pds-padding-inline-start-#{$breakpoint-name}-#{$name} {\n        padding-inline-start: $value;\n      }\n\n      .pds-padding-inline-end-#{$breakpoint-name}-#{$name} {\n        padding-inline-end: $value;\n      }\n    }\n  }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\nimport { BoxColumnType, BoxSpacingType, BoxShadowSizeType } from '../../utils/types';\nimport { normalizeColorValue } from '../../utils/utils';\n\n@Component({\n  tag: 'pds-box',\n  styleUrl: 'pds-box.scss',\n})\nexport class PdsBox {\n  /**\n   * Defines how items within the box are aligned.\n   * @defaultValue stretch\n  */\n  @Prop() alignItems?: `start` | `center` | `end` | `baseline` | `stretch` ;\n\n  /**\n   * Defines how items within the box are aligned at the XS breakpoint.\n   * @defaultValue stretch\n  */\n  @Prop() alignItemsXs?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how items within the box are aligned at the SM breakpoint.\n   * @defaultValue stretch\n  */\n  @Prop() alignItemsSm?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how items within the box are aligned at the MD breakpoint.\n   * @defaultValue stretch\n  */\n  @Prop() alignItemsMd?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how items within the box are aligned at the LG breakpoint.\n   * @defaultValue stretch\n  */\n  @Prop() alignItemsLg?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how items within the box are aligned at the XL breakpoint.\n   * @defaultValue stretch\n  */\n  @Prop() alignItemsXl?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container.\n   * @defaultValue stretch\n  */\n  @Prop() alignSelf?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container at the XS breakpoint.\n   *\n  */\n  @Prop() alignSelfXs?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container at the SM breakpoint.\n   *\n  */\n  @Prop() alignSelfSm?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container at the MD breakpoint.\n   *\n  */\n  @Prop() alignSelfMd?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container at the LG breakpoint.\n   *\n  */\n  @Prop() alignSelfLg?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container at the XL breakpoint.\n   *\n  */\n  @Prop() alignSelfXl?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * If `true`, the box will be sized to fit its contents.\n   */\n  @Prop() auto?: boolean;\n\n  /**\n   * If `true`, the box will be sized to fit its contents at the XS breakpoint.\n   */\n  @Prop() autoXs?: boolean;\n\n  /**\n   * If `true`, the box will be sized to fit its contents at the SM breakpoint.\n   */\n  @Prop() autoSm?: boolean;\n\n  /**\n   * If `true`, the box will be sized to fit its contents at the MD breakpoint.\n   */\n  @Prop() autoMd?: boolean;\n\n  /**\n   * If `true`, the box will be sized to fit its contents at the LG breakpoint.\n   */\n  @Prop() autoLg?: boolean;\n\n  /**\n   * If `true`, the box will be sized to fit its contents at the XL breakpoint.\n   */\n  @Prop() autoXl?: boolean;\n\n  /**\n   *  Defines the background-color of the box.\n   */\n  @Prop() backgroundColor?: string;\n\n  /**\n   * If `true`, the box will have a border.\n   */\n  @Prop() border? = false;\n\n  /**\n   *  Defines the border color of the box.\n   */\n  @Prop() borderColor?: string;\n\n  /**\n   * Defines how rounded the box corners are.\n   * @defaultValue none\n   */\n  @Prop() borderRadius?: `none` | `xs`| `sm` | `md` | `lg` | `circle`;\n\n  /**\n   * Defines the orientation of the box items.\n   * @defaultValue row\n   */\n  @Prop() direction?: `row` | `column`;\n\n  /**\n   * Defines the display style of the box.\n   * @defaultValue flex\n  */\n  @Prop() display?: `flex` | `inline-flex` | `block` | `inline-block`;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%`.\n   */\n  @Prop() fit?: boolean;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%` at the XS breakpoint.\n   */\n  @Prop() fitXs?: boolean;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%` at the SM breakpoint.\n   */\n  @Prop() fitSm?: boolean;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%` at the MD breakpoint.\n   */\n  @Prop() fitMd?: boolean;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%` at the LG breakpoint.\n   */\n  @Prop() fitLg?: boolean;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%` at the XL breakpoint.\n   */\n  @Prop() fitXl?: boolean;\n\n  /**\n   * Defines the spacing between the box items.\n   * @defaultValue none\n  */\n  @Prop() gap?: BoxSpacingType;\n\n  /**\n   * Defines the spacing between the box items at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() gapXs?: BoxSpacingType;\n\n  /**\n   * Defines the spacing between the box items at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() gapSm?: BoxSpacingType;\n\n  /**\n   * Defines the spacing between the box items at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() gapMd?: BoxSpacingType;\n\n  /**\n   * Defines the spacing between the box items at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() gapLg?: BoxSpacingType;\n\n  /**\n   * Defines the spacing between the box items at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() gapXl?: BoxSpacingType;\n\n  /**\n   * Defines whether flex items are forced onto one line or can wrap onto multiple lines.\n   * @defaultValue false\n   */\n  @Prop() wrap?: boolean;\n\n  /**\n   * Defines whether flex items can wrap onto multiple lines at the XS breakpoint.\n   * @defaultValue false\n   */\n  @Prop() wrapXs?: boolean;\n\n  /**\n   * Defines whether flex items can wrap onto multiple lines at the SM breakpoint.\n   * @defaultValue false\n   */\n  @Prop() wrapSm?: boolean;\n\n  /**\n   * Defines whether flex items can wrap onto multiple lines at the MD breakpoint.\n   * @defaultValue false\n   */\n  @Prop() wrapMd?: boolean;\n\n  /**\n   * Defines whether flex items can wrap onto multiple lines at the LG breakpoint.\n   * @defaultValue false\n   */\n  @Prop() wrapLg?: boolean;\n\n  /**\n   * Defines whether flex items can wrap onto multiple lines at the XL breakpoint.\n   * @defaultValue false\n   */\n  @Prop() wrapXl?: boolean;\n\n  /**\n   * Defines how a box will grow or shrink to fit the space available in its container.\n   * Can be a predefined value ('none', 'grow', 'shrink') or a custom flex value (e.g., '1', '0 1 auto').\n   * @defaultValue none\n   */\n  @Prop() flex?: `none` | `grow` | `shrink` | string;\n\n  /**\n   * Defines the horizontal alignment of the box items.\n   * @defaultValue start\n  */\n  @Prop() justifyContent?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the horizontal alignment of the box items at the XS breakpoint.\n   * @defaultValue start\n  */\n  @Prop() justifyContentXs?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the horizontal alignment of the box items at the SM breakpoint.\n   * @defaultValue start\n  */\n  @Prop() justifyContentSm?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the horizontal alignment of the box items at the MD breakpoint.\n   * @defaultValue start\n  */\n  @Prop() justifyContentMd?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the horizontal alignment of the box items at the LG breakpoint.\n   * @defaultValue start\n  */\n  @Prop() justifyContentLg?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the horizontal alignment of the box items at the XL breakpoint.\n   * @defaultValue start\n  */\n  @Prop() justifyContentXl?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the box's outer top spacing.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStart?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer top spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStartXs?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer top spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStartSm?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer top spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStartMd?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer top spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStartLg?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer top spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStartXl?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer left spacing.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStart?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer left spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStartXs?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer left spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStartSm?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer left spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStartMd?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer left spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStartLg?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer left spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStartXl?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer right spacing.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEnd?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer right spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEndXs?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer right spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEndSm?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer right spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEndMd?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer right spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEndLg?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer right spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEndXl?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer bottom spacing.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEnd?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer bottom spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEndXs?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer bottom spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEndSm?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer bottom spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEndMd?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer bottom spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEndLg?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer bottom spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEndXl?: BoxSpacingType;\n\n  /**\n   * The minimum height of the row. Used in conjunction with alignment props\n   */\n  @Prop({ reflect: true }) minHeight?: string;\n\n  /**\n   * The minimum width of the row. Used in conjunction with alignment props\n   */\n  @Prop({ reflect: true }) minWidth?: string;\n\n  /**\n   * Move columns to the end direction of the row for all screen sizes. Increases the starting margin of a column by specified number of columns.\n   */\n  @Prop() offset?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `XS` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetXs?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `SM` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetSm?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `MD` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetMd?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `LG` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetLg?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `XL` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetXl?: BoxColumnType;\n\n  /**\n   * Defines the spacing between the box items.\n   * @defaultValue none\n  */\n  @Prop() padding?: BoxSpacingType;\n\n  /**\n   * Defines the spacing between the box items at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingXs?: BoxSpacingType;\n\n  /**\n   * Defines the spacing between the box items at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingSm?: BoxSpacingType;\n\n  /**\n   * Defines the spacing between the box items at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingMd?: BoxSpacingType;\n\n  /**\n   * Defines the spacing between the box items at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingLg?: BoxSpacingType;\n\n  /**\n   * Defines the spacing between the box items at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingXl?: BoxSpacingType;\n\n\n  /**\n   * Defines the top spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStart?: BoxSpacingType;\n\n  /**\n   * Defines the top spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStartXs?: BoxSpacingType;\n\n  /**\n   * Defines the top spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStartSm?: BoxSpacingType;\n\n  /**\n   * Defines the top spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStartMd?: BoxSpacingType;\n\n  /**\n   * Defines the top spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStartLg?: BoxSpacingType;\n\n  /**\n   * Defines the top spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStartXl?: BoxSpacingType;\n\n  /**\n   * Defines the bottom spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEnd?: BoxSpacingType;\n\n  /**\n   * Defines the bottom spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEndXs?: BoxSpacingType;\n\n  /**\n   * Defines the bottom spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEndSm?: BoxSpacingType;\n\n  /**\n   * Defines the bottom spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEndMd?: BoxSpacingType;\n\n  /**\n   * Defines the bottom spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEndLg?: BoxSpacingType;\n\n  /**\n   * Defines the bottom spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEndXl?: BoxSpacingType;\n\n  /**\n   * Defines the left spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStart?: BoxSpacingType;\n\n  /**\n   * Defines the left spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStartXs?: BoxSpacingType;\n\n  /**\n   * Defines the left spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStartSm?: BoxSpacingType;\n\n  /**\n   * Defines the left spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStartMd?: BoxSpacingType;\n\n  /**\n   * Defines the left spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStartLg?: BoxSpacingType;\n\n  /**\n   * Defines the left spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStartXl?: BoxSpacingType;\n\n  /**\n   * Defines the right spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEnd?: BoxSpacingType;\n\n  /**\n   * Defines the right spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEndXs?: BoxSpacingType;\n\n  /**\n   * Defines the right spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEndSm?: BoxSpacingType;\n\n  /**\n   * Defines the right spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEndMd?: BoxSpacingType;\n\n  /**\n   * Defines the right spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEndLg?: BoxSpacingType;\n\n  /**\n   * Defines the right spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEndXl?: BoxSpacingType;\n\n  /**\n   * Defines the box shadow.\n   * @defaultValue none\n  */\n  @Prop() shadow?: BoxShadowSizeType;\n\n  /**\n   * Sets the default column width for the component. This value applies from the smallest screen size (XS) upwards, unless overridden by a breakpoint-specific size prop at that breakpoint or larger.\n   */\n  @Prop() size?: BoxColumnType;\n\n  /**\n   * At the XS breakpoint, this prop will take the number of columns specified. This overrides the base size prop for this specific range.\n   */\n  @Prop() sizeXs?: BoxColumnType;\n\n  /**\n   * At screen sizes from the SM breakpoint and larger (576px and up), this will take the specified number of columns. This overrides any value set by size or sizeXs.\n   */\n  @Prop() sizeSm?: BoxColumnType;\n\n  /**\n   * At screen sizes from the MD breakpoint and larger (768px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.\n   */\n  @Prop() sizeMd?: BoxColumnType;\n\n  /**\n   * At screen sizes from the LG breakpoint and larger (992px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.\n   */\n  @Prop() sizeLg?: BoxColumnType;\n\n  /**\n   * At screen sizes from the XL breakpoint and larger (1200px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.\n   */\n  @Prop() sizeXl?: BoxColumnType;\n\n\n\n  render() {\n    const boxClasses = `\n    ${this.alignItems !== undefined && this.alignItems.trim() !== '' ? `pds-align-items-${this.alignItems}` : ''}\n    ${this.alignItemsXs !== undefined && this.alignItemsXs.trim() !== '' ? `pds-align-items-xs-${this.alignItemsXs}` : ''}\n    ${this.alignItemsSm !== undefined && this.alignItemsSm.trim() !== '' ? `pds-align-items-sm-${this.alignItemsSm}` : ''}\n    ${this.alignItemsMd !== undefined && this.alignItemsMd.trim() !== '' ? `pds-align-items-md-${this.alignItemsMd}` : ''}\n    ${this.alignItemsLg !== undefined && this.alignItemsLg.trim() !== '' ? `pds-align-items-lg-${this.alignItemsLg}` : ''}\n    ${this.alignItemsXl !== undefined && this.alignItemsXl.trim() !== '' ? `pds-align-items-xl-${this.alignItemsXl}` : ''}\n    ${this.alignSelf !== undefined && this.alignSelf.trim() !== '' ? `pds-align-self-${this.alignSelf}` : ''}\n    ${this.alignSelfXs !== undefined && this.alignSelfXs.trim() !== '' ? `pds-align-self-xs-${this.alignSelfXs}` : ''}\n    ${this.alignSelfSm !== undefined && this.alignSelfSm.trim() !== '' ? `pds-align-self-sm-${this.alignSelfSm}` : ''}\n    ${this.alignSelfMd !== undefined && this.alignSelfMd.trim() !== '' ? `pds-align-self-md-${this.alignSelfMd}` : ''}\n    ${this.alignSelfLg !== undefined && this.alignSelfLg.trim() !== '' ? `pds-align-self-lg-${this.alignSelfLg}` : ''}\n    ${this.alignSelfXl !== undefined && this.alignSelfXl.trim() !== '' ? `pds-align-self-xl-${this.alignSelfXl}` : ''}\n    ${this.auto ? 'pds-box--auto' : ''}\n    ${this.autoXs ? 'pds-box--auto-xs' : ''}\n    ${this.autoSm ? 'pds-box--auto-sm' : ''}\n    ${this.autoMd ? 'pds-box--auto-md' : ''}\n    ${this.autoLg ? 'pds-box--auto-lg' : ''}\n    ${this.autoXl ? 'pds-box--auto-xl' : ''}\n    ${this.border ? 'pds-box--border' : ''}\n    ${this.borderRadius !== undefined && this.borderRadius.trim() !== '' ? `pds-border-radius-${this.borderRadius}` : ''}\n    ${this.direction !== undefined && this.direction.trim() !== '' ? `pds-box-direction-${this.direction}` : ''}\n    ${this.display !== undefined && this.display.trim() !== '' ? `pds-box--display-${this.display}` : ''}\n    ${this.fit ? 'pds-box--fit' : ''}\n    ${this.fitXs ? 'pds-box--fit-xs' : ''}\n    ${this.fitSm ? 'pds-box--fit-sm' : ''}\n    ${this.fitMd ? 'pds-box--fit-md' : ''}\n    ${this.fitLg ? 'pds-box--fit-lg' : ''}\n    ${this.fitXl ? 'pds-box--fit-xl' : ''}\n    ${this.gap !== undefined && this.gap.trim() !== '' ? `pds-box-gap-${this.gap}` : ''}\n    ${this.gapXs !== undefined && this.gapXs.trim() !== '' ? `pds-box-gap-xs-${this.gapXs}` : ''}\n    ${this.gapSm !== undefined && this.gapSm.trim() !== '' ? `pds-box-gap-sm-${this.gapSm}` : ''}\n    ${this.gapMd !== undefined && this.gapMd.trim() !== '' ? `pds-box-gap-md-${this.gapMd}` : ''}\n    ${this.gapLg !== undefined && this.gapLg.trim() !== '' ? `pds-box-gap-lg-${this.gapLg}` : ''}\n    ${this.gapXl !== undefined && this.gapXl.trim() !== '' ? `pds-box-gap-xl-${this.gapXl}` : ''}\n    ${this.wrap ? 'pds-box--wrap' : ''}\n    ${this.wrapXs ? 'pds-box--wrap-xs' : ''}\n    ${this.wrapSm ? 'pds-box--wrap-sm' : ''}\n    ${this.wrapMd ? 'pds-box--wrap-md' : ''}\n    ${this.wrapLg ? 'pds-box--wrap-lg' : ''}\n    ${this.wrapXl ? 'pds-box--wrap-xl' : ''}\n    ${this.flex !== undefined && this.flex.trim() !== '' && ['none', 'grow', 'shrink'].includes(this.flex) ? `pds-box--flex-${this.flex}` : ''}\n    ${this.justifyContent !== undefined && this.justifyContent.trim() !== '' ? `pds-justify-content-${this.justifyContent}` : ''}\n    ${this.justifyContentXs !== undefined && this.justifyContentXs.trim() !== '' ? `pds-justify-content-xs-${this.justifyContentXs}` : ''}\n    ${this.justifyContentSm !== undefined && this.justifyContentSm.trim() !== '' ? `pds-justify-content-sm-${this.justifyContentSm}` : ''}\n    ${this.justifyContentMd !== undefined && this.justifyContentMd.trim() !== '' ? `pds-justify-content-md-${this.justifyContentMd}` : ''}\n    ${this.justifyContentLg !== undefined && this.justifyContentLg.trim() !== '' ? `pds-justify-content-lg-${this.justifyContentLg}` : ''}\n    ${this.justifyContentXl !== undefined && this.justifyContentXl.trim() !== '' ? `pds-justify-content-xl-${this.justifyContentXl}` : ''}\n    ${this.marginBlockStart !== undefined && this.marginBlockStart.trim() !== '' ? `pds-margin-block-start-${this.marginBlockStart}` : ''}\n    ${this.marginBlockStartXs !== undefined && this.marginBlockStartXs.trim() !== '' ? `pds-margin-block-start-xs-${this.marginBlockStartXs}` : ''}\n    ${this.marginBlockStartSm !== undefined && this.marginBlockStartSm.trim() !== '' ? `pds-margin-block-start-sm-${this.marginBlockStartSm}` : ''}\n    ${this.marginBlockStartMd !== undefined && this.marginBlockStartMd.trim() !== '' ? `pds-margin-block-start-md-${this.marginBlockStartMd}` : ''}\n    ${this.marginBlockStartLg !== undefined && this.marginBlockStartLg.trim() !== '' ? `pds-margin-block-start-lg-${this.marginBlockStartLg}` : ''}\n    ${this.marginBlockStartXl !== undefined && this.marginBlockStartXl.trim() !== '' ? `pds-margin-block-start-xl-${this.marginBlockStartXl}` : ''}\n    ${this.marginInlineStart !== undefined && this.marginInlineStart.trim() !== '' ? `pds-margin-inline-start-${this.marginInlineStart}` : ''}\n    ${this.marginInlineStartXs !== undefined && this.marginInlineStartXs.trim() !== '' ? `pds-margin-inline-start-xs-${this.marginInlineStartXs}` : ''}\n    ${this.marginInlineStartSm !== undefined && this.marginInlineStartSm.trim() !== '' ? `pds-margin-inline-start-sm-${this.marginInlineStartSm}` : ''}\n    ${this.marginInlineStartMd !== undefined && this.marginInlineStartMd.trim() !== '' ? `pds-margin-inline-start-md-${this.marginInlineStartMd}` : ''}\n    ${this.marginInlineStartLg !== undefined && this.marginInlineStartLg.trim() !== '' ? `pds-margin-inline-start-lg-${this.marginInlineStartLg}` : ''}\n    ${this.marginInlineStartXl !== undefined && this.marginInlineStartXl.trim() !== '' ? `pds-margin-inline-start-xl-${this.marginInlineStartXl}` : ''}\n    ${this.marginInlineEnd !== undefined && this.marginInlineEnd.trim() !== '' ? `pds-margin-inline-end-${this.marginInlineEnd}` : ''}\n    ${this.marginInlineEndXs !== undefined && this.marginInlineEndXs.trim() !== '' ? `pds-margin-inline-end-xs-${this.marginInlineEndXs}` : ''}\n    ${this.marginInlineEndSm !== undefined && this.marginInlineEndSm.trim() !== '' ? `pds-margin-inline-end-sm-${this.marginInlineEndSm}` : ''}\n    ${this.marginInlineEndMd !== undefined && this.marginInlineEndMd.trim() !== '' ? `pds-margin-inline-end-md-${this.marginInlineEndMd}` : ''}\n    ${this.marginInlineEndLg !== undefined && this.marginInlineEndLg.trim() !== '' ? `pds-margin-inline-end-lg-${this.marginInlineEndLg}` : ''}\n    ${this.marginInlineEndXl !== undefined && this.marginInlineEndXl.trim() !== '' ? `pds-margin-inline-end-xl-${this.marginInlineEndXl}` : ''}\n    ${this.marginBlockEnd !== undefined && this.marginBlockEnd.trim() !== '' ? `pds-margin-block-end-${this.marginBlockEnd}` : ''}\n    ${this.marginBlockEndXs !== undefined && this.marginBlockEndXs.trim() !== '' ? `pds-margin-block-end-xs-${this.marginBlockEndXs}` : ''}\n    ${this.marginBlockEndSm !== undefined && this.marginBlockEndSm.trim() !== '' ? `pds-margin-block-end-sm-${this.marginBlockEndSm}` : ''}\n    ${this.marginBlockEndMd !== undefined && this.marginBlockEndMd.trim() !== '' ? `pds-margin-block-end-md-${this.marginBlockEndMd}` : ''}\n    ${this.marginBlockEndLg !== undefined && this.marginBlockEndLg.trim() !== '' ? `pds-margin-block-end-lg-${this.marginBlockEndLg}` : ''}\n    ${this.marginBlockEndXl !== undefined && this.marginBlockEndXl.trim() !== '' ? `pds-margin-block-end-xl-${this.marginBlockEndXl}` : ''}\n    ${this.offset !== undefined && this.offset.trim() !== '' ? `pds-box-offset-${this.offset}` : ''}\n    ${this.offsetXs !== undefined && this.offsetXs.trim() !== '' ? `pds-box-offset-xs-${this.offsetXs}` : ''}\n    ${this.offsetSm !== undefined && this.offsetSm.trim() !== '' ? `pds-box-offset-sm-${this.offsetSm}` : ''}\n    ${this.offsetMd !== undefined && this.offsetMd.trim() !== '' ? `pds-box-offset-md-${this.offsetMd}` : ''}\n    ${this.offsetLg !== undefined && this.offsetLg.trim() !== '' ? `pds-box-offset-lg-${this.offsetLg}` : ''}\n    ${this.offsetXl !== undefined && this.offsetXl.trim() !== '' ? `pds-box-offset-xl-${this.offsetXl}` : ''}\n    ${this.padding !== undefined && this.padding.trim() !== '' ? `pds-padding-${this.padding}` : ''}\n    ${this.paddingXs !== undefined && this.paddingXs.trim() !== '' ? `pds-padding-xs-${this.paddingXs}` : ''}\n    ${this.paddingSm !== undefined && this.paddingSm.trim() !== '' ? `pds-padding-sm-${this.paddingSm}` : ''}\n    ${this.paddingMd !== undefined && this.paddingMd.trim() !== '' ? `pds-padding-md-${this.paddingMd}` : ''}\n    ${this.paddingLg !== undefined && this.paddingLg.trim() !== '' ? `pds-padding-lg-${this.paddingLg}` : ''}\n    ${this.paddingXl !== undefined && this.paddingXl.trim() !== '' ? `pds-padding-xl-${this.paddingXl}` : ''}\n    ${this.paddingBlockStart !== undefined && this.paddingBlockStart.trim() !== '' ? `pds-padding-block-start-${this.paddingBlockStart}` : ''}\n    ${this.paddingBlockStartXs !== undefined && this.paddingBlockStartXs.trim() !== '' ? `pds-padding-block-start-xs-${this.paddingBlockStartXs}` : ''}\n    ${this.paddingBlockStartSm !== undefined && this.paddingBlockStartSm.trim() !== '' ? `pds-padding-block-start-sm-${this.paddingBlockStartSm}` : ''}\n    ${this.paddingBlockStartMd !== undefined && this.paddingBlockStartMd.trim() !== '' ? `pds-padding-block-start-md-${this.paddingBlockStartMd}` : ''}\n    ${this.paddingBlockStartLg !== undefined && this.paddingBlockStartLg.trim() !== '' ? `pds-padding-block-start-lg-${this.paddingBlockStartLg}` : ''}\n    ${this.paddingBlockStartXl !== undefined && this.paddingBlockStartXl.trim() !== '' ? `pds-padding-block-start-xl-${this.paddingBlockStartXl}` : ''}\n    ${this.paddingBlockEnd !== undefined && this.paddingBlockEnd.trim() !== '' ? `pds-padding-block-end-${this.paddingBlockEnd}` : ''}\n    ${this.paddingBlockEndXs !== undefined && this.paddingBlockEndXs.trim() !== '' ? `pds-padding-block-end-xs-${this.paddingBlockEndXs}` : ''}\n    ${this.paddingBlockEndSm !== undefined && this.paddingBlockEndSm.trim() !== '' ? `pds-padding-block-end-sm-${this.paddingBlockEndSm}` : ''}\n    ${this.paddingBlockEndMd !== undefined && this.paddingBlockEndMd.trim() !== '' ? `pds-padding-block-end-md-${this.paddingBlockEndMd}` : ''}\n    ${this.paddingBlockEndLg !== undefined && this.paddingBlockEndLg.trim() !== '' ? `pds-padding-block-end-lg-${this.paddingBlockEndLg}` : ''}\n    ${this.paddingBlockEndXl !== undefined && this.paddingBlockEndXl.trim() !== '' ? `pds-padding-block-end-xl-${this.paddingBlockEndXl}` : ''}\n    ${this.paddingInlineStart !== undefined && this.paddingInlineStart.trim() !== '' ? `pds-padding-inline-start-${this.paddingInlineStart}` : ''}\n    ${this.paddingInlineStartXs !== undefined && this.paddingInlineStartXs.trim() !== '' ? `pds-padding-inline-start-xs-${this.paddingInlineStartXs}` : ''}\n    ${this.paddingInlineStartSm !== undefined && this.paddingInlineStartSm.trim() !== '' ? `pds-padding-inline-start-sm-${this.paddingInlineStartSm}` : ''}\n    ${this.paddingInlineStartMd !== undefined && this.paddingInlineStartMd.trim() !== '' ? `pds-padding-inline-start-md-${this.paddingInlineStartMd}` : ''}\n    ${this.paddingInlineStartLg !== undefined && this.paddingInlineStartLg.trim() !== '' ? `pds-padding-inline-start-lg-${this.paddingInlineStartLg}` : ''}\n    ${this.paddingInlineStartXl !== undefined && this.paddingInlineStartXl.trim() !== '' ? `pds-padding-inline-start-xl-${this.paddingInlineStartXl}` : ''}\n    ${this.paddingInlineEnd !== undefined && this.paddingInlineEnd.trim() !== '' ? `pds-padding-inline-end-${this.paddingInlineEnd}` : ''}\n    ${this.paddingInlineEndXs !== undefined && this.paddingInlineEndXs.trim() !== '' ? `pds-padding-inline-end-xs-${this.paddingInlineEndXs}` : ''}\n    ${this.paddingInlineEndSm !== undefined && this.paddingInlineEndSm.trim() !== '' ? `pds-padding-inline-end-sm-${this.paddingInlineEndSm}` : ''}\n    ${this.paddingInlineEndMd !== undefined && this.paddingInlineEndMd.trim() !== '' ? `pds-padding-inline-end-md-${this.paddingInlineEndMd}` : ''}\n    ${this.paddingInlineEndLg !== undefined && this.paddingInlineEndLg.trim() !== '' ? `pds-padding-inline-end-lg-${this.paddingInlineEndLg}` : ''}\n    ${this.paddingInlineEndXl !== undefined && this.paddingInlineEndXl.trim() !== '' ? `pds-padding-inline-end-xl-${this.paddingInlineEndXl}` : ''}\n    ${this.shadow !== undefined && this.shadow.trim() !== '' ? `pds-shadow-${this.shadow}` : ''}\n    ${this.size !== undefined && this.size.trim() !== '' ? `pds-box pds-box-${this.size}` : ''}\n    ${this.sizeXs !== undefined && this.sizeXs.trim() !== '' ? `pds-box-xs-${this.sizeXs}` : ''}\n    ${this.sizeSm !== undefined && this.sizeSm.trim() !== '' ? `pds-box-sm-${this.sizeSm}` : ''}\n    ${this.sizeMd !== undefined && this.sizeMd.trim() !== '' ? `pds-box-md-${this.sizeMd}` : ''}\n    ${this.sizeLg !== undefined && this.sizeLg.trim() !== '' ? `pds-box-lg-${this.sizeLg}` : ''}\n    ${this.sizeXl !== undefined && this.sizeXl.trim() !== '' ? `pds-box-xl-${this.sizeXl}` : ''}\n    ${this.size == undefined &&\n      this.sizeSm == undefined &&\n      this.sizeMd == undefined &&\n      this.sizeLg == undefined &&\n      this.sizeXl == undefined ? 'pds-box' : ''}\n    `;\n\n    // Normalize so pds-box accepts --token, var(--token), or literals (no semantic names)\n    const normalizedBackground = normalizeColorValue(this.backgroundColor);\n    const normalizedBorder = normalizeColorValue(this.borderColor);\n\n    const boxInlineStyles = {\n      ...(normalizedBackground && { '--color-background-box': normalizedBackground }),\n      ...(normalizedBorder && { '--color-border-box': normalizedBorder }),\n      ...(this.minHeight && { '--sizing-min-height-box': this.minHeight }),\n      ...(this.minWidth && { '--sizing-min-width-box': this.minWidth }),\n      ...(this.flex && !['none', 'grow', 'shrink'].includes(this.flex) && { 'flex': this.flex }),\n    };\n\n    return (\n      <Host class={boxClasses} style={boxInlineStyles}>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;MAAA,MAAM,SAAS,GAAG,qt/LAAqt/L;;YCS1t/L,MAAM,sBAAA,MAAA;MAJnB,IAAA,WAAA,CAAA,OAAA,EAAA;;MAgHE;;MAEG;MACK,QAAA,IAAM,CAAA,MAAA,GAAI,KAAK;MAysBxB;UA5IC,MAAM,GAAA;MACJ,QAAA,MAAM,UAAU,GAAG;MACjB,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,gBAAA,EAAmB,IAAI,CAAC,UAAU,CAAE,CAAA,GAAG,EAAE;MAC1G,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,mBAAA,EAAsB,IAAI,CAAC,YAAY,CAAE,CAAA,GAAG,EAAE;MACnH,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,mBAAA,EAAsB,IAAI,CAAC,YAAY,CAAE,CAAA,GAAG,EAAE;MACnH,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,mBAAA,EAAsB,IAAI,CAAC,YAAY,CAAE,CAAA,GAAG,EAAE;MACnH,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,mBAAA,EAAsB,IAAI,CAAC,YAAY,CAAE,CAAA,GAAG,EAAE;MACnH,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,mBAAA,EAAsB,IAAI,CAAC,YAAY,CAAE,CAAA,GAAG,EAAE;MACnH,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,WAAW,CAAE,CAAA,GAAG,EAAE;MAC/G,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,WAAW,CAAE,CAAA,GAAG,EAAE;MAC/G,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,WAAW,CAAE,CAAA,GAAG,EAAE;MAC/G,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,WAAW,CAAE,CAAA,GAAG,EAAE;MAC/G,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,WAAW,CAAE,CAAA,GAAG,EAAE;MAC/G,IAAI,CAAC,IAAI,GAAG,eAAe,GAAG,EAAE;MAChC,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE;MACrC,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE;MACrC,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE;MACrC,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE;MACrC,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE;MACrC,IAAI,CAAC,MAAM,GAAG,iBAAiB,GAAG,EAAE;MACpC,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,YAAY,CAAE,CAAA,GAAG,EAAE;MAClH,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,EAAE;MACzG,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,iBAAA,EAAoB,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,EAAE;MAClG,IAAI,CAAC,GAAG,GAAG,cAAc,GAAG,EAAE;MAC9B,IAAI,CAAC,KAAK,GAAG,iBAAiB,GAAG,EAAE;MACnC,IAAI,CAAC,KAAK,GAAG,iBAAiB,GAAG,EAAE;MACnC,IAAI,CAAC,KAAK,GAAG,iBAAiB,GAAG,EAAE;MACnC,IAAI,CAAC,KAAK,GAAG,iBAAiB,GAAG,EAAE;MACnC,IAAI,CAAC,KAAK,GAAG,iBAAiB,GAAG,EAAE;MACnC,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,YAAA,EAAe,IAAI,CAAC,GAAG,CAAE,CAAA,GAAG,EAAE;MACjF,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,EAAE;MAC1F,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,EAAE;MAC1F,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,EAAE;MAC1F,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,EAAE;MAC1F,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,EAAE;MAC1F,IAAI,CAAC,IAAI,GAAG,eAAe,GAAG,EAAE;MAChC,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE;MACrC,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE;MACrC,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE;MACrC,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE;MACrC,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE;AACrC,IAAA,EAAA,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAA,cAAA,EAAiB,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;MACxI,IAAI,CAAC,cAAc,KAAK,SAAS,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,oBAAA,EAAuB,IAAI,CAAC,cAAc,CAAE,CAAA,GAAG,EAAE;MAC1H,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,uBAAA,EAA0B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACnI,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,uBAAA,EAA0B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACnI,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,uBAAA,EAA0B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACnI,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,uBAAA,EAA0B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACnI,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,uBAAA,EAA0B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACnI,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,uBAAA,EAA0B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACnI,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,0BAAA,EAA6B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC5I,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,0BAAA,EAA6B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC5I,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,0BAAA,EAA6B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC5I,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,0BAAA,EAA6B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC5I,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,0BAAA,EAA6B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC5I,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,wBAAA,EAA2B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACvI,IAAI,CAAC,mBAAmB,KAAK,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,2BAAA,EAA8B,IAAI,CAAC,mBAAmB,CAAE,CAAA,GAAG,EAAE;MAChJ,IAAI,CAAC,mBAAmB,KAAK,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,2BAAA,EAA8B,IAAI,CAAC,mBAAmB,CAAE,CAAA,GAAG,EAAE;MAChJ,IAAI,CAAC,mBAAmB,KAAK,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,2BAAA,EAA8B,IAAI,CAAC,mBAAmB,CAAE,CAAA,GAAG,EAAE;MAChJ,IAAI,CAAC,mBAAmB,KAAK,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,2BAAA,EAA8B,IAAI,CAAC,mBAAmB,CAAE,CAAA,GAAG,EAAE;MAChJ,IAAI,CAAC,mBAAmB,KAAK,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,2BAAA,EAA8B,IAAI,CAAC,mBAAmB,CAAE,CAAA,GAAG,EAAE;MAChJ,IAAI,CAAC,eAAe,KAAK,SAAS,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,sBAAA,EAAyB,IAAI,CAAC,eAAe,CAAE,CAAA,GAAG,EAAE;MAC/H,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACxI,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACxI,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACxI,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACxI,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACxI,IAAI,CAAC,cAAc,KAAK,SAAS,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,qBAAA,EAAwB,IAAI,CAAC,cAAc,CAAE,CAAA,GAAG,EAAE;MAC3H,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,wBAAA,EAA2B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACpI,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,wBAAA,EAA2B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACpI,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,wBAAA,EAA2B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACpI,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,wBAAA,EAA2B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACpI,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,wBAAA,EAA2B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACpI,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,MAAM,CAAE,CAAA,GAAG,EAAE;MAC7F,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,YAAA,EAAe,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,EAAE;MAC7F,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,wBAAA,EAA2B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACvI,IAAI,CAAC,mBAAmB,KAAK,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,2BAAA,EAA8B,IAAI,CAAC,mBAAmB,CAAE,CAAA,GAAG,EAAE;MAChJ,IAAI,CAAC,mBAAmB,KAAK,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,2BAAA,EAA8B,IAAI,CAAC,mBAAmB,CAAE,CAAA,GAAG,EAAE;MAChJ,IAAI,CAAC,mBAAmB,KAAK,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,2BAAA,EAA8B,IAAI,CAAC,mBAAmB,CAAE,CAAA,GAAG,EAAE;MAChJ,IAAI,CAAC,mBAAmB,KAAK,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,2BAAA,EAA8B,IAAI,CAAC,mBAAmB,CAAE,CAAA,GAAG,EAAE;MAChJ,IAAI,CAAC,mBAAmB,KAAK,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,2BAAA,EAA8B,IAAI,CAAC,mBAAmB,CAAE,CAAA,GAAG,EAAE;MAChJ,IAAI,CAAC,eAAe,KAAK,SAAS,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,sBAAA,EAAyB,IAAI,CAAC,eAAe,CAAE,CAAA,GAAG,EAAE;MAC/H,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACxI,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACxI,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACxI,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACxI,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACxI,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC3I,IAAI,CAAC,oBAAoB,KAAK,SAAS,IAAI,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,4BAAA,EAA+B,IAAI,CAAC,oBAAoB,CAAE,CAAA,GAAG,EAAE;MACpJ,IAAI,CAAC,oBAAoB,KAAK,SAAS,IAAI,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,4BAAA,EAA+B,IAAI,CAAC,oBAAoB,CAAE,CAAA,GAAG,EAAE;MACpJ,IAAI,CAAC,oBAAoB,KAAK,SAAS,IAAI,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,4BAAA,EAA+B,IAAI,CAAC,oBAAoB,CAAE,CAAA,GAAG,EAAE;MACpJ,IAAI,CAAC,oBAAoB,KAAK,SAAS,IAAI,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,4BAAA,EAA+B,IAAI,CAAC,oBAAoB,CAAE,CAAA,GAAG,EAAE;MACpJ,IAAI,CAAC,oBAAoB,KAAK,SAAS,IAAI,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,4BAAA,EAA+B,IAAI,CAAC,oBAAoB,CAAE,CAAA,GAAG,EAAE;MACpJ,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,uBAAA,EAA0B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACnI,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,0BAAA,EAA6B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC5I,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,0BAAA,EAA6B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC5I,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,0BAAA,EAA6B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC5I,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,0BAAA,EAA6B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC5I,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,0BAAA,EAA6B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC5I,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,WAAA,EAAc,IAAI,CAAC,MAAM,CAAE,CAAA,GAAG,EAAE;MACzF,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,gBAAA,EAAmB,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,EAAE;MACxF,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,WAAA,EAAc,IAAI,CAAC,MAAM,CAAE,CAAA,GAAG,EAAE;MACzF,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,WAAA,EAAc,IAAI,CAAC,MAAM,CAAE,CAAA,GAAG,EAAE;MACzF,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,WAAA,EAAc,IAAI,CAAC,MAAM,CAAE,CAAA,GAAG,EAAE;MACzF,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,WAAA,EAAc,IAAI,CAAC,MAAM,CAAE,CAAA,GAAG,EAAE;MACzF,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,WAAA,EAAc,IAAI,CAAC,MAAM,CAAE,CAAA,GAAG,EAAE;MACzF,IAAI,CAAC,IAAI,IAAI,SAAS;YACtB,IAAI,CAAC,MAAM,IAAI,SAAS;YACxB,IAAI,CAAC,MAAM,IAAI,SAAS;YACxB,IAAI,CAAC,MAAM,IAAI,SAAS;YACxB,IAAI,CAAC,MAAM,IAAI,SAAS,GAAG,SAAS,GAAG,EAAE;KAC1C;;cAGD,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,IAAI,CAAC,eAAe,CAAC;cACtE,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;cAE9D,MAAM,eAAe,GAChB,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAC,oBAAoB,IAAI,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,EAC3E,GAAC,gBAAgB,IAAI,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,KAC9D,IAAI,CAAC,SAAS,IAAI,EAAE,yBAAyB,EAAE,IAAI,CAAC,SAAS,EAAE,EAChE,GAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,wBAAwB,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAC,GAC7D,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,EAC1F;cAED,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,eAAe,EAAA,CACxC;;;;;;;;;;;"}
+{"version":3,"file":"p-BjaDq65J.system.js","sources":["src/components/pds-box/pds-box.scss?tag=pds-box","src/components/pds-box/pds-box.tsx"],"sourcesContent":["@use './pds-box.mixins' as *;\n\npds-box {\n  --border-width-default: var(--pine-border-width-thin);\n  --color-background-box: inherit;\n  --color-border-box: inherit;\n\n  display: block;\n}\n\n[class*='pds-box'] {\n  background-color: var(--color-background-box);\n  box-sizing: border-box;\n  display: inline-flex;\n\n  &[min-height] {\n    min-height: var(--sizing-min-height-box);\n  }\n\n  &[min-width] {\n    min-width: var(--sizing-min-width-box);\n  }\n\n  // The immediate child of the row will fit the width of the row\n  .pds-row > & {\n    position: relative;\n    width: 100%;\n\n    &.pds-box--auto {\n      width: auto;\n    }\n  }\n}\n\n// Spacing mixin\n$pine-spacing-tokens: (\n  xxs: 4px,\n  xs: 8px,\n  sm: 16px,\n  md: 24px,\n  lg: 36px,\n  xl: 48px,\n  xxl: 64px,\n);\n\n// Generate spacing classes\n@include generate-spacing-classes(false, $pine-spacing-tokens);\n@include generate-spacing-classes('top', $pine-spacing-tokens);\n@include generate-spacing-classes('right', $pine-spacing-tokens);\n@include generate-spacing-classes('left', $pine-spacing-tokens);\n@include generate-spacing-classes('bottom', $pine-spacing-tokens);\n\n// Base offset classes\n@include generate-column-offsets(false, 12);\n\n// Responsive offset classes\n@media (max-width: 575px) {\n  @include generate-column-offsets('xs', 12);\n}\n\n@media (min-width: 576px) {\n  @include generate-column-offsets('sm', 12);\n}\n\n@media (min-width: 768px) {\n  @include generate-column-offsets('md', 12);\n}\n\n@media (min-width: 992px) {\n  @include generate-column-offsets('lg', 12);\n}\n\n@media (min-width: 1200px) {\n  @include generate-column-offsets('xl', 12);\n}\n\n\n// Base column width classes\n@include generate-columns(false, 12);\n\n// Responsive column width classes\n@media (max-width: 575px) {\n  @include generate-columns('xs', 12);\n}\n\n@media (min-width: 576px) {\n  @include generate-columns('sm', 12);\n}\n\n@media (min-width: 768px) {\n  @include generate-columns('md', 12);\n}\n\n@media (min-width: 992px) {\n  @include generate-columns('lg', 12);\n}\n\n@media (min-width: 1200px) {\n  @include generate-columns('xl', 12);\n}\n\n.pds-box {\n  flex-basis: 0;\n  flex-grow: 1;\n}\n\n.pds-row > .pds-box[class*='pds-box-'] {\n  flex-basis: auto;\n}\n\n.pds-box--auto {\n  flex: 0 0 var(--sizing-min-width-box, fit-content);\n  min-width: auto;\n  width: auto;\n}\n\n.pds-box--fit {\n  max-width: 100%;\n  min-width: 100%;\n  width: 100%;\n}\n\n.pds-box--border {\n  border-color: var(--color-border-box, var(--pine-color-border));\n  border-style: solid;\n  border-width: var(--border-width-default);\n}\n\n// Display helpers\n.pds-box--display-flex {\n  display: flex;\n}\n\n.pds-box--display-inline-flex {\n  display: inline-flex;\n}\n\n.pds-box--display-block {\n  display: block;\n}\n\n.pds-box--display-inline-block {\n  display: inline-block;\n}\n\n// Flex helpers\n.pds-box--flex-none {\n  flex: 0 0 auto;\n}\n\n.pds-box--flex-grow {\n  flex: 1 1 auto\n}\n\n.pds-box--flex-shrink {\n  flex: 0 0 auto;\n}\n\n// Border radius helpers\n.pds-border-radius-none {\n  border-radius: 0;\n}\n\n.pds-border-radius-xs {\n  border-radius: var(--pine-dimension-2xs);\n}\n\n.pds-border-radius-sm {\n  border-radius: var(--pine-dimension-xs);\n}\n\n.pds-border-radius-md {\n  border-radius: var(--pine-dimension-125);\n}\n\n.pds-border-radius-lg {\n  border-radius: var(--pine-dimension-sm);\n}\n\n.pds-border-radius-circle {\n  border-radius: var(--pine-border-radius-full);\n}\n\n// Box shadow helpers\n.pds-shadow-050 {\n  box-shadow: var(--pine-box-shadow-050);\n}\n\n.pds-shadow-100 {\n  box-shadow: var(--pine-box-shadow-100);\n}\n\n.pds-shadow-150 {\n  box-shadow: var(--pine-box-shadow-150);\n}\n\n.pds-shadow-200 {\n  box-shadow: var(--pine-box-shadow-200);\n}\n\n.pds-shadow-300 {\n  box-shadow: var(--pine-box-shadow-300);\n}\n\n.pds-shadow-400 {\n  box-shadow: var(--pine-box-shadow-400);\n}\n\n.pds-shadow-500 {\n  box-shadow: var(--pine-box-shadow-500);\n}\n\n\n.pds-shadow-xs {\n  box-shadow: var(--pine-box-shadow-050);\n}\n\n.pds-shadow-sm {\n  box-shadow: var(--pine-box-shadow-100);\n}\n\n.pds-shadow-md {\n  box-shadow: var(--pine-box-shadow-150);\n}\n\n.pds-shadow-lg {\n  box-shadow: var(--pine-box-shadow-200);\n}\n\n// Spacing values map - includes semantic sizes and numeric tokens\n// Used for gap, margin, and padding helpers\n$spacing-values: (\n  'none': 0,\n  'xxs': var(--pine-dimension-2xs),\n  'xs': var(--pine-dimension-xs),\n  'sm': var(--pine-dimension-sm),\n  'md': var(--pine-dimension-md),\n  'lg': var(--pine-dimension-lg),\n  'xl': var(--pine-dimension-xl),\n  'xxl': var(--pine-dimension-2xl),\n  '025': var(--pine-dimension-025),\n  '050': var(--pine-dimension-050),\n  '100': var(--pine-dimension-100),\n  '125': var(--pine-dimension-125),\n  '150': var(--pine-dimension-150),\n  '200': var(--pine-dimension-200),\n  '250': var(--pine-dimension-250),\n  '300': var(--pine-dimension-300),\n  '350': var(--pine-dimension-350),\n  '400': var(--pine-dimension-400),\n  '450': var(--pine-dimension-450),\n  '500': var(--pine-dimension-500),\n  '550': var(--pine-dimension-550),\n  '600': var(--pine-dimension-600),\n  '650': var(--pine-dimension-650),\n  '700': var(--pine-dimension-700),\n  '750': var(--pine-dimension-750),\n  '800': var(--pine-dimension-800)\n);\n\n// Gap helpers\n@each $name, $value in $spacing-values {\n  .pds-box-gap-#{$name} {\n    gap: $value;\n  }\n}\n\n// Margin helpers\n@each $name, $value in $spacing-values {\n  .pds-margin-block-start-#{$name} {\n    margin-block-start: $value;\n  }\n}\n\n@each $name, $value in $spacing-values {\n  .pds-margin-inline-start-#{$name} {\n    margin-inline-start: $value;\n  }\n}\n\n@each $name, $value in $spacing-values {\n  .pds-margin-inline-end-#{$name} {\n    margin-inline-end: $value;\n  }\n}\n\n@each $name, $value in $spacing-values {\n  .pds-margin-block-end-#{$name} {\n    margin-block-end: $value;\n  }\n}\n\n// Padding helpers\n@each $name, $value in $spacing-values {\n  .pds-padding-#{$name} {\n    padding: $value;\n  }\n}\n\n// Padding block start helpers\n@each $name, $value in $spacing-values {\n  .pds-padding-block-start-#{$name} {\n    padding-block-start: $value;\n  }\n}\n\n// Padding block end helpers\n@each $name, $value in $spacing-values {\n  .pds-padding-block-end-#{$name} {\n    padding-block-end: $value;\n  }\n}\n\n// Padding inline start helpers\n@each $name, $value in $spacing-values {\n  .pds-padding-inline-start-#{$name} {\n    padding-inline-start: $value;\n  }\n}\n\n// Padding inline end helpers\n@each $name, $value in $spacing-values {\n  .pds-padding-inline-end-#{$name} {\n    padding-inline-end: $value;\n  }\n}\n\n\n// Display helpers\n.pds-box-display-block {\n  display: block;\n}\n\n.pds-box-display-inline-block {\n  display: inline-block;\n}\n\n.pds-box-display-flex {\n  display: flex;\n}\n\n.pds-box-display-inline-flex {\n  display: inline-flex;\n}\n\n// Flex Direction helpers\n.pds-box-direction-row {\n  flex-direction: row;\n}\n\n.pds-box-direction-column {\n  flex-direction: column;\n}\n\n// Flex Wrap helpers\n.pds-box--wrap {\n  flex-wrap: wrap;\n}\n\n// Maps for flex properties\n$justify-content-values: (\n  'start': start,\n  'center': center,\n  'end': end,\n  'space-between': space-between,\n  'space-around': space-around,\n  'space-evenly': space-evenly\n);\n\n$align-items-values: (\n  'start': start,\n  'center': center,\n  'end': end,\n  'baseline': baseline,\n  'stretch': stretch\n);\n\n$align-self-values: (\n  'start': start,\n  'center': center,\n  'end': end,\n  'baseline': baseline,\n  'stretch': stretch\n);\n\n$breakpoints: (\n  'xs': '(max-width: 575px)',\n  'sm': '(min-width: 576px)',\n  'md': '(min-width: 768px)',\n  'lg': '(min-width: 992px)',\n  'xl': '(min-width: 1200px)'\n);\n\n// Justify Content helpers\n@each $name, $value in $justify-content-values {\n  .pds-justify-content-#{$name} {\n    justify-content: $value;\n  }\n}\n\n// Responsive Justify Content helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $justify-content-values {\n      .pds-justify-content-#{$breakpoint-name}-#{$name} {\n        justify-content: $value;\n      }\n    }\n  }\n}\n\n// Align Items helpers\n@each $name, $value in $align-items-values {\n  .pds-align-items-#{$name} {\n    align-items: $value;\n  }\n}\n\n// Responsive Align Items helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $align-items-values {\n      .pds-align-items-#{$breakpoint-name}-#{$name} {\n        align-items: $value;\n      }\n    }\n  }\n}\n\n// Align Self helpers\n@each $name, $value in $align-self-values {\n  .pds-align-self-#{$name} {\n    align-self: $value;\n  }\n}\n\n// Responsive Align Self helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $align-self-values {\n      .pds-align-self-#{$breakpoint-name}-#{$name} {\n        align-self: $value;\n      }\n    }\n  }\n}\n\n// Responsive Flex Wrap helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    .pds-box--wrap-#{$breakpoint-name} {\n      flex-wrap: wrap;\n    }\n  }\n}\n\n// Responsive Auto helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    .pds-box--auto-#{$breakpoint-name} {\n      flex: 0 0 var(--sizing-min-width-box, fit-content);\n      min-width: auto;\n      width: auto;\n    }\n  }\n}\n\n// Responsive Fit helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    .pds-box--fit-#{$breakpoint-name} {\n      max-width: 100%;\n      min-width: 100%;\n      width: 100%;\n    }\n  }\n}\n\n// Responsive Gap helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $spacing-values {\n      .pds-box-gap-#{$breakpoint-name}-#{$name} {\n        gap: $value;\n      }\n    }\n  }\n}\n\n// Responsive Margin helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $spacing-values {\n      .pds-margin-block-start-#{$breakpoint-name}-#{$name} {\n        margin-block-start: $value;\n      }\n\n      .pds-margin-inline-start-#{$breakpoint-name}-#{$name} {\n        margin-inline-start: $value;\n      }\n\n      .pds-margin-inline-end-#{$breakpoint-name}-#{$name} {\n        margin-inline-end: $value;\n      }\n\n      .pds-margin-block-end-#{$breakpoint-name}-#{$name} {\n        margin-block-end: $value;\n      }\n    }\n  }\n}\n\n// Responsive Padding helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $spacing-values {\n      .pds-padding-#{$breakpoint-name}-#{$name} {\n        padding: $value;\n      }\n\n      .pds-padding-block-start-#{$breakpoint-name}-#{$name} {\n        padding-block-start: $value;\n      }\n\n      .pds-padding-block-end-#{$breakpoint-name}-#{$name} {\n        padding-block-end: $value;\n      }\n\n      .pds-padding-inline-start-#{$breakpoint-name}-#{$name} {\n        padding-inline-start: $value;\n      }\n\n      .pds-padding-inline-end-#{$breakpoint-name}-#{$name} {\n        padding-inline-end: $value;\n      }\n    }\n  }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\nimport { BoxColumnType, BoxSpacingType, BoxShadowSizeType } from '../../utils/types';\nimport { normalizeColorValue } from '../../utils/utils';\n\n@Component({\n  tag: 'pds-box',\n  styleUrl: 'pds-box.scss',\n})\nexport class PdsBox {\n  /**\n   * Defines how items within the box are aligned.\n   * @defaultValue stretch\n  */\n  @Prop() alignItems?: `start` | `center` | `end` | `baseline` | `stretch` ;\n\n  /**\n   * Defines how items within the box are aligned at the XS breakpoint.\n   * @defaultValue stretch\n  */\n  @Prop() alignItemsXs?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how items within the box are aligned at the SM breakpoint.\n   * @defaultValue stretch\n  */\n  @Prop() alignItemsSm?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how items within the box are aligned at the MD breakpoint.\n   * @defaultValue stretch\n  */\n  @Prop() alignItemsMd?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how items within the box are aligned at the LG breakpoint.\n   * @defaultValue stretch\n  */\n  @Prop() alignItemsLg?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how items within the box are aligned at the XL breakpoint.\n   * @defaultValue stretch\n  */\n  @Prop() alignItemsXl?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container.\n   * @defaultValue stretch\n  */\n  @Prop() alignSelf?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container at the XS breakpoint.\n   *\n  */\n  @Prop() alignSelfXs?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container at the SM breakpoint.\n   *\n  */\n  @Prop() alignSelfSm?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container at the MD breakpoint.\n   *\n  */\n  @Prop() alignSelfMd?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container at the LG breakpoint.\n   *\n  */\n  @Prop() alignSelfLg?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container at the XL breakpoint.\n   *\n  */\n  @Prop() alignSelfXl?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * If `true`, the box will be sized to fit its contents.\n   */\n  @Prop() auto?: boolean;\n\n  /**\n   * If `true`, the box will be sized to fit its contents at the XS breakpoint.\n   */\n  @Prop() autoXs?: boolean;\n\n  /**\n   * If `true`, the box will be sized to fit its contents at the SM breakpoint.\n   */\n  @Prop() autoSm?: boolean;\n\n  /**\n   * If `true`, the box will be sized to fit its contents at the MD breakpoint.\n   */\n  @Prop() autoMd?: boolean;\n\n  /**\n   * If `true`, the box will be sized to fit its contents at the LG breakpoint.\n   */\n  @Prop() autoLg?: boolean;\n\n  /**\n   * If `true`, the box will be sized to fit its contents at the XL breakpoint.\n   */\n  @Prop() autoXl?: boolean;\n\n  /**\n   *  Defines the background-color of the box.\n   */\n  @Prop() backgroundColor?: string;\n\n  /**\n   * If `true`, the box will have a border.\n   */\n  @Prop() border? = false;\n\n  /**\n   *  Defines the border color of the box.\n   */\n  @Prop() borderColor?: string;\n\n  /**\n   * Defines how rounded the box corners are.\n   * @defaultValue none\n   */\n  @Prop() borderRadius?: `none` | `xs`| `sm` | `md` | `lg` | `circle`;\n\n  /**\n   * Defines the orientation of the box items.\n   * @defaultValue row\n   */\n  @Prop() direction?: `row` | `column`;\n\n  /**\n   * Defines the display style of the box.\n   * @defaultValue flex\n  */\n  @Prop() display?: `flex` | `inline-flex` | `block` | `inline-block`;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%`.\n   */\n  @Prop() fit?: boolean;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%` at the XS breakpoint.\n   */\n  @Prop() fitXs?: boolean;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%` at the SM breakpoint.\n   */\n  @Prop() fitSm?: boolean;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%` at the MD breakpoint.\n   */\n  @Prop() fitMd?: boolean;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%` at the LG breakpoint.\n   */\n  @Prop() fitLg?: boolean;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%` at the XL breakpoint.\n   */\n  @Prop() fitXl?: boolean;\n\n  /**\n   * Defines the spacing between the box items.\n   * @defaultValue none\n  */\n  @Prop() gap?: BoxSpacingType;\n\n  /**\n   * Defines the spacing between the box items at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() gapXs?: BoxSpacingType;\n\n  /**\n   * Defines the spacing between the box items at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() gapSm?: BoxSpacingType;\n\n  /**\n   * Defines the spacing between the box items at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() gapMd?: BoxSpacingType;\n\n  /**\n   * Defines the spacing between the box items at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() gapLg?: BoxSpacingType;\n\n  /**\n   * Defines the spacing between the box items at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() gapXl?: BoxSpacingType;\n\n  /**\n   * Defines whether flex items are forced onto one line or can wrap onto multiple lines.\n   * @defaultValue false\n   */\n  @Prop() wrap?: boolean;\n\n  /**\n   * Defines whether flex items can wrap onto multiple lines at the XS breakpoint.\n   * @defaultValue false\n   */\n  @Prop() wrapXs?: boolean;\n\n  /**\n   * Defines whether flex items can wrap onto multiple lines at the SM breakpoint.\n   * @defaultValue false\n   */\n  @Prop() wrapSm?: boolean;\n\n  /**\n   * Defines whether flex items can wrap onto multiple lines at the MD breakpoint.\n   * @defaultValue false\n   */\n  @Prop() wrapMd?: boolean;\n\n  /**\n   * Defines whether flex items can wrap onto multiple lines at the LG breakpoint.\n   * @defaultValue false\n   */\n  @Prop() wrapLg?: boolean;\n\n  /**\n   * Defines whether flex items can wrap onto multiple lines at the XL breakpoint.\n   * @defaultValue false\n   */\n  @Prop() wrapXl?: boolean;\n\n  /**\n   * Defines how a box will grow or shrink to fit the space available in its container.\n   * Can be a predefined value ('none', 'grow', 'shrink') or a custom flex value (e.g., '1', '0 1 auto').\n   * @defaultValue none\n   */\n  @Prop() flex?: `none` | `grow` | `shrink` | string;\n\n  /**\n   * Defines the horizontal alignment of the box items.\n   * @defaultValue start\n  */\n  @Prop() justifyContent?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the horizontal alignment of the box items at the XS breakpoint.\n   * @defaultValue start\n  */\n  @Prop() justifyContentXs?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the horizontal alignment of the box items at the SM breakpoint.\n   * @defaultValue start\n  */\n  @Prop() justifyContentSm?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the horizontal alignment of the box items at the MD breakpoint.\n   * @defaultValue start\n  */\n  @Prop() justifyContentMd?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the horizontal alignment of the box items at the LG breakpoint.\n   * @defaultValue start\n  */\n  @Prop() justifyContentLg?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the horizontal alignment of the box items at the XL breakpoint.\n   * @defaultValue start\n  */\n  @Prop() justifyContentXl?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the box's outer top spacing.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStart?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer top spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStartXs?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer top spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStartSm?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer top spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStartMd?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer top spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStartLg?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer top spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStartXl?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer left spacing.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStart?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer left spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStartXs?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer left spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStartSm?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer left spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStartMd?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer left spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStartLg?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer left spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStartXl?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer right spacing.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEnd?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer right spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEndXs?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer right spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEndSm?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer right spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEndMd?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer right spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEndLg?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer right spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEndXl?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer bottom spacing.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEnd?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer bottom spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEndXs?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer bottom spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEndSm?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer bottom spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEndMd?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer bottom spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEndLg?: BoxSpacingType;\n\n  /**\n   * Defines the box's outer bottom spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEndXl?: BoxSpacingType;\n\n  /**\n   * The minimum height of the row. Used in conjunction with alignment props\n   */\n  @Prop({ reflect: true }) minHeight?: string;\n\n  /**\n   * The minimum width of the row. Used in conjunction with alignment props\n   */\n  @Prop({ reflect: true }) minWidth?: string;\n\n  /**\n   * Move columns to the end direction of the row for all screen sizes. Increases the starting margin of a column by specified number of columns.\n   */\n  @Prop() offset?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `XS` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetXs?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `SM` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetSm?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `MD` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetMd?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `LG` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetLg?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `XL` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetXl?: BoxColumnType;\n\n  /**\n   * Defines the spacing between the box items.\n   * @defaultValue none\n  */\n  @Prop() padding?: BoxSpacingType;\n\n  /**\n   * Defines the spacing between the box items at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingXs?: BoxSpacingType;\n\n  /**\n   * Defines the spacing between the box items at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingSm?: BoxSpacingType;\n\n  /**\n   * Defines the spacing between the box items at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingMd?: BoxSpacingType;\n\n  /**\n   * Defines the spacing between the box items at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingLg?: BoxSpacingType;\n\n  /**\n   * Defines the spacing between the box items at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingXl?: BoxSpacingType;\n\n\n  /**\n   * Defines the top spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStart?: BoxSpacingType;\n\n  /**\n   * Defines the top spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStartXs?: BoxSpacingType;\n\n  /**\n   * Defines the top spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStartSm?: BoxSpacingType;\n\n  /**\n   * Defines the top spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStartMd?: BoxSpacingType;\n\n  /**\n   * Defines the top spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStartLg?: BoxSpacingType;\n\n  /**\n   * Defines the top spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStartXl?: BoxSpacingType;\n\n  /**\n   * Defines the bottom spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEnd?: BoxSpacingType;\n\n  /**\n   * Defines the bottom spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEndXs?: BoxSpacingType;\n\n  /**\n   * Defines the bottom spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEndSm?: BoxSpacingType;\n\n  /**\n   * Defines the bottom spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEndMd?: BoxSpacingType;\n\n  /**\n   * Defines the bottom spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEndLg?: BoxSpacingType;\n\n  /**\n   * Defines the bottom spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEndXl?: BoxSpacingType;\n\n  /**\n   * Defines the left spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStart?: BoxSpacingType;\n\n  /**\n   * Defines the left spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStartXs?: BoxSpacingType;\n\n  /**\n   * Defines the left spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStartSm?: BoxSpacingType;\n\n  /**\n   * Defines the left spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStartMd?: BoxSpacingType;\n\n  /**\n   * Defines the left spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStartLg?: BoxSpacingType;\n\n  /**\n   * Defines the left spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStartXl?: BoxSpacingType;\n\n  /**\n   * Defines the right spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEnd?: BoxSpacingType;\n\n  /**\n   * Defines the right spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEndXs?: BoxSpacingType;\n\n  /**\n   * Defines the right spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEndSm?: BoxSpacingType;\n\n  /**\n   * Defines the right spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEndMd?: BoxSpacingType;\n\n  /**\n   * Defines the right spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEndLg?: BoxSpacingType;\n\n  /**\n   * Defines the right spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEndXl?: BoxSpacingType;\n\n  /**\n   * Defines the box shadow.\n   * @defaultValue none\n  */\n  @Prop() shadow?: BoxShadowSizeType;\n\n  /**\n   * Sets the default column width for the component. This value applies from the smallest screen size (XS) upwards, unless overridden by a breakpoint-specific size prop at that breakpoint or larger.\n   */\n  @Prop() size?: BoxColumnType;\n\n  /**\n   * At the XS breakpoint, this prop will take the number of columns specified. This overrides the base size prop for this specific range.\n   */\n  @Prop() sizeXs?: BoxColumnType;\n\n  /**\n   * At screen sizes from the SM breakpoint and larger (576px and up), this will take the specified number of columns. This overrides any value set by size or sizeXs.\n   */\n  @Prop() sizeSm?: BoxColumnType;\n\n  /**\n   * At screen sizes from the MD breakpoint and larger (768px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.\n   */\n  @Prop() sizeMd?: BoxColumnType;\n\n  /**\n   * At screen sizes from the LG breakpoint and larger (992px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.\n   */\n  @Prop() sizeLg?: BoxColumnType;\n\n  /**\n   * At screen sizes from the XL breakpoint and larger (1200px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.\n   */\n  @Prop() sizeXl?: BoxColumnType;\n\n\n\n  render() {\n    const boxClasses = `\n    ${this.alignItems !== undefined && this.alignItems.trim() !== '' ? `pds-align-items-${this.alignItems}` : ''}\n    ${this.alignItemsXs !== undefined && this.alignItemsXs.trim() !== '' ? `pds-align-items-xs-${this.alignItemsXs}` : ''}\n    ${this.alignItemsSm !== undefined && this.alignItemsSm.trim() !== '' ? `pds-align-items-sm-${this.alignItemsSm}` : ''}\n    ${this.alignItemsMd !== undefined && this.alignItemsMd.trim() !== '' ? `pds-align-items-md-${this.alignItemsMd}` : ''}\n    ${this.alignItemsLg !== undefined && this.alignItemsLg.trim() !== '' ? `pds-align-items-lg-${this.alignItemsLg}` : ''}\n    ${this.alignItemsXl !== undefined && this.alignItemsXl.trim() !== '' ? `pds-align-items-xl-${this.alignItemsXl}` : ''}\n    ${this.alignSelf !== undefined && this.alignSelf.trim() !== '' ? `pds-align-self-${this.alignSelf}` : ''}\n    ${this.alignSelfXs !== undefined && this.alignSelfXs.trim() !== '' ? `pds-align-self-xs-${this.alignSelfXs}` : ''}\n    ${this.alignSelfSm !== undefined && this.alignSelfSm.trim() !== '' ? `pds-align-self-sm-${this.alignSelfSm}` : ''}\n    ${this.alignSelfMd !== undefined && this.alignSelfMd.trim() !== '' ? `pds-align-self-md-${this.alignSelfMd}` : ''}\n    ${this.alignSelfLg !== undefined && this.alignSelfLg.trim() !== '' ? `pds-align-self-lg-${this.alignSelfLg}` : ''}\n    ${this.alignSelfXl !== undefined && this.alignSelfXl.trim() !== '' ? `pds-align-self-xl-${this.alignSelfXl}` : ''}\n    ${this.auto ? 'pds-box--auto' : ''}\n    ${this.autoXs ? 'pds-box--auto-xs' : ''}\n    ${this.autoSm ? 'pds-box--auto-sm' : ''}\n    ${this.autoMd ? 'pds-box--auto-md' : ''}\n    ${this.autoLg ? 'pds-box--auto-lg' : ''}\n    ${this.autoXl ? 'pds-box--auto-xl' : ''}\n    ${this.border ? 'pds-box--border' : ''}\n    ${this.borderRadius !== undefined && this.borderRadius.trim() !== '' ? `pds-border-radius-${this.borderRadius}` : ''}\n    ${this.direction !== undefined && this.direction.trim() !== '' ? `pds-box-direction-${this.direction}` : ''}\n    ${this.display !== undefined && this.display.trim() !== '' ? `pds-box--display-${this.display}` : ''}\n    ${this.fit ? 'pds-box--fit' : ''}\n    ${this.fitXs ? 'pds-box--fit-xs' : ''}\n    ${this.fitSm ? 'pds-box--fit-sm' : ''}\n    ${this.fitMd ? 'pds-box--fit-md' : ''}\n    ${this.fitLg ? 'pds-box--fit-lg' : ''}\n    ${this.fitXl ? 'pds-box--fit-xl' : ''}\n    ${this.gap !== undefined && this.gap.trim() !== '' ? `pds-box-gap-${this.gap}` : ''}\n    ${this.gapXs !== undefined && this.gapXs.trim() !== '' ? `pds-box-gap-xs-${this.gapXs}` : ''}\n    ${this.gapSm !== undefined && this.gapSm.trim() !== '' ? `pds-box-gap-sm-${this.gapSm}` : ''}\n    ${this.gapMd !== undefined && this.gapMd.trim() !== '' ? `pds-box-gap-md-${this.gapMd}` : ''}\n    ${this.gapLg !== undefined && this.gapLg.trim() !== '' ? `pds-box-gap-lg-${this.gapLg}` : ''}\n    ${this.gapXl !== undefined && this.gapXl.trim() !== '' ? `pds-box-gap-xl-${this.gapXl}` : ''}\n    ${this.wrap ? 'pds-box--wrap' : ''}\n    ${this.wrapXs ? 'pds-box--wrap-xs' : ''}\n    ${this.wrapSm ? 'pds-box--wrap-sm' : ''}\n    ${this.wrapMd ? 'pds-box--wrap-md' : ''}\n    ${this.wrapLg ? 'pds-box--wrap-lg' : ''}\n    ${this.wrapXl ? 'pds-box--wrap-xl' : ''}\n    ${this.flex !== undefined && this.flex.trim() !== '' && ['none', 'grow', 'shrink'].includes(this.flex) ? `pds-box--flex-${this.flex}` : ''}\n    ${this.justifyContent !== undefined && this.justifyContent.trim() !== '' ? `pds-justify-content-${this.justifyContent}` : ''}\n    ${this.justifyContentXs !== undefined && this.justifyContentXs.trim() !== '' ? `pds-justify-content-xs-${this.justifyContentXs}` : ''}\n    ${this.justifyContentSm !== undefined && this.justifyContentSm.trim() !== '' ? `pds-justify-content-sm-${this.justifyContentSm}` : ''}\n    ${this.justifyContentMd !== undefined && this.justifyContentMd.trim() !== '' ? `pds-justify-content-md-${this.justifyContentMd}` : ''}\n    ${this.justifyContentLg !== undefined && this.justifyContentLg.trim() !== '' ? `pds-justify-content-lg-${this.justifyContentLg}` : ''}\n    ${this.justifyContentXl !== undefined && this.justifyContentXl.trim() !== '' ? `pds-justify-content-xl-${this.justifyContentXl}` : ''}\n    ${this.marginBlockStart !== undefined && this.marginBlockStart.trim() !== '' ? `pds-margin-block-start-${this.marginBlockStart}` : ''}\n    ${this.marginBlockStartXs !== undefined && this.marginBlockStartXs.trim() !== '' ? `pds-margin-block-start-xs-${this.marginBlockStartXs}` : ''}\n    ${this.marginBlockStartSm !== undefined && this.marginBlockStartSm.trim() !== '' ? `pds-margin-block-start-sm-${this.marginBlockStartSm}` : ''}\n    ${this.marginBlockStartMd !== undefined && this.marginBlockStartMd.trim() !== '' ? `pds-margin-block-start-md-${this.marginBlockStartMd}` : ''}\n    ${this.marginBlockStartLg !== undefined && this.marginBlockStartLg.trim() !== '' ? `pds-margin-block-start-lg-${this.marginBlockStartLg}` : ''}\n    ${this.marginBlockStartXl !== undefined && this.marginBlockStartXl.trim() !== '' ? `pds-margin-block-start-xl-${this.marginBlockStartXl}` : ''}\n    ${this.marginInlineStart !== undefined && this.marginInlineStart.trim() !== '' ? `pds-margin-inline-start-${this.marginInlineStart}` : ''}\n    ${this.marginInlineStartXs !== undefined && this.marginInlineStartXs.trim() !== '' ? `pds-margin-inline-start-xs-${this.marginInlineStartXs}` : ''}\n    ${this.marginInlineStartSm !== undefined && this.marginInlineStartSm.trim() !== '' ? `pds-margin-inline-start-sm-${this.marginInlineStartSm}` : ''}\n    ${this.marginInlineStartMd !== undefined && this.marginInlineStartMd.trim() !== '' ? `pds-margin-inline-start-md-${this.marginInlineStartMd}` : ''}\n    ${this.marginInlineStartLg !== undefined && this.marginInlineStartLg.trim() !== '' ? `pds-margin-inline-start-lg-${this.marginInlineStartLg}` : ''}\n    ${this.marginInlineStartXl !== undefined && this.marginInlineStartXl.trim() !== '' ? `pds-margin-inline-start-xl-${this.marginInlineStartXl}` : ''}\n    ${this.marginInlineEnd !== undefined && this.marginInlineEnd.trim() !== '' ? `pds-margin-inline-end-${this.marginInlineEnd}` : ''}\n    ${this.marginInlineEndXs !== undefined && this.marginInlineEndXs.trim() !== '' ? `pds-margin-inline-end-xs-${this.marginInlineEndXs}` : ''}\n    ${this.marginInlineEndSm !== undefined && this.marginInlineEndSm.trim() !== '' ? `pds-margin-inline-end-sm-${this.marginInlineEndSm}` : ''}\n    ${this.marginInlineEndMd !== undefined && this.marginInlineEndMd.trim() !== '' ? `pds-margin-inline-end-md-${this.marginInlineEndMd}` : ''}\n    ${this.marginInlineEndLg !== undefined && this.marginInlineEndLg.trim() !== '' ? `pds-margin-inline-end-lg-${this.marginInlineEndLg}` : ''}\n    ${this.marginInlineEndXl !== undefined && this.marginInlineEndXl.trim() !== '' ? `pds-margin-inline-end-xl-${this.marginInlineEndXl}` : ''}\n    ${this.marginBlockEnd !== undefined && this.marginBlockEnd.trim() !== '' ? `pds-margin-block-end-${this.marginBlockEnd}` : ''}\n    ${this.marginBlockEndXs !== undefined && this.marginBlockEndXs.trim() !== '' ? `pds-margin-block-end-xs-${this.marginBlockEndXs}` : ''}\n    ${this.marginBlockEndSm !== undefined && this.marginBlockEndSm.trim() !== '' ? `pds-margin-block-end-sm-${this.marginBlockEndSm}` : ''}\n    ${this.marginBlockEndMd !== undefined && this.marginBlockEndMd.trim() !== '' ? `pds-margin-block-end-md-${this.marginBlockEndMd}` : ''}\n    ${this.marginBlockEndLg !== undefined && this.marginBlockEndLg.trim() !== '' ? `pds-margin-block-end-lg-${this.marginBlockEndLg}` : ''}\n    ${this.marginBlockEndXl !== undefined && this.marginBlockEndXl.trim() !== '' ? `pds-margin-block-end-xl-${this.marginBlockEndXl}` : ''}\n    ${this.offset !== undefined && this.offset.trim() !== '' ? `pds-box-offset-${this.offset}` : ''}\n    ${this.offsetXs !== undefined && this.offsetXs.trim() !== '' ? `pds-box-offset-xs-${this.offsetXs}` : ''}\n    ${this.offsetSm !== undefined && this.offsetSm.trim() !== '' ? `pds-box-offset-sm-${this.offsetSm}` : ''}\n    ${this.offsetMd !== undefined && this.offsetMd.trim() !== '' ? `pds-box-offset-md-${this.offsetMd}` : ''}\n    ${this.offsetLg !== undefined && this.offsetLg.trim() !== '' ? `pds-box-offset-lg-${this.offsetLg}` : ''}\n    ${this.offsetXl !== undefined && this.offsetXl.trim() !== '' ? `pds-box-offset-xl-${this.offsetXl}` : ''}\n    ${this.padding !== undefined && this.padding.trim() !== '' ? `pds-padding-${this.padding}` : ''}\n    ${this.paddingXs !== undefined && this.paddingXs.trim() !== '' ? `pds-padding-xs-${this.paddingXs}` : ''}\n    ${this.paddingSm !== undefined && this.paddingSm.trim() !== '' ? `pds-padding-sm-${this.paddingSm}` : ''}\n    ${this.paddingMd !== undefined && this.paddingMd.trim() !== '' ? `pds-padding-md-${this.paddingMd}` : ''}\n    ${this.paddingLg !== undefined && this.paddingLg.trim() !== '' ? `pds-padding-lg-${this.paddingLg}` : ''}\n    ${this.paddingXl !== undefined && this.paddingXl.trim() !== '' ? `pds-padding-xl-${this.paddingXl}` : ''}\n    ${this.paddingBlockStart !== undefined && this.paddingBlockStart.trim() !== '' ? `pds-padding-block-start-${this.paddingBlockStart}` : ''}\n    ${this.paddingBlockStartXs !== undefined && this.paddingBlockStartXs.trim() !== '' ? `pds-padding-block-start-xs-${this.paddingBlockStartXs}` : ''}\n    ${this.paddingBlockStartSm !== undefined && this.paddingBlockStartSm.trim() !== '' ? `pds-padding-block-start-sm-${this.paddingBlockStartSm}` : ''}\n    ${this.paddingBlockStartMd !== undefined && this.paddingBlockStartMd.trim() !== '' ? `pds-padding-block-start-md-${this.paddingBlockStartMd}` : ''}\n    ${this.paddingBlockStartLg !== undefined && this.paddingBlockStartLg.trim() !== '' ? `pds-padding-block-start-lg-${this.paddingBlockStartLg}` : ''}\n    ${this.paddingBlockStartXl !== undefined && this.paddingBlockStartXl.trim() !== '' ? `pds-padding-block-start-xl-${this.paddingBlockStartXl}` : ''}\n    ${this.paddingBlockEnd !== undefined && this.paddingBlockEnd.trim() !== '' ? `pds-padding-block-end-${this.paddingBlockEnd}` : ''}\n    ${this.paddingBlockEndXs !== undefined && this.paddingBlockEndXs.trim() !== '' ? `pds-padding-block-end-xs-${this.paddingBlockEndXs}` : ''}\n    ${this.paddingBlockEndSm !== undefined && this.paddingBlockEndSm.trim() !== '' ? `pds-padding-block-end-sm-${this.paddingBlockEndSm}` : ''}\n    ${this.paddingBlockEndMd !== undefined && this.paddingBlockEndMd.trim() !== '' ? `pds-padding-block-end-md-${this.paddingBlockEndMd}` : ''}\n    ${this.paddingBlockEndLg !== undefined && this.paddingBlockEndLg.trim() !== '' ? `pds-padding-block-end-lg-${this.paddingBlockEndLg}` : ''}\n    ${this.paddingBlockEndXl !== undefined && this.paddingBlockEndXl.trim() !== '' ? `pds-padding-block-end-xl-${this.paddingBlockEndXl}` : ''}\n    ${this.paddingInlineStart !== undefined && this.paddingInlineStart.trim() !== '' ? `pds-padding-inline-start-${this.paddingInlineStart}` : ''}\n    ${this.paddingInlineStartXs !== undefined && this.paddingInlineStartXs.trim() !== '' ? `pds-padding-inline-start-xs-${this.paddingInlineStartXs}` : ''}\n    ${this.paddingInlineStartSm !== undefined && this.paddingInlineStartSm.trim() !== '' ? `pds-padding-inline-start-sm-${this.paddingInlineStartSm}` : ''}\n    ${this.paddingInlineStartMd !== undefined && this.paddingInlineStartMd.trim() !== '' ? `pds-padding-inline-start-md-${this.paddingInlineStartMd}` : ''}\n    ${this.paddingInlineStartLg !== undefined && this.paddingInlineStartLg.trim() !== '' ? `pds-padding-inline-start-lg-${this.paddingInlineStartLg}` : ''}\n    ${this.paddingInlineStartXl !== undefined && this.paddingInlineStartXl.trim() !== '' ? `pds-padding-inline-start-xl-${this.paddingInlineStartXl}` : ''}\n    ${this.paddingInlineEnd !== undefined && this.paddingInlineEnd.trim() !== '' ? `pds-padding-inline-end-${this.paddingInlineEnd}` : ''}\n    ${this.paddingInlineEndXs !== undefined && this.paddingInlineEndXs.trim() !== '' ? `pds-padding-inline-end-xs-${this.paddingInlineEndXs}` : ''}\n    ${this.paddingInlineEndSm !== undefined && this.paddingInlineEndSm.trim() !== '' ? `pds-padding-inline-end-sm-${this.paddingInlineEndSm}` : ''}\n    ${this.paddingInlineEndMd !== undefined && this.paddingInlineEndMd.trim() !== '' ? `pds-padding-inline-end-md-${this.paddingInlineEndMd}` : ''}\n    ${this.paddingInlineEndLg !== undefined && this.paddingInlineEndLg.trim() !== '' ? `pds-padding-inline-end-lg-${this.paddingInlineEndLg}` : ''}\n    ${this.paddingInlineEndXl !== undefined && this.paddingInlineEndXl.trim() !== '' ? `pds-padding-inline-end-xl-${this.paddingInlineEndXl}` : ''}\n    ${this.shadow !== undefined && this.shadow.trim() !== '' ? `pds-shadow-${this.shadow}` : ''}\n    ${this.size !== undefined && this.size.trim() !== '' ? `pds-box pds-box-${this.size}` : ''}\n    ${this.sizeXs !== undefined && this.sizeXs.trim() !== '' ? `pds-box-xs-${this.sizeXs}` : ''}\n    ${this.sizeSm !== undefined && this.sizeSm.trim() !== '' ? `pds-box-sm-${this.sizeSm}` : ''}\n    ${this.sizeMd !== undefined && this.sizeMd.trim() !== '' ? `pds-box-md-${this.sizeMd}` : ''}\n    ${this.sizeLg !== undefined && this.sizeLg.trim() !== '' ? `pds-box-lg-${this.sizeLg}` : ''}\n    ${this.sizeXl !== undefined && this.sizeXl.trim() !== '' ? `pds-box-xl-${this.sizeXl}` : ''}\n    ${this.size == undefined &&\n      this.sizeSm == undefined &&\n      this.sizeMd == undefined &&\n      this.sizeLg == undefined &&\n      this.sizeXl == undefined ? 'pds-box' : ''}\n    `;\n\n    // Normalize so pds-box accepts --token, var(--token), or literals (no semantic names)\n    const normalizedBackground = normalizeColorValue(this.backgroundColor);\n    const normalizedBorder = normalizeColorValue(this.borderColor);\n\n    const boxInlineStyles = {\n      ...(normalizedBackground && { '--color-background-box': normalizedBackground }),\n      ...(normalizedBorder && { '--color-border-box': normalizedBorder }),\n      ...(this.minHeight && { '--sizing-min-height-box': this.minHeight }),\n      ...(this.minWidth && { '--sizing-min-width-box': this.minWidth }),\n      ...(this.flex && !['none', 'grow', 'shrink'].includes(this.flex) && { 'flex': this.flex }),\n    };\n\n    return (\n      <Host class={boxClasses} style={boxInlineStyles}>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/pine-core/{p-D-OPCAZp.system.js.map → p-Bm0i20zh.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-D-OPCAZp.system.js","sources":["src/components/pds-copytext/pds-copytext.scss?tag=pds-copytext&encapsulation=shadow","src/components/pds-copytext/pds-copytext.tsx"],"sourcesContent":[":host(.pds-copytext) {\n  // Update custom prop usage in Button before changing\n  --copytext-color-background-hover: var(--pine-color-background-inset);\n\n\n  pds-button {\n    align-items: center;\n    border-radius: var(--pine-border-radius-full);\n    border-width: var(--pine-dimension-none);\n    display: inline-flex;\n    font-family: var(--pine-font-family-heading);\n    font-size: var(--pine-font-size-body-md);\n    font-weight: var(--pine-font-weight-body-medium);\n    letter-spacing: var(--pine-letter-spacing);\n    line-height: var(--pine-line-height-body);\n    max-width: 100%;\n\n    &::part(button) {\n      padding-block: var(--pine-dimension-2xs);\n      padding-inline: var(--pine-dimension-xs);\n    }\n\n    &::part(button):hover {\n      // Update custom prop usage in Button before changing\n      background-color: var(--copytext-color-background-hover);\n      color: var(--pine-color-text-secondary-hover);\n    }\n\n    span {\n      font-weight: var(--pine-font-weight-medium);\n      margin-inline-end: var(--pine-dimension-xs);\n      white-space: nowrap;\n    }\n\n    :nth-child(2) {\n      flex-shrink: 0;\n    }\n  }\n\n  // bordered\n\n  &:host(.pds-copytext--bordered) {\n    border-width: var(--pine-dimension-none);\n    padding: var(--pine-dimension-none);\n\n    pds-button {\n      padding: var(--pine-dimension-none);\n\n      &::part(button) {\n        padding: var(--pine-dimension-none);\n      }\n\n      &::part(button):hover {\n        background-color: transparent;\n      }\n    }\n\n    span {\n      background: var(--pine-color-secondary);\n      border: var(--pine-border);\n      border-radius: var(--pine-border-radius-full);\n      margin-inline-end: var(--pine-dimension-sm);\n      padding-block: var(--pine-dimension-xs);\n      padding-inline: var(--pine-dimension-sm);\n    }\n\n    :hover {\n      span {\n        border: var(--pine-border-hover);\n      }\n    }\n  }\n\n  // full width and truncated\n  &:host(.pds-copytext--full-width),\n  &:host(.pds-copytext--truncated) {\n    pds-button {\n      display: inline-flex;\n      min-width: auto;\n      width: 100%;\n\n      &::part(button-content),\n      &::part(button-text) {\n        flex-shrink: 1;\n        width: 100%;\n      }\n\n      span {\n        text-align: start;\n        width: 100%;\n      }\n    }\n  }\n\n  // full width\n  &:host(.pds-copytext--full-width) {\n    pds-button {\n      justify-content: space-between;\n    }\n  }\n\n  // truncated\n  &:host(.pds-copytext--truncated) {\n    pds-button span {\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Prop, Watch } from '@stencil/core';\n\nimport { copy as copyIcon } from '@pine-ds/icons/icons';\nimport { setupTruncationTooltip } from '../../utils/truncation-tooltip';\n\n@Component({\n  tag: 'pds-copytext',\n  styleUrls: ['pds-copytext.scss'],\n  shadow: true,\n})\nexport class PdsCopytext {\n  @Element() el: HTMLPdsCopytextElement;\n  private truncationCleanup: (() => void) | null = null;\n  private valueSpanEl: HTMLSpanElement;\n\n  /**\n   * Determines whether `copytext` should have a visible border.\n   * @defaultValue true\n   */\n  @Prop({ reflect: true }) border = true;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether `copytext` should expand to the full width of its container.\n   * @defaultValue false\n   */\n  @Prop() fullWidth = false;\n\n  /**\n   * Determines whether the `value` should truncate and display with an ellipsis.\n   * When text overflows, a tooltip showing the full value will appear on hover/focus.\n   * @defaultValue false\n   */\n  @Prop() truncate = false;\n\n  /**\n   * The string displayed that is also copied to the clipboard upon interaction.\n   */\n  @Prop() value!: string;\n\n  @Watch('truncate')\n  handleTruncateChange(newValue: boolean) {\n    if (newValue) {\n      this.initTruncationTooltip();\n    } else {\n      this.destroyTruncationTooltip();\n    }\n  }\n\n  @Watch('value')\n  handleValueChange() {\n    if (this.truncate) {\n      this.initTruncationTooltip();\n    }\n  }\n\n  componentDidLoad() {\n    if (this.truncate) {\n      this.initTruncationTooltip();\n    }\n  }\n\n  disconnectedCallback() {\n    this.destroyTruncationTooltip();\n  }\n\n  private initTruncationTooltip() {\n    this.destroyTruncationTooltip();\n\n    if (this.valueSpanEl) {\n      this.truncationCleanup = setupTruncationTooltip({\n        hostEl: this.el,\n        contentEl: this.valueSpanEl,\n        getTooltipText: () => this.value || '',\n      });\n    }\n  }\n\n  private destroyTruncationTooltip() {\n    if (this.truncationCleanup) {\n      this.truncationCleanup();\n      this.truncationCleanup = null;\n    }\n  }\n\n  /**\n   * Event fired when copyText button is clicked.\n   */\n  @Event() pdsCopyTextClick: EventEmitter<string>;\n\n  private copyToClipboard = async (value: string) => {\n    try {\n      if (typeof navigator.clipboard !== 'undefined') {\n        await navigator.clipboard.writeText(value);\n        this.pdsCopyTextClick.emit('Copied to clipboard');\n      }\n    } catch (err) {\n      this.pdsCopyTextClick.emit(`Error writing text to clipboard: ${err}`);\n    }\n  };\n\n  private handleClick = () => {\n    this.copyToClipboard(this.value);\n  };\n\n  private classNames() {\n    const classNames = ['pds-copytext'];\n\n    if (this.border) {\n      classNames.push('pds-copytext--bordered');\n    }\n\n    if (this.fullWidth) {\n      classNames.push('pds-copytext--full-width');\n    }\n\n    if (this.truncate) {\n      classNames.push('pds-copytext--truncated');\n    }\n\n    return classNames.join(' ');\n  }\n\n  render() {\n    return (\n      <Host class={this.classNames()} id={this.componentId}>\n        <pds-button type=\"button\" variant=\"unstyled\" onClick={this.handleClick}>\n          <span ref={(el) => this.valueSpanEl = el}>{this.value}</span>\n          <pds-icon icon={copyIcon} size=\"16px\"></pds-icon>\n        </pds-button>\n      </Host>\n    );\n  }\n}\n"],"names":["copyIcon"],"mappings":"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"}
+{"version":3,"file":"p-Bm0i20zh.system.js","sources":["src/components/pds-copytext/pds-copytext.scss?tag=pds-copytext&encapsulation=shadow","src/components/pds-copytext/pds-copytext.tsx"],"sourcesContent":[":host(.pds-copytext) {\n  // Update custom prop usage in Button before changing\n  --copytext-color-background-hover: var(--pine-color-background-inset);\n\n\n  pds-button {\n    align-items: center;\n    border-radius: var(--pine-border-radius-full);\n    border-width: var(--pine-dimension-none);\n    display: inline-flex;\n    font-family: var(--pine-font-family-heading);\n    font-size: var(--pine-font-size-body-md);\n    font-weight: var(--pine-font-weight-body-medium);\n    letter-spacing: var(--pine-letter-spacing);\n    line-height: var(--pine-line-height-body);\n    max-width: 100%;\n\n    &::part(button) {\n      padding-block: var(--pine-dimension-2xs);\n      padding-inline: var(--pine-dimension-xs);\n    }\n\n    &::part(button):hover {\n      // Update custom prop usage in Button before changing\n      background-color: var(--copytext-color-background-hover);\n      color: var(--pine-color-text-secondary-hover);\n    }\n\n    span {\n      font-weight: var(--pine-font-weight-medium);\n      margin-inline-end: var(--pine-dimension-xs);\n      white-space: nowrap;\n    }\n\n    :nth-child(2) {\n      flex-shrink: 0;\n    }\n  }\n\n  // bordered\n\n  &:host(.pds-copytext--bordered) {\n    border-width: var(--pine-dimension-none);\n    padding: var(--pine-dimension-none);\n\n    pds-button {\n      padding: var(--pine-dimension-none);\n\n      &::part(button) {\n        padding: var(--pine-dimension-none);\n      }\n\n      &::part(button):hover {\n        background-color: transparent;\n      }\n    }\n\n    span {\n      background: var(--pine-color-secondary);\n      border: var(--pine-border);\n      border-radius: var(--pine-border-radius-full);\n      margin-inline-end: var(--pine-dimension-sm);\n      padding-block: var(--pine-dimension-xs);\n      padding-inline: var(--pine-dimension-sm);\n    }\n\n    :hover {\n      span {\n        border: var(--pine-border-hover);\n      }\n    }\n  }\n\n  // full width and truncated\n  &:host(.pds-copytext--full-width),\n  &:host(.pds-copytext--truncated) {\n    pds-button {\n      display: inline-flex;\n      min-width: auto;\n      width: 100%;\n\n      &::part(button-content),\n      &::part(button-text) {\n        flex-shrink: 1;\n        width: 100%;\n      }\n\n      span {\n        text-align: start;\n        width: 100%;\n      }\n    }\n  }\n\n  // full width\n  &:host(.pds-copytext--full-width) {\n    pds-button {\n      justify-content: space-between;\n    }\n  }\n\n  // truncated\n  &:host(.pds-copytext--truncated) {\n    pds-button span {\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Prop, Watch } from '@stencil/core';\n\nimport { copy as copyIcon } from '@pine-ds/icons/icons';\nimport { setupTruncationTooltip } from '../../utils/truncation-tooltip';\n\n@Component({\n  tag: 'pds-copytext',\n  styleUrls: ['pds-copytext.scss'],\n  shadow: true,\n})\nexport class PdsCopytext {\n  @Element() el: HTMLPdsCopytextElement;\n  private truncationCleanup: (() => void) | null = null;\n  private valueSpanEl: HTMLSpanElement;\n\n  /**\n   * Determines whether `copytext` should have a visible border.\n   * @defaultValue true\n   */\n  @Prop({ reflect: true }) border = true;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether `copytext` should expand to the full width of its container.\n   * @defaultValue false\n   */\n  @Prop() fullWidth = false;\n\n  /**\n   * Determines whether the `value` should truncate and display with an ellipsis.\n   * When text overflows, a tooltip showing the full value will appear on hover/focus.\n   * @defaultValue false\n   */\n  @Prop() truncate = false;\n\n  /**\n   * The string displayed that is also copied to the clipboard upon interaction.\n   */\n  @Prop() value!: string;\n\n  @Watch('truncate')\n  handleTruncateChange(newValue: boolean) {\n    if (newValue) {\n      this.initTruncationTooltip();\n    } else {\n      this.destroyTruncationTooltip();\n    }\n  }\n\n  @Watch('value')\n  handleValueChange() {\n    if (this.truncate) {\n      this.initTruncationTooltip();\n    }\n  }\n\n  componentDidLoad() {\n    if (this.truncate) {\n      this.initTruncationTooltip();\n    }\n  }\n\n  disconnectedCallback() {\n    this.destroyTruncationTooltip();\n  }\n\n  private initTruncationTooltip() {\n    this.destroyTruncationTooltip();\n\n    if (this.valueSpanEl) {\n      this.truncationCleanup = setupTruncationTooltip({\n        hostEl: this.el,\n        contentEl: this.valueSpanEl,\n        getTooltipText: () => this.value || '',\n      });\n    }\n  }\n\n  private destroyTruncationTooltip() {\n    if (this.truncationCleanup) {\n      this.truncationCleanup();\n      this.truncationCleanup = null;\n    }\n  }\n\n  /**\n   * Event fired when copyText button is clicked.\n   */\n  @Event() pdsCopyTextClick: EventEmitter<string>;\n\n  private copyToClipboard = async (value: string) => {\n    try {\n      if (typeof navigator.clipboard !== 'undefined') {\n        await navigator.clipboard.writeText(value);\n        this.pdsCopyTextClick.emit('Copied to clipboard');\n      }\n    } catch (err) {\n      this.pdsCopyTextClick.emit(`Error writing text to clipboard: ${err}`);\n    }\n  };\n\n  private handleClick = () => {\n    this.copyToClipboard(this.value);\n  };\n\n  private classNames() {\n    const classNames = ['pds-copytext'];\n\n    if (this.border) {\n      classNames.push('pds-copytext--bordered');\n    }\n\n    if (this.fullWidth) {\n      classNames.push('pds-copytext--full-width');\n    }\n\n    if (this.truncate) {\n      classNames.push('pds-copytext--truncated');\n    }\n\n    return classNames.join(' ');\n  }\n\n  render() {\n    return (\n      <Host class={this.classNames()} id={this.componentId}>\n        <pds-button type=\"button\" variant=\"unstyled\" onClick={this.handleClick}>\n          <span ref={(el) => this.valueSpanEl = el}>{this.value}</span>\n          <pds-icon icon={copyIcon} size=\"16px\"></pds-icon>\n        </pds-button>\n      </Host>\n    );\n  }\n}\n"],"names":["copyIcon"],"mappings":"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"}

package/dist/pine-core/{p-CqXA936G.system.js.map → p-BtXGBfVh.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-CqXA936G.system.js","sources":["src/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.scss?tag=pds-dropdown-menu-item&encapsulation=shadow","src/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.tsx"],"sourcesContent":[":host {\n  cursor: pointer;\n  display: flex;\n  width: 100%; /* Ensure the host takes full width */\n}\n\n/* Make the disabled styles more specific and add !important to ensure they apply */\n:host(.is-disabled) {\n  cursor: not-allowed !important;\n  opacity: 0.5 !important;\n\n  .pds-dropdown-menu-item__content {\n    cursor: not-allowed !important;\n    pointer-events: none !important;\n  }\n}\n\n.pds-dropdown-menu-item__content {\n  align-items: center;\n  appearance: none;\n  background: transparent;\n  border: 0;\n  border-radius: var(--pine-dimension-xs);\n  color: var(--pine-color-text);\n  display: flex;\n  flex-grow: 1; /* Make it grow to fill available space */\n  font: var(--pine-typography-body-medium);\n  gap: var(--pine-dimension-xs);\n  margin: calc(var(--pine-border-width) + 2px);\n  padding: var(--pine-dimension-xs);\n  text-align: start; /* Ensure text aligns properly */\n  width: 100%; /* Ensure full width */\n\n  &:hover {\n    background-color: var(--pine-color-background-muted);\n    color: var(--pine-color-text-hover);\n  }\n\n  /* Focus styles applied via class + browser focus */\n  &:focus,\n  &:focus-visible,\n  &.has-focus {\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n  }\n}\n\n:host(.destructive) {\n  .pds-dropdown-menu-item__content {\n    // Set context variables so pds-link's shadow DOM picks up the destructive colors\n    --pds-context-link-color: var(--pine-color-danger);\n    --pds-context-link-color-hover: var(--pine-color-danger-hover);\n\n    align-items: center;\n    color: var(--pine-color-danger);\n\n    &:hover {\n      background-color: var(--pine-color-danger-disabled);\n      color: var(--pine-color-danger-hover);\n    }\n\n    &:focus,\n    &:focus-visible,\n    &.has-focus {\n      background-color: var(--pine-color-danger-disabled);\n      outline: var(--pine-outline-focus-danger);\n      outline-offset: var(--pine-border-width);\n    }\n  }\n}\n\n/* Remove outline on contained links using the custom property */\npds-link::part(link):focus,\npds-link::part(link):focus-visible {\n  box-shadow: none;\n  outline: none;\n}\n\npds-link::part(link) {\n  align-items: center;\n  display: flex;\n  gap: var(--pine-dimension-xs);\n  margin: calc(var(--pine-dimension-xs) * -1);\n  padding: var(--pine-dimension-xs);\n  text-decoration: none;\n  width: calc(100% + var(--pine-dimension-xs) * 2);\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State } from '@stencil/core';\nimport type { BasePdsProps } from '@utils/interfaces';\n\n/**\n * @part button\n */\n@Component({\n  tag: 'pds-dropdown-menu-item',\n  styleUrl: 'pds-dropdown-menu-item.scss',\n  shadow: true,\n})\nexport class PdsDropdownMenuItem implements BasePdsProps {\n  @Element() host: HTMLPdsDropdownMenuItemElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * It determines whether or not the dropdown-item is destructive.\n   * @defaultValue false\n   */\n  @Prop() destructive: boolean = false;\n\n  /**\n   * It determines whether or not the dropdown-item is disabled.\n   * @defaultValue false\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n\n  /**\n   * Prompts the user to save the linked URL instead of navigating to it.\n   * It can be used without a value to download with the default filename,\n   * or with a string value to suggest a specific filename for the download.\n   * Only applies when href is set.\n   */\n  @Prop() download?: string;\n\n  /**\n   *  If provided, renders the dropdown-item as an anchor (`<a>`) element instead of a button.\n   */\n  @Prop() href: string | undefined;\n\n  /**\n   * Determines whether the link should open in a new tab and display an external icon.\n   * This is a simpler alternative to using `target=\"_blank\"` for the common case.\n   * @defaultValue false\n   */\n  @Prop({ reflect: true }) external: boolean = false;\n\n  /**\n   * Specifies where to open the linked document when href is provided.\n   * Takes precedence over the `external` prop if both are set.\n   * Only applies when href is set.\n   * @defaultValue undefined\n   */\n  @Prop({ reflect: true }) target?: '_blank' | '_self' | '_parent' | '_top';\n\n  /**\n   * Emitted when the dropdown-item is clicked.\n   *\n   */\n  @Event() pdsClick: EventEmitter<{itemIndex: number, item: HTMLPdsDropdownMenuItemElement, content: string}>;\n\n  /**\n   * Trigger the click event\n   */\n  @Method()\n  async clickItem() {\n    this.handleClick();\n  };\n\n\n  private handleClick() {\n    // Filter only pds-dropdown-menu-item elements and find the index of the current item\n    const menuItems = Array.from(this.host.parentNode.children).filter(\n      (child) => child.tagName.toLowerCase() === 'pds-dropdown-menu-item'\n    );\n    const itemIndex = menuItems.indexOf(this.host);\n\n    // Get the text content from the slotted content\n    const content = this.host.textContent?.trim() || '';\n\n    this.pdsClick.emit({\n      itemIndex,\n      item: this.host,\n      content\n    });\n  }\n\n  @State() hasFocus: boolean = false;\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n  }\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n  }\n\n  private renderElement() {\n    if (this.href !== undefined) {\n      return (\n        <pds-link\n          download={this.download}\n          href={this.disabled ? null : this.href}\n          external={this.external}\n          target={this.target}\n          class={{\n            'pds-dropdown-menu-item__content': true,\n            'has-focus': this.hasFocus\n          }}\n          tabIndex={this.disabled ? -1 : 0}\n          onKeyDown={this.handleKeyDown}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          aria-disabled={this.disabled ? 'true' : null}\n        >\n          <slot></slot>\n        </pds-link>\n      );\n    }\n\n    return (\n      <button\n        class={{\n          'pds-dropdown-menu-item__content': true,\n          'has-focus': this.hasFocus\n        }}\n        tabIndex={this.disabled ? -1 : 0}\n        type=\"button\"\n        part=\"button\"\n        onKeyDown={this.handleKeyDown}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        disabled={this.disabled}\n        aria-disabled={this.disabled ? 'true' : null}\n      >\n        <slot></slot>\n      </button>\n    );\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    // Handle keyboard events\n    if (!this.disabled && (event.key === 'Enter')) {\n      // Only prevent default for button elements or Space key\n      // For links with Enter key, we want the default navigation behavior\n      if (!this.href) {\n        event.preventDefault();\n      }\n      this.handleClick();\n    }\n  }\n\n  render() {\n    return (\n      <Host id={this.componentId}\n        class={{ 'is-disabled': this.disabled, 'destructive': !this.disabled && this.destructive }}\n        onClick={() => !this.disabled && this.handleClick()}\n        role=\"none\"\n        tabIndex={-1}\n        aria-disabled={this.disabled ? 'true' : null}\n      >\n          {this.renderElement()}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-BtXGBfVh.system.js","sources":["src/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.scss?tag=pds-dropdown-menu-item&encapsulation=shadow","src/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.tsx"],"sourcesContent":[":host {\n  cursor: pointer;\n  display: flex;\n  width: 100%; /* Ensure the host takes full width */\n}\n\n/* Make the disabled styles more specific and add !important to ensure they apply */\n:host(.is-disabled) {\n  cursor: not-allowed !important;\n  opacity: 0.5 !important;\n\n  .pds-dropdown-menu-item__content {\n    cursor: not-allowed !important;\n    pointer-events: none !important;\n  }\n}\n\n.pds-dropdown-menu-item__content {\n  align-items: center;\n  appearance: none;\n  background: transparent;\n  border: 0;\n  border-radius: var(--pine-dimension-xs);\n  color: var(--pine-color-text);\n  display: flex;\n  flex-grow: 1; /* Make it grow to fill available space */\n  font: var(--pine-typography-body-medium);\n  gap: var(--pine-dimension-xs);\n  margin: calc(var(--pine-border-width) + 2px);\n  padding: var(--pine-dimension-xs);\n  text-align: start; /* Ensure text aligns properly */\n  width: 100%; /* Ensure full width */\n\n  &:hover {\n    background-color: var(--pine-color-background-muted);\n    color: var(--pine-color-text-hover);\n  }\n\n  /* Focus styles applied via class + browser focus */\n  &:focus,\n  &:focus-visible,\n  &.has-focus {\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n  }\n}\n\n:host(.destructive) {\n  .pds-dropdown-menu-item__content {\n    // Set context variables so pds-link's shadow DOM picks up the destructive colors\n    --pds-context-link-color: var(--pine-color-danger);\n    --pds-context-link-color-hover: var(--pine-color-danger-hover);\n\n    align-items: center;\n    color: var(--pine-color-danger);\n\n    &:hover {\n      background-color: var(--pine-color-danger-disabled);\n      color: var(--pine-color-danger-hover);\n    }\n\n    &:focus,\n    &:focus-visible,\n    &.has-focus {\n      background-color: var(--pine-color-danger-disabled);\n      outline: var(--pine-outline-focus-danger);\n      outline-offset: var(--pine-border-width);\n    }\n  }\n}\n\n/* Remove outline on contained links using the custom property */\npds-link::part(link):focus,\npds-link::part(link):focus-visible {\n  box-shadow: none;\n  outline: none;\n}\n\npds-link::part(link) {\n  align-items: center;\n  display: flex;\n  gap: var(--pine-dimension-xs);\n  margin: calc(var(--pine-dimension-xs) * -1);\n  padding: var(--pine-dimension-xs);\n  text-decoration: none;\n  width: calc(100% + var(--pine-dimension-xs) * 2);\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State } from '@stencil/core';\nimport type { BasePdsProps } from '@utils/interfaces';\n\n/**\n * @part button\n */\n@Component({\n  tag: 'pds-dropdown-menu-item',\n  styleUrl: 'pds-dropdown-menu-item.scss',\n  shadow: true,\n})\nexport class PdsDropdownMenuItem implements BasePdsProps {\n  @Element() host: HTMLPdsDropdownMenuItemElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * It determines whether or not the dropdown-item is destructive.\n   * @defaultValue false\n   */\n  @Prop() destructive: boolean = false;\n\n  /**\n   * It determines whether or not the dropdown-item is disabled.\n   * @defaultValue false\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n\n  /**\n   * Prompts the user to save the linked URL instead of navigating to it.\n   * It can be used without a value to download with the default filename,\n   * or with a string value to suggest a specific filename for the download.\n   * Only applies when href is set.\n   */\n  @Prop() download?: string;\n\n  /**\n   *  If provided, renders the dropdown-item as an anchor (`<a>`) element instead of a button.\n   */\n  @Prop() href: string | undefined;\n\n  /**\n   * Determines whether the link should open in a new tab and display an external icon.\n   * This is a simpler alternative to using `target=\"_blank\"` for the common case.\n   * @defaultValue false\n   */\n  @Prop({ reflect: true }) external: boolean = false;\n\n  /**\n   * Specifies where to open the linked document when href is provided.\n   * Takes precedence over the `external` prop if both are set.\n   * Only applies when href is set.\n   * @defaultValue undefined\n   */\n  @Prop({ reflect: true }) target?: '_blank' | '_self' | '_parent' | '_top';\n\n  /**\n   * Emitted when the dropdown-item is clicked.\n   *\n   */\n  @Event() pdsClick: EventEmitter<{itemIndex: number, item: HTMLPdsDropdownMenuItemElement, content: string}>;\n\n  /**\n   * Trigger the click event\n   */\n  @Method()\n  async clickItem() {\n    this.handleClick();\n  };\n\n\n  private handleClick() {\n    // Filter only pds-dropdown-menu-item elements and find the index of the current item\n    const menuItems = Array.from(this.host.parentNode.children).filter(\n      (child) => child.tagName.toLowerCase() === 'pds-dropdown-menu-item'\n    );\n    const itemIndex = menuItems.indexOf(this.host);\n\n    // Get the text content from the slotted content\n    const content = this.host.textContent?.trim() || '';\n\n    this.pdsClick.emit({\n      itemIndex,\n      item: this.host,\n      content\n    });\n  }\n\n  @State() hasFocus: boolean = false;\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n  }\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n  }\n\n  private renderElement() {\n    if (this.href !== undefined) {\n      return (\n        <pds-link\n          download={this.download}\n          href={this.disabled ? null : this.href}\n          external={this.external}\n          target={this.target}\n          class={{\n            'pds-dropdown-menu-item__content': true,\n            'has-focus': this.hasFocus\n          }}\n          tabIndex={this.disabled ? -1 : 0}\n          onKeyDown={this.handleKeyDown}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          aria-disabled={this.disabled ? 'true' : null}\n        >\n          <slot></slot>\n        </pds-link>\n      );\n    }\n\n    return (\n      <button\n        class={{\n          'pds-dropdown-menu-item__content': true,\n          'has-focus': this.hasFocus\n        }}\n        tabIndex={this.disabled ? -1 : 0}\n        type=\"button\"\n        part=\"button\"\n        onKeyDown={this.handleKeyDown}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        disabled={this.disabled}\n        aria-disabled={this.disabled ? 'true' : null}\n      >\n        <slot></slot>\n      </button>\n    );\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    // Handle keyboard events\n    if (!this.disabled && (event.key === 'Enter')) {\n      // Only prevent default for button elements or Space key\n      // For links with Enter key, we want the default navigation behavior\n      if (!this.href) {\n        event.preventDefault();\n      }\n      this.handleClick();\n    }\n  }\n\n  render() {\n    return (\n      <Host id={this.componentId}\n        class={{ 'is-disabled': this.disabled, 'destructive': !this.disabled && this.destructive }}\n        onClick={() => !this.disabled && this.handleClick()}\n        role=\"none\"\n        tabIndex={-1}\n        aria-disabled={this.disabled ? 'true' : null}\n      >\n          {this.renderElement()}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/pine-core/{p-BGDY9PLj.system.js.map → p-BuXqrZlE.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-BGDY9PLj.system.js","sources":["src/components/pds-container/pds-container.scss?tag=pds-container&encapsulation=shadow","src/components/pds-container/pds-container.tsx"],"sourcesContent":[":host {\n  display: block;\n  margin-inline: auto;\n  max-width: var(--pine-container-max-width, none);\n  width: 100%;\n}\n\n// Named size tokens — sm: 340px, md: 520px, lg: 700px, xl: 1064px, full: 1440px\n:host(.pds-container--sm) {\n  --pine-container-max-width: 340px;\n}\n\n:host(.pds-container--md) {\n  --pine-container-max-width: 520px;\n}\n\n:host(.pds-container--lg) {\n  --pine-container-max-width: 700px;\n}\n\n:host(.pds-container--xl) {\n  --pine-container-max-width: 1064px;\n}\n\n:host(.pds-container--full) {\n  --pine-container-max-width: 1440px;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\nconst NAMED_SIZES = new Set(['sm', 'md', 'lg', 'xl', 'full']);\n\n/**\n * @part container - The inner semantic container element\n */\n@Component({\n  tag: 'pds-container',\n  styleUrl: 'pds-container.scss',\n  shadow: true,\n})\nexport class PdsContainer {\n  /**\n   * Sets the maximum width of the container. Accepts a named size token\n   * (`'sm'` | `'md'` | `'lg'` | `'xl'` | `'full'`) or any valid CSS length value (e.g. `'640px'`, `'50rem'`).\n   * When omitted, no max-width is applied.\n   */\n  @Prop() size?: string;\n\n  /**\n   * Sets the semantic HTML tag rendered as the inner container element.\n   * @default 'div'\n   */\n  @Prop() tag: 'div' | 'main' | 'section' | 'article' = 'div';\n\n  /**\n   * If `true`, the container is centered horizontally using `margin-inline: auto`.\n   * @default true\n   */\n  @Prop() centered: boolean = true;\n\n  render() {\n    const Tag = this.tag;\n    const isNamed = this.size !== undefined && NAMED_SIZES.has(this.size);\n    const customSize = this.size !== undefined && !isNamed ? this.size : undefined;\n\n    const hostStyle: Record<string, string> = {};\n    if (customSize) hostStyle['--pine-container-max-width'] = customSize;\n    if (!this.centered) hostStyle['margin-inline'] = '0';\n\n    return (\n      <Host\n        class={{ [`pds-container--${this.size}`]: isNamed }}\n        style={Object.keys(hostStyle).length ? (hostStyle as any) : undefined}\n      >\n        <Tag part=\"container\">\n          <slot />\n        </Tag>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;MAAA,MAAM,eAAe,GAAG,+YAA+Y;;MCEva,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;YAUhD,YAAY,4BAAA,MAAA;MALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;MAaE;;;MAGG;MACK,QAAA,IAAG,CAAA,GAAA,GAA2C,KAAK;MAE3D;;;MAGG;MACK,QAAA,IAAQ,CAAA,QAAA,GAAY,IAAI;MAsBjC;UApBC,MAAM,GAAA;MACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG;MACpB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;cACrE,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS;cAE9E,MAAM,SAAS,GAA2B,EAAE;MAC5C,QAAA,IAAI,UAAU;MAAE,YAAA,SAAS,CAAC,4BAA4B,CAAC,GAAG,UAAU;cACpE,IAAI,CAAC,IAAI,CAAC,QAAQ;MAAE,YAAA,SAAS,CAAC,eAAe,CAAC,GAAG,GAAG;MAEpD,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE,EAAE,CAAC,CAAkB,eAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,OAAO,EAAE,EACnD,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAI,SAAiB,GAAG,SAAS,EAAA,EAErE,CAAA,CAAC,GAAG,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,WAAW,EAAA,EACnB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ,CACD;;;;;;;;;;;"}
+{"version":3,"file":"p-BuXqrZlE.system.js","sources":["src/components/pds-container/pds-container.scss?tag=pds-container&encapsulation=shadow","src/components/pds-container/pds-container.tsx"],"sourcesContent":[":host {\n  display: block;\n  margin-inline: auto;\n  max-width: var(--pine-container-max-width, none);\n  width: 100%;\n}\n\n// Named size tokens — sm: 340px, md: 520px, lg: 700px, xl: 1064px, full: 1440px\n:host(.pds-container--sm) {\n  --pine-container-max-width: 340px;\n}\n\n:host(.pds-container--md) {\n  --pine-container-max-width: 520px;\n}\n\n:host(.pds-container--lg) {\n  --pine-container-max-width: 700px;\n}\n\n:host(.pds-container--xl) {\n  --pine-container-max-width: 1064px;\n}\n\n:host(.pds-container--full) {\n  --pine-container-max-width: 1440px;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\nconst NAMED_SIZES = new Set(['sm', 'md', 'lg', 'xl', 'full']);\n\n/**\n * @part container - The inner semantic container element\n */\n@Component({\n  tag: 'pds-container',\n  styleUrl: 'pds-container.scss',\n  shadow: true,\n})\nexport class PdsContainer {\n  /**\n   * Sets the maximum width of the container. Accepts a named size token\n   * (`'sm'` | `'md'` | `'lg'` | `'xl'` | `'full'`) or any valid CSS length value (e.g. `'640px'`, `'50rem'`).\n   * When omitted, no max-width is applied.\n   */\n  @Prop() size?: string;\n\n  /**\n   * Sets the semantic HTML tag rendered as the inner container element.\n   * @default 'div'\n   */\n  @Prop() tag: 'div' | 'main' | 'section' | 'article' = 'div';\n\n  /**\n   * If `true`, the container is centered horizontally using `margin-inline: auto`.\n   * @default true\n   */\n  @Prop() centered: boolean = true;\n\n  render() {\n    const Tag = this.tag;\n    const isNamed = this.size !== undefined && NAMED_SIZES.has(this.size);\n    const customSize = this.size !== undefined && !isNamed ? this.size : undefined;\n\n    const hostStyle: Record<string, string> = {};\n    if (customSize) hostStyle['--pine-container-max-width'] = customSize;\n    if (!this.centered) hostStyle['margin-inline'] = '0';\n\n    return (\n      <Host\n        class={{ [`pds-container--${this.size}`]: isNamed }}\n        style={Object.keys(hostStyle).length ? (hostStyle as any) : undefined}\n      >\n        <Tag part=\"container\">\n          <slot />\n        </Tag>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;MAAA,MAAM,eAAe,GAAG,+YAA+Y;;MCEva,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;YAUhD,YAAY,4BAAA,MAAA;MALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;MAaE;;;MAGG;MACK,QAAA,IAAG,CAAA,GAAA,GAA2C,KAAK;MAE3D;;;MAGG;MACK,QAAA,IAAQ,CAAA,QAAA,GAAY,IAAI;MAsBjC;UApBC,MAAM,GAAA;MACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG;MACpB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;cACrE,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS;cAE9E,MAAM,SAAS,GAA2B,EAAE;MAC5C,QAAA,IAAI,UAAU;MAAE,YAAA,SAAS,CAAC,4BAA4B,CAAC,GAAG,UAAU;cACpE,IAAI,CAAC,IAAI,CAAC,QAAQ;MAAE,YAAA,SAAS,CAAC,eAAe,CAAC,GAAG,GAAG;MAEpD,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE,EAAE,CAAC,CAAkB,eAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,OAAO,EAAE,EACnD,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAI,SAAiB,GAAG,SAAS,EAAA,EAErE,CAAA,CAAC,GAAG,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,WAAW,EAAA,EACnB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ,CACD;;;;;;;;;;;"}