@pine-ds/core 3.4.1 → 3.4.3

package/dist/pine-core/p-3EWr6ZgL.system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-3EWr6ZgL.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  min-height: var(--sizing-min-height-box);\n  min-width: var(--sizing-min-width-box);\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-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-grey-300));\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// Gap helpers\n.pds-box-gap-none {\n  gap: 0;\n}\n\n.pds-box-gap-xxs {\n  gap: var(--pine-dimension-2xs);\n}\n\n.pds-box-gap-xs {\n  gap: var(--pine-dimension-xs);\n}\n\n.pds-box-gap-sm {\n  gap: var(--pine-dimension-sm);\n}\n\n.pds-box-gap-md {\n  gap: var(--pine-dimension-md);\n}\n\n.pds-box-gap-lg {\n  gap: var(--pine-dimension-lg);\n}\n\n.pds-box-gap-xl {\n  gap: var(--pine-dimension-xl);\n}\n\n.pds-box-gap-xxl {\n  gap: var(--pine-dimension-2xl);\n}\n\n// Margin helpers\n.pds-margin-block-start-xxs {\n  margin-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-margin-block-start-xs {\n  margin-block-start: var(--pine-dimension-xs);\n}\n\n.pds-margin-block-start-sm {\n  margin-block-start: var(--pine-dimension-sm);\n}\n\n.pds-margin-block-start-md {\n  margin-block-start: var(--pine-dimension-md);\n}\n\n.pds-margin-block-start-lg {\n  margin-block-start: var(--pine-dimension-lg);\n}\n\n.pds-margin-block-start-xl {\n  margin-block-start: var(--pine-dimension-xl);\n}\n\n.pds-margin-block-start-xxl {\n  margin-block-start: var(--pine-dimension-2xl);\n}\n\n.pds-margin-inline-start-none {\n  margin-inline-start: 0;\n}\n\n.pds-margin-inline-start-xxs {\n  margin-inline-start: var(--pine-dimension-2xs);\n}\n\n.pds-margin-inline-start-xs {\n  margin-inline-start: var(--pine-dimension-xs);\n}\n\n.pds-margin-inline-start-sm {\n  margin-inline-start: var(--pine-dimension-sm);\n}\n\n.pds-margin-inline-start-md {\n  margin-inline-start: var(--pine-dimension-md);\n}\n\n.pds-margin-inline-start-lg {\n  margin-inline-start: var(--pine-dimension-lg);\n}\n\n.pds-margin-inline-start-xl {\n  margin-inline-start: var(--pine-dimension-xl);\n}\n\n.pds-margin-inline-start-xxl {\n  margin-inline-start: var(--pine-dimension-2xl);\n}\n\n.pds-margin-inline-end-none {\n  margin-inline-end: 0;\n}\n\n.pds-margin-inline-end-xxs {\n  margin-inline-end: var(--pine-dimension-2xs);\n}\n\n.pds-margin-inline-end-xs {\n  margin-inline-end: var(--pine-dimension-xs);\n}\n\n.pds-margin-inline-end-sm {\n  margin-inline-end: var(--pine-dimension-sm);\n}\n\n.pds-margin-inline-end-md {\n  margin-inline-end: var(--pine-dimension-md);\n}\n\n.pds-margin-inline-end-lg {\n  margin-inline-end: var(--pine-dimension-lg);\n}\n\n.pds-margin-inline-end-xl {\n  margin-inline-end: var(--pine-dimension-xl);\n}\n\n.pds-margin-inline-end-xxl {\n  margin-inline-end: var(--pine-dimension-2xl);\n}\n\n.pds-margin-block-end-none {\n  margin-block-end: 0;\n}\n\n.pds-margin-block-end-xxs {\n  margin-block-end: var(--pine-dimension-2xs);\n}\n\n.pds-margin-block-end-xs {\n  margin-block-end: var(--pine-dimension-xs);\n}\n\n.pds-margin-block-end-sm {\n  margin-block-end: var(--pine-dimension-sm);\n}\n\n.pds-margin-block-end-md {\n  margin-block-end: var(--pine-dimension-md);\n}\n\n.pds-margin-block-end-lg {\n  margin-block-end: var(--pine-dimension-lg);\n}\n\n.pds-margin-block-end-xl {\n  margin-block-end: var(--pine-dimension-xl);\n}\n\n.pds-margin-block-end-xxl {\n  margin-block-end: var(--pine-dimension-2xl);\n}\n\n// Padding helpers\n.pds-padding-none {\n  padding: 0;\n}\n\n.pds-padding-xxs {\n  padding: var(--pine-dimension-2xs);\n}\n\n.pds-padding-xs {\n  padding: var(--pine-dimension-xs);\n}\n\n.pds-padding-sm {\n  padding: var(--pine-dimension-sm);\n}\n\n.pds-padding-md {\n  padding: var(--pine-dimension-md);\n}\n\n.pds-padding-lg {\n  padding: var(--pine-dimension-lg);\n}\n\n.pds-padding-xl {\n  padding: var(--pine-dimension-xl);\n}\n\n.pds-padding-xxl {\n  padding: var(--pine-dimension-2xl);\n}\n\n// Padding block start helpers\n.pds-padding-block-start-none {\n  padding-block-start: var(--pine-dimension-none);\n}\n\n.pds-padding-block-start-xxs {\n  padding-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-padding-block-start-xs {\n  padding-block-start: var(--pine-dimension-xs);\n}\n\n.pds-padding-block-start-sm {\n  padding-block-start: var(--pine-dimension-sm);\n}\n\n.pds-padding-block-start-md {\n  padding-block-start: var(--pine-dimension-md);\n}\n\n.pds-padding-block-start-lg {\n  padding-block-start: var(--pine-dimension-lg);\n}\n\n.pds-padding-block-start-xl {\n  padding-block-start: var(--pine-dimension-xl);\n}\n\n.pds-padding-block-start-xxl {\n  padding-block-start: var(--pine-dimension-2xl);\n}\n\n// Padding block end helpers\n.pds-padding-block-end-none {\n  padding-block-end: var(--pine-dimension-none);\n}\n\n.pds-padding-block-end-xxs {\n  padding-block-end: var(--pine-dimension-2xs);\n}\n\n.pds-padding-block-end-xs {\n  padding-block-end: var(--pine-dimension-xs);\n}\n\n.pds-padding-block-end-sm {\n  padding-block-end: var(--pine-dimension-sm);\n}\n\n.pds-padding-block-end-md {\n  padding-block-end: var(--pine-dimension-md);\n}\n\n.pds-padding-block-end-lg {\n  padding-block-end: var(--pine-dimension-lg);\n}\n\n.pds-padding-block-end-xl {\n  padding-block-end: var(--pine-dimension-xl);\n}\n\n.pds-padding-block-end-xxl {\n  padding-block-end: var(--pine-dimension-2xl);\n}\n\n// Padding inline start helpers\n.pds-padding-inline-start-none {\n  padding-inline-start: var(--pine-dimension-none);\n}\n\n.pds-padding-inline-start-xxs {\n  padding-inline-start: var(--pine-dimension-2xs);\n}\n\n.pds-padding-inline-start-xs {\n  padding-inline-start: var(--pine-dimension-xs);\n}\n\n.pds-padding-inline-start-sm {\n  padding-inline-start: var(--pine-dimension-sm);\n}\n\n.pds-padding-inline-start-md {\n  padding-inline-start: var(--pine-dimension-md);\n}\n\n.pds-padding-inline-start-lg {\n  padding-inline-start: var(--pine-dimension-lg);\n}\n\n.pds-padding-inline-start-xl {\n  padding-inline-start: var(--pine-dimension-xl);\n}\n\n.pds-padding-inline-start-xxl {\n  padding-inline-start: var(--pine-dimension-2xl);\n}\n\n// Padding inline end helpers\n.pds-padding-inline-end-none {\n  padding-inline-end: var(--pine-dimension-none);\n}\n\n.pds-padding-inline-end-xxs {\n  padding-inline-end: var(--pine-dimension-2xs);\n}\n\n.pds-padding-inline-end-xs {\n  padding-inline-end: var(--pine-dimension-xs);\n}\n\n.pds-padding-inline-end-sm {\n  padding-inline-end: var(--pine-dimension-sm);\n}\n\n.pds-padding-inline-end-md {\n  padding-inline-end: var(--pine-dimension-md);\n}\n\n.pds-padding-inline-end-lg {\n  padding-inline-end: var(--pine-dimension-lg);\n}\n\n.pds-padding-inline-end-xl {\n  padding-inline-end: var(--pine-dimension-xl);\n}\n\n.pds-padding-inline-end-xxl {\n  padding-inline-end: var(--pine-dimension-2xl);\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// Justify Content helpers\n.pds-justify-content-start {\n  justify-content: start;\n}\n\n.pds-justify-content-center {\n  justify-content: center;\n}\n\n.pds-justify-content-end {\n  justify-content: end;\n}\n\n.pds-justify-content-space-between {\n  justify-content: space-between;\n}\n\n.pds-justify-content-space-around {\n  justify-content: space-around;\n}\n\n.pds-justify-content-space-evenly {\n  justify-content: space-evenly;\n}\n\n// Align Items helpers\n.pds-align-items-start {\n  align-items: start;\n}\n\n.pds-align-items-center {\n  align-items: center;\n}\n\n.pds-align-items-end {\n  align-items: end;\n}\n\n.pds-align-items-stretch {\n  align-items: stretch;\n}\n\n.pds-align-items-baseline {\n  align-items: baseline;\n}\n\n// Align Self helpers\n.pds-align-self-start {\n  align-self: start;\n}\n\n.pds-align-self-center {\n  align-self: center;\n}\n\n.pds-align-self-end {\n  align-self: end;\n}\n\n.pds-align-self-baseline {\n  align-self: baseline;\n}\n\n.pds-align-self-stretch {\n  align-self: stretch;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\nimport { BoxColumnType, BoxTShirtSizeType, 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 start\n  */\n  @Prop() alignItems?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container.\n   * @defaultValue start\n  */\n  @Prop() alignSelf?: `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   *  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   * Defines the spacing between the box items.\n   * @defaultValue none\n  */\n  @Prop() gap?: BoxTShirtSizeType;\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`;\n\n  /**\n   * Defines the box's outer top spacing.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStart?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer left spacing.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStart?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer right spacing.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEnd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer bottom spacing.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEnd?: BoxTShirtSizeType;\n\n  /**\n   * The minimum height of the row. Used in conjunction with alignment props\n   */\n  @Prop() minHeight?: string;\n\n  /**\n   * The minimum width of the row. Used in conjunction with alignment props\n   */\n  @Prop() 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?: BoxTShirtSizeType;\n\n\n  /**\n   * Defines the top spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStart?: BoxTShirtSizeType;\n\n  /**\n   * Defines the bottom spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEnd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the left spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStart?: BoxTShirtSizeType;\n\n  /**\n   * Defines the right spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEnd?: BoxTShirtSizeType;\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.alignSelf !== undefined && this.alignSelf.trim() !== '' ? `pds-align-self-${this.alignSelf}` : ''}\n    ${this.auto ? 'pds-box--auto' : ''}\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.gap !== undefined && this.gap.trim() !== '' ? `pds-box-gap-${this.gap}` : ''}\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.marginBlockStart !== undefined && this.marginBlockStart.trim() !== '' ? `pds-margin-block-start-${this.marginBlockStart}` : ''}\n    ${this.marginInlineStart !== undefined && this.marginInlineStart.trim() !== '' ? `pds-margin-inline-start-${this.marginInlineStart}` : ''}\n    ${this.marginInlineEnd !== undefined && this.marginInlineEnd.trim() !== '' ? `pds-margin-inline-end-${this.marginInlineEnd}` : ''}\n    ${this.marginBlockEnd !== undefined && this.marginBlockEnd.trim() !== '' ? `pds-margin-block-end-${this.marginBlockEnd}` : ''}\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.paddingBlockStart !== undefined && this.paddingBlockStart.trim() !== '' ? `pds-padding-block-start-${this.paddingBlockStart}` : ''}\n    ${this.paddingBlockEnd !== undefined && this.paddingBlockEnd.trim() !== '' ? `pds-padding-block-end-${this.paddingBlockEnd}` : ''}\n    ${this.paddingInlineStart !== undefined && this.paddingInlineStart.trim() !== '' ? `pds-padding-inline-start-${this.paddingInlineStart}` : ''}\n    ${this.paddingInlineEnd !== undefined && this.paddingInlineEnd.trim() !== '' ? `pds-padding-inline-end-${this.paddingInlineEnd}` : ''}\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-4a658a86.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-B_C-mRjx.system.js","./p-BG6uGRQj.system.js","./p-DiBM9O5Q.system.js"],(function(r){"use strict";var o,t,e,n,i,a,d;return{setters:[function(r){o=r.r;t=r.c;e=r.h;n=r.H;i=r.g},function(r){a=r.h},function(r){d=r.b}],execute:function(){var s=":host{--pds-button-background:var(--color-background-default);--pds-button-border:var(--pine-border);--pds-button-border-radius:var(--pine-border-radius-full);--pds-button-border-radius-start-end:var(--pine-border-radius-full);--pds-button-border-radius-start-start:var(--pine-border-radius-full);--pds-button-border-radius-end-end:var(--pine-border-radius-full);--pds-button-border-radius-end-start:var(--pine-border-radius-full);--pds-button-min-height:var(--pine-dimension-450);--color-border-default:transparent;--color-border-disabled:transparent;--color-border-focus:transparent;--color-border-hover:transparent;--button-loader-color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host([full-width=true]){display:-ms-flexbox;display:flex;width:100%}:host([full-width=true]) a,:host([full-width=true]) button{-ms-flex-pack:center;justify-content:center;width:100%}:host([full-width=true]) .pds-button__content{-ms-flex-pack:center;justify-content:center;text-align:center}:host([loading=true]){cursor:wait;pointer-events:none}:host([disabled=true]){pointer-events:none}.pds-button{--pds-loader-color:var(--color-text-default);-ms-flex-align:center;align-items:center;background-color:var(--pds-button-background, var(--color-background-default));border:var(--pds-button-border);border-color:var(--color-border-default);border-end-end-radius:var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));border-end-start-radius:var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));border-radius:var(--pds-button-border-radius);border-start-end-radius:var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));border-start-start-radius:var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-brand-label);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-button-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);position:relative;text-decoration:none}.pds-button pds-icon{color:currentColor;fill:currentColor}.pds-button:hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover)}.pds-button:focus-visible{border-color:var(--color-border-focus);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-button:disabled{background-color:var(--color-background-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled);pointer-events:none}.pds-button--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-button--secondary,.pds-button--disclosure{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-default:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--unstyled{--color-background-default:transparent;--color-background-hover:transparent;--color-background-disabled:transparent;--color-text-default:inherit;--button-loader-color:inherit;border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}.pds-button__content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-xs);position:relative;width:100%}.pds-button__icon{display:-ms-inline-flexbox;display:inline-flex}.pds-button__text{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}.pds-button__icon--hidden,.pds-button__text--hidden{opacity:0}.pds-button__loader{height:var(--pine-dimension-250);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--pine-dimension-250)}.pds-button--loading{cursor:wait;pointer-events:none}.pds-button--loading .pds-button__loader pds-loader{--loader-color:var(--button-loader-color)}.pds-button--icon-only{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);height:var(--button-dimension);-ms-flex-pack:center;justify-content:center;min-height:var(--button-dimension);min-width:var(--button-dimension);padding:var(--pine-dimension-xs);width:var(--button-dimension)}.pds-button--icon-only .pds-button__content{height:100%;-ms-flex-pack:center;justify-content:center;width:100%}.pds-button--icon-only .pds-button__text--hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";var l=r("pds_button",function(){function r(r){var e=this;o(this,r);this.pdsClick=t(this,"pdsClick");this.disabled=false;this.fullWidth=false;this.icon=null;this.iconOnly=false;this.loading=false;this.type="button";this.variant="primary";this.handleClick=function(r){if(e.loading){r.preventDefault();return}if(!e.href&&e.type!="button"){if(a(e.el)){var o=e.el.closest("form");if(o){r.preventDefault();var t=document.createElement("button");t.type=e.type;t.style.display="none";o.appendChild(t);t.click();t.remove()}}}e.pdsClick.emit(r)}}r.prototype.classNames=function(){var r=["pds-button"];if(this.variant){r.push("pds-button--"+this.variant)}if(this.iconOnly){r.push("pds-button--icon-only")}if(this.loading){r.push("pds-button--loading")}return r.join(" ")};r.prototype.hasSlotContent=function(r){var o=this.el.querySelectorAll('[slot="'.concat(r,'"]'));return o.length>0};r.prototype.renderStartContent=function(){var r=this.icon&&this.variant!=="disclosure";var o=this.hasSlotContent("start");if(Boolean(r)){return e("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",name:this.icon,part:"icon","aria-hidden":"true"})}else if(Boolean(o)){return e("span",{class:"pds-button__icon ".concat(this.loading?"pds-button__icon--hidden":"")},e("slot",{name:"start"}))}return null};r.prototype.renderEndContent=function(){if(this.iconOnly){return null}if(this.variant==="disclosure"){return e("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:d,part:"caret","aria-hidden":"true"})}else if(this.hasSlotContent("end")){return e("span",{class:"pds-button__icon ".concat(this.loading?"pds-button__icon--hidden":"")},e("slot",{name:"end"}))}return null};r.prototype.render=function(){var r=this;var o={class:this.classNames(),part:"button"};var t=function(){if(r.href){return Object.assign(Object.assign({},o),{href:r.disabled?null:r.href,target:r.target})}return Object.assign(Object.assign({},o),{"aria-busy":r.loading?"true":null,"aria-live":r.loading?"polite":null,disabled:r.disabled,name:r.name,type:r.type,value:r.value})};var i=this.href?"a":"button";var a=this.loading||this.iconOnly;var d=e("div",{class:"pds-button__content",part:"button-content"},this.renderStartContent(),e("span",{class:"pds-button__text ".concat(a?"pds-button__text--hidden":""),part:"button-text"},e("slot",null)),this.loading&&e("span",{class:"pds-button__loader"},e("pds-loader",{"is-loading":true,size:"var(--pine-font-size-body-2xl)",variant:"spinner"},"Loading...")),this.renderEndContent());return e(n,{"aria-disabled":this.disabled?"true":null,id:this.componentId,onClick:this.handleClick,variant:this.variant},e(i,Object.assign({},t()),d))};Object.defineProperty(r.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return r}());l.style=s}}}));
+//# sourceMappingURL=p-4a658a86.system.entry.js.map

package/dist/pine-core/p-4a658a86.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsButtonCss","PdsButton","exports","class_1","hostRef","_this","this","disabled","fullWidth","icon","iconOnly","loading","type","variant","handleClick","ev","preventDefault","href","hasShadowDom","el","form","closest","fakeButton","document","createElement","style","display","appendChild","click","remove","pdsClick","emit","prototype","classNames","push","join","hasSlotContent","slotName","elements","querySelectorAll","concat","length","renderStartContent","hasIcon","hasStartSlot","Boolean","h","class","name","part","renderEndContent","caretDown","render","commonProps","attributes","Object","assign","target","value","ContentElement","hideText","content","size","Host","id","componentId","onClick"],"sources":["src/components/pds-button/pds-button.scss?tag=pds-button&encapsulation=shadow","src/components/pds-button/pds-button.tsx"],"sourcesContent":[":host {\n  --pds-button-background: var(--color-background-default);\n  --pds-button-border: var(--pine-border);\n  --pds-button-border-radius: var(--pine-border-radius-full);\n  --pds-button-border-radius-start-end: var(--pine-border-radius-full);\n  --pds-button-border-radius-start-start: var(--pine-border-radius-full);\n  --pds-button-border-radius-end-end: var(--pine-border-radius-full);\n  --pds-button-border-radius-end-start: var(--pine-border-radius-full);\n  --pds-button-min-height: var(--pine-dimension-450);\n  --color-border-default: transparent;\n  --color-border-disabled: transparent;\n  --color-border-focus: transparent;\n  --color-border-hover: transparent;\n  --button-loader-color: var(--color-text-default);\n\n  display: inline-flex;\n  vertical-align: middle;\n}\n\n:host([full-width=\"true\"]) {\n  display: flex;\n  width: 100%;\n\n  a,\n  button {\n    justify-content: center;\n    width: 100%;\n  }\n\n  .pds-button__content {\n    justify-content: center;\n    text-align: center;\n  }\n}\n\n:host([loading=\"true\"]) {\n  cursor: wait;\n  pointer-events: none;\n}\n\n:host([disabled=\"true\"]) {\n  pointer-events: none;\n}\n\n.pds-button {\n  --pds-loader-color: var(--color-text-default);\n  align-items: center;\n  background-color: var(--pds-button-background, var(--color-background-default));\n  border: var(--pds-button-border);\n  border-color: var(--color-border-default);\n  border-end-end-radius: var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));\n  border-end-start-radius: var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));\n  border-radius: var(--pds-button-border-radius);\n  border-start-end-radius: var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));\n  border-start-start-radius: var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));\n  box-sizing: border-box;\n  color: var(--color-text-default);\n  cursor: pointer;\n  display: flex;\n  font: var(--pine-typography-body-brand-label);\n  letter-spacing: var(--pine-letter-spacing);\n  min-height: var(--pds-button-min-height);\n  padding: calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);\n  position: relative;\n  text-decoration: none;\n\n  pds-icon {\n    color: currentColor;\n    fill: currentColor;\n  }\n\n  &:hover {\n    background-color: var(--color-background-hover);\n    border-color: var(--color-border-hover);\n  }\n\n  &:focus-visible {\n    border-color: var(--color-border-focus);\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n  }\n\n  &:disabled {\n    background-color: var(--color-background-disabled);\n    border-color: var(--color-border-disabled);\n    color: var(--color-text-disabled);\n    pointer-events: none;\n  }\n}\n\n.pds-button--primary {\n  --color-background-default: var(--pine-color-primary);\n  --color-background-hover: var(--pine-color-primary-hover);\n  --color-background-disabled: var(--pine-color-primary-disabled);\n  --color-border-default: var(--pine-color-primary);\n  --color-border-hover: var(--pine-color-primary-hover);\n  --color-text-default: var(--pine-color-text-primary);\n  --color-text-disabled: var(--pine-color-text-primary-disabled);\n  --color-outline: var(--pine-color-focus-ring);\n  --button-loader-color: var(--pine-color-text-primary);\n}\n\n.pds-button--accent {\n  --color-background-default: var(--pine-color-accent);\n  --color-background-hover: var(--pine-color-accent-hover);\n  --color-background-disabled: var(--pine-color-accent-disabled);\n  --color-border-default: var(--pine-color-accent);\n  --color-border-hover: var(--pine-color-accent-hover);\n  --color-text-default: var(--pine-color-text-primary);\n  --color-text-disabled: var(--pine-color-text-accent-disabled);\n  --color-outline: var(--pine-color-focus-ring);\n  --button-loader-color: var(--pine-color-text-primary);\n}\n\n.pds-button--destructive {\n  --color-background-default: var(--pine-color-danger);\n  --color-background-hover: var(--pine-color-danger-hover);\n  --color-background-disabled: var(--pine-color-danger-disabled);\n  --color-border-default: var(--pine-color-danger);\n  --color-border-hover: var(--pine-color-danger-hover);\n  --color-text-default: var(--pine-color-text-primary);\n  --color-text-disabled: var(--pine-color-text-danger-disabled);\n  --color-outline: var(--pine-color-focus-ring-danger);\n  --button-loader-color: var(--pine-color-text-primary);\n\n  &:focus-visible {\n    outline-color: var(--pine-color-focus-ring-danger);\n  }\n}\n\n.pds-button--secondary,\n.pds-button--disclosure {\n  --color-background-default: var(--pine-color-secondary);\n  --color-background-hover: var(--pine-color-secondary-hover);\n  --color-background-disabled: var(--pine-color-secondary-disabled);\n  --color-border-disabled: var(--pine-color-border-disabled);\n  --color-border-focus: var(--pine-color-border);\n  --color-border-hover: var(--pine-color-border-hover);\n  --color-border-default: var(--pine-color-border);\n  --color-text-default: var(--pine-color-text-secondary);\n  --color-text-disabled: var(--pine-color-text-secondary-disabled);\n  --color-outline: var(--pine-color-focus-ring);\n  --button-loader-color: var(--pine-color-text-secondary);\n\n  &:hover {\n    background-color: var(--pine-color-secondary-hover);\n  }\n}\n\n.pds-button--unstyled {\n  --color-background-default: transparent;\n  --color-background-hover: transparent;\n  --color-background-disabled: transparent;\n  --color-text-default: inherit;\n  --button-loader-color: inherit;\n  border-width: var(--pine-dimension-none);\n  margin: var(--pine-dimension-none);\n  min-height: auto;\n  padding: var(--pine-dimension-none);\n  width: inherit;\n}\n\n.pds-button__content {\n  align-items: center;\n  display: inline-flex;\n  gap: var(--pine-dimension-xs);\n  position: relative;\n  width: 100%;\n}\n\n.pds-button__icon {\n  display: inline-flex;\n}\n\n.pds-button__text {\n  align-items: center;\n  display: inline-flex;\n  white-space: nowrap;\n}\n\n.pds-button__icon--hidden,\n.pds-button__text--hidden {\n  opacity: 0;\n}\n\n.pds-button__loader {\n  height: var(--pine-dimension-250);\n  left: 50%;\n  position: absolute;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: var(--pine-dimension-250);\n}\n\n.pds-button--loading {\n  cursor: wait;\n  pointer-events: none;\n\n  .pds-button__loader {\n    pds-loader {\n      --loader-color: var(--button-loader-color);\n    }\n  }\n}\n\n.pds-button--icon-only {\n  align-items: center;\n  border-radius: var(--pine-border-radius-full);\n  height: var(--button-dimension);\n  justify-content: center;\n  min-height: var(--button-dimension);\n  min-width: var(--button-dimension);\n  padding: var(--pine-dimension-xs);\n  width: var(--button-dimension);\n\n  .pds-button__content {\n    height: 100%;\n    justify-content: center;\n    width: 100%;\n  }\n\n  .pds-button__text--hidden {\n    border: 0;\n    clip: rect(0 0 0 0);\n    clip-path: polygon(0 0, 0 0, 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Prop } from '@stencil/core';\nimport { hasShadowDom } from '../../utils/utils';\n\nimport { caretDown } from '@pine-ds/icons/icons';\n\n/**\n * @part button - Exposes the button element for styling.\n * @part button-content - Exposes the button content for styling.\n * @part button-text - Exposes the button text for styling.\n * @part caret - Exposes the caret icon component for styling. Appears only on the disclosure variant.\n * @part icon - Exposes the icon component for styling.\n * @slot (default) - Button text.\n * @slot start - Content to display before the button text.\n * @slot end - Content to display after the button text.\n*/\n\n@Component({\n  tag: 'pds-button',\n  styleUrls: ['pds-button.scss'],\n  shadow: true,\n})\nexport class PdsButton {\n  @Element() el: HTMLPdsButtonElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines the button's disabled state.\n   * @defaultValue false\n   */\n  @Prop() disabled? = false;\n\n  /**\n   * Determines if the button should take up the full width of its container.\n   * @defaultValue false\n   */\n  @Prop() fullWidth? = false;\n\n  /**\n   * If provided, renders the component as an anchor (`<a>`) element instead of a button.\n   * When using href, button-specific props (type, name, value, loading) will be ignored.\n   */\n  @Prop() href?: string;\n\n  /**\n   * Displays a leading icon in the button. DEPRECATED.\n   * @defaultValue null\n   * @deprecated Use `start` slot instead.\n   */\n  @Prop() icon?: string = null;\n\n  /**\n   * When true, displays only the icon and visually hides the text (keeping it accessible).\n   */\n  @Prop() iconOnly? = false;\n\n  /**\n   * Determines if the button is in a loading state.\n   * When true, displays a loader and hides the button text.\n   * @defaultValue false\n   */\n  @Prop() loading? = false;\n\n  /**\n   * Provides the button with a submittable name.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Specifies where to open the linked document when href is provided.\n   * Only applies when href is set.\n   */\n  @Prop() target?: '_blank' | '_self' | '_parent' | '_top';\n\n  /**\n   * Provides button with a type.\n   * @defaultValue button\n   */\n  @Prop() type?: 'button' | 'reset' | 'submit' = 'button';\n\n  /**\n   * Provides button with a submittable value\n   */\n  @Prop() value?: string;\n\n  /**\n   * Sets the style variant of the button.\n   * @defaultValue primary\n   */\n  @Prop() variant: 'primary' | 'secondary' | 'accent' | 'disclosure' | 'destructive' | 'unstyled' = 'primary';\n\n  @Event() pdsClick: EventEmitter;\n\n  private handleClick = (ev: Event) => {\n    if (this.loading) {\n      ev.preventDefault();\n      return;\n    }\n\n    if (!this.href && this.type != 'button') {\n      // If button clicked IS NOT associated with a form\n      if (hasShadowDom(this.el)) {\n        const form = this.el.closest('form');\n        if (form) {\n          ev.preventDefault();\n\n          const fakeButton = document.createElement('button');\n          fakeButton.type = this.type;\n          fakeButton.style.display = 'none';\n          form.appendChild(fakeButton);\n          fakeButton.click();\n          fakeButton.remove();\n        }\n      }\n    }\n    this.pdsClick.emit(ev);\n  };\n\n  private classNames() {\n    const classNames = ['pds-button'];\n\n    if (this.variant) {\n      classNames.push('pds-button--' + this.variant);\n    }\n\n    if (this.iconOnly) {\n      classNames.push('pds-button--icon-only');\n    }\n\n    if (this.loading) {\n      classNames.push('pds-button--loading');\n    }\n\n    return classNames.join(' ');\n  }\n\n  private hasSlotContent(slotName: string): boolean {\n    const elements = this.el.querySelectorAll(`[slot=\"${slotName}\"]`);\n    return elements.length > 0;\n  }\n\n  private renderStartContent() {\n    const hasIcon = this.icon && this.variant !== 'disclosure';\n    const hasStartSlot = this.hasSlotContent('start');\n\n    if (Boolean(hasIcon)) {\n      return (\n        <pds-icon class={this.loading ? 'pds-button__icon--hidden' : ''} name={this.icon} part=\"icon\" aria-hidden=\"true\"></pds-icon>\n      );\n    } else if (Boolean(hasStartSlot)) {\n      return <span class={`pds-button__icon ${this.loading ? 'pds-button__icon--hidden' : ''}`}><slot name=\"start\" /></span>;\n    }\n\n    return null;\n  }\n\n  private renderEndContent() {\n    if (this.iconOnly) {\n      return null;\n    }\n\n    if (this.variant === 'disclosure') {\n      return (\n        <pds-icon class={this.loading ? 'pds-button__icon--hidden' : ''} icon={caretDown} part=\"caret\" aria-hidden=\"true\"></pds-icon>\n      );\n    } else if (this.hasSlotContent('end')) {\n      return <span class={`pds-button__icon ${this.loading ? 'pds-button__icon--hidden' : ''}`}><slot name=\"end\" /></span>;\n    }\n\n    return null;\n  }\n\n  render() {\n    // Common props for both button and anchor elements\n    const commonProps = {\n      class: this.classNames(),\n      part: 'button',\n    };\n\n    const attributes = () => {\n      if (this.href) {\n        return {\n          // Anchor element props\n          ...commonProps,\n          href: this.disabled ? null : this.href,\n          target: this.target,\n        };\n      }\n\n      return {\n        // Button element props\n        ...commonProps,\n        'aria-busy': this.loading ? 'true' : null,\n        'aria-live': this.loading ? 'polite' : null,\n        'disabled': this.disabled,\n        'name': this.name,\n        'type': this.type,\n        'value': this.value,\n      };\n    };\n\n    const ContentElement = this.href ? 'a' : 'button';\n\n    // Hide text when loading or iconOnly is true\n    const hideText = this.loading || this.iconOnly;\n\n    const content = (\n      <div class=\"pds-button__content\" part=\"button-content\">\n        {this.renderStartContent()}\n\n        <span class={`pds-button__text ${hideText ? 'pds-button__text--hidden' : ''}`} part=\"button-text\">\n          <slot />\n        </span>\n\n        {this.loading && (\n          <span class=\"pds-button__loader\">\n            <pds-loader is-loading={true} size=\"var(--pine-font-size-body-2xl)\" variant=\"spinner\">\n              Loading...\n            </pds-loader>\n          </span>\n        )}\n\n        {this.renderEndContent()}\n      </div>\n    );\n\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n        id={this.componentId}\n        onClick={this.handleClick}\n        variant={this.variant}\n      >\n        <ContentElement {...attributes()}>\n          {content}\n        </ContentElement>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pine-core/p-65275835.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-B_C-mRjx.system.js","./p-BG6uGRQj.system.js"],(function(i){"use strict";var n,e,s,d;return{setters:[function(i){n=i.r;e=i.h;s=i.H},function(i){d=i.n}],execute:function(){var a="pds-box{--border-width-default:var(--pine-border-width-thin);--color-background-box:inherit;--color-border-box:inherit;display:block}[class*=pds-box]{background-color:var(--color-background-box);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;min-height:var(--sizing-min-height-box);min-width:var(--sizing-min-width-box)}.pds-row>[class*=pds-box]{position:relative;width:100%}.pds-row>[class*=pds-box].pds-box--auto{width:auto}.pds-spacing-xxs{margin:4px}.pds-spacing-xs{margin:8px}.pds-spacing-sm{margin:16px}.pds-spacing-md{margin:24px}.pds-spacing-lg{margin:36px}.pds-spacing-xl{margin:48px}.pds-spacing-xxl{margin:64px}.pds-spacing-top-xxs{-webkit-margin-before:4px;margin-block-start:4px}.pds-spacing-top-xs{-webkit-margin-before:8px;margin-block-start:8px}.pds-spacing-top-sm{-webkit-margin-before:16px;margin-block-start:16px}.pds-spacing-top-md{-webkit-margin-before:24px;margin-block-start:24px}.pds-spacing-top-lg{-webkit-margin-before:36px;margin-block-start:36px}.pds-spacing-top-xl{-webkit-margin-before:48px;margin-block-start:48px}.pds-spacing-top-xxl{-webkit-margin-before:64px;margin-block-start:64px}.pds-spacing-right-xxs{-webkit-margin-end:4px;margin-inline-end:4px}.pds-spacing-right-xs{-webkit-margin-end:8px;margin-inline-end:8px}.pds-spacing-right-sm{-webkit-margin-end:16px;margin-inline-end:16px}.pds-spacing-right-md{-webkit-margin-end:24px;margin-inline-end:24px}.pds-spacing-right-lg{-webkit-margin-end:36px;margin-inline-end:36px}.pds-spacing-right-xl{-webkit-margin-end:48px;margin-inline-end:48px}.pds-spacing-right-xxl{-webkit-margin-end:64px;margin-inline-end:64px}.pds-spacing-left-xxs{-webkit-margin-start:4px;margin-inline-start:4px}.pds-spacing-left-xs{-webkit-margin-start:8px;margin-inline-start:8px}.pds-spacing-left-sm{-webkit-margin-start:16px;margin-inline-start:16px}.pds-spacing-left-md{-webkit-margin-start:24px;margin-inline-start:24px}.pds-spacing-left-lg{-webkit-margin-start:36px;margin-inline-start:36px}.pds-spacing-left-xl{-webkit-margin-start:48px;margin-inline-start:48px}.pds-spacing-left-xxl{-webkit-margin-start:64px;margin-inline-start:64px}.pds-spacing-bottom-xxs{-webkit-margin-after:4px;margin-block-end:4px}.pds-spacing-bottom-xs{-webkit-margin-after:8px;margin-block-end:8px}.pds-spacing-bottom-sm{-webkit-margin-after:16px;margin-block-end:16px}.pds-spacing-bottom-md{-webkit-margin-after:24px;margin-block-end:24px}.pds-spacing-bottom-lg{-webkit-margin-after:36px;margin-block-end:36px}.pds-spacing-bottom-xl{-webkit-margin-after:48px;margin-block-end:48px}.pds-spacing-bottom-xxl{-webkit-margin-after:64px;margin-block-end:64px}.pds-box-offset-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-12{-webkit-margin-start:100%;margin-inline-start:100%}@media (max-width: 575px){.pds-box-offset-xs-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-xs-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-xs-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-xs-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-xs-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-xs-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-xs-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-xs-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-xs-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-xs-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-xs-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-xs-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-xs-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 576px){.pds-box-offset-sm-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-sm-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-sm-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-sm-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-sm-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-sm-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-sm-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-sm-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-sm-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-sm-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-sm-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-sm-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-sm-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 768px){.pds-box-offset-md-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-md-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-md-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-md-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-md-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-md-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-md-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-md-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-md-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-md-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-md-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-md-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-md-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 992px){.pds-box-offset-lg-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-lg-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-lg-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-lg-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-lg-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-lg-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-lg-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-lg-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-lg-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-lg-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-lg-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-lg-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-lg-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 1200px){.pds-box-offset-xl-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-xl-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-xl-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-xl-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-xl-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-xl-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-xl-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-xl-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-xl-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-xl-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-xl-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-xl-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-xl-12{-webkit-margin-start:100%;margin-inline-start:100%}}.pds-box-0{display:none}.pds-box-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}@media (max-width: 575px){.pds-box-xs-0{display:none}.pds-box-xs-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-xs-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-xs-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-xs-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-xs-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-xs-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-xs-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-xs-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-xs-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-xs-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-xs-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-xs-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 576px){.pds-box-sm-0{display:none}.pds-box-sm-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-sm-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-sm-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-sm-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-sm-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-sm-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-sm-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-sm-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-sm-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-sm-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-sm-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-sm-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 768px){.pds-box-md-0{display:none}.pds-box-md-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-md-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-md-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-md-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-md-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-md-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-md-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-md-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-md-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-md-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-md-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-md-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 992px){.pds-box-lg-0{display:none}.pds-box-lg-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-lg-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-lg-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-lg-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-lg-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-lg-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-lg-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-lg-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-lg-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-lg-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-lg-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-lg-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 1200px){.pds-box-xl-0{display:none}.pds-box-xl-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-xl-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-xl-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-xl-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-xl-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-xl-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-xl-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-xl-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-xl-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-xl-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-xl-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-xl-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}.pds-box{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}.pds-box--auto{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}.pds-box--fit{max-width:100%;min-width:100%;width:100%}.pds-box--border{border-color:var(--color-border-box, var(--pine-color-grey-300));border-style:solid;border-width:var(--border-width-default)}.pds-box--display-flex{display:-ms-flexbox;display:flex}.pds-box--display-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.pds-box--display-block{display:block}.pds-box--display-inline-block{display:inline-block}.pds-box--flex-none{-ms-flex:0 0 auto;flex:0 0 auto}.pds-box--flex-grow{-ms-flex:1 1 auto;flex:1 1 auto}.pds-box--flex-shrink{-ms-flex:0 0 auto;flex:0 0 auto}.pds-border-radius-none{border-radius:0}.pds-border-radius-xs{border-radius:var(--pine-dimension-2xs)}.pds-border-radius-sm{border-radius:var(--pine-dimension-xs)}.pds-border-radius-md{border-radius:var(--pine-dimension-125)}.pds-border-radius-lg{border-radius:var(--pine-dimension-sm)}.pds-border-radius-circle{border-radius:var(--pine-border-radius-full)}.pds-shadow-050{-webkit-box-shadow:var(--pine-box-shadow-050);box-shadow:var(--pine-box-shadow-050)}.pds-shadow-100{-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100)}.pds-shadow-150{-webkit-box-shadow:var(--pine-box-shadow-150);box-shadow:var(--pine-box-shadow-150)}.pds-shadow-200{-webkit-box-shadow:var(--pine-box-shadow-200);box-shadow:var(--pine-box-shadow-200)}.pds-shadow-300{-webkit-box-shadow:var(--pine-box-shadow-300);box-shadow:var(--pine-box-shadow-300)}.pds-shadow-400{-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400)}.pds-shadow-500{-webkit-box-shadow:var(--pine-box-shadow-500);box-shadow:var(--pine-box-shadow-500)}.pds-shadow-xs{-webkit-box-shadow:var(--pine-box-shadow-050);box-shadow:var(--pine-box-shadow-050)}.pds-shadow-sm{-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100)}.pds-shadow-md{-webkit-box-shadow:var(--pine-box-shadow-150);box-shadow:var(--pine-box-shadow-150)}.pds-shadow-lg{-webkit-box-shadow:var(--pine-box-shadow-200);box-shadow:var(--pine-box-shadow-200)}.pds-box-gap-none{gap:0}.pds-box-gap-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-md{gap:var(--pine-dimension-md)}.pds-box-gap-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-xxl{gap:var(--pine-dimension-2xl)}.pds-margin-block-start-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-block-start-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-block-start-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-block-start-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-block-start-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-block-start-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-block-start-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-start-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-start-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-start-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-start-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-start-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-start-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-inline-end-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-inline-end-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-inline-end-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-inline-end-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-inline-end-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-inline-end-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-inline-end-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-end-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-end-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-end-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-end-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-end-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-end-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-end-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-padding-none{padding:0}.pds-padding-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-xs{padding:var(--pine-dimension-xs)}.pds-padding-sm{padding:var(--pine-dimension-sm)}.pds-padding-md{padding:var(--pine-dimension-md)}.pds-padding-lg{padding:var(--pine-dimension-lg)}.pds-padding-xl{padding:var(--pine-dimension-xl)}.pds-padding-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-none{-webkit-padding-before:var(--pine-dimension-none);padding-block-start:var(--pine-dimension-none)}.pds-padding-block-start-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-start-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-start-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-start-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-start-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-start-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-start-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-none{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-padding-block-end-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-block-end-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-block-end-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-block-end-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-block-end-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-block-end-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-block-end-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-none{-webkit-padding-start:var(--pine-dimension-none);padding-inline-start:var(--pine-dimension-none)}.pds-padding-inline-start-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-start-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-start-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-start-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-start-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-start-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-start-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-none{-webkit-padding-end:var(--pine-dimension-none);padding-inline-end:var(--pine-dimension-none)}.pds-padding-inline-end-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-inline-end-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-inline-end-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-inline-end-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-inline-end-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-inline-end-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-inline-end-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}.pds-box-display-block{display:block}.pds-box-display-inline-block{display:inline-block}.pds-box-display-flex{display:-ms-flexbox;display:flex}.pds-box-display-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.pds-box-direction-row{-ms-flex-direction:row;flex-direction:row}.pds-box-direction-column{-ms-flex-direction:column;flex-direction:column}.pds-justify-content-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.pds-align-items-start{-ms-flex-align:start;align-items:start}.pds-align-items-center{-ms-flex-align:center;align-items:center}.pds-align-items-end{-ms-flex-align:end;align-items:end}.pds-align-items-stretch{-ms-flex-align:stretch;align-items:stretch}.pds-align-items-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-self-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-stretch{-ms-flex-item-align:stretch;align-self:stretch}";var t=i("pds_box",function(){function i(i){n(this,i);this.border=false}i.prototype.render=function(){var i="\n    ".concat(this.alignItems!==undefined&&this.alignItems.trim()!==""?"pds-align-items-".concat(this.alignItems):"","\n    ").concat(this.alignSelf!==undefined&&this.alignSelf.trim()!==""?"pds-align-self-".concat(this.alignSelf):"","\n    ").concat(this.auto?"pds-box--auto":"","\n    ").concat(this.border?"pds-box--border":"","\n    ").concat(this.borderRadius!==undefined&&this.borderRadius.trim()!==""?"pds-border-radius-".concat(this.borderRadius):"","\n    ").concat(this.direction!==undefined&&this.direction.trim()!==""?"pds-box-direction-".concat(this.direction):"","\n    ").concat(this.display!==undefined&&this.display.trim()!==""?"pds-box--display-".concat(this.display):"","\n    ").concat(this.fit?"pds-box--fit":"","\n    ").concat(this.gap!==undefined&&this.gap.trim()!==""?"pds-box-gap-".concat(this.gap):"","\n    ").concat(this.flex!==undefined&&this.flex.trim()!==""&&["none","grow","shrink"].includes(this.flex)?"pds-box--flex-".concat(this.flex):"","\n    ").concat(this.justifyContent!==undefined&&this.justifyContent.trim()!==""?"pds-justify-content-".concat(this.justifyContent):"","\n    ").concat(this.marginBlockStart!==undefined&&this.marginBlockStart.trim()!==""?"pds-margin-block-start-".concat(this.marginBlockStart):"","\n    ").concat(this.marginInlineStart!==undefined&&this.marginInlineStart.trim()!==""?"pds-margin-inline-start-".concat(this.marginInlineStart):"","\n    ").concat(this.marginInlineEnd!==undefined&&this.marginInlineEnd.trim()!==""?"pds-margin-inline-end-".concat(this.marginInlineEnd):"","\n    ").concat(this.marginBlockEnd!==undefined&&this.marginBlockEnd.trim()!==""?"pds-margin-block-end-".concat(this.marginBlockEnd):"","\n    ").concat(this.offset!==undefined&&this.offset.trim()!==""?"pds-box-offset-".concat(this.offset):"","\n    ").concat(this.offsetXs!==undefined&&this.offsetXs.trim()!==""?"pds-box-offset-xs-".concat(this.offsetXs):"","\n    ").concat(this.offsetSm!==undefined&&this.offsetSm.trim()!==""?"pds-box-offset-sm-".concat(this.offsetSm):"","\n    ").concat(this.offsetMd!==undefined&&this.offsetMd.trim()!==""?"pds-box-offset-md-".concat(this.offsetMd):"","\n    ").concat(this.offsetLg!==undefined&&this.offsetLg.trim()!==""?"pds-box-offset-lg-".concat(this.offsetLg):"","\n    ").concat(this.offsetXl!==undefined&&this.offsetXl.trim()!==""?"pds-box-offset-xl-".concat(this.offsetXl):"","\n    ").concat(this.padding!==undefined&&this.padding.trim()!==""?"pds-padding-".concat(this.padding):"","\n    ").concat(this.paddingBlockStart!==undefined&&this.paddingBlockStart.trim()!==""?"pds-padding-block-start-".concat(this.paddingBlockStart):"","\n    ").concat(this.paddingBlockEnd!==undefined&&this.paddingBlockEnd.trim()!==""?"pds-padding-block-end-".concat(this.paddingBlockEnd):"","\n    ").concat(this.paddingInlineStart!==undefined&&this.paddingInlineStart.trim()!==""?"pds-padding-inline-start-".concat(this.paddingInlineStart):"","\n    ").concat(this.paddingInlineEnd!==undefined&&this.paddingInlineEnd.trim()!==""?"pds-padding-inline-end-".concat(this.paddingInlineEnd):"","\n    ").concat(this.shadow!==undefined&&this.shadow.trim()!==""?"pds-shadow-".concat(this.shadow):"","\n    ").concat(this.size!==undefined&&this.size.trim()!==""?"pds-box pds-box-".concat(this.size):"","\n    ").concat(this.sizeXs!==undefined&&this.sizeXs.trim()!==""?"pds-box-xs-".concat(this.sizeXs):"","\n    ").concat(this.sizeSm!==undefined&&this.sizeSm.trim()!==""?"pds-box-sm-".concat(this.sizeSm):"","\n    ").concat(this.sizeMd!==undefined&&this.sizeMd.trim()!==""?"pds-box-md-".concat(this.sizeMd):"","\n    ").concat(this.sizeLg!==undefined&&this.sizeLg.trim()!==""?"pds-box-lg-".concat(this.sizeLg):"","\n    ").concat(this.sizeXl!==undefined&&this.sizeXl.trim()!==""?"pds-box-xl-".concat(this.sizeXl):"","\n    ").concat(this.size==undefined&&this.sizeSm==undefined&&this.sizeMd==undefined&&this.sizeLg==undefined&&this.sizeXl==undefined?"pds-box":"","\n    ");var n=d(this.backgroundColor);var a=d(this.borderColor);var t=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},n&&{"--color-background-box":n}),a&&{"--color-border-box":a}),this.minHeight&&{"--sizing-min-height-box":this.minHeight}),this.minWidth&&{"--sizing-min-width-box":this.minWidth}),this.flex&&!["none","grow","shrink"].includes(this.flex)&&{flex:this.flex});return e(s,{key:"ba5e7700117f6cf138ce1346676b44c50e746563",class:i,style:t})};return i}());t.style=a}}}));
+//# sourceMappingURL=p-65275835.system.entry.js.map

package/dist/pine-core/p-65275835.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsBoxCss","PdsBox","exports","class_1","hostRef","this","border","prototype","render","boxClasses","concat","alignItems","undefined","trim","alignSelf","auto","borderRadius","direction","display","fit","gap","flex","includes","justifyContent","marginBlockStart","marginInlineStart","marginInlineEnd","marginBlockEnd","offset","offsetXs","offsetSm","offsetMd","offsetLg","offsetXl","padding","paddingBlockStart","paddingBlockEnd","paddingInlineStart","paddingInlineEnd","shadow","size","sizeXs","sizeSm","sizeMd","sizeLg","sizeXl","normalizedBackground","normalizeColorValue","backgroundColor","normalizedBorder","borderColor","boxInlineStyles","Object","assign","minHeight","minWidth","h","Host","key","class","style"],"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  min-height: var(--sizing-min-height-box);\n  min-width: var(--sizing-min-width-box);\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-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-grey-300));\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// Gap helpers\n.pds-box-gap-none {\n  gap: 0;\n}\n\n.pds-box-gap-xxs {\n  gap: var(--pine-dimension-2xs);\n}\n\n.pds-box-gap-xs {\n  gap: var(--pine-dimension-xs);\n}\n\n.pds-box-gap-sm {\n  gap: var(--pine-dimension-sm);\n}\n\n.pds-box-gap-md {\n  gap: var(--pine-dimension-md);\n}\n\n.pds-box-gap-lg {\n  gap: var(--pine-dimension-lg);\n}\n\n.pds-box-gap-xl {\n  gap: var(--pine-dimension-xl);\n}\n\n.pds-box-gap-xxl {\n  gap: var(--pine-dimension-2xl);\n}\n\n// Margin helpers\n.pds-margin-block-start-xxs {\n  margin-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-margin-block-start-xs {\n  margin-block-start: var(--pine-dimension-xs);\n}\n\n.pds-margin-block-start-sm {\n  margin-block-start: var(--pine-dimension-sm);\n}\n\n.pds-margin-block-start-md {\n  margin-block-start: var(--pine-dimension-md);\n}\n\n.pds-margin-block-start-lg {\n  margin-block-start: var(--pine-dimension-lg);\n}\n\n.pds-margin-block-start-xl {\n  margin-block-start: var(--pine-dimension-xl);\n}\n\n.pds-margin-block-start-xxl {\n  margin-block-start: var(--pine-dimension-2xl);\n}\n\n.pds-margin-inline-start-none {\n  margin-inline-start: 0;\n}\n\n.pds-margin-inline-start-xxs {\n  margin-inline-start: var(--pine-dimension-2xs);\n}\n\n.pds-margin-inline-start-xs {\n  margin-inline-start: var(--pine-dimension-xs);\n}\n\n.pds-margin-inline-start-sm {\n  margin-inline-start: var(--pine-dimension-sm);\n}\n\n.pds-margin-inline-start-md {\n  margin-inline-start: var(--pine-dimension-md);\n}\n\n.pds-margin-inline-start-lg {\n  margin-inline-start: var(--pine-dimension-lg);\n}\n\n.pds-margin-inline-start-xl {\n  margin-inline-start: var(--pine-dimension-xl);\n}\n\n.pds-margin-inline-start-xxl {\n  margin-inline-start: var(--pine-dimension-2xl);\n}\n\n.pds-margin-inline-end-none {\n  margin-inline-end: 0;\n}\n\n.pds-margin-inline-end-xxs {\n  margin-inline-end: var(--pine-dimension-2xs);\n}\n\n.pds-margin-inline-end-xs {\n  margin-inline-end: var(--pine-dimension-xs);\n}\n\n.pds-margin-inline-end-sm {\n  margin-inline-end: var(--pine-dimension-sm);\n}\n\n.pds-margin-inline-end-md {\n  margin-inline-end: var(--pine-dimension-md);\n}\n\n.pds-margin-inline-end-lg {\n  margin-inline-end: var(--pine-dimension-lg);\n}\n\n.pds-margin-inline-end-xl {\n  margin-inline-end: var(--pine-dimension-xl);\n}\n\n.pds-margin-inline-end-xxl {\n  margin-inline-end: var(--pine-dimension-2xl);\n}\n\n.pds-margin-block-end-none {\n  margin-block-end: 0;\n}\n\n.pds-margin-block-end-xxs {\n  margin-block-end: var(--pine-dimension-2xs);\n}\n\n.pds-margin-block-end-xs {\n  margin-block-end: var(--pine-dimension-xs);\n}\n\n.pds-margin-block-end-sm {\n  margin-block-end: var(--pine-dimension-sm);\n}\n\n.pds-margin-block-end-md {\n  margin-block-end: var(--pine-dimension-md);\n}\n\n.pds-margin-block-end-lg {\n  margin-block-end: var(--pine-dimension-lg);\n}\n\n.pds-margin-block-end-xl {\n  margin-block-end: var(--pine-dimension-xl);\n}\n\n.pds-margin-block-end-xxl {\n  margin-block-end: var(--pine-dimension-2xl);\n}\n\n// Padding helpers\n.pds-padding-none {\n  padding: 0;\n}\n\n.pds-padding-xxs {\n  padding: var(--pine-dimension-2xs);\n}\n\n.pds-padding-xs {\n  padding: var(--pine-dimension-xs);\n}\n\n.pds-padding-sm {\n  padding: var(--pine-dimension-sm);\n}\n\n.pds-padding-md {\n  padding: var(--pine-dimension-md);\n}\n\n.pds-padding-lg {\n  padding: var(--pine-dimension-lg);\n}\n\n.pds-padding-xl {\n  padding: var(--pine-dimension-xl);\n}\n\n.pds-padding-xxl {\n  padding: var(--pine-dimension-2xl);\n}\n\n// Padding block start helpers\n.pds-padding-block-start-none {\n  padding-block-start: var(--pine-dimension-none);\n}\n\n.pds-padding-block-start-xxs {\n  padding-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-padding-block-start-xs {\n  padding-block-start: var(--pine-dimension-xs);\n}\n\n.pds-padding-block-start-sm {\n  padding-block-start: var(--pine-dimension-sm);\n}\n\n.pds-padding-block-start-md {\n  padding-block-start: var(--pine-dimension-md);\n}\n\n.pds-padding-block-start-lg {\n  padding-block-start: var(--pine-dimension-lg);\n}\n\n.pds-padding-block-start-xl {\n  padding-block-start: var(--pine-dimension-xl);\n}\n\n.pds-padding-block-start-xxl {\n  padding-block-start: var(--pine-dimension-2xl);\n}\n\n// Padding block end helpers\n.pds-padding-block-end-none {\n  padding-block-end: var(--pine-dimension-none);\n}\n\n.pds-padding-block-end-xxs {\n  padding-block-end: var(--pine-dimension-2xs);\n}\n\n.pds-padding-block-end-xs {\n  padding-block-end: var(--pine-dimension-xs);\n}\n\n.pds-padding-block-end-sm {\n  padding-block-end: var(--pine-dimension-sm);\n}\n\n.pds-padding-block-end-md {\n  padding-block-end: var(--pine-dimension-md);\n}\n\n.pds-padding-block-end-lg {\n  padding-block-end: var(--pine-dimension-lg);\n}\n\n.pds-padding-block-end-xl {\n  padding-block-end: var(--pine-dimension-xl);\n}\n\n.pds-padding-block-end-xxl {\n  padding-block-end: var(--pine-dimension-2xl);\n}\n\n// Padding inline start helpers\n.pds-padding-inline-start-none {\n  padding-inline-start: var(--pine-dimension-none);\n}\n\n.pds-padding-inline-start-xxs {\n  padding-inline-start: var(--pine-dimension-2xs);\n}\n\n.pds-padding-inline-start-xs {\n  padding-inline-start: var(--pine-dimension-xs);\n}\n\n.pds-padding-inline-start-sm {\n  padding-inline-start: var(--pine-dimension-sm);\n}\n\n.pds-padding-inline-start-md {\n  padding-inline-start: var(--pine-dimension-md);\n}\n\n.pds-padding-inline-start-lg {\n  padding-inline-start: var(--pine-dimension-lg);\n}\n\n.pds-padding-inline-start-xl {\n  padding-inline-start: var(--pine-dimension-xl);\n}\n\n.pds-padding-inline-start-xxl {\n  padding-inline-start: var(--pine-dimension-2xl);\n}\n\n// Padding inline end helpers\n.pds-padding-inline-end-none {\n  padding-inline-end: var(--pine-dimension-none);\n}\n\n.pds-padding-inline-end-xxs {\n  padding-inline-end: var(--pine-dimension-2xs);\n}\n\n.pds-padding-inline-end-xs {\n  padding-inline-end: var(--pine-dimension-xs);\n}\n\n.pds-padding-inline-end-sm {\n  padding-inline-end: var(--pine-dimension-sm);\n}\n\n.pds-padding-inline-end-md {\n  padding-inline-end: var(--pine-dimension-md);\n}\n\n.pds-padding-inline-end-lg {\n  padding-inline-end: var(--pine-dimension-lg);\n}\n\n.pds-padding-inline-end-xl {\n  padding-inline-end: var(--pine-dimension-xl);\n}\n\n.pds-padding-inline-end-xxl {\n  padding-inline-end: var(--pine-dimension-2xl);\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// Justify Content helpers\n.pds-justify-content-start {\n  justify-content: start;\n}\n\n.pds-justify-content-center {\n  justify-content: center;\n}\n\n.pds-justify-content-end {\n  justify-content: end;\n}\n\n.pds-justify-content-space-between {\n  justify-content: space-between;\n}\n\n.pds-justify-content-space-around {\n  justify-content: space-around;\n}\n\n.pds-justify-content-space-evenly {\n  justify-content: space-evenly;\n}\n\n// Align Items helpers\n.pds-align-items-start {\n  align-items: start;\n}\n\n.pds-align-items-center {\n  align-items: center;\n}\n\n.pds-align-items-end {\n  align-items: end;\n}\n\n.pds-align-items-stretch {\n  align-items: stretch;\n}\n\n.pds-align-items-baseline {\n  align-items: baseline;\n}\n\n// Align Self helpers\n.pds-align-self-start {\n  align-self: start;\n}\n\n.pds-align-self-center {\n  align-self: center;\n}\n\n.pds-align-self-end {\n  align-self: end;\n}\n\n.pds-align-self-baseline {\n  align-self: baseline;\n}\n\n.pds-align-self-stretch {\n  align-self: stretch;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\nimport { BoxColumnType, BoxTShirtSizeType, 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 start\n  */\n  @Prop() alignItems?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container.\n   * @defaultValue start\n  */\n  @Prop() alignSelf?: `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   *  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   * Defines the spacing between the box items.\n   * @defaultValue none\n  */\n  @Prop() gap?: BoxTShirtSizeType;\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`;\n\n  /**\n   * Defines the box's outer top spacing.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStart?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer left spacing.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStart?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer right spacing.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEnd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer bottom spacing.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEnd?: BoxTShirtSizeType;\n\n  /**\n   * The minimum height of the row. Used in conjunction with alignment props\n   */\n  @Prop() minHeight?: string;\n\n  /**\n   * The minimum width of the row. Used in conjunction with alignment props\n   */\n  @Prop() 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?: BoxTShirtSizeType;\n\n\n  /**\n   * Defines the top spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStart?: BoxTShirtSizeType;\n\n  /**\n   * Defines the bottom spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEnd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the left spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStart?: BoxTShirtSizeType;\n\n  /**\n   * Defines the right spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEnd?: BoxTShirtSizeType;\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.alignSelf !== undefined && this.alignSelf.trim() !== '' ? `pds-align-self-${this.alignSelf}` : ''}\n    ${this.auto ? 'pds-box--auto' : ''}\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.gap !== undefined && this.gap.trim() !== '' ? `pds-box-gap-${this.gap}` : ''}\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.marginBlockStart !== undefined && this.marginBlockStart.trim() !== '' ? `pds-margin-block-start-${this.marginBlockStart}` : ''}\n    ${this.marginInlineStart !== undefined && this.marginInlineStart.trim() !== '' ? `pds-margin-inline-start-${this.marginInlineStart}` : ''}\n    ${this.marginInlineEnd !== undefined && this.marginInlineEnd.trim() !== '' ? `pds-margin-inline-end-${this.marginInlineEnd}` : ''}\n    ${this.marginBlockEnd !== undefined && this.marginBlockEnd.trim() !== '' ? `pds-margin-block-end-${this.marginBlockEnd}` : ''}\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.paddingBlockStart !== undefined && this.paddingBlockStart.trim() !== '' ? `pds-padding-block-start-${this.paddingBlockStart}` : ''}\n    ${this.paddingBlockEnd !== undefined && this.paddingBlockEnd.trim() !== '' ? `pds-padding-block-end-${this.paddingBlockEnd}` : ''}\n    ${this.paddingInlineStart !== undefined && this.paddingInlineStart.trim() !== '' ? `pds-padding-inline-start-${this.paddingInlineStart}` : ''}\n    ${this.paddingInlineEnd !== undefined && this.paddingInlineEnd.trim() !== '' ? `pds-padding-inline-end-${this.paddingInlineEnd}` : ''}\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"],"mappings":"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","ignoreList":[]}

package/dist/pine-core/{p-568296f0.system.entry.js → p-6bd5811c.system.entry.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,r,i,n){function t(e){return e instanceof i?e:new i((function(r){r(e)}))}return new(i||(i=Promise))((function(i,s){function o(e){try{a(n.next(e))}catch(e){s(e)}}function d(e){try{a(n["throw"](e))}catch(e){s(e)}}function a(e){e.done?i(e.value):t(e.value).then(o,d)}a((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,t,s,o;return o={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function d(e){return function(r){return a([e,r])}}function a(d){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,d[0]&&(i=0)),i)try{if(n=1,t&&(s=d[0]&2?t["return"]:d[0]?t["throw"]||((s=t["return"])&&s.call(t),0):t.next)&&!(s=s.call(t,d[1])).done)return s;if(t=0,s)d=[d[0]&2,s.value];switch(d[0]){case 0:case 1:s=d;break;case 4:i.label++;return{value:d[1],done:false};case 5:i.label++;t=d[1];d=[0];continue;case 7:d=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(d[0]===6||d[0]===2)){i=0;continue}if(d[0]===3&&(!s||d[1]>s[0]&&d[1]<s[3])){i.label=d[1];break}if(d[0]===6&&i.label<s[1]){i.label=s[1];s=d;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(d);break}if(s[2])i.ops.pop();i.trys.pop();continue}d=r.call(e,i)}catch(e){d=[6,e];t=0}finally{n=s=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};System.register(["./p-B_C-mRjx.system.js","./p-BG7_qxVr.system.js","./p-BhQhw0S3.system.js","./p-BhPuKJbQ.system.js","./p-DiBM9O5Q.system.js"],(function(e){"use strict";var r,i,n,t,s,o,d,a,p,l;return{setters:[function(e){r=e.r;i=e.c;n=e.h;t=e.H;s=e.g},function(e){o=e.a;d=e.m},function(e){a=e.i},function(e){p=e.d},function(e){l=e.f}],execute:function(){var u=":host{--pine-input-color-background-danger:var(--pine-color-red-050)}";var c=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";var h=":host{--pds-input-background:var(--pine-color-background-container);--pds-input-border-color:var(--pine-color-border);--pds-input-border-color-hover:var(--pine-color-border-hover);--pds-input-border-color-disabled:var(--pine-color-border-disabled);--pds-input-border-radius:var(--pine-dimension-125);--pds-input-border-width:var(--pine-border-width-thin);--pds-input-padding-x:var(--pine-dimension-150);--pds-input-padding-y:calc(var(--pine-dimension-xs) - var(--pine-border-width));--pds-input-font:var(--pine-typography-body);--pds-input-text-color:var(--pine-color-text-active);--pds-input-placeholder-color:var(--pine-color-text-placeholder);--pds-input-icon-color:var(--pine-color-text-secondary);--pds-input-disabled-background:var(--pine-color-background-container-disabled);--pds-input-disabled-text-color:var(--pine-color-text-disabled);--pds-input-error-color:var(--pine-color-text-message-danger);--pds-input-error-background:var(--pine-input-color-background-danger);--pds-input-error-border:var(--pine-color-border-danger);--pds-input-error-border-hover:var(--pine-color-border-danger-hover);--pds-input-addon-background:var(--pine-color-background-subtle);--pds-input-addon-color:var(--pine-color-text-secondary);--pds-input-field-min-height:var(--pine-dimension-450);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger);display:inline}:host pds-select::part(select){background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}:host::part(prefix),:host::part(suffix){-ms-flex-align:center;align-items:center;color:var(--pine-color-text-label-readonly);display:-ms-flexbox;display:flex;height:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap;z-index:1}:host::part(prefix){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius);left:var(--pds-input-padding-x)}:host::part(suffix){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius);right:var(--pds-input-padding-x)}:host::part(prepend),:host::part(append){-ms-flex-align:center;align-items:center;background-color:var(--pds-input-addon-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);color:var(--pds-input-addon-color);display:-ms-flexbox;display:flex}:host::part(prepend){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius)}:host::part(append){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius)}:host([has-prepend]) ::slotted(pds-button[slot=prepend]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius-end-end:var(--pine-dimension-none);--pds-button-border-radius-start-end:var(--pine-dimension-none);--pds-button-min-height:var(--pine-dimension-450)}:host([has-append]) ::slotted(pds-button[slot=append]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius-end-start:var(--pine-dimension-none);--pds-button-border-radius-start-start:var(--pine-dimension-none);--pds-button-min-height:var(--pine-dimension-450)}:host([has-prepend]) ::slotted(pds-select[slot=prepend]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-end:var(--pine-dimension-none);--pds-select-border-radius-start-end:var(--pine-dimension-none);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([has-append]) ::slotted(pds-select[slot=append]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-start:var(--pine-dimension-none);--pds-select-border-radius-start-start:var(--pine-dimension-none);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([aria-readonly=true]) input{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}:host([disabled=true])::part(prepend),:host([disabled=true])::part(append){background-color:var(--pds-input-disabled-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color-disabled)}:host([full-width=true]){width:100%}:host([invalid=true])::part(prepend),:host([invalid=true])::part(append){background-color:var(--pds-input-error-background);border:var(--pds-input-border-width) solid var(--pds-input-error-border)}.pds-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-input__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label{color:var(--pine-color-text-active);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label-wrapper .pds-input__label{-webkit-margin-after:0;margin-block-end:0}.pds-input__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-input__field-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative;width:100%}.pds-input__field-wrapper.has-prefix .pds-input__field{-webkit-padding-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em));padding-inline-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em))}.pds-input__field-wrapper.has-suffix .pds-input__field{-webkit-padding-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em));padding-inline-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em))}.pds-input__field-wrapper.has-prepend .pds-input__field{border-end-start-radius:var(--pine-dimension-none);border-start-start-radius:var(--pine-dimension-none)}.pds-input__field-wrapper.has-append .pds-input__field{border-end-end-radius:var(--pine-dimension-none);border-start-end-radius:var(--pine-dimension-none)}.pds-input__field{background:var(--pds-input-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);border-radius:var(--pds-input-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pds-input-text-color);-ms-flex:1;flex:1;font:var(--pds-input-font);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-input-field-min-height);min-width:var(--pine-dimension-none);padding:var(--pds-input-padding-y) var(--pds-input-padding-x);-webkit-transition:border-color 0.2s ease;transition:border-color 0.2s ease;width:100%}.pds-input__field:hover:not(:disabled){border-color:var(--pds-input-border-color-hover)}.pds-input__field:disabled{background:var(--pds-input-disabled-background);border-color:var(--pine-color-border-disabled);color:var(--pds-input-disabled-text-color);cursor:not-allowed}.pds-input__field:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::placeholder{color:var(--pine-color-text-placeholder-disabled)}.has-error .pds-input__field:hover:not(:disabled){border-color:var(--pds-input-error-border-hover)}.pds-input__field:focus-visible:not(.has-error){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}:host([has-prepend]) .pds-input__field:focus-visible:not(.has-error),:host([has-append]) .pds-input__field:focus-visible:not(.has-error),:host([has-prefix]) .pds-input__field:focus-visible:not(.has-error),:host([has-suffix]) .pds-input__field:focus-visible:not(.has-error){outline-offset:var(--pine-dimension-none)}.pds-input__field::-webkit-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-moz-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field:-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::placeholder{color:var(--pds-input-placeholder-color)}.has-error .pds-input__field{background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}.has-error .pds-input__field:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-input__error-message,.pds-input__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm);-webkit-margin-after:var(--pine-dimension-none);margin-block-end:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-input__error-message{-ms-flex-align:center;align-items:center;color:var(--pds-input-error-color);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}";var f=e("pds_input",function(){function e(e){var n=this;r(this,e);this.pdsBlur=i(this,"pdsBlur");this.pdsChange=i(this,"pdsChange");this.pdsFocus=i(this,"pdsFocus");this.pdsInput=i(this,"pdsInput");this.inheritedAttributes={};this.isComposing=false;this.hasPrefix=false;this.hasSuffix=false;this.hasPrepend=false;this.hasAppend=false;this.hasAction=false;this.type="text";this.value="";this.hasFocus=false;this.onInputEvent=function(e){var r=e.target;if(r){n.value=r.value||""}n.emitInputChange(e)};this.onChangeEvent=function(e){n.emitValueChange(e)};this.onBlurEvent=function(e){n.hasFocus=false;if(n.focusedValue!==n.value){n.emitValueChange(e)}n.pdsBlur.emit(e)};this.onFocusEvent=function(e){n.hasFocus=true;n.focusedValue=n.value;n.pdsFocus.emit(e)};this.onCompositionStart=function(){n.isComposing=true};this.onCompositionEnd=function(){n.isComposing=false}}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};e.prototype.updateAddonWidths=function(){var e=this;requestAnimationFrame((function(){if(e.prefixEl){var r=e.prefixEl.offsetWidth;e.el.style.setProperty("--prefix-width","".concat(r,"px"))}if(e.suffixEl){var i=e.suffixEl.offsetWidth;e.el.style.setProperty("--suffix-width","".concat(i,"px"))}}))};e.prototype.renderPrefix=function(){var e=this;var r=this.el.querySelector('[slot="prefix"]')!==null;if(r){return n("div",{class:"pds-input__prefix",part:"prefix",ref:function(r){return e.prefixEl=r}},n("slot",{name:"prefix",onSlotchange:function(){return e.updateAddonWidths()}}))}return null};e.prototype.renderSuffix=function(){var e=this;var r=this.el.querySelector('[slot="suffix"]')!==null;if(r){return n("div",{class:"pds-input__suffix",part:"suffix",ref:function(r){return e.suffixEl=r}},n("slot",{name:"suffix",onSlotchange:function(){return e.updateAddonWidths()}}))}return null};e.prototype.renderPrepend=function(){var e=this.el.querySelector('[slot="prepend"]')!==null;if(e){return n("div",{class:"pds-input__prepend",part:"prepend"},n("slot",{name:"prepend"}))}return null};e.prototype.renderAppend=function(){var e=this.el.querySelector('[slot="append"]')!==null;if(e){return n("div",{class:"pds-input__append",part:"append"},n("slot",{name:"append"}))}return null};e.prototype.renderAction=function(){var e=this.el.querySelector('[slot="action"]')!==null;if(e){return n("div",{class:"pds-input__action",part:"action"},n("slot",{name:"action"}))}return null};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},a(this.el));this.hasPrefix=this.el.querySelector('[slot="prefix"]')!==null;this.hasSuffix=this.el.querySelector('[slot="suffix"]')!==null;this.hasPrepend=this.el.querySelector('[slot="prepend"]')!==null;this.hasAppend=this.el.querySelector('[slot="append"]')!==null;this.hasAction=this.el.querySelector('[slot="action"]')!==null;this.originalPdsInput=this.pdsInput};e.prototype.connectedCallback=function(){if(this.el.attachInternals){this.internals=this.el.attachInternals()}};e.prototype.componentDidLoad=function(){this.debounceChanged();this.updateAddonWidths();this.updateFormValue()};e.prototype.componentDidUpdate=function(){this.updateAddonWidths()};e.prototype.debounceChanged=function(){var e=this,r=e.pdsInput,i=e.debounce,n=e.originalPdsInput;this.pdsInput=i===undefined?n!==null&&n!==void 0?n:r:p(r,i)};e.prototype.valueChanged=function(){var e=this.nativeInput;var r=this.getValue();if(e&&e.value!==r&&!this.isComposing){e.value=r}this.updateFormValue()};e.prototype.getValue=function(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()};e.prototype.emitValueChange=function(e){var r=this.value;var i=r==null?r:r.toString();this.focusedValue=i;this.pdsChange.emit({value:i,event:e})};e.prototype.emitInputChange=function(e){var r=this.value;var i=r==null?r:r.toString();this.pdsInput.emit({value:i,event:e})};e.prototype.updateFormValue=function(){if(this.internals&&this.internals.setFormValue){var e=this.getValue();this.internals.setFormValue(e||null);if(this.nativeInput&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.nativeInput.validity,this.nativeInput.validationMessage,this.nativeInput)}}};e.prototype.formResetCallback=function(){this.value="";this.updateFormValue()};e.prototype.formDisabledCallback=function(e){this.disabled=e};e.prototype.formStateRestoreCallback=function(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){var r=e.get(this.name);if(typeof r==="string"){this.value=r}}};e.prototype.render=function(){var e=this;var r=this,i=r.componentId,s=r.disabled,a=r.errorMessage,p=r.helperMessage,u=r.invalid,c=u===void 0?false:u,h=r.label;var f=this.getValue();var b={"pds-input__field-wrapper":true,"has-focus":this.hasFocus,"has-error":c||!!a,"is-disabled":s,"has-prefix":this.hasPrefix,"has-suffix":this.hasSuffix,"has-prepend":this.hasPrepend,"has-append":this.hasAppend};return n(t,{key:"eac6a9c04f98b10e4eb6cb3eee49c7ecf4e2d8a2","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null,"has-prefix":this.hasPrefix?"true":null,"has-suffix":this.hasSuffix?"true":null,"has-prepend":this.hasPrepend?"true":null,"has-append":this.hasAppend?"true":null,"has-action":this.hasAction?"true":null,"full-width":this.fullWidth?"true":null},n("div",{key:"f67b518f3debb5f21cf48bd573126962d81deff5",class:"pds-input"},h&&n("div",{key:"a45a7bd41f7d3f8009d2bbf6bcc432c45c0fc733",class:"pds-input__label-wrapper"},n("label",{key:"31b41266335a5197313d6aa44c277de57afe2f54",htmlFor:i,class:"pds-input__label"},h,this.required&&n("span",{key:"4113f0e0e85cb81c5a501e52b3489b125fdb1cbf",class:"pds-input__required-indicator"}," *")),this.renderAction()),n("div",{key:"ea99ed08f755dc72517fb1594054250a492340d0",class:b},this.renderPrepend(),this.renderPrefix(),n("input",Object.assign({key:"b48f1ccb88fdaa96b9e81cb1c459d3bfd1b512e0",ref:function(r){return e.nativeInput=r},class:"pds-input__field","aria-describedby":o(i,c,p),"aria-invalid":c?"true":undefined,autocomplete:this.autocomplete,disabled:s,id:i,max:this.max,maxlength:this.maxlength,min:this.min,minlength:this.minlength,name:this.name,pattern:this.pattern,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,step:this.step,type:this.type,value:f,onInput:this.onInputEvent,onChange:this.onChangeEvent,onBlur:this.onBlurEvent,onFocus:this.onFocusEvent,onCompositionstart:this.onCompositionStart,onCompositionend:this.onCompositionEnd},this.inheritedAttributes)),this.renderSuffix(),this.renderAppend()),p&&n("p",{key:"3f84a41082d20917d9ab85051cdfbb7c2a6407ee",class:"pds-input__helper-message",id:d(i,"helper")},p),a&&n("p",{key:"d991dfdfc44a41640ef0070ce17e52b3f86b7782",class:"pds-input__error-message",id:d(i,"error")},n("pds-icon",{key:"5ea499d7d2f5ff2602dbf39f81df59c06116c6d2",icon:l,size:"small"}),a)))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());f.style=u+(c+h)}}}));
-//# sourceMappingURL=p-568296f0.system.entry.js.map
+var __awaiter=this&&this.__awaiter||function(e,r,i,n){function t(e){return e instanceof i?e:new i((function(r){r(e)}))}return new(i||(i=Promise))((function(i,s){function o(e){try{a(n.next(e))}catch(e){s(e)}}function d(e){try{a(n["throw"](e))}catch(e){s(e)}}function a(e){e.done?i(e.value):t(e.value).then(o,d)}a((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,t,s,o;return o={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function d(e){return function(r){return a([e,r])}}function a(d){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,d[0]&&(i=0)),i)try{if(n=1,t&&(s=d[0]&2?t["return"]:d[0]?t["throw"]||((s=t["return"])&&s.call(t),0):t.next)&&!(s=s.call(t,d[1])).done)return s;if(t=0,s)d=[d[0]&2,s.value];switch(d[0]){case 0:case 1:s=d;break;case 4:i.label++;return{value:d[1],done:false};case 5:i.label++;t=d[1];d=[0];continue;case 7:d=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(d[0]===6||d[0]===2)){i=0;continue}if(d[0]===3&&(!s||d[1]>s[0]&&d[1]<s[3])){i.label=d[1];break}if(d[0]===6&&i.label<s[1]){i.label=s[1];s=d;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(d);break}if(s[2])i.ops.pop();i.trys.pop();continue}d=r.call(e,i)}catch(e){d=[6,e];t=0}finally{n=s=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};System.register(["./p-B_C-mRjx.system.js","./p-BG7_qxVr.system.js","./p-BhQhw0S3.system.js","./p-BG6uGRQj.system.js","./p-DiBM9O5Q.system.js"],(function(e){"use strict";var r,i,n,t,s,o,d,a,p,l;return{setters:[function(e){r=e.r;i=e.c;n=e.h;t=e.H;s=e.g},function(e){o=e.a;d=e.m},function(e){a=e.i},function(e){p=e.d},function(e){l=e.f}],execute:function(){var u=":host{--pine-input-color-background-danger:var(--pine-color-red-050)}";var c=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";var h=":host{--pds-input-background:var(--pine-color-background-container);--pds-input-border-color:var(--pine-color-border);--pds-input-border-color-hover:var(--pine-color-border-hover);--pds-input-border-color-disabled:var(--pine-color-border-disabled);--pds-input-border-radius:var(--pine-dimension-125);--pds-input-border-width:var(--pine-border-width-thin);--pds-input-padding-x:var(--pine-dimension-150);--pds-input-padding-y:calc(var(--pine-dimension-xs) - var(--pine-border-width));--pds-input-font:var(--pine-typography-body);--pds-input-text-color:var(--pine-color-text-active);--pds-input-placeholder-color:var(--pine-color-text-placeholder);--pds-input-icon-color:var(--pine-color-text-secondary);--pds-input-disabled-background:var(--pine-color-background-container-disabled);--pds-input-disabled-text-color:var(--pine-color-text-disabled);--pds-input-error-color:var(--pine-color-text-message-danger);--pds-input-error-background:var(--pine-input-color-background-danger);--pds-input-error-border:var(--pine-color-border-danger);--pds-input-error-border-hover:var(--pine-color-border-danger-hover);--pds-input-addon-background:var(--pine-color-background-subtle);--pds-input-addon-color:var(--pine-color-text-secondary);--pds-input-field-min-height:var(--pine-dimension-450);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger);display:inline}:host pds-select::part(select){background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}:host::part(prefix),:host::part(suffix){-ms-flex-align:center;align-items:center;color:var(--pine-color-text-label-readonly);display:-ms-flexbox;display:flex;height:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap;z-index:1}:host::part(prefix){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius);left:var(--pds-input-padding-x)}:host::part(suffix){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius);right:var(--pds-input-padding-x)}:host::part(prepend),:host::part(append){-ms-flex-align:center;align-items:center;background-color:var(--pds-input-addon-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);color:var(--pds-input-addon-color);display:-ms-flexbox;display:flex}:host::part(prepend){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius)}:host::part(append){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius)}:host([has-prepend]) ::slotted(pds-button[slot=prepend]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius-end-end:var(--pine-dimension-none);--pds-button-border-radius-start-end:var(--pine-dimension-none);--pds-button-min-height:var(--pine-dimension-450)}:host([has-append]) ::slotted(pds-button[slot=append]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius-end-start:var(--pine-dimension-none);--pds-button-border-radius-start-start:var(--pine-dimension-none);--pds-button-min-height:var(--pine-dimension-450)}:host([has-prepend]) ::slotted(pds-select[slot=prepend]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-end:var(--pine-dimension-none);--pds-select-border-radius-start-end:var(--pine-dimension-none);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([has-append]) ::slotted(pds-select[slot=append]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-start:var(--pine-dimension-none);--pds-select-border-radius-start-start:var(--pine-dimension-none);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([aria-readonly=true]) input{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}:host([disabled=true])::part(prepend),:host([disabled=true])::part(append){background-color:var(--pds-input-disabled-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color-disabled)}:host([full-width=true]){width:100%}:host([invalid=true])::part(prepend),:host([invalid=true])::part(append){background-color:var(--pds-input-error-background);border:var(--pds-input-border-width) solid var(--pds-input-error-border)}.pds-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-input__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label{color:var(--pine-color-text-active);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label-wrapper .pds-input__label{-webkit-margin-after:0;margin-block-end:0}.pds-input__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-input__field-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative;width:100%}.pds-input__field-wrapper.has-prefix .pds-input__field{-webkit-padding-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em));padding-inline-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em))}.pds-input__field-wrapper.has-suffix .pds-input__field{-webkit-padding-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em));padding-inline-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em))}.pds-input__field-wrapper.has-prepend .pds-input__field{border-end-start-radius:var(--pine-dimension-none);border-start-start-radius:var(--pine-dimension-none)}.pds-input__field-wrapper.has-append .pds-input__field{border-end-end-radius:var(--pine-dimension-none);border-start-end-radius:var(--pine-dimension-none)}.pds-input__field{background:var(--pds-input-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);border-radius:var(--pds-input-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pds-input-text-color);-ms-flex:1;flex:1;font:var(--pds-input-font);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-input-field-min-height);min-width:var(--pine-dimension-none);padding:var(--pds-input-padding-y) var(--pds-input-padding-x);-webkit-transition:border-color 0.2s ease;transition:border-color 0.2s ease;width:100%}.pds-input__field:hover:not(:disabled){border-color:var(--pds-input-border-color-hover)}.pds-input__field:disabled{background:var(--pds-input-disabled-background);border-color:var(--pine-color-border-disabled);color:var(--pds-input-disabled-text-color);cursor:not-allowed}.pds-input__field:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::placeholder{color:var(--pine-color-text-placeholder-disabled)}.has-error .pds-input__field:hover:not(:disabled){border-color:var(--pds-input-error-border-hover)}.pds-input__field:focus-visible:not(.has-error){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}:host([has-prepend]) .pds-input__field:focus-visible:not(.has-error),:host([has-append]) .pds-input__field:focus-visible:not(.has-error),:host([has-prefix]) .pds-input__field:focus-visible:not(.has-error),:host([has-suffix]) .pds-input__field:focus-visible:not(.has-error){outline-offset:var(--pine-dimension-none)}.pds-input__field::-webkit-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-moz-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field:-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::placeholder{color:var(--pds-input-placeholder-color)}.has-error .pds-input__field{background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}.has-error .pds-input__field:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-input__error-message,.pds-input__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm);-webkit-margin-after:var(--pine-dimension-none);margin-block-end:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-input__error-message{-ms-flex-align:center;align-items:center;color:var(--pds-input-error-color);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}";var f=e("pds_input",function(){function e(e){var n=this;r(this,e);this.pdsBlur=i(this,"pdsBlur");this.pdsChange=i(this,"pdsChange");this.pdsFocus=i(this,"pdsFocus");this.pdsInput=i(this,"pdsInput");this.inheritedAttributes={};this.isComposing=false;this.hasPrefix=false;this.hasSuffix=false;this.hasPrepend=false;this.hasAppend=false;this.hasAction=false;this.type="text";this.value="";this.hasFocus=false;this.onInputEvent=function(e){var r=e.target;if(r){n.value=r.value||""}n.emitInputChange(e)};this.onChangeEvent=function(e){n.emitValueChange(e)};this.onBlurEvent=function(e){n.hasFocus=false;if(n.focusedValue!==n.value){n.emitValueChange(e)}n.pdsBlur.emit(e)};this.onFocusEvent=function(e){n.hasFocus=true;n.focusedValue=n.value;n.pdsFocus.emit(e)};this.onCompositionStart=function(){n.isComposing=true};this.onCompositionEnd=function(){n.isComposing=false}}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};e.prototype.updateAddonWidths=function(){var e=this;requestAnimationFrame((function(){if(e.prefixEl){var r=e.prefixEl.offsetWidth;e.el.style.setProperty("--prefix-width","".concat(r,"px"))}if(e.suffixEl){var i=e.suffixEl.offsetWidth;e.el.style.setProperty("--suffix-width","".concat(i,"px"))}}))};e.prototype.renderPrefix=function(){var e=this;var r=this.el.querySelector('[slot="prefix"]')!==null;if(r){return n("div",{class:"pds-input__prefix",part:"prefix",ref:function(r){return e.prefixEl=r}},n("slot",{name:"prefix",onSlotchange:function(){return e.updateAddonWidths()}}))}return null};e.prototype.renderSuffix=function(){var e=this;var r=this.el.querySelector('[slot="suffix"]')!==null;if(r){return n("div",{class:"pds-input__suffix",part:"suffix",ref:function(r){return e.suffixEl=r}},n("slot",{name:"suffix",onSlotchange:function(){return e.updateAddonWidths()}}))}return null};e.prototype.renderPrepend=function(){var e=this.el.querySelector('[slot="prepend"]')!==null;if(e){return n("div",{class:"pds-input__prepend",part:"prepend"},n("slot",{name:"prepend"}))}return null};e.prototype.renderAppend=function(){var e=this.el.querySelector('[slot="append"]')!==null;if(e){return n("div",{class:"pds-input__append",part:"append"},n("slot",{name:"append"}))}return null};e.prototype.renderAction=function(){var e=this.el.querySelector('[slot="action"]')!==null;if(e){return n("div",{class:"pds-input__action",part:"action"},n("slot",{name:"action"}))}return null};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},a(this.el));this.hasPrefix=this.el.querySelector('[slot="prefix"]')!==null;this.hasSuffix=this.el.querySelector('[slot="suffix"]')!==null;this.hasPrepend=this.el.querySelector('[slot="prepend"]')!==null;this.hasAppend=this.el.querySelector('[slot="append"]')!==null;this.hasAction=this.el.querySelector('[slot="action"]')!==null;this.originalPdsInput=this.pdsInput};e.prototype.connectedCallback=function(){if(this.el.attachInternals){this.internals=this.el.attachInternals()}};e.prototype.componentDidLoad=function(){this.debounceChanged();this.updateAddonWidths();this.updateFormValue()};e.prototype.componentDidUpdate=function(){this.updateAddonWidths()};e.prototype.debounceChanged=function(){var e=this,r=e.pdsInput,i=e.debounce,n=e.originalPdsInput;this.pdsInput=i===undefined?n!==null&&n!==void 0?n:r:p(r,i)};e.prototype.valueChanged=function(){var e=this.nativeInput;var r=this.getValue();if(e&&e.value!==r&&!this.isComposing){e.value=r}this.updateFormValue()};e.prototype.getValue=function(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()};e.prototype.emitValueChange=function(e){var r=this.value;var i=r==null?r:r.toString();this.focusedValue=i;this.pdsChange.emit({value:i,event:e})};e.prototype.emitInputChange=function(e){var r=this.value;var i=r==null?r:r.toString();this.pdsInput.emit({value:i,event:e})};e.prototype.updateFormValue=function(){if(this.internals&&this.internals.setFormValue){var e=this.getValue();this.internals.setFormValue(e||null);if(this.nativeInput&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.nativeInput.validity,this.nativeInput.validationMessage,this.nativeInput)}}};e.prototype.formResetCallback=function(){this.value="";this.updateFormValue()};e.prototype.formDisabledCallback=function(e){this.disabled=e};e.prototype.formStateRestoreCallback=function(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){var r=e.get(this.name);if(typeof r==="string"){this.value=r}}};e.prototype.render=function(){var e=this;var r=this,i=r.componentId,s=r.disabled,a=r.errorMessage,p=r.helperMessage,u=r.invalid,c=u===void 0?false:u,h=r.label;var f=this.getValue();var b={"pds-input__field-wrapper":true,"has-focus":this.hasFocus,"has-error":c||!!a,"is-disabled":s,"has-prefix":this.hasPrefix,"has-suffix":this.hasSuffix,"has-prepend":this.hasPrepend,"has-append":this.hasAppend};return n(t,{key:"eac6a9c04f98b10e4eb6cb3eee49c7ecf4e2d8a2","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null,"has-prefix":this.hasPrefix?"true":null,"has-suffix":this.hasSuffix?"true":null,"has-prepend":this.hasPrepend?"true":null,"has-append":this.hasAppend?"true":null,"has-action":this.hasAction?"true":null,"full-width":this.fullWidth?"true":null},n("div",{key:"f67b518f3debb5f21cf48bd573126962d81deff5",class:"pds-input"},h&&n("div",{key:"a45a7bd41f7d3f8009d2bbf6bcc432c45c0fc733",class:"pds-input__label-wrapper"},n("label",{key:"31b41266335a5197313d6aa44c277de57afe2f54",htmlFor:i,class:"pds-input__label"},h,this.required&&n("span",{key:"4113f0e0e85cb81c5a501e52b3489b125fdb1cbf",class:"pds-input__required-indicator"}," *")),this.renderAction()),n("div",{key:"ea99ed08f755dc72517fb1594054250a492340d0",class:b},this.renderPrepend(),this.renderPrefix(),n("input",Object.assign({key:"b48f1ccb88fdaa96b9e81cb1c459d3bfd1b512e0",ref:function(r){return e.nativeInput=r},class:"pds-input__field","aria-describedby":o(i,c,p),"aria-invalid":c?"true":undefined,autocomplete:this.autocomplete,disabled:s,id:i,max:this.max,maxlength:this.maxlength,min:this.min,minlength:this.minlength,name:this.name,pattern:this.pattern,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,step:this.step,type:this.type,value:f,onInput:this.onInputEvent,onChange:this.onChangeEvent,onBlur:this.onBlurEvent,onFocus:this.onFocusEvent,onCompositionstart:this.onCompositionStart,onCompositionend:this.onCompositionEnd},this.inheritedAttributes)),this.renderSuffix(),this.renderAppend()),p&&n("p",{key:"3f84a41082d20917d9ab85051cdfbb7c2a6407ee",class:"pds-input__helper-message",id:d(i,"helper")},p),a&&n("p",{key:"d991dfdfc44a41640ef0070ce17e52b3f86b7782",class:"pds-input__error-message",id:d(i,"error")},n("pds-icon",{key:"5ea499d7d2f5ff2602dbf39f81df59c06116c6d2",icon:l,size:"small"}),a)))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());f.style=u+(c+h)}}}));
+//# sourceMappingURL=p-6bd5811c.system.entry.js.map

package/dist/pine-core/{p-9afcab0c.system.entry.js → p-8096b988.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-B_C-mRjx.system.js","./p-BG7_qxVr.system.js","./p-DiBM9O5Q.system.js","./p-BhQhw0S3.system.js"],(function(i){"use strict";var e,r,n,t,s,a,o,l,c;return{setters:[function(i){e=i.r;r=i.c;n=i.h;t=i.H;s=i.g},function(i){a=i.m;o=i.a},function(i){l=i.f},function(i){c=i.i}],execute:function(){var d=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";var p=':host{--sizing-input-toggle-size:calc(var(--pine-dimension-250) - (var(--pine-dimension-025) * 2));--pine-dimension-025:2px;--spacing-message-inline:calc(var(--pine-dimension-450) + var(--pine-dimension-150));--number-transition-timing:0.15s ease-out;-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}:host(.pds-switch--error){color:var(--pine-color-text-message-danger)}:host(.pds-switch--error) input,:host(.pds-switch--error) input:checked,:host(.pds-switch--error) input:hover:not(:disabled):not(:checked){background-color:var(--pine-color-danger)}:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked){outline-color:var(--pine-color-focus-ring-danger)}:host(.pds-switch--error) label{color:var(--color-text-error)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-neutral);border:0;border-radius:var(--pine-dimension-sm);cursor:pointer;display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:var(--pine-dimension-250);margin:0;padding:0;position:relative;-webkit-transition:var(--number-transition-timing);transition:var(--number-transition-timing);-webkit-transition-property:background, border, color;transition-property:background, border, color;width:var(--pine-dimension-450)}input::after{background:var(--pine-color-secondary);border-radius:var(--pine-border-radius-full);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);content:"";display:block;height:var(--sizing-input-toggle-size);inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate3d(-100%, -50%, 0);transform:translate3d(-100%, -50%, 0);-webkit-transition:-webkit-transform var(--number-transition-timing);transition:-webkit-transform var(--number-transition-timing);transition:transform var(--number-transition-timing);transition:transform var(--number-transition-timing), -webkit-transform var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-150)}.pds-switch--error label{color:inherit}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-switch__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs);-webkit-margin-start:var(--spacing-message-inline);margin-inline-start:var(--spacing-message-inline);width:100%}.pds-switch__message+.pds-switch__message{-webkit-margin-before:var(--spacing-message-inline);margin-block-start:var(--spacing-message-inline)}.pds-switch__message--error{color:inherit;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-switch__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}input:disabled{background-color:var(--pine-color-neutral-disabled);cursor:not-allowed}input:disabled~label{cursor:initial}input:disabled:hover::after{background-color:var(--pine-color-background-container-disabled)}input:disabled .pds-switch__message{color:initial}input:hover:not(:disabled){background-color:var(--pine-color-neutral-hover)}input:focus-visible:not(:disabled){outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}input:checked::after{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}input:checked:not(:disabled){background-color:currentColor;color:var(--pine-color-accent)}input:checked:not(:disabled):hover{border-color:currentColor;color:var(--pine-color-accent-hover)}';var h=i("pds_switch",function(){function i(i){var n=this;e(this,i);this.pdsSwitchChange=r(this,"pdsSwitchChange");this.inheritedAttributes={};this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.onSwitchUpdate=function(i){if(n.disabled)return;var e=i.target;n.checked=e.checked;n.pdsSwitchChange.emit(i)};this.switchClassNames=function(){var i="pds-switch";if(n.invalid===true){i+=" pds-switch--error"}if(n.helperMessage!==undefined){i+=" pds-switch--message"}return i}}i.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},c(this.el))};i.prototype.render=function(){return n(t,{key:"128ed012fe386dea88e6da282084589b22453588",class:this.switchClassNames(),"aria-disabled":this.disabled?"true":null},n("label",{key:"3407eeffca9a0f0c047e5d7c761526b488aafb62",htmlFor:this.componentId},n("input",Object.assign({key:"3f16f928b2b96aa212923ba09ee80a3559b8103c","aria-describedby":o(this.componentId,this.invalid,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid?"true":undefined,checked:this.checked,class:"pds-switch__input",disabled:this.disabled,id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,required:this.required,type:"checkbox",value:this.value},this.inheritedAttributes)),n("span",{key:"09c43ffbabce6a2fe133875ca15e0910d34064fa",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&n("div",{key:"90c9df8b2efef83cf238d540076bad04bf9aa2eb",class:"pds-switch__message",id:a(this.componentId,"helper")},this.helperMessage),this.errorMessage&&n("div",{key:"e812446a907dc0ad822b0c5974fca5913117f051",class:"pds-switch__message pds-switch__message--error",id:a(this.componentId,"error"),"aria-live":"assertive"},n("pds-icon",{key:"e1c93c8ac145e54a205f8bfecf465ba8e484313b",icon:l,size:"small"}),this.errorMessage))};Object.defineProperty(i.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return i}());h.style=d+p}}}));
-//# sourceMappingURL=p-9afcab0c.system.entry.js.map
+System.register(["./p-B_C-mRjx.system.js","./p-BG7_qxVr.system.js","./p-DiBM9O5Q.system.js","./p-BhQhw0S3.system.js"],(function(i){"use strict";var e,t,n,r,s,a,o,l,c;return{setters:[function(i){e=i.r;t=i.c;n=i.h;r=i.H;s=i.g},function(i){a=i.m;o=i.a},function(i){l=i.f},function(i){c=i.i}],execute:function(){var d=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";var p=':host{--sizing-input-toggle-size:calc(var(--pine-dimension-250) - (var(--pine-dimension-025) * 2));--pine-dimension-025:2px;--spacing-message-inline:calc(var(--pine-dimension-450) + var(--pine-dimension-150));--number-transition-timing:0.15s ease-out;-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}:host(.pds-switch--error){color:var(--pine-color-text-message-danger)}:host(.pds-switch--error) input,:host(.pds-switch--error) input:checked,:host(.pds-switch--error) input:hover:not(:disabled):not(:checked){background-color:var(--pine-color-danger)}:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked){outline-color:var(--pine-color-focus-ring-danger)}:host(.pds-switch--error) label{color:var(--color-text-error)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-neutral);border:0;border-radius:var(--pine-dimension-sm);cursor:pointer;display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:var(--pine-dimension-250);margin:0;padding:0;position:relative;-webkit-transition:var(--number-transition-timing);transition:var(--number-transition-timing);-webkit-transition-property:background, border, color;transition-property:background, border, color;width:var(--pine-dimension-450)}input::after{background:var(--pine-color-secondary);border-radius:var(--pine-border-radius-full);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);content:"";display:block;height:var(--sizing-input-toggle-size);inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate3d(-100%, -50%, 0);transform:translate3d(-100%, -50%, 0);-webkit-transition:-webkit-transform var(--number-transition-timing);transition:-webkit-transform var(--number-transition-timing);transition:transform var(--number-transition-timing);transition:transform var(--number-transition-timing), -webkit-transform var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-150)}.pds-switch--error label{color:inherit}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-switch__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs);-webkit-margin-start:var(--spacing-message-inline);margin-inline-start:var(--spacing-message-inline);width:100%}.pds-switch__message+.pds-switch__message{-webkit-margin-before:var(--spacing-message-inline);margin-block-start:var(--spacing-message-inline)}.pds-switch__message--error{color:inherit;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-switch__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}input:disabled{background-color:var(--pine-color-neutral-disabled);cursor:not-allowed}input:disabled~label{cursor:initial}input:disabled:hover::after{background-color:var(--pine-color-background-container-disabled)}input:disabled .pds-switch__message{color:initial}input:hover:not(:disabled){background-color:var(--pine-color-neutral-hover)}input:focus-visible:not(:disabled){outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}input:checked::after{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}input:checked:not(:disabled){background-color:currentColor;color:var(--pine-color-accent)}input:checked:not(:disabled):hover{border-color:currentColor;color:var(--pine-color-accent-hover)}';var h=i("pds_switch",function(){function i(i){var n=this;e(this,i);this.pdsSwitchChange=t(this,"pdsSwitchChange");this.inheritedAttributes={};this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.onSwitchUpdate=function(i){if(n.disabled)return;var e=i.target;n.checked=e.checked;n.updateFormValue();n.pdsSwitchChange.emit(i)};this.switchClassNames=function(){var i="pds-switch";if(n.invalid===true){i+=" pds-switch--error"}if(n.helperMessage!==undefined){i+=" pds-switch--message"}return i}}i.prototype.connectedCallback=function(){if(this.el.attachInternals){this.internals=this.el.attachInternals()}};i.prototype.componentDidLoad=function(){this.updateFormValue()};i.prototype.checkedChanged=function(){this.updateFormValue()};i.prototype.updateFormValue=function(){var i;if(typeof jest!=="undefined"||typeof process!=="undefined"&&((i=process.env)===null||i===void 0?void 0:i.NODE_ENV)==="test"){return}if(this.internals&&this.internals.setFormValue){var e=this.checked?this.value||"on":null;this.internals.setFormValue(e)}if(this.internals&&this.internals.setValidity){this.internals.setValidity({})}};i.prototype.formStateRestoreCallback=function(i){if(i instanceof FormData){var e=this.value||"on";this.checked=i.get(this.name||this.componentId)===e}else if(typeof i==="string"){this.checked=i===(this.value||"on")}};i.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},c(this.el))};i.prototype.render=function(){return n(r,{key:"bd2a7a9740c0d466fbedff0e06e532ab8deb567d",class:this.switchClassNames(),"aria-disabled":this.disabled?"true":null},n("label",{key:"0fb2cfa31a424bce3aa7f8310718f004a034fdae",htmlFor:this.componentId},n("input",Object.assign({key:"85b836e04db6648dd8981b51cdbd9ee90bfcea6a","aria-describedby":o(this.componentId,this.invalid,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid?"true":undefined,checked:this.checked,class:"pds-switch__input",disabled:this.disabled,id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,required:this.required,type:"checkbox",value:this.value},this.inheritedAttributes)),n("span",{key:"29674a12e61459a11aa8a791eeb46c829c468317",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&n("div",{key:"135a4bec88f9fe938737b61f361bb76908c39bc7",class:"pds-switch__message",id:a(this.componentId,"helper")},this.helperMessage),this.errorMessage&&n("div",{key:"18cc1bd12df56b0621820cc0e96a150463373ce2",class:"pds-switch__message pds-switch__message--error",id:a(this.componentId,"error"),"aria-live":"assertive"},n("pds-icon",{key:"455fd05665e9bbd8d5a9096544116bb646e4c66a",icon:l,size:"small"}),this.errorMessage))};Object.defineProperty(i,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return i}());h.style=d+p}}}));
+//# sourceMappingURL=p-8096b988.system.entry.js.map

package/dist/pine-core/p-8096b988.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["labelCss","pdsSwitchCss","PdsSwitch","exports","class_1","hostRef","_this","this","inheritedAttributes","checked","disabled","invalid","required","onSwitchUpdate","e","input","target","updateFormValue","pdsSwitchChange","emit","switchClassNames","switchClasses","helperMessage","undefined","prototype","connectedCallback","el","attachInternals","internals","componentDidLoad","checkedChanged","jest","process","_a","env","NODE_ENV","setFormValue","formValue","value","setValidity","formStateRestoreCallback","state","FormData","get","name","componentId","componentWillLoad","Object","assign","inheritAriaAttributes","render","h","Host","key","class","htmlFor","assignDescription","errorMessage","id","onChange","type","hideLabel","label","messageId","icon","danger","size"],"sources":["src/global/styles/utils/label.scss?tag=pds-switch&encapsulation=shadow","src/components/pds-switch/pds-switch.scss?tag=pds-switch&encapsulation=shadow","src/components/pds-switch/pds-switch.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n  color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n  label {\n    color: var(--pine-color-text-label-readonly);\n  }\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n}\n",":host {\n// Need discussions\n  --sizing-input-toggle-size: calc(var(--pine-dimension-250) - (var(--pine-dimension-025) * 2));\n  --pine-dimension-025: 2px;\n  --spacing-message-inline: calc(var(--pine-dimension-450) + var(--pine-dimension-150));\n  --number-transition-timing: 0.15s ease-out;\n\n  align-items: flex-start;\n  color: var(--pine-color-text);\n  display: inline-flex;\n  flex-flow: row wrap;\n  position: relative;\n}\n\n:host(.pds-switch--error) {\n  color: var(--pine-color-text-message-danger);\n\n  input,\n  input:checked,\n  input:hover:not(:disabled):not(:checked) {\n    background-color: var(--pine-color-danger);\n  }\n\n  input:focus-visible:not(:disabled):not(:checked) {\n    outline-color: var(--pine-color-focus-ring-danger);\n  }\n\n  label {\n    color: var(--color-text-error);\n  }\n}\n\n// switch container\ninput {\n  appearance: none;\n  background: var(--pine-color-neutral);\n  border: 0;\n  border-radius: var(--pine-dimension-sm);\n  cursor: pointer;\n  display: inline-block;\n  flex-shrink: 0;\n  height: var(--pine-dimension-250);\n  margin: 0;\n  padding: 0;\n  position: relative;\n  transition: var(--number-transition-timing);\n  transition-property: background, border, color;\n  width: var(--pine-dimension-450);\n\n  // switch toggle\n  &::after {\n    background: var(--pine-color-secondary);\n    border-radius: var(--pine-border-radius-full);\n    box-shadow: var(--pine-box-shadow);\n    content: \"\";\n    display: block;\n    height: var(--sizing-input-toggle-size);\n    inset-block-start: 50%;\n    inset-inline-start: 50%;\n    position: absolute;\n    transform: translate3d(-100%, -50%, 0);\n    transition: transform var(--number-transition-timing);\n    width: var(--sizing-input-toggle-size);\n  }\n}\n\nlabel {\n  display: flex;\n  gap: var(--pine-dimension-150);\n\n  .pds-switch--error & {\n    color: inherit;\n  }\n}\n\n.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n// Help and error messages\n.pds-switch__message {\n  color: var(--pine-color-text-message);\n  font: var(--pine-typography-body-sm-medium);\n  margin-block-start: var(--pine-dimension-xs);\n  margin-inline-start: var(--spacing-message-inline);\n  width: 100%;\n\n  + .pds-switch__message {\n    margin-block-start: var(--spacing-message-inline);\n  }\n}\n\n.pds-switch__message--error {\n  color: inherit;\n  display: flex;\n  gap: var(--pine-dimension-2xs);\n\n  pds-icon {\n    margin-block-start: var(--pine-dimension-025);\n  }\n}\n\n// Disabled state\ninput:disabled {\n  background-color: var(--pine-color-neutral-disabled);\n  cursor: not-allowed;\n\n  ~ label {\n    cursor: initial;\n  }\n\n  &:hover::after {\n    background-color: var(--pine-color-background-container-disabled);\n  }\n\n  .pds-switch__message {\n    color: initial;\n  }\n}\n\n// Hover state\ninput:hover:not(:disabled) {\n  background-color: var(--pine-color-neutral-hover);\n}\n\n // Focus state\ninput:focus-visible:not(:disabled) {\n  outline: var(--pine-outline-focus);\n  outline-offset: var(--pine-border-width);\n}\n\n// 'Checked' state\n// switch toggle\ninput:checked::after {\n  transform: translate3d(0, -50%, 0);\n}\n\n// switch container\ninput:checked:not(:disabled) {\n  background-color: currentColor;\n  color: var(--pine-color-accent);\n\n  &:hover {\n    border-color: currentColor;\n    color: var(--pine-color-accent-hover);\n  }\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Prop, Watch } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { danger } from '@pine-ds/icons/icons';\n\nimport { inheritAriaAttributes } from '@utils/attributes';\nimport type { Attributes } from '@utils/attributes';\n\n@Component({\n  tag: 'pds-switch',\n  styleUrls: ['../../global/styles/utils/label.scss', 'pds-switch.scss'],\n  shadow: true,\n  formAssociated: true,\n})\nexport class PdsSwitch {\n  private inheritedAttributes: Attributes = {};\n  private internals?: ElementInternals;\n\n  @Element() el: HTMLPdsSwitchElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Determines the input 'checked' state.\n   */\n  @Prop({ mutable: true }) checked = false;\n\n  /**\n   * Determines the input 'disabled' state, preventing user interaction.\n   */\n  @Prop() disabled? = false;\n\n  /**\n   * Displays message text describing an invalid state.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Visually hides the label text for instances where only the switch should be displayed. Label remains accessible to assistive technology such as screen readers.\n   */\n  @Prop() hideLabel: boolean;\n\n  /**\n   * Displays help text for additional description of an input.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * Determines the input 'invalid' state, signifying an error is present.\n   */\n  @Prop() invalid? = false;\n\n  /**\n   * Displays text to describe the input.\n   */\n  @Prop() label!: string;\n\n  /**\n   * Identifies form data and unifies a group of radio inputs for toggling a single property/value.\n   */\n  @Prop() name: string;\n\n  /**\n   * Determines the 'required' state of the input.\n   */\n  @Prop() required? = false;\n\n  /**\n   * Provides input with a string submitted in form data.\n   */\n  @Prop() value: string;\n\n  /**\n   * Emits an event on input change.\n   */\n  @Event() pdsSwitchChange: EventEmitter<InputEvent>;\n\n  private onSwitchUpdate = (e: Event) => {\n    if (this.disabled) return;\n\n    const input = e.target as HTMLInputElement;\n    this.checked = input.checked;\n\n    this.updateFormValue();\n\n    this.pdsSwitchChange.emit(e as InputEvent);\n  };\n\n  private switchClassNames = () => {\n    let switchClasses = `pds-switch`;\n\n    if (this.invalid === true) {\n      switchClasses += \" pds-switch--error\";\n    }\n    if (this.helperMessage !== undefined) {\n      switchClasses += \" pds-switch--message\";\n    }\n    return switchClasses;\n  };\n\n  connectedCallback() {\n    if (this.el.attachInternals) {\n      this.internals = this.el.attachInternals();\n    }\n  }\n\n  componentDidLoad() {\n    this.updateFormValue();\n  }\n\n  @Watch('checked')\n  checkedChanged() {\n    this.updateFormValue();\n  }\n\n  private updateFormValue() {\n    if (typeof jest !== 'undefined' || typeof process !== 'undefined' && process.env?.NODE_ENV === 'test') {\n      return;\n    }\n\n    if (this.internals && this.internals.setFormValue) {\n      // For switches, only send the value when checked, otherwise send null\n      const formValue = this.checked ? (this.value || 'on') : null;\n      this.internals.setFormValue(formValue);\n    }\n\n    if (this.internals && this.internals.setValidity) {\n      this.internals.setValidity({});\n    }\n  }\n\n  formStateRestoreCallback(state: string | FormData | null) {\n    if (state instanceof FormData) {\n      // For switches, restore if the value exists in FormData\n      const value = this.value || 'on';\n      this.checked = state.get(this.name || this.componentId) === value;\n    } else if (typeof state === 'string') {\n      // Restore from string state\n      this.checked = state === (this.value || 'on');\n    }\n  }\n\n  componentWillLoad() {\n    this.inheritedAttributes = {\n      ...inheritAriaAttributes(this.el)\n    }\n  }\n\n  render() {\n    return (\n      <Host class={this.switchClassNames()} aria-disabled={this.disabled ? 'true' : null}>\n        <label htmlFor={this.componentId}>\n          <input\n            aria-describedby={assignDescription(this.componentId, this.invalid, this.errorMessage || this.helperMessage)}\n            aria-invalid={this.invalid ? \"true\" : undefined}\n            checked={this.checked}\n            class=\"pds-switch__input\"\n            disabled={this.disabled}\n            id={this.componentId}\n            name={this.name ? this.name : this.componentId}\n            onChange={this.onSwitchUpdate}\n            required={this.required}\n            type=\"checkbox\"\n            value={this.value}\n            {...this.inheritedAttributes}\n          />\n          <span class={this.hideLabel ? 'visually-hidden' : ''}>\n            {this.label}\n          </span>\n        </label>\n        {this.helperMessage &&\n          <div\n            class={`pds-switch__message`}\n            id={messageId(this.componentId, 'helper')}\n          >\n            {this.helperMessage}\n          </div>\n        }\n        {this.errorMessage &&\n          <div\n            class={`pds-switch__message pds-switch__message--error`}\n            id={messageId(this.componentId, 'error')}\n            aria-live=\"assertive\"\n          >\n            <pds-icon icon={danger} size=\"small\" />\n            {this.errorMessage}\n          </div>\n        }\n      </Host>\n    );\n  }\n}\n"],"mappings":"oTAAA,IAAMA,EAAW,qTCAjB,IAAMC,EAAe,+vH,ICaRC,EAASC,EAAA,wBANtB,SAAAC,EAAAC,GAAA,IAAAC,EAAAC,K,yDAOUA,KAAmBC,oBAAe,GAajBD,KAAOE,QAAG,MAK3BF,KAAQG,SAAI,MAoBZH,KAAOI,QAAI,MAeXJ,KAAQK,SAAI,MAYZL,KAAAM,eAAiB,SAACC,GACxB,GAAIR,EAAKI,SAAU,OAEnB,IAAMK,EAAQD,EAAEE,OAChBV,EAAKG,QAAUM,EAAMN,QAErBH,EAAKW,kBAELX,EAAKY,gBAAgBC,KAAKL,EAC5B,EAEQP,KAAgBa,iBAAG,WACzB,IAAIC,EAAgB,aAEpB,GAAIf,EAAKK,UAAY,KAAM,CACzBU,GAAiB,oB,CAEnB,GAAIf,EAAKgB,gBAAkBC,UAAW,CACpCF,GAAiB,sB,CAEnB,OAAOA,CACT,CA6FD,CA3FCjB,EAAAoB,UAAAC,kBAAA,WACE,GAAIlB,KAAKmB,GAAGC,gBAAiB,CAC3BpB,KAAKqB,UAAYrB,KAAKmB,GAAGC,iB,GAI7BvB,EAAAoB,UAAAK,iBAAA,WACEtB,KAAKU,iB,EAIPb,EAAAoB,UAAAM,eAAA,WACEvB,KAAKU,iB,EAGCb,EAAAoB,UAAAP,gBAAA,W,MACN,UAAWc,OAAS,oBAAsBC,UAAY,eAAeC,EAAAD,QAAQE,OAAG,MAAAD,SAAA,SAAAA,EAAEE,YAAa,OAAQ,CACrG,M,CAGF,GAAI5B,KAAKqB,WAAarB,KAAKqB,UAAUQ,aAAc,CAEjD,IAAMC,EAAY9B,KAAKE,QAAWF,KAAK+B,OAAS,KAAQ,KACxD/B,KAAKqB,UAAUQ,aAAaC,E,CAG9B,GAAI9B,KAAKqB,WAAarB,KAAKqB,UAAUW,YAAa,CAChDhC,KAAKqB,UAAUW,YAAY,G,GAI/BnC,EAAAoB,UAAAgB,yBAAA,SAAyBC,GACvB,GAAIA,aAAiBC,SAAU,CAE7B,IAAMJ,EAAQ/B,KAAK+B,OAAS,KAC5B/B,KAAKE,QAAUgC,EAAME,IAAIpC,KAAKqC,MAAQrC,KAAKsC,eAAiBP,C,MACvD,UAAWG,IAAU,SAAU,CAEpClC,KAAKE,QAAUgC,KAAWlC,KAAK+B,OAAS,K,GAI5ClC,EAAAoB,UAAAsB,kBAAA,WACEvC,KAAKC,oBAAmBuC,OAAAC,OAAA,GACnBC,EAAsB1C,KAAKmB,I,EAIlCtB,EAAAoB,UAAA0B,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO/C,KAAKa,mBAAkB,gBAAiBb,KAAKG,SAAW,OAAS,MAC5EyC,EAAA,SAAAE,IAAA,2CAAOE,QAAShD,KAAKsC,aACnBM,EACoB,QAAAJ,OAAAC,OAAA,CAAAK,IAAA,8DAAAG,EAAkBjD,KAAKsC,YAAatC,KAAKI,QAASJ,KAAKkD,cAAgBlD,KAAKe,eAAc,eAC9Ff,KAAKI,QAAU,OAASY,UACtCd,QAASF,KAAKE,QACd6C,MAAM,oBACN5C,SAAUH,KAAKG,SACfgD,GAAInD,KAAKsC,YACTD,KAAMrC,KAAKqC,KAAOrC,KAAKqC,KAAOrC,KAAKsC,YACnCc,SAAUpD,KAAKM,eACfD,SAAUL,KAAKK,SACfgD,KAAK,WACLtB,MAAO/B,KAAK+B,OACR/B,KAAKC,sBAEX2C,EAAA,QAAAE,IAAA,2CAAMC,MAAO/C,KAAKsD,UAAY,kBAAoB,IAC/CtD,KAAKuD,QAGTvD,KAAKe,eACJ6B,EAAA,OAAAE,IAAA,2CACEC,MAAO,sBACPI,GAAIK,EAAUxD,KAAKsC,YAAa,WAE/BtC,KAAKe,eAGTf,KAAKkD,cACJN,EAAA,OAAAE,IAAA,2CACEC,MAAO,iDACPI,GAAIK,EAAUxD,KAAKsC,YAAa,SAAQ,YAC9B,aAEVM,EAAA,YAAAE,IAAA,2CAAUW,KAAMC,EAAQC,KAAK,UAC5B3D,KAAKkD,c,8VA9KI,I","ignoreList":[]}

package/dist/pine-core/p-8896d43a.entry.js

@@ -0,0 +1,2 @@
+import{r,c as o,h as t,H as e,g as n}from"./p-BVCWKPy3.js";import{h as i}from"./p-tJa4KYNO.js";import{b as d}from"./p-CzVv99mW.js";const a=":host{--pds-button-background:var(--color-background-default);--pds-button-border:var(--pine-border);--pds-button-border-radius:var(--pine-border-radius-full);--pds-button-border-radius-start-end:var(--pine-border-radius-full);--pds-button-border-radius-start-start:var(--pine-border-radius-full);--pds-button-border-radius-end-end:var(--pine-border-radius-full);--pds-button-border-radius-end-start:var(--pine-border-radius-full);--pds-button-min-height:var(--pine-dimension-450);--color-border-default:transparent;--color-border-disabled:transparent;--color-border-focus:transparent;--color-border-hover:transparent;--button-loader-color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host([full-width=true]){display:-ms-flexbox;display:flex;width:100%}:host([full-width=true]) a,:host([full-width=true]) button{-ms-flex-pack:center;justify-content:center;width:100%}:host([full-width=true]) .pds-button__content{-ms-flex-pack:center;justify-content:center;text-align:center}:host([loading=true]){cursor:wait;pointer-events:none}:host([disabled=true]){pointer-events:none}.pds-button{--pds-loader-color:var(--color-text-default);-ms-flex-align:center;align-items:center;background-color:var(--pds-button-background, var(--color-background-default));border:var(--pds-button-border);border-color:var(--color-border-default);border-end-end-radius:var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));border-end-start-radius:var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));border-radius:var(--pds-button-border-radius);border-start-end-radius:var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));border-start-start-radius:var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-brand-label);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-button-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);position:relative;text-decoration:none}.pds-button pds-icon{color:currentColor;fill:currentColor}.pds-button:hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover)}.pds-button:focus-visible{border-color:var(--color-border-focus);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-button:disabled{background-color:var(--color-background-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled);pointer-events:none}.pds-button--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-button--secondary,.pds-button--disclosure{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-default:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--unstyled{--color-background-default:transparent;--color-background-hover:transparent;--color-background-disabled:transparent;--color-text-default:inherit;--button-loader-color:inherit;border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}.pds-button__content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-xs);position:relative;width:100%}.pds-button__icon{display:-ms-inline-flexbox;display:inline-flex}.pds-button__text{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}.pds-button__icon--hidden,.pds-button__text--hidden{opacity:0}.pds-button__loader{height:var(--pine-dimension-250);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--pine-dimension-250)}.pds-button--loading{cursor:wait;pointer-events:none}.pds-button--loading .pds-button__loader pds-loader{--loader-color:var(--button-loader-color)}.pds-button--icon-only{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);height:var(--button-dimension);-ms-flex-pack:center;justify-content:center;min-height:var(--button-dimension);min-width:var(--button-dimension);padding:var(--pine-dimension-xs);width:var(--button-dimension)}.pds-button--icon-only .pds-button__content{height:100%;-ms-flex-pack:center;justify-content:center;width:100%}.pds-button--icon-only .pds-button__text--hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";const s=class{constructor(t){r(this,t);this.pdsClick=o(this,"pdsClick");this.disabled=false;this.fullWidth=false;this.icon=null;this.iconOnly=false;this.loading=false;this.type="button";this.variant="primary";this.handleClick=r=>{if(this.loading){r.preventDefault();return}if(!this.href&&this.type!="button"){if(i(this.el)){const o=this.el.closest("form");if(o){r.preventDefault();const t=document.createElement("button");t.type=this.type;t.style.display="none";o.appendChild(t);t.click();t.remove()}}}this.pdsClick.emit(r)}}classNames(){const r=["pds-button"];if(this.variant){r.push("pds-button--"+this.variant)}if(this.iconOnly){r.push("pds-button--icon-only")}if(this.loading){r.push("pds-button--loading")}return r.join(" ")}hasSlotContent(r){const o=this.el.querySelectorAll(`[slot="${r}"]`);return o.length>0}renderStartContent(){const r=this.icon&&this.variant!=="disclosure";const o=this.hasSlotContent("start");if(Boolean(r)){return t("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",name:this.icon,part:"icon","aria-hidden":"true"})}else if(Boolean(o)){return t("span",{class:`pds-button__icon ${this.loading?"pds-button__icon--hidden":""}`},t("slot",{name:"start"}))}return null}renderEndContent(){if(this.iconOnly){return null}if(this.variant==="disclosure"){return t("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:d,part:"caret","aria-hidden":"true"})}else if(this.hasSlotContent("end")){return t("span",{class:`pds-button__icon ${this.loading?"pds-button__icon--hidden":""}`},t("slot",{name:"end"}))}return null}render(){const r={class:this.classNames(),part:"button"};const o=()=>{if(this.href){return Object.assign(Object.assign({},r),{href:this.disabled?null:this.href,target:this.target})}return Object.assign(Object.assign({},r),{"aria-busy":this.loading?"true":null,"aria-live":this.loading?"polite":null,disabled:this.disabled,name:this.name,type:this.type,value:this.value})};const n=this.href?"a":"button";const i=this.loading||this.iconOnly;const d=t("div",{class:"pds-button__content",part:"button-content"},this.renderStartContent(),t("span",{class:`pds-button__text ${i?"pds-button__text--hidden":""}`,part:"button-text"},t("slot",null)),this.loading&&t("span",{class:"pds-button__loader"},t("pds-loader",{"is-loading":true,size:"var(--pine-font-size-body-2xl)",variant:"spinner"},"Loading...")),this.renderEndContent());return t(e,{"aria-disabled":this.disabled?"true":null,id:this.componentId,onClick:this.handleClick,variant:this.variant},t(n,Object.assign({},o()),d))}get el(){return n(this)}};s.style=a;export{s as pds_button};
+//# sourceMappingURL=p-8896d43a.entry.js.map

package/dist/pine-core/p-8896d43a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsButtonCss","PdsButton","constructor","hostRef","this","disabled","fullWidth","icon","iconOnly","loading","type","variant","handleClick","ev","preventDefault","href","hasShadowDom","el","form","closest","fakeButton","document","createElement","style","display","appendChild","click","remove","pdsClick","emit","classNames","push","join","hasSlotContent","slotName","elements","querySelectorAll","length","renderStartContent","hasIcon","hasStartSlot","Boolean","h","class","name","part","renderEndContent","caretDown","render","commonProps","attributes","Object","assign","target","value","ContentElement","hideText","content","size","Host","id","componentId","onClick"],"sources":["src/components/pds-button/pds-button.scss?tag=pds-button&encapsulation=shadow","src/components/pds-button/pds-button.tsx"],"sourcesContent":[":host {\n  --pds-button-background: var(--color-background-default);\n  --pds-button-border: var(--pine-border);\n  --pds-button-border-radius: var(--pine-border-radius-full);\n  --pds-button-border-radius-start-end: var(--pine-border-radius-full);\n  --pds-button-border-radius-start-start: var(--pine-border-radius-full);\n  --pds-button-border-radius-end-end: var(--pine-border-radius-full);\n  --pds-button-border-radius-end-start: var(--pine-border-radius-full);\n  --pds-button-min-height: var(--pine-dimension-450);\n  --color-border-default: transparent;\n  --color-border-disabled: transparent;\n  --color-border-focus: transparent;\n  --color-border-hover: transparent;\n  --button-loader-color: var(--color-text-default);\n\n  display: inline-flex;\n  vertical-align: middle;\n}\n\n:host([full-width=\"true\"]) {\n  display: flex;\n  width: 100%;\n\n  a,\n  button {\n    justify-content: center;\n    width: 100%;\n  }\n\n  .pds-button__content {\n    justify-content: center;\n    text-align: center;\n  }\n}\n\n:host([loading=\"true\"]) {\n  cursor: wait;\n  pointer-events: none;\n}\n\n:host([disabled=\"true\"]) {\n  pointer-events: none;\n}\n\n.pds-button {\n  --pds-loader-color: var(--color-text-default);\n  align-items: center;\n  background-color: var(--pds-button-background, var(--color-background-default));\n  border: var(--pds-button-border);\n  border-color: var(--color-border-default);\n  border-end-end-radius: var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));\n  border-end-start-radius: var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));\n  border-radius: var(--pds-button-border-radius);\n  border-start-end-radius: var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));\n  border-start-start-radius: var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));\n  box-sizing: border-box;\n  color: var(--color-text-default);\n  cursor: pointer;\n  display: flex;\n  font: var(--pine-typography-body-brand-label);\n  letter-spacing: var(--pine-letter-spacing);\n  min-height: var(--pds-button-min-height);\n  padding: calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);\n  position: relative;\n  text-decoration: none;\n\n  pds-icon {\n    color: currentColor;\n    fill: currentColor;\n  }\n\n  &:hover {\n    background-color: var(--color-background-hover);\n    border-color: var(--color-border-hover);\n  }\n\n  &:focus-visible {\n    border-color: var(--color-border-focus);\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n  }\n\n  &:disabled {\n    background-color: var(--color-background-disabled);\n    border-color: var(--color-border-disabled);\n    color: var(--color-text-disabled);\n    pointer-events: none;\n  }\n}\n\n.pds-button--primary {\n  --color-background-default: var(--pine-color-primary);\n  --color-background-hover: var(--pine-color-primary-hover);\n  --color-background-disabled: var(--pine-color-primary-disabled);\n  --color-border-default: var(--pine-color-primary);\n  --color-border-hover: var(--pine-color-primary-hover);\n  --color-text-default: var(--pine-color-text-primary);\n  --color-text-disabled: var(--pine-color-text-primary-disabled);\n  --color-outline: var(--pine-color-focus-ring);\n  --button-loader-color: var(--pine-color-text-primary);\n}\n\n.pds-button--accent {\n  --color-background-default: var(--pine-color-accent);\n  --color-background-hover: var(--pine-color-accent-hover);\n  --color-background-disabled: var(--pine-color-accent-disabled);\n  --color-border-default: var(--pine-color-accent);\n  --color-border-hover: var(--pine-color-accent-hover);\n  --color-text-default: var(--pine-color-text-primary);\n  --color-text-disabled: var(--pine-color-text-accent-disabled);\n  --color-outline: var(--pine-color-focus-ring);\n  --button-loader-color: var(--pine-color-text-primary);\n}\n\n.pds-button--destructive {\n  --color-background-default: var(--pine-color-danger);\n  --color-background-hover: var(--pine-color-danger-hover);\n  --color-background-disabled: var(--pine-color-danger-disabled);\n  --color-border-default: var(--pine-color-danger);\n  --color-border-hover: var(--pine-color-danger-hover);\n  --color-text-default: var(--pine-color-text-primary);\n  --color-text-disabled: var(--pine-color-text-danger-disabled);\n  --color-outline: var(--pine-color-focus-ring-danger);\n  --button-loader-color: var(--pine-color-text-primary);\n\n  &:focus-visible {\n    outline-color: var(--pine-color-focus-ring-danger);\n  }\n}\n\n.pds-button--secondary,\n.pds-button--disclosure {\n  --color-background-default: var(--pine-color-secondary);\n  --color-background-hover: var(--pine-color-secondary-hover);\n  --color-background-disabled: var(--pine-color-secondary-disabled);\n  --color-border-disabled: var(--pine-color-border-disabled);\n  --color-border-focus: var(--pine-color-border);\n  --color-border-hover: var(--pine-color-border-hover);\n  --color-border-default: var(--pine-color-border);\n  --color-text-default: var(--pine-color-text-secondary);\n  --color-text-disabled: var(--pine-color-text-secondary-disabled);\n  --color-outline: var(--pine-color-focus-ring);\n  --button-loader-color: var(--pine-color-text-secondary);\n\n  &:hover {\n    background-color: var(--pine-color-secondary-hover);\n  }\n}\n\n.pds-button--unstyled {\n  --color-background-default: transparent;\n  --color-background-hover: transparent;\n  --color-background-disabled: transparent;\n  --color-text-default: inherit;\n  --button-loader-color: inherit;\n  border-width: var(--pine-dimension-none);\n  margin: var(--pine-dimension-none);\n  min-height: auto;\n  padding: var(--pine-dimension-none);\n  width: inherit;\n}\n\n.pds-button__content {\n  align-items: center;\n  display: inline-flex;\n  gap: var(--pine-dimension-xs);\n  position: relative;\n  width: 100%;\n}\n\n.pds-button__icon {\n  display: inline-flex;\n}\n\n.pds-button__text {\n  align-items: center;\n  display: inline-flex;\n  white-space: nowrap;\n}\n\n.pds-button__icon--hidden,\n.pds-button__text--hidden {\n  opacity: 0;\n}\n\n.pds-button__loader {\n  height: var(--pine-dimension-250);\n  left: 50%;\n  position: absolute;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: var(--pine-dimension-250);\n}\n\n.pds-button--loading {\n  cursor: wait;\n  pointer-events: none;\n\n  .pds-button__loader {\n    pds-loader {\n      --loader-color: var(--button-loader-color);\n    }\n  }\n}\n\n.pds-button--icon-only {\n  align-items: center;\n  border-radius: var(--pine-border-radius-full);\n  height: var(--button-dimension);\n  justify-content: center;\n  min-height: var(--button-dimension);\n  min-width: var(--button-dimension);\n  padding: var(--pine-dimension-xs);\n  width: var(--button-dimension);\n\n  .pds-button__content {\n    height: 100%;\n    justify-content: center;\n    width: 100%;\n  }\n\n  .pds-button__text--hidden {\n    border: 0;\n    clip: rect(0 0 0 0);\n    clip-path: polygon(0 0, 0 0, 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Prop } from '@stencil/core';\nimport { hasShadowDom } from '../../utils/utils';\n\nimport { caretDown } from '@pine-ds/icons/icons';\n\n/**\n * @part button - Exposes the button element for styling.\n * @part button-content - Exposes the button content for styling.\n * @part button-text - Exposes the button text for styling.\n * @part caret - Exposes the caret icon component for styling. Appears only on the disclosure variant.\n * @part icon - Exposes the icon component for styling.\n * @slot (default) - Button text.\n * @slot start - Content to display before the button text.\n * @slot end - Content to display after the button text.\n*/\n\n@Component({\n  tag: 'pds-button',\n  styleUrls: ['pds-button.scss'],\n  shadow: true,\n})\nexport class PdsButton {\n  @Element() el: HTMLPdsButtonElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines the button's disabled state.\n   * @defaultValue false\n   */\n  @Prop() disabled? = false;\n\n  /**\n   * Determines if the button should take up the full width of its container.\n   * @defaultValue false\n   */\n  @Prop() fullWidth? = false;\n\n  /**\n   * If provided, renders the component as an anchor (`<a>`) element instead of a button.\n   * When using href, button-specific props (type, name, value, loading) will be ignored.\n   */\n  @Prop() href?: string;\n\n  /**\n   * Displays a leading icon in the button. DEPRECATED.\n   * @defaultValue null\n   * @deprecated Use `start` slot instead.\n   */\n  @Prop() icon?: string = null;\n\n  /**\n   * When true, displays only the icon and visually hides the text (keeping it accessible).\n   */\n  @Prop() iconOnly? = false;\n\n  /**\n   * Determines if the button is in a loading state.\n   * When true, displays a loader and hides the button text.\n   * @defaultValue false\n   */\n  @Prop() loading? = false;\n\n  /**\n   * Provides the button with a submittable name.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Specifies where to open the linked document when href is provided.\n   * Only applies when href is set.\n   */\n  @Prop() target?: '_blank' | '_self' | '_parent' | '_top';\n\n  /**\n   * Provides button with a type.\n   * @defaultValue button\n   */\n  @Prop() type?: 'button' | 'reset' | 'submit' = 'button';\n\n  /**\n   * Provides button with a submittable value\n   */\n  @Prop() value?: string;\n\n  /**\n   * Sets the style variant of the button.\n   * @defaultValue primary\n   */\n  @Prop() variant: 'primary' | 'secondary' | 'accent' | 'disclosure' | 'destructive' | 'unstyled' = 'primary';\n\n  @Event() pdsClick: EventEmitter;\n\n  private handleClick = (ev: Event) => {\n    if (this.loading) {\n      ev.preventDefault();\n      return;\n    }\n\n    if (!this.href && this.type != 'button') {\n      // If button clicked IS NOT associated with a form\n      if (hasShadowDom(this.el)) {\n        const form = this.el.closest('form');\n        if (form) {\n          ev.preventDefault();\n\n          const fakeButton = document.createElement('button');\n          fakeButton.type = this.type;\n          fakeButton.style.display = 'none';\n          form.appendChild(fakeButton);\n          fakeButton.click();\n          fakeButton.remove();\n        }\n      }\n    }\n    this.pdsClick.emit(ev);\n  };\n\n  private classNames() {\n    const classNames = ['pds-button'];\n\n    if (this.variant) {\n      classNames.push('pds-button--' + this.variant);\n    }\n\n    if (this.iconOnly) {\n      classNames.push('pds-button--icon-only');\n    }\n\n    if (this.loading) {\n      classNames.push('pds-button--loading');\n    }\n\n    return classNames.join(' ');\n  }\n\n  private hasSlotContent(slotName: string): boolean {\n    const elements = this.el.querySelectorAll(`[slot=\"${slotName}\"]`);\n    return elements.length > 0;\n  }\n\n  private renderStartContent() {\n    const hasIcon = this.icon && this.variant !== 'disclosure';\n    const hasStartSlot = this.hasSlotContent('start');\n\n    if (Boolean(hasIcon)) {\n      return (\n        <pds-icon class={this.loading ? 'pds-button__icon--hidden' : ''} name={this.icon} part=\"icon\" aria-hidden=\"true\"></pds-icon>\n      );\n    } else if (Boolean(hasStartSlot)) {\n      return <span class={`pds-button__icon ${this.loading ? 'pds-button__icon--hidden' : ''}`}><slot name=\"start\" /></span>;\n    }\n\n    return null;\n  }\n\n  private renderEndContent() {\n    if (this.iconOnly) {\n      return null;\n    }\n\n    if (this.variant === 'disclosure') {\n      return (\n        <pds-icon class={this.loading ? 'pds-button__icon--hidden' : ''} icon={caretDown} part=\"caret\" aria-hidden=\"true\"></pds-icon>\n      );\n    } else if (this.hasSlotContent('end')) {\n      return <span class={`pds-button__icon ${this.loading ? 'pds-button__icon--hidden' : ''}`}><slot name=\"end\" /></span>;\n    }\n\n    return null;\n  }\n\n  render() {\n    // Common props for both button and anchor elements\n    const commonProps = {\n      class: this.classNames(),\n      part: 'button',\n    };\n\n    const attributes = () => {\n      if (this.href) {\n        return {\n          // Anchor element props\n          ...commonProps,\n          href: this.disabled ? null : this.href,\n          target: this.target,\n        };\n      }\n\n      return {\n        // Button element props\n        ...commonProps,\n        'aria-busy': this.loading ? 'true' : null,\n        'aria-live': this.loading ? 'polite' : null,\n        'disabled': this.disabled,\n        'name': this.name,\n        'type': this.type,\n        'value': this.value,\n      };\n    };\n\n    const ContentElement = this.href ? 'a' : 'button';\n\n    // Hide text when loading or iconOnly is true\n    const hideText = this.loading || this.iconOnly;\n\n    const content = (\n      <div class=\"pds-button__content\" part=\"button-content\">\n        {this.renderStartContent()}\n\n        <span class={`pds-button__text ${hideText ? 'pds-button__text--hidden' : ''}`} part=\"button-text\">\n          <slot />\n        </span>\n\n        {this.loading && (\n          <span class=\"pds-button__loader\">\n            <pds-loader is-loading={true} size=\"var(--pine-font-size-body-2xl)\" variant=\"spinner\">\n              Loading...\n            </pds-loader>\n          </span>\n        )}\n\n        {this.renderEndContent()}\n      </div>\n    );\n\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n        id={this.componentId}\n        onClick={this.handleClick}\n        variant={this.variant}\n      >\n        <ContentElement {...attributes()}>\n          {content}\n        </ContentElement>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}