@pine-ds/core 3.2.0 → 3.4.0

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

@@ -1 +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","justifyContent","marginBlockStart","marginInlineStart","marginInlineEnd","marginBlockEnd","offset","offsetXs","offsetSm","offsetMd","offsetLg","offsetXl","padding","paddingBlockStart","paddingBlockEnd","paddingInlineStart","paddingInlineEnd","shadow","size","sizeXs","sizeSm","sizeMd","sizeLg","sizeXl","boxInlineStyles","Object","assign","backgroundColor","borderColor","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":["@import './pds-box.mixins';\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-100);\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';\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   * @defaultValue none\n   */\n  @Prop() flex?: `none` | `grow` | `shrink`;\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() !== '' ? `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    const boxInlineStyles = {\n      ...(this.backgroundColor && { '--color-background-box': this.backgroundColor }),\n      ...(this.borderColor && { '--color-border-box': this.borderColor }),\n      ...(this.minHeight && { '--sizing-min-height-box': this.minHeight }),\n      ...(this.minWidth && { '--sizing-min-width-box': this.minWidth }),\n    };\n\n    return (\n      <Host class={boxClasses} style={boxInlineStyles}>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"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","justifyContent","marginBlockStart","marginInlineStart","marginInlineEnd","marginBlockEnd","offset","offsetXs","offsetSm","offsetMd","offsetLg","offsetXl","padding","paddingBlockStart","paddingBlockEnd","paddingInlineStart","paddingInlineEnd","shadow","size","sizeXs","sizeSm","sizeMd","sizeLg","sizeXl","boxInlineStyles","Object","assign","backgroundColor","borderColor","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-100);\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';\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   * @defaultValue none\n   */\n  @Prop() flex?: `none` | `grow` | `shrink`;\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() !== '' ? `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    const boxInlineStyles = {\n      ...(this.backgroundColor && { '--color-background-box': this.backgroundColor }),\n      ...(this.borderColor && { '--color-border-box': this.borderColor }),\n      ...(this.minHeight && { '--sizing-min-height-box': this.minHeight }),\n      ...(this.minWidth && { '--sizing-min-width-box': this.minWidth }),\n    };\n\n    return (\n      <Host class={boxClasses} style={boxInlineStyles}>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAY,gs6B,ICQLC,EAAMC,EAAA,qBAJnB,SAAAC,EAAAC,G,UA8BUC,KAAMC,OAAI,KA2OnB,CAtDCH,EAAAI,UAAAC,OAAA,WACE,IAAMC,EAAa,SAAAC,OACjBL,KAAKM,aAAeC,WAAaP,KAAKM,WAAWE,SAAW,GAAK,mBAAAH,OAAmBL,KAAKM,YAAe,GAAE,UAAAD,OAC1GL,KAAKS,YAAcF,WAAaP,KAAKS,UAAUD,SAAW,GAAK,kBAAAH,OAAkBL,KAAKS,WAAc,GAAE,UAAAJ,OACtGL,KAAKU,KAAO,gBAAkB,GAAE,UAAAL,OAChCL,KAAKC,OAAS,kBAAoB,GAAE,UAAAI,OACpCL,KAAKW,eAAiBJ,WAAaP,KAAKW,aAAaH,SAAW,GAAK,qBAAAH,OAAqBL,KAAKW,cAAiB,GAAE,UAAAN,OAClHL,KAAKY,YAAcL,WAAaP,KAAKY,UAAUJ,SAAW,GAAK,qBAAAH,OAAqBL,KAAKY,WAAc,GAAE,UAAAP,OACzGL,KAAKa,UAAYN,WAAaP,KAAKa,QAAQL,SAAW,GAAK,oBAAAH,OAAoBL,KAAKa,SAAY,GAAE,UAAAR,OAClGL,KAAKc,IAAM,eAAiB,GAAE,UAAAT,OAC9BL,KAAKe,MAAQR,WAAaP,KAAKe,IAAIP,SAAW,GAAK,eAAAH,OAAeL,KAAKe,KAAQ,GAAE,UAAAV,OACjFL,KAAKgB,OAAST,WAAaP,KAAKgB,KAAKR,SAAW,GAAK,iBAAAH,OAAiBL,KAAKgB,MAAS,GAAE,UAAAX,OACtFL,KAAKiB,iBAAmBV,WAAaP,KAAKiB,eAAeT,SAAW,GAAK,uBAAAH,OAAuBL,KAAKiB,gBAAmB,GAAE,UAAAZ,OAC1HL,KAAKkB,mBAAqBX,WAAaP,KAAKkB,iBAAiBV,SAAW,GAAK,0BAAAH,OAA0BL,KAAKkB,kBAAqB,GAAE,UAAAb,OACnIL,KAAKmB,oBAAsBZ,WAAaP,KAAKmB,kBAAkBX,SAAW,GAAK,2BAAAH,OAA2BL,KAAKmB,mBAAsB,GAAE,UAAAd,OACvIL,KAAKoB,kBAAoBb,WAAaP,KAAKoB,gBAAgBZ,SAAW,GAAK,yBAAAH,OAAyBL,KAAKoB,iBAAoB,GAAE,UAAAf,OAC/HL,KAAKqB,iBAAmBd,WAAaP,KAAKqB,eAAeb,SAAW,GAAK,wBAAAH,OAAwBL,KAAKqB,gBAAmB,GAAE,UAAAhB,OAC3HL,KAAKsB,SAAWf,WAAaP,KAAKsB,OAAOd,SAAW,GAAK,kBAAAH,OAAkBL,KAAKsB,QAAW,GAAE,UAAAjB,OAC7FL,KAAKuB,WAAahB,WAAaP,KAAKuB,SAASf,SAAW,GAAK,qBAAAH,OAAqBL,KAAKuB,UAAa,GAAE,UAAAlB,OACtGL,KAAKwB,WAAajB,WAAaP,KAAKwB,SAAShB,SAAW,GAAK,qBAAAH,OAAqBL,KAAKwB,UAAa,GAAE,UAAAnB,OACtGL,KAAKyB,WAAalB,WAAaP,KAAKyB,SAASjB,SAAW,GAAK,qBAAAH,OAAqBL,KAAKyB,UAAa,GAAE,UAAApB,OACtGL,KAAK0B,WAAanB,WAAaP,KAAK0B,SAASlB,SAAW,GAAK,qBAAAH,OAAqBL,KAAK0B,UAAa,GAAE,UAAArB,OACtGL,KAAK2B,WAAapB,WAAaP,KAAK2B,SAASnB,SAAW,GAAK,qBAAAH,OAAqBL,KAAK2B,UAAa,GAAE,UAAAtB,OACtGL,KAAK4B,UAAYrB,WAAaP,KAAK4B,QAAQpB,SAAW,GAAK,eAAAH,OAAeL,KAAK4B,SAAY,GAAE,UAAAvB,OAC7FL,KAAK6B,oBAAsBtB,WAAaP,KAAK6B,kBAAkBrB,SAAW,GAAK,2BAAAH,OAA2BL,KAAK6B,mBAAsB,GAAE,UAAAxB,OACvIL,KAAK8B,kBAAoBvB,WAAaP,KAAK8B,gBAAgBtB,SAAW,GAAK,yBAAAH,OAAyBL,KAAK8B,iBAAoB,GAAE,UAAAzB,OAC/HL,KAAK+B,qBAAuBxB,WAAaP,KAAK+B,mBAAmBvB,SAAW,GAAK,4BAAAH,OAA4BL,KAAK+B,oBAAuB,GAAE,UAAA1B,OAC3IL,KAAKgC,mBAAqBzB,WAAaP,KAAKgC,iBAAiBxB,SAAW,GAAK,0BAAAH,OAA0BL,KAAKgC,kBAAqB,GAAE,UAAA3B,OACnIL,KAAKiC,SAAW1B,WAAaP,KAAKiC,OAAOzB,SAAW,GAAK,cAAAH,OAAcL,KAAKiC,QAAW,GAAE,UAAA5B,OACzFL,KAAKkC,OAAS3B,WAAaP,KAAKkC,KAAK1B,SAAW,GAAK,mBAAAH,OAAmBL,KAAKkC,MAAS,GAAE,UAAA7B,OACxFL,KAAKmC,SAAW5B,WAAaP,KAAKmC,OAAO3B,SAAW,GAAK,cAAAH,OAAcL,KAAKmC,QAAW,GAAE,UAAA9B,OACzFL,KAAKoC,SAAW7B,WAAaP,KAAKoC,OAAO5B,SAAW,GAAK,cAAAH,OAAcL,KAAKoC,QAAW,GAAE,UAAA/B,OACzFL,KAAKqC,SAAW9B,WAAaP,KAAKqC,OAAO7B,SAAW,GAAK,cAAAH,OAAcL,KAAKqC,QAAW,GAAE,UAAAhC,OACzFL,KAAKsC,SAAW/B,WAAaP,KAAKsC,OAAO9B,SAAW,GAAK,cAAAH,OAAcL,KAAKsC,QAAW,GAAE,UAAAjC,OACzFL,KAAKuC,SAAWhC,WAAaP,KAAKuC,OAAO/B,SAAW,GAAK,cAAAH,OAAcL,KAAKuC,QAAW,GAAE,UAAAlC,OACzFL,KAAKkC,MAAQ3B,WACbP,KAAKoC,QAAU7B,WACfP,KAAKqC,QAAU9B,WACfP,KAAKsC,QAAU/B,WACfP,KAAKuC,QAAUhC,UAAY,UAAY,GAAE,UAG3C,IAAMiC,EACDC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GAAC1C,KAAK2C,iBAAmB,CAAE,yBAA0B3C,KAAK2C,kBACzD3C,KAAK4C,aAAe,CAAE,qBAAsB5C,KAAK4C,cACjD5C,KAAK6C,WAAa,CAAE,0BAA2B7C,KAAK6C,YACpD7C,KAAK8C,UAAY,CAAE,yBAA0B9C,KAAK8C,WAGxD,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO9C,EAAY+C,MAAOX,G,WAjQnB,I","ignoreList":[]}

package/dist/pine-core/{p-bd04212c.system.entry.js → p-7a431264.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-C_8VmA8d.system.js","./p-BhPuKJbQ.system.js"],(function(e){"use strict";var t,i,n,s;return{setters:[function(e){t=e.r;i=e.h;n=e.g},function(e){s=e.s}],execute:function(){var r=":host{display:inline}:host([decoration=underline-dotted])>*{-webkit-text-decoration-color:var(--pine-color-grey-600);text-decoration-color:var(--pine-color-grey-600);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:12%;text-underline-offset:0.3rem;text-underline-position:under}:host([decoration=strikethrough])>*{text-decoration:line-through}h1{font:var(--pine-typography-heading-1);letter-spacing:var(--pine-letter-spacing-heading-1)}h2{font:var(--pine-typography-heading-2);letter-spacing:var(--pine-letter-spacing-heading-2)}h3{font:var(--pine-typography-heading-3);letter-spacing:var(--pine-letter-spacing-heading-3)}h4{font:var(--pine-typography-heading-4);letter-spacing:var(--pine-letter-spacing-heading-4)}h5{font:var(--pine-typography-heading-5);letter-spacing:var(--pine-letter-spacing-heading-5)}h6{font:var(--pine-typography-heading-6);letter-spacing:var(--pine-letter-spacing-heading-6)}code,em,p,pre,strong{font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing)}code,pre{font-family:monospace;letter-spacing:0;line-height:1}em{font-style:normal}strong{font-weight:bolder}:host([truncate])>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([italic])>*{font-style:italic}.pds-text{color:var(--color, var(--pine-color-text));margin:var(--pine-dimension-none)}.pds-text--size-2xl{font-size:var(--pine-font-size-body-2xl)}.pds-text--size-xl{font-size:var(--pine-font-size-body-xl)}.pds-text--size-lg{font-size:var(--pine-font-size-body-lg)}.pds-text--size-md{font-size:var(--pine-font-size-body-md)}.pds-text--size-sm{font-size:var(--pine-font-size-body-sm)}.pds-text--size-xs{font-size:var(--pine-font-size-body-xs)}.pds-text--size-2xs{font-size:var(--pine-font-size-body-2xs)}.pds-text--size-h1{font-size:var(--pine-font-size-heading-1)}.pds-text--size-h2{font-size:var(--pine-font-size-heading-2)}.pds-text--size-h3{font-size:var(--pine-font-size-heading-3)}.pds-text--size-h4{font-size:var(--pine-font-size-heading-4)}.pds-text--size-h5{font-size:var(--pine-font-size-heading-5)}.pds-text--size-h6{font-size:var(--pine-font-size-heading-6)}.pds-text--weight-extra-light{font-weight:var(--pine-font-weight-extra-light)}.pds-text--weight-light{font-weight:var(--pine-font-weight-light)}.pds-text--weight-regular{font-weight:var(--pine-font-weight-regular)}.pds-text--weight-medium{font-weight:var(--pine-font-weight-medium)}.pds-text--weight-semibold{font-weight:var(--pine-font-weight-semi-bold)}.pds-text--weight-bold{font-weight:var(--pine-font-weight-bold)}.pds-text--gutter-2xl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-text--gutter-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-text--gutter-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-text--gutter-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-text--gutter-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-text--gutter-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-text--gutter-2xs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-text--align-start{text-align:start}.pds-text--align-center{text-align:center}.pds-text--align-end{text-align:end}.pds-text--align-justify{text-align:justify}";var a=e("pds_text",function(){function e(e){t(this,e);this.tag="p"}e.prototype.render=function(){var e=this.tag;var t="\n      pds-text\n      ".concat(this.align!==undefined&&this.align.trim()!==""?"pds-text--align-".concat(this.align):"","\n      ").concat(this.gutter!==undefined&&this.gutter.trim()!==""?"pds-text--gutter-".concat(this.gutter):"","\n      ").concat(this.size!==undefined&&this.size.trim()!==""?"pds-text--size-".concat(this.size):"","\n      ").concat(this.weight!==undefined&&this.weight.trim()!==""?"pds-text--weight-".concat(this.weight):"","\n      ").concat(this.decoration!==undefined&&this.decoration.trim()!==""?"pds-text--decoration-".concat(this.decoration):"","\n    ");return i(e,{key:"dbb51692cc782fcef771390934ca6efc7a2728b9",style:this.color&&s(this.color),class:t},i("slot",{key:"9e7351a9de468132a213f3e26c20c8ca894881a8"}))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());a.style=r}}}));
-//# sourceMappingURL=p-bd04212c.system.entry.js.map
+System.register(["./p-C_8VmA8d.system.js","./p-BhPuKJbQ.system.js"],(function(e){"use strict";var t,i,n,s;return{setters:[function(e){t=e.r;i=e.h;n=e.g},function(e){s=e.s}],execute:function(){var r=":host{display:inline}:host([decoration=underline-dotted])>*{-webkit-text-decoration-color:var(--pine-color-grey-600);text-decoration-color:var(--pine-color-grey-600);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:12%;text-underline-offset:0.3rem;text-underline-position:under}:host([decoration=strikethrough])>*{text-decoration:line-through}h1{font:var(--pine-typography-heading-1);letter-spacing:var(--pine-letter-spacing-heading-1)}h2{font:var(--pine-typography-heading-2);letter-spacing:var(--pine-letter-spacing-heading-2)}h3{font:var(--pine-typography-heading-3);letter-spacing:var(--pine-letter-spacing-heading-3)}h4{font:var(--pine-typography-heading-4);letter-spacing:var(--pine-letter-spacing-heading-4)}h5{font:var(--pine-typography-heading-5);letter-spacing:var(--pine-letter-spacing-heading-5)}h6{font:var(--pine-typography-heading-6);letter-spacing:var(--pine-letter-spacing-heading-6)}code,em,p,pre,strong{font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing)}code,pre{font-family:monospace;letter-spacing:0;line-height:1}em{font-style:normal}strong{font-weight:bolder}:host([truncate])>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([italic])>*{font-style:italic}.pds-text{color:var(--color, var(--pine-color-text));margin:var(--pine-dimension-none)}.pds-text--size-2xl{font-size:var(--pine-font-size-body-2xl)}.pds-text--size-xl{font-size:var(--pine-font-size-body-xl)}.pds-text--size-lg{font-size:var(--pine-font-size-body-lg)}.pds-text--size-md{font-size:var(--pine-font-size-body-md)}.pds-text--size-sm{font-size:var(--pine-font-size-body-sm)}.pds-text--size-xs{font-size:var(--pine-font-size-body-xs)}.pds-text--size-2xs{font-size:var(--pine-font-size-body-2xs)}.pds-text--size-h1{font-size:var(--pine-font-size-heading-1)}.pds-text--size-h2{font-size:var(--pine-font-size-heading-2)}.pds-text--size-h3{font-size:var(--pine-font-size-heading-3)}.pds-text--size-h4{font-size:var(--pine-font-size-heading-4)}.pds-text--size-h5{font-size:var(--pine-font-size-heading-5)}.pds-text--size-h6{font-size:var(--pine-font-size-heading-6)}.pds-text--weight-extra-light{font-weight:var(--pine-font-weight-extra-light)}.pds-text--weight-light{font-weight:var(--pine-font-weight-light)}.pds-text--weight-regular{font-weight:var(--pine-font-weight-regular)}.pds-text--weight-medium{font-weight:var(--pine-font-weight-medium)}.pds-text--weight-semibold{font-weight:var(--pine-font-weight-semi-bold)}.pds-text--weight-bold{font-weight:var(--pine-font-weight-bold)}.pds-text--gutter-2xl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-text--gutter-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-text--gutter-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-text--gutter-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-text--gutter-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-text--gutter-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-text--gutter-2xs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-text--align-start{text-align:start}.pds-text--align-center{text-align:center}.pds-text--align-end{text-align:end}.pds-text--align-justify{text-align:justify}";var a=e("pds_text",function(){function e(e){t(this,e);this.tag="p"}e.prototype.render=function(){var e=this.tag;var t="\n      pds-text\n      ".concat(this.align!==undefined&&this.align.trim()!==""?"pds-text--align-".concat(this.align):"","\n      ").concat(this.gutter!==undefined&&this.gutter.trim()!==""?"pds-text--gutter-".concat(this.gutter):"","\n      ").concat(this.size!==undefined&&this.size.trim()!==""?"pds-text--size-".concat(this.size):"","\n      ").concat(this.weight!==undefined&&this.weight.trim()!==""?"pds-text--weight-".concat(this.weight):"","\n      ").concat(this.decoration!==undefined&&this.decoration.trim()!==""?"pds-text--decoration-".concat(this.decoration):"","\n    ");return i(e,{key:"2b8a2f2aaafd342a7df51029213c82224774fd5f",style:this.color&&s(this.color),class:t,part:"content"},i("slot",{key:"8dd80aaec576c1e1ab152529f94732d6074c5542"}))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());a.style=r}}}));
+//# sourceMappingURL=p-7a431264.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pdsTextCss","PdsText","exports","class_1","hostRef","this","tag","prototype","render","Tag","typeClasses","concat","align","undefined","trim","gutter","size","weight","decoration","h","key","style","color","setColor","class","part"],"sources":["src/components/pds-text/pds-text.scss?tag=pds-text&encapsulation=shadow","src/components/pds-text/pds-text.tsx"],"sourcesContent":[":host {\n  display: inline;\n}\n\n:host([decoration=\"underline-dotted\"]) > * {\n  text-decoration-color: var(--pine-color-grey-600);\n  text-decoration-line: underline;\n  text-decoration-style: dotted;\n  text-decoration-thickness: 12%;\n  text-underline-offset: 0.3rem;\n  text-underline-position: under;\n}\n\n:host([decoration=\"strikethrough\"])>* {\n  text-decoration: line-through;\n}\n\n/* stylelint-disable */\nh1 {\n  font: var(--pine-typography-heading-1);\n  letter-spacing: var(--pine-letter-spacing-heading-1);\n}\n\nh2 {\n  font: var(--pine-typography-heading-2);\n  letter-spacing: var(--pine-letter-spacing-heading-2);\n}\n\nh3 {\n  font: var(--pine-typography-heading-3);\n  letter-spacing: var(--pine-letter-spacing-heading-3);\n}\n\nh4 {\n  font: var(--pine-typography-heading-4);\n  letter-spacing: var(--pine-letter-spacing-heading-4);\n}\n\nh5 {\n  font: var(--pine-typography-heading-5);\n  letter-spacing: var(--pine-letter-spacing-heading-5);\n}\n\nh6 {\n  font: var(--pine-typography-heading-6);\n  letter-spacing: var(--pine-letter-spacing-heading-6);\n}\n\ncode, em, p, pre, strong {\n  font: var(--pine-typography-body);\n  letter-spacing: var(--pine-letter-spacing);\n}\n/* stylelint-enable */\n\ncode, pre {\n  font-family: monospace;\n  letter-spacing: 0;\n  line-height: 1;\n}\n\nem {\n  font-style: normal;\n}\n\nstrong {\n  font-weight: bolder;\n}\n\n:host([truncate]) > * {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n:host([italic]) > * {\n  font-style: italic;\n}\n\n// Colors/Variants/Sentiment\n\n// Variable is set in TSX\n// If color prop value isn't valid, will default to body text color\n.pds-text {\n  color: var(--color, var(--pine-color-text));\n  margin: var(--pine-dimension-none);\n}\n\n// Font Sizes\n$type-sizes: (\n  2xl: var(--pine-font-size-body-2xl),\n  xl: var(--pine-font-size-body-xl),\n  lg: var(--pine-font-size-body-lg),\n  md: var(--pine-font-size-body-md),\n  sm: var(--pine-font-size-body-sm),\n  xs: var(--pine-font-size-body-xs),\n  2xs: var(--pine-font-size-body-2xs),\n  h1: var(--pine-font-size-heading-1),\n  h2: var(--pine-font-size-heading-2),\n  h3: var(--pine-font-size-heading-3),\n  h4: var(--pine-font-size-heading-4),\n  h5: var(--pine-font-size-heading-5),\n  h6: var(--pine-font-size-heading-6),\n);\n\n@mixin generate-type-sizes($type-sizes) {\n  @each $key, $value in $type-sizes {\n    .pds-text--size-#{$key} {\n      font-size: $value;\n    }\n  }\n}\n\n@include generate-type-sizes($type-sizes);\n\n// Font Weights\n$type-weights: (\n  extra-light: var(--pine-font-weight-extra-light),\n  light: var(--pine-font-weight-light),\n  regular: var(--pine-font-weight-regular),\n  medium: var(--pine-font-weight-medium),\n  semibold: var(--pine-font-weight-semi-bold),\n  bold: var(--pine-font-weight-bold),\n);\n\n@mixin generate-type-weights($type-weights) {\n  @each $key, $value in $type-weights {\n    .pds-text--weight-#{$key} {\n      font-weight: $value;\n    }\n  }\n}\n\n@include generate-type-weights($type-weights);\n\n// Gutter Sizes\n$type-gutters: (\n  2xl: var(--pine-dimension-2xl),\n  xl: var(--pine-dimension-xl),\n  lg: var(--pine-dimension-lg),\n  md: var(--pine-dimension-md),\n  sm: var(--pine-dimension-sm),\n  xs: var(--pine-dimension-xs),\n  2xs: var(--pine-dimension-2xs),\n);\n\n@mixin generate-type-gutters($type-gutters) {\n  @each $key, $value in $type-gutters {\n    .pds-text--gutter-#{$key} {\n      margin-block-end: $value;\n    }\n  }\n}\n\n@include generate-type-gutters($type-gutters);\n\n// Text Alignment\n$type-alignments: (\n  start: start,\n  center: center,\n  end: end,\n  justify: justify,\n);\n\n@mixin generate-type-alignments($type-alignments) {\n  @each $key, $value in $type-alignments {\n    .pds-text--align-#{$key} {\n      text-align: $value;\n    }\n  }\n}\n\n@include generate-type-alignments($type-alignments);\n","import { Component, h, Prop, Element } from '@stencil/core';\nimport { setColor } from '../../utils/utils';\n\n/**\n * @part content - The text content container\n */\n@Component({\n  tag: 'pds-text',\n  styleUrl: 'pds-text.scss',\n  shadow: true,\n})\nexport class PdsText {\n  @Element() el: HTMLPdsTextElement;\n  /**\n   * Sets the text alignment.\n   */\n  @Prop() align?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * Sets the text color.\n   */\n  @Prop() color?: string;\n\n  /**\n   * Sets the text decoration.\n   */\n  @Prop() decoration?:\n  | 'strikethrough'\n  | 'underline-dotted';\n\n  /**\n   * Set the bottom margin for the text.\n   */\n  @Prop() gutter?:\n  | '2xl'\n  | 'xl'\n  | 'lg'\n  | 'md'\n  | 'sm'\n  | 'xs'\n  | '2xs';\n\n  /**\n   * If set or `true`, the text will be italic.\n   */\n  @Prop() italic?: boolean;\n\n  /**\n   * Sets the font size.\n   */\n  @Prop() size?:\n  | '2xl'\n  | 'xl'\n  | 'lg'\n  | 'md'\n  | 'sm'\n  | 'xs'\n  | '2xs'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6';\n\n  /**\n   * Sets the font weight.\n   */\n  @Prop() weight?:\n  | 'extra-light'\n  | 'light'\n  | 'regular'\n  | 'medium'\n  | 'semibold'\n  | 'bold';\n\n  /**\n   * Determines what semantic text tag to render.\n   */\n  @Prop() tag:\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'p'\n  | 'code'\n  | 'pre'\n  | 'strong'\n  | 'em' = \"p\";\n\n  /**\n   * If set or `true`, the text will be truncated. Must add a `width` to the element.\n   */\n  @Prop({ reflect: true }) truncate?: boolean;\n\n  render() {\n    const Tag = this.tag;\n\n    const typeClasses = `\n      pds-text\n      ${this.align !== undefined && this.align.trim() !== '' ? `pds-text--align-${this.align}` : ''}\n      ${this.gutter !== undefined && this.gutter.trim() !== '' ? `pds-text--gutter-${this.gutter}` : ''}\n      ${this.size !== undefined && this.size.trim() !== '' ? `pds-text--size-${this.size}` : ''}\n      ${this.weight !== undefined && this.weight.trim() !== '' ? `pds-text--weight-${this.weight}` : ''}\n      ${this.decoration !== undefined && this.decoration.trim() !== '' ? `pds-text--decoration-${this.decoration}` : ''}\n    `;\n\n    return (\n      <Tag style={this.color && setColor(this.color)} class={typeClasses} part=\"content\">\n        <slot />\n      </Tag>\n    );\n  }\n}\n"],"mappings":"gMAAA,IAAMA,EAAa,o+G,ICWNC,EAAOC,EAAA,sBALpB,SAAAC,EAAAC,G,UAyEUC,KAAGC,IAWF,GAyBV,CAlBCH,EAAAI,UAAAC,OAAA,WACE,IAAMC,EAAMJ,KAAKC,IAEjB,IAAMI,EAAc,2BAAAC,OAEhBN,KAAKO,QAAUC,WAAaR,KAAKO,MAAME,SAAW,GAAK,mBAAAH,OAAmBN,KAAKO,OAAU,GAAE,YAAAD,OAC3FN,KAAKU,SAAWF,WAAaR,KAAKU,OAAOD,SAAW,GAAK,oBAAAH,OAAoBN,KAAKU,QAAW,GAAE,YAAAJ,OAC/FN,KAAKW,OAASH,WAAaR,KAAKW,KAAKF,SAAW,GAAK,kBAAAH,OAAkBN,KAAKW,MAAS,GAAE,YAAAL,OACvFN,KAAKY,SAAWJ,WAAaR,KAAKY,OAAOH,SAAW,GAAK,oBAAAH,OAAoBN,KAAKY,QAAW,GAAE,YAAAN,OAC/FN,KAAKa,aAAeL,WAAaR,KAAKa,WAAWJ,SAAW,GAAK,wBAAAH,OAAwBN,KAAKa,YAAe,GAAE,UAGnH,OACEC,EAACV,EAAG,CAAAW,IAAA,2CAACC,MAAOhB,KAAKiB,OAASC,EAASlB,KAAKiB,OAAQE,MAAOd,EAAae,KAAK,WACvEN,EAAQ,QAAAC,IAAA,6C,uHApGI,I","ignoreList":[]}

package/dist/pine-core/{p-d6ac2862.system.entry.js → p-7da6180d.system.entry.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,i,a,n){function e(t){return t instanceof a?t:new a((function(i){i(t)}))}return new(a||(a=Promise))((function(a,s){function o(t){try{d(n.next(t))}catch(t){s(t)}}function r(t){try{d(n["throw"](t))}catch(t){s(t)}}function d(t){t.done?a(t.value):e(t.value).then(o,r)}d((n=n.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var a={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,e,s,o;return o={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function r(t){return function(i){return d([t,i])}}function d(r){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,r[0]&&(a=0)),a)try{if(n=1,e&&(s=r[0]&2?e["return"]:r[0]?e["throw"]||((s=e["return"])&&s.call(e),0):e.next)&&!(s=s.call(e,r[1])).done)return s;if(e=0,s)r=[r[0]&2,s.value];switch(r[0]){case 0:case 1:s=r;break;case 4:a.label++;return{value:r[1],done:false};case 5:a.label++;e=r[1];r=[0];continue;case 7:r=a.ops.pop();a.trys.pop();continue;default:if(!(s=a.trys,s=s.length>0&&s[s.length-1])&&(r[0]===6||r[0]===2)){a=0;continue}if(r[0]===3&&(!s||r[1]>s[0]&&r[1]<s[3])){a.label=r[1];break}if(r[0]===6&&a.label<s[1]){a.label=s[1];s=r;break}if(s&&a.label<s[2]){a.label=s[2];a.ops.push(r);break}if(s[2])a.ops.pop();a.trys.pop();continue}r=i.call(t,a)}catch(t){r=[6,t];e=0}finally{n=s=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./p-C_8VmA8d.system.js"],(function(t){"use strict";var i,a,n,e;return{setters:[function(t){i=t.r;a=t.c;n=t.h;e=t.H}],execute:function(){var s=":host{--animation-duration:0.3s;--animation-timing:cubic-bezier(0.4, 0, 0.2, 1);--padding-inline:var(--pine-dimension-md);--padding-inline-desktop:var(--pine-dimension-2xl);--sizing-height-default:68px;--sizing-min-width:calc(var(--sizing-total-width) - (var(--padding-inline) * 2));--sizing-min-width-desktop:calc(var(--sizing-total-width) - (var(--padding-inline-desktop) * 2));--sizing-total-width:350px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font:var(--pine-typography-body-medium)}.pds-toast{-ms-flex-align:center;align-items:center;-webkit-animation:pds-toast-animate-in var(--animation-duration) var(--animation-timing);animation:pds-toast-animate-in var(--animation-duration) var(--animation-timing);background-color:var(--pine-color-primary);border-radius:var(--pine-dimension-xs);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);color:var(--pine-color-text-primary);display:-ms-flexbox;display:flex;height:var(--sizing-height-default);-ms-flex-pack:start;justify-content:flex-start;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs);max-width:90vw;min-width:var(--sizing-min-width);padding:0 var(--padding-inline);position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 767px){.pds-toast{height:36px;max-width:calc(100vw - var(--pine-dimension-2xs) * 2);min-width:auto;padding-inline:var(--pine-dimension-2xs)}}.pds-toast--danger{background-color:var(--pine-color-danger)}.pds-toast--loading .pds-toast__loader{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);position:relative}.pds-toast--loading .pds-toast__loader-spinner{-webkit-animation:pds-toast-rotate 2s linear infinite;animation:pds-toast-rotate 2s linear infinite;height:20px;width:20px}.pds-toast--loading .pds-toast__loader-path{-webkit-animation:pds-toast-dash 1.5s ease-in-out infinite;animation:pds-toast-dash 1.5s ease-in-out infinite;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}.pds-toast__icon{color:var(--pine-color-text-primary);display:-ms-inline-flexbox;display:inline-flex;-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-toast__message{font:var(--pine-typography-body-sm-medium);-webkit-margin-end:auto;margin-inline-end:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-toast__message ::slotted(a){color:var(--pine-color-text-primary);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs);opacity:0.7;text-decoration:underline}.pds-toast__message ::slotted(a):hover,.pds-toast__message ::slotted(a):focus-visible{opacity:1}.pds-toast__message ::slotted(a):focus-visible{outline:2px solid var(--pine-color-text-primary);outline-offset:2px}.pds-toast__button{-ms-flex-align:center;align-items:center;background:none;border:0;border-radius:var(--pine-border-radius-full);color:inherit;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);opacity:0.7;padding:0;white-space:nowrap}.pds-toast__button:hover,.pds-toast__button:focus{opacity:1}.pds-toast__button:focus{outline:var(--pine-outline-focus);outline-offset:var(--pine-dimension-2xs)}@-webkit-keyframes pds-toast-animate-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes pds-toast-animate-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pds-toast-animate-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes pds-toast-animate-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes pds-toast-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pds-toast-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes pds-toast-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}@keyframes pds-toast-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}:host([hidden]) .pds-toast,.pds-toast--animating-out{-webkit-animation:pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;animation:pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;pointer-events:none;}";var o=t("pds_toast",function(){function t(t){i(this,t);this.pdsToastDismissed=a(this,"pdsToastDismissed");this.dismissible=true;this.duration=4500;this.type="default";this.isVisible=true;this.isAnimatingOut=false}t.prototype.componentDidLoad=function(){if(this.duration>0){this.startDismissTimer()}};t.prototype.disconnectedCallback=function(){this.cleanup()};t.prototype.handleDurationChange=function(t){if(this.dismissTimer){window.clearTimeout(this.dismissTimer);this.dismissTimer=undefined}if(t>0){this.startDismissTimer()}};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.isAnimatingOut=true;return[4,new Promise((function(t){return setTimeout(t,300)}))];case 1:t.sent();this.isVisible=false;this.cleanup();this.pdsToastDismissed.emit({componentId:this.componentId});return[2]}}))}))};t.prototype.cleanup=function(){if(this.dismissTimer){window.clearTimeout(this.dismissTimer);this.dismissTimer=undefined}};t.prototype.startDismissTimer=function(){var t=this;this.dismissTimer=window.setTimeout((function(){t.dismiss()}),this.duration)};t.prototype.renderIcon=function(){if(this.type==="loading"){return n("div",{class:"pds-toast__loader"},n("svg",{class:"pds-toast__loader-spinner",viewBox:"25 25 50 50","aria-hidden":"true"},n("circle",{class:"pds-toast__loader-path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":"4","stroke-linecap":"round"})))}return this.icon&&n("pds-icon",{name:this.icon,class:"pds-toast__icon"})};t.prototype.render=function(){var t;var i=this;return n(e,{key:"c950cf3a269952f6048f79e5c6c793c65ff2b89a",hidden:!this.isVisible},n("div",{key:"0cec10124aecec0c7af86b460165a577c65d1571",class:(t={"pds-toast":true},t["pds-toast--".concat(this.type)]=this.type!=="default",t["pds-toast--animating-out"]=this.isAnimatingOut,t),role:"alert","aria-live":"polite"},this.renderIcon(),n("span",{key:"5dda529f788df94ed0e444924fb11a1061a20dd1",class:"pds-toast__message"},n("slot",{key:"29a6c93dbf14f92b1375eff7a3c8f4556babe67a"})),this.dismissible&&n("button",{key:"f3bcbcacceb5ef2b1d2127d408879e2a95418230",type:"button",class:"pds-toast__button",onClick:function(){i.dismiss()},"aria-label":"Dismiss message"},n("pds-icon",{key:"1ea48def81a89dc7ba38f493abb0107632005075",name:"remove"}))))};Object.defineProperty(t,"watchers",{get:function(){return{duration:["handleDurationChange"]}},enumerable:false,configurable:true});return t}());o.style=s}}}));
-//# sourceMappingURL=p-d6ac2862.system.entry.js.map
+var __awaiter=this&&this.__awaiter||function(t,i,a,n){function e(t){return t instanceof a?t:new a((function(i){i(t)}))}return new(a||(a=Promise))((function(a,s){function o(t){try{d(n.next(t))}catch(t){s(t)}}function r(t){try{d(n["throw"](t))}catch(t){s(t)}}function d(t){t.done?a(t.value):e(t.value).then(o,r)}d((n=n.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var a={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,e,s,o;return o={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function r(t){return function(i){return d([t,i])}}function d(r){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,r[0]&&(a=0)),a)try{if(n=1,e&&(s=r[0]&2?e["return"]:r[0]?e["throw"]||((s=e["return"])&&s.call(e),0):e.next)&&!(s=s.call(e,r[1])).done)return s;if(e=0,s)r=[r[0]&2,s.value];switch(r[0]){case 0:case 1:s=r;break;case 4:a.label++;return{value:r[1],done:false};case 5:a.label++;e=r[1];r=[0];continue;case 7:r=a.ops.pop();a.trys.pop();continue;default:if(!(s=a.trys,s=s.length>0&&s[s.length-1])&&(r[0]===6||r[0]===2)){a=0;continue}if(r[0]===3&&(!s||r[1]>s[0]&&r[1]<s[3])){a.label=r[1];break}if(r[0]===6&&a.label<s[1]){a.label=s[1];s=r;break}if(s&&a.label<s[2]){a.label=s[2];a.ops.push(r);break}if(s[2])a.ops.pop();a.trys.pop();continue}r=i.call(t,a)}catch(t){r=[6,t];e=0}finally{n=s=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./p-C_8VmA8d.system.js"],(function(t){"use strict";var i,a,n,e;return{setters:[function(t){i=t.r;a=t.c;n=t.h;e=t.H}],execute:function(){var s=":host{--animation-duration:0.3s;--animation-timing:cubic-bezier(0.4, 0, 0.2, 1);--padding-inline:var(--pine-dimension-md);--padding-inline-desktop:var(--pine-dimension-2xl);--sizing-height-default:68px;--sizing-min-width:calc(var(--sizing-total-width) - (var(--padding-inline) * 2));--sizing-min-width-desktop:calc(var(--sizing-total-width) - (var(--padding-inline-desktop) * 2));--sizing-total-width:350px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font:var(--pine-typography-body-medium)}.pds-toast{-ms-flex-align:center;align-items:center;-webkit-animation:pds-toast-animate-in var(--animation-duration) var(--animation-timing);animation:pds-toast-animate-in var(--animation-duration) var(--animation-timing);background-color:var(--pine-color-primary);border-radius:var(--pine-dimension-xs);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);color:var(--pine-color-text-primary);display:-ms-flexbox;display:flex;height:var(--sizing-height-default);-ms-flex-pack:start;justify-content:flex-start;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs);max-width:90vw;min-width:var(--sizing-min-width);padding:0 var(--padding-inline);position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 767px){.pds-toast{height:36px;max-width:calc(100vw - var(--pine-dimension-2xs) * 2);min-width:auto;padding-inline:var(--pine-dimension-2xs)}}.pds-toast--danger{background-color:var(--pine-color-danger)}.pds-toast--loading .pds-toast__loader{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);position:relative}.pds-toast--loading .pds-toast__loader-spinner{-webkit-animation:pds-toast-rotate 2s linear infinite;animation:pds-toast-rotate 2s linear infinite;height:20px;width:20px}.pds-toast--loading .pds-toast__loader-path{-webkit-animation:pds-toast-dash 1.5s ease-in-out infinite;animation:pds-toast-dash 1.5s ease-in-out infinite;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}.pds-toast__icon{color:var(--pine-color-text-primary);display:-ms-inline-flexbox;display:inline-flex;-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-toast__message{font:var(--pine-typography-body-sm-medium);-webkit-margin-end:auto;margin-inline-end:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-toast__message ::slotted(a){color:var(--pine-color-text-primary);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs);opacity:0.7;text-decoration:underline}.pds-toast__message ::slotted(a):hover,.pds-toast__message ::slotted(a):focus-visible{opacity:1}.pds-toast__message ::slotted(a):focus-visible{outline:2px solid var(--pine-color-text-primary);outline-offset:2px}.pds-toast__button{-ms-flex-align:center;align-items:center;background:none;border:0;border-radius:var(--pine-border-radius-full);color:inherit;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);opacity:0.7;padding:0;white-space:nowrap}.pds-toast__button:hover,.pds-toast__button:focus{opacity:1}.pds-toast__button:focus{outline:var(--pine-outline-focus);outline-offset:var(--pine-dimension-2xs)}@-webkit-keyframes pds-toast-animate-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes pds-toast-animate-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pds-toast-animate-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes pds-toast-animate-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes pds-toast-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pds-toast-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes pds-toast-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}@keyframes pds-toast-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}:host([hidden]) .pds-toast,.pds-toast--animating-out{-webkit-animation:pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;animation:pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;pointer-events:none;}";var o=t("pds_toast",function(){function t(t){i(this,t);this.pdsToastDismissed=a(this,"pdsToastDismissed");this.dismissible=true;this.duration=4500;this.type="default";this.isVisible=true;this.isAnimatingOut=false}t.prototype.componentDidLoad=function(){if(this.duration>0){this.startDismissTimer()}};t.prototype.disconnectedCallback=function(){this.cleanup()};t.prototype.handleDurationChange=function(t){if(this.dismissTimer){window.clearTimeout(this.dismissTimer);this.dismissTimer=undefined}if(t>0){this.startDismissTimer()}};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.isAnimatingOut=true;return[4,new Promise((function(t){return setTimeout(t,300)}))];case 1:t.sent();this.isVisible=false;this.cleanup();this.pdsToastDismissed.emit({componentId:this.componentId});return[2]}}))}))};t.prototype.cleanup=function(){if(this.dismissTimer){window.clearTimeout(this.dismissTimer);this.dismissTimer=undefined}};t.prototype.startDismissTimer=function(){var t=this;this.dismissTimer=window.setTimeout((function(){t.dismiss()}),this.duration)};t.prototype.renderIcon=function(){if(this.type==="loading"){return n("div",{class:"pds-toast__loader"},n("svg",{class:"pds-toast__loader-spinner",viewBox:"25 25 50 50","aria-hidden":"true"},n("circle",{class:"pds-toast__loader-path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":"4","stroke-linecap":"round"})))}return this.icon&&n("pds-icon",{name:this.icon,class:"pds-toast__icon"})};t.prototype.render=function(){var t;var i=this;return n(e,{key:"3fb4b7b3600555959e9ed09f9dfd3a725d4a2de7",hidden:!this.isVisible},n("div",{key:"4f8d554fc30a5e4fb3c498b8fa5a2972a60eb0ab",class:(t={"pds-toast":true},t["pds-toast--".concat(this.type)]=this.type!=="default",t["pds-toast--animating-out"]=this.isAnimatingOut,t),role:"alert","aria-live":"polite"},this.renderIcon(),n("span",{key:"a70883e76524ce76e562f48d62df1a42fb65659c",class:"pds-toast__message"},n("slot",{key:"3e2fd182b97d1cd89c59ca109404d77e9f834806"})),this.dismissible&&n("button",{key:"945b766572831b259f2ff36fdf628b254189d334",type:"button",class:"pds-toast__button",onClick:function(){i.dismiss()},"aria-label":"Dismiss message"},n("pds-icon",{key:"9492720d544270179ae43bd3d1ecb4b1f6c0882b",name:"remove"}))))};Object.defineProperty(t,"watchers",{get:function(){return{duration:["handleDurationChange"]}},enumerable:false,configurable:true});return t}());o.style=s}}}));
+//# sourceMappingURL=p-7da6180d.system.entry.js.map

package/dist/pine-core/{p-c4294be2.entry.js → p-80246c79.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,H as s,g as o}from"./p-Uh5ntVcq.js";import{c as r}from"./p-DnUJodVd.js";const a=":host{--border-head-default:var(--pine-border-width-thin) solid var(--pine-color-grey-100);border-color:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:table-header-group;vertical-align:middle}:host::part(checkbox-cell){background-color:var(--pine-color-background-container);inset-inline-start:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:1}:host pds-table-checkbox-cell{-webkit-border-after:var(--border-head-default);border-block-end:var(--border-head-default)}";const d=class{constructor(i){e(this,i);this.pdsTableSelectAll=t(this,"pdsTableSelectAll");this.generateUniqueId=()=>{const e=Math.random().toString(36).substring(2,8);const t=(new Date).toISOString().replace(/[:.]/g,"-");const i=`${e}-${t}`;return i};this.handleInput=e=>{this.isSelected=!e.target.checked;this.handleSelect(this.isSelected)};this.handleSelect=e=>{this.indeterminate=false;if(r("pds-table-head",this.hostElement)){this.pdsTableSelectAll.emit({isSelected:e})}}}componentWillLoad(){if(this.isSelected){this.handleSelect(this.isSelected)}}componentWillRender(){this.tableRef=this.hostElement.closest("pds-table");if(this.tableRef&&this.tableRef.fixedColumn){const e=this.hostElement.querySelector("pds-table-head-cell:first-child");e===null||e===void 0?void 0:e.classList.add("is-fixed")}}render(){return i(s,{key:"f74bfa35afc2f26957ffff431c5438fbb159e15b",role:"row"},this.tableRef&&this.tableRef.selectable&&i("pds-table-head-cell",{key:"13bcfb69c1e8ab696ba702d39209944fa97f34ea",part:this.tableRef.selectable?"checkbox-cell":""},i("pds-checkbox",{key:"898170f579ad89627621bb693908b1b04ca25f83",componentId:this.generateUniqueId(),indeterminate:this.indeterminate,onInput:this.handleInput,label:"Select All Rows",hideLabel:true,checked:this.isSelected})),i("slot",{key:"d7dc459310c32ee112e05df947b8c9da57180035"}))}get hostElement(){return o(this)}};d.style=a;export{d as pds_table_head};
-//# sourceMappingURL=p-c4294be2.entry.js.map
+import{r as e,c as t,h as i,H as s,g as o}from"./p-Uh5ntVcq.js";import{c as r}from"./p-DnUJodVd.js";const d=":host{--border-head-default:var(--pine-border-width-thin) solid var(--pine-color-grey-100);border-color:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:table-header-group;vertical-align:middle}:host::part(checkbox-cell){background-color:var(--pine-color-background-container);inset-inline-start:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:1}:host pds-table-checkbox-cell{-webkit-border-after:var(--border-head-default);border-block-end:var(--border-head-default)}";const a=class{constructor(i){e(this,i);this.pdsTableSelectAll=t(this,"pdsTableSelectAll");this.generateUniqueId=()=>{const e=Math.random().toString(36).substring(2,8);const t=(new Date).toISOString().replace(/[:.]/g,"-");const i=`${e}-${t}`;return i};this.handleInput=e=>{this.isSelected=!e.target.checked;this.handleSelect(this.isSelected)};this.handleSelect=e=>{this.indeterminate=false;if(r("pds-table-head",this.hostElement)){this.pdsTableSelectAll.emit({isSelected:e})}}}componentWillLoad(){if(this.isSelected){this.handleSelect(this.isSelected)}}componentWillRender(){this.tableRef=this.hostElement.closest("pds-table");if(this.tableRef&&this.tableRef.fixedColumn){const e=this.hostElement.querySelector("pds-table-head-cell:first-child");e===null||e===void 0?void 0:e.classList.add("is-fixed")}}render(){return i(s,{key:"3f315b70b0c57570cbb81415a5590760242e6904",role:"row"},this.tableRef&&this.tableRef.selectable&&i("pds-table-head-cell",{key:"09dc3a0630448be1112650ae34d6c09e0bf2539b",part:this.tableRef.selectable?"checkbox-cell":""},i("pds-checkbox",{key:"518ec4ad92e8b0b11fbff1c064a6811e13b442e0",componentId:this.generateUniqueId(),indeterminate:this.indeterminate,onInput:this.handleInput,label:"Select All Rows",hideLabel:true,checked:this.isSelected})),i("slot",{key:"527db0d141790c0d673cb81d4cca2266495b117e"}))}get hostElement(){return o(this)}};a.style=d;export{a as pds_table_head};
+//# sourceMappingURL=p-80246c79.entry.js.map

package/dist/pine-core/{p-2296c34f.entry.js → p-822e90ee.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,g as i}from"./p-Uh5ntVcq.js";import{s as n}from"./p-DkabwBZT.js";const s=":host{display:inline}:host([decoration=underline-dotted])>*{-webkit-text-decoration-color:var(--pine-color-grey-600);text-decoration-color:var(--pine-color-grey-600);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:12%;text-underline-offset:0.3rem;text-underline-position:under}:host([decoration=strikethrough])>*{text-decoration:line-through}h1{font:var(--pine-typography-heading-1);letter-spacing:var(--pine-letter-spacing-heading-1)}h2{font:var(--pine-typography-heading-2);letter-spacing:var(--pine-letter-spacing-heading-2)}h3{font:var(--pine-typography-heading-3);letter-spacing:var(--pine-letter-spacing-heading-3)}h4{font:var(--pine-typography-heading-4);letter-spacing:var(--pine-letter-spacing-heading-4)}h5{font:var(--pine-typography-heading-5);letter-spacing:var(--pine-letter-spacing-heading-5)}h6{font:var(--pine-typography-heading-6);letter-spacing:var(--pine-letter-spacing-heading-6)}code,em,p,pre,strong{font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing)}code,pre{font-family:monospace;letter-spacing:0;line-height:1}em{font-style:normal}strong{font-weight:bolder}:host([truncate])>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([italic])>*{font-style:italic}.pds-text{color:var(--color, var(--pine-color-text));margin:var(--pine-dimension-none)}.pds-text--size-2xl{font-size:var(--pine-font-size-body-2xl)}.pds-text--size-xl{font-size:var(--pine-font-size-body-xl)}.pds-text--size-lg{font-size:var(--pine-font-size-body-lg)}.pds-text--size-md{font-size:var(--pine-font-size-body-md)}.pds-text--size-sm{font-size:var(--pine-font-size-body-sm)}.pds-text--size-xs{font-size:var(--pine-font-size-body-xs)}.pds-text--size-2xs{font-size:var(--pine-font-size-body-2xs)}.pds-text--size-h1{font-size:var(--pine-font-size-heading-1)}.pds-text--size-h2{font-size:var(--pine-font-size-heading-2)}.pds-text--size-h3{font-size:var(--pine-font-size-heading-3)}.pds-text--size-h4{font-size:var(--pine-font-size-heading-4)}.pds-text--size-h5{font-size:var(--pine-font-size-heading-5)}.pds-text--size-h6{font-size:var(--pine-font-size-heading-6)}.pds-text--weight-extra-light{font-weight:var(--pine-font-weight-extra-light)}.pds-text--weight-light{font-weight:var(--pine-font-weight-light)}.pds-text--weight-regular{font-weight:var(--pine-font-weight-regular)}.pds-text--weight-medium{font-weight:var(--pine-font-weight-medium)}.pds-text--weight-semibold{font-weight:var(--pine-font-weight-semi-bold)}.pds-text--weight-bold{font-weight:var(--pine-font-weight-bold)}.pds-text--gutter-2xl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-text--gutter-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-text--gutter-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-text--gutter-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-text--gutter-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-text--gutter-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-text--gutter-2xs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-text--align-start{text-align:start}.pds-text--align-center{text-align:center}.pds-text--align-end{text-align:end}.pds-text--align-justify{text-align:justify}";const r=class{constructor(t){e(this,t);this.tag="p"}render(){const e=this.tag;const i=`\n      pds-text\n      ${this.align!==undefined&&this.align.trim()!==""?`pds-text--align-${this.align}`:""}\n      ${this.gutter!==undefined&&this.gutter.trim()!==""?`pds-text--gutter-${this.gutter}`:""}\n      ${this.size!==undefined&&this.size.trim()!==""?`pds-text--size-${this.size}`:""}\n      ${this.weight!==undefined&&this.weight.trim()!==""?`pds-text--weight-${this.weight}`:""}\n      ${this.decoration!==undefined&&this.decoration.trim()!==""?`pds-text--decoration-${this.decoration}`:""}\n    `;return t(e,{key:"dbb51692cc782fcef771390934ca6efc7a2728b9",style:this.color&&n(this.color),class:i},t("slot",{key:"9e7351a9de468132a213f3e26c20c8ca894881a8"}))}get el(){return i(this)}};r.style=s;export{r as pds_text};
-//# sourceMappingURL=p-2296c34f.entry.js.map
+import{r as e,h as t,g as i}from"./p-Uh5ntVcq.js";import{s as n}from"./p-DkabwBZT.js";const s=":host{display:inline}:host([decoration=underline-dotted])>*{-webkit-text-decoration-color:var(--pine-color-grey-600);text-decoration-color:var(--pine-color-grey-600);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:12%;text-underline-offset:0.3rem;text-underline-position:under}:host([decoration=strikethrough])>*{text-decoration:line-through}h1{font:var(--pine-typography-heading-1);letter-spacing:var(--pine-letter-spacing-heading-1)}h2{font:var(--pine-typography-heading-2);letter-spacing:var(--pine-letter-spacing-heading-2)}h3{font:var(--pine-typography-heading-3);letter-spacing:var(--pine-letter-spacing-heading-3)}h4{font:var(--pine-typography-heading-4);letter-spacing:var(--pine-letter-spacing-heading-4)}h5{font:var(--pine-typography-heading-5);letter-spacing:var(--pine-letter-spacing-heading-5)}h6{font:var(--pine-typography-heading-6);letter-spacing:var(--pine-letter-spacing-heading-6)}code,em,p,pre,strong{font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing)}code,pre{font-family:monospace;letter-spacing:0;line-height:1}em{font-style:normal}strong{font-weight:bolder}:host([truncate])>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([italic])>*{font-style:italic}.pds-text{color:var(--color, var(--pine-color-text));margin:var(--pine-dimension-none)}.pds-text--size-2xl{font-size:var(--pine-font-size-body-2xl)}.pds-text--size-xl{font-size:var(--pine-font-size-body-xl)}.pds-text--size-lg{font-size:var(--pine-font-size-body-lg)}.pds-text--size-md{font-size:var(--pine-font-size-body-md)}.pds-text--size-sm{font-size:var(--pine-font-size-body-sm)}.pds-text--size-xs{font-size:var(--pine-font-size-body-xs)}.pds-text--size-2xs{font-size:var(--pine-font-size-body-2xs)}.pds-text--size-h1{font-size:var(--pine-font-size-heading-1)}.pds-text--size-h2{font-size:var(--pine-font-size-heading-2)}.pds-text--size-h3{font-size:var(--pine-font-size-heading-3)}.pds-text--size-h4{font-size:var(--pine-font-size-heading-4)}.pds-text--size-h5{font-size:var(--pine-font-size-heading-5)}.pds-text--size-h6{font-size:var(--pine-font-size-heading-6)}.pds-text--weight-extra-light{font-weight:var(--pine-font-weight-extra-light)}.pds-text--weight-light{font-weight:var(--pine-font-weight-light)}.pds-text--weight-regular{font-weight:var(--pine-font-weight-regular)}.pds-text--weight-medium{font-weight:var(--pine-font-weight-medium)}.pds-text--weight-semibold{font-weight:var(--pine-font-weight-semi-bold)}.pds-text--weight-bold{font-weight:var(--pine-font-weight-bold)}.pds-text--gutter-2xl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-text--gutter-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-text--gutter-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-text--gutter-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-text--gutter-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-text--gutter-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-text--gutter-2xs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-text--align-start{text-align:start}.pds-text--align-center{text-align:center}.pds-text--align-end{text-align:end}.pds-text--align-justify{text-align:justify}";const r=class{constructor(t){e(this,t);this.tag="p"}render(){const e=this.tag;const i=`\n      pds-text\n      ${this.align!==undefined&&this.align.trim()!==""?`pds-text--align-${this.align}`:""}\n      ${this.gutter!==undefined&&this.gutter.trim()!==""?`pds-text--gutter-${this.gutter}`:""}\n      ${this.size!==undefined&&this.size.trim()!==""?`pds-text--size-${this.size}`:""}\n      ${this.weight!==undefined&&this.weight.trim()!==""?`pds-text--weight-${this.weight}`:""}\n      ${this.decoration!==undefined&&this.decoration.trim()!==""?`pds-text--decoration-${this.decoration}`:""}\n    `;return t(e,{key:"2b8a2f2aaafd342a7df51029213c82224774fd5f",style:this.color&&n(this.color),class:i,part:"content"},t("slot",{key:"8dd80aaec576c1e1ab152529f94732d6074c5542"}))}get el(){return i(this)}};r.style=s;export{r as pds_text};
+//# sourceMappingURL=p-822e90ee.entry.js.map

package/dist/pine-core/p-822e90ee.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsTextCss","PdsText","constructor","hostRef","this","tag","render","Tag","typeClasses","align","undefined","trim","gutter","size","weight","decoration","h","key","style","color","setColor","class","part"],"sources":["src/components/pds-text/pds-text.scss?tag=pds-text&encapsulation=shadow","src/components/pds-text/pds-text.tsx"],"sourcesContent":[":host {\n  display: inline;\n}\n\n:host([decoration=\"underline-dotted\"]) > * {\n  text-decoration-color: var(--pine-color-grey-600);\n  text-decoration-line: underline;\n  text-decoration-style: dotted;\n  text-decoration-thickness: 12%;\n  text-underline-offset: 0.3rem;\n  text-underline-position: under;\n}\n\n:host([decoration=\"strikethrough\"])>* {\n  text-decoration: line-through;\n}\n\n/* stylelint-disable */\nh1 {\n  font: var(--pine-typography-heading-1);\n  letter-spacing: var(--pine-letter-spacing-heading-1);\n}\n\nh2 {\n  font: var(--pine-typography-heading-2);\n  letter-spacing: var(--pine-letter-spacing-heading-2);\n}\n\nh3 {\n  font: var(--pine-typography-heading-3);\n  letter-spacing: var(--pine-letter-spacing-heading-3);\n}\n\nh4 {\n  font: var(--pine-typography-heading-4);\n  letter-spacing: var(--pine-letter-spacing-heading-4);\n}\n\nh5 {\n  font: var(--pine-typography-heading-5);\n  letter-spacing: var(--pine-letter-spacing-heading-5);\n}\n\nh6 {\n  font: var(--pine-typography-heading-6);\n  letter-spacing: var(--pine-letter-spacing-heading-6);\n}\n\ncode, em, p, pre, strong {\n  font: var(--pine-typography-body);\n  letter-spacing: var(--pine-letter-spacing);\n}\n/* stylelint-enable */\n\ncode, pre {\n  font-family: monospace;\n  letter-spacing: 0;\n  line-height: 1;\n}\n\nem {\n  font-style: normal;\n}\n\nstrong {\n  font-weight: bolder;\n}\n\n:host([truncate]) > * {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n:host([italic]) > * {\n  font-style: italic;\n}\n\n// Colors/Variants/Sentiment\n\n// Variable is set in TSX\n// If color prop value isn't valid, will default to body text color\n.pds-text {\n  color: var(--color, var(--pine-color-text));\n  margin: var(--pine-dimension-none);\n}\n\n// Font Sizes\n$type-sizes: (\n  2xl: var(--pine-font-size-body-2xl),\n  xl: var(--pine-font-size-body-xl),\n  lg: var(--pine-font-size-body-lg),\n  md: var(--pine-font-size-body-md),\n  sm: var(--pine-font-size-body-sm),\n  xs: var(--pine-font-size-body-xs),\n  2xs: var(--pine-font-size-body-2xs),\n  h1: var(--pine-font-size-heading-1),\n  h2: var(--pine-font-size-heading-2),\n  h3: var(--pine-font-size-heading-3),\n  h4: var(--pine-font-size-heading-4),\n  h5: var(--pine-font-size-heading-5),\n  h6: var(--pine-font-size-heading-6),\n);\n\n@mixin generate-type-sizes($type-sizes) {\n  @each $key, $value in $type-sizes {\n    .pds-text--size-#{$key} {\n      font-size: $value;\n    }\n  }\n}\n\n@include generate-type-sizes($type-sizes);\n\n// Font Weights\n$type-weights: (\n  extra-light: var(--pine-font-weight-extra-light),\n  light: var(--pine-font-weight-light),\n  regular: var(--pine-font-weight-regular),\n  medium: var(--pine-font-weight-medium),\n  semibold: var(--pine-font-weight-semi-bold),\n  bold: var(--pine-font-weight-bold),\n);\n\n@mixin generate-type-weights($type-weights) {\n  @each $key, $value in $type-weights {\n    .pds-text--weight-#{$key} {\n      font-weight: $value;\n    }\n  }\n}\n\n@include generate-type-weights($type-weights);\n\n// Gutter Sizes\n$type-gutters: (\n  2xl: var(--pine-dimension-2xl),\n  xl: var(--pine-dimension-xl),\n  lg: var(--pine-dimension-lg),\n  md: var(--pine-dimension-md),\n  sm: var(--pine-dimension-sm),\n  xs: var(--pine-dimension-xs),\n  2xs: var(--pine-dimension-2xs),\n);\n\n@mixin generate-type-gutters($type-gutters) {\n  @each $key, $value in $type-gutters {\n    .pds-text--gutter-#{$key} {\n      margin-block-end: $value;\n    }\n  }\n}\n\n@include generate-type-gutters($type-gutters);\n\n// Text Alignment\n$type-alignments: (\n  start: start,\n  center: center,\n  end: end,\n  justify: justify,\n);\n\n@mixin generate-type-alignments($type-alignments) {\n  @each $key, $value in $type-alignments {\n    .pds-text--align-#{$key} {\n      text-align: $value;\n    }\n  }\n}\n\n@include generate-type-alignments($type-alignments);\n","import { Component, h, Prop, Element } from '@stencil/core';\nimport { setColor } from '../../utils/utils';\n\n/**\n * @part content - The text content container\n */\n@Component({\n  tag: 'pds-text',\n  styleUrl: 'pds-text.scss',\n  shadow: true,\n})\nexport class PdsText {\n  @Element() el: HTMLPdsTextElement;\n  /**\n   * Sets the text alignment.\n   */\n  @Prop() align?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * Sets the text color.\n   */\n  @Prop() color?: string;\n\n  /**\n   * Sets the text decoration.\n   */\n  @Prop() decoration?:\n  | 'strikethrough'\n  | 'underline-dotted';\n\n  /**\n   * Set the bottom margin for the text.\n   */\n  @Prop() gutter?:\n  | '2xl'\n  | 'xl'\n  | 'lg'\n  | 'md'\n  | 'sm'\n  | 'xs'\n  | '2xs';\n\n  /**\n   * If set or `true`, the text will be italic.\n   */\n  @Prop() italic?: boolean;\n\n  /**\n   * Sets the font size.\n   */\n  @Prop() size?:\n  | '2xl'\n  | 'xl'\n  | 'lg'\n  | 'md'\n  | 'sm'\n  | 'xs'\n  | '2xs'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6';\n\n  /**\n   * Sets the font weight.\n   */\n  @Prop() weight?:\n  | 'extra-light'\n  | 'light'\n  | 'regular'\n  | 'medium'\n  | 'semibold'\n  | 'bold';\n\n  /**\n   * Determines what semantic text tag to render.\n   */\n  @Prop() tag:\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'p'\n  | 'code'\n  | 'pre'\n  | 'strong'\n  | 'em' = \"p\";\n\n  /**\n   * If set or `true`, the text will be truncated. Must add a `width` to the element.\n   */\n  @Prop({ reflect: true }) truncate?: boolean;\n\n  render() {\n    const Tag = this.tag;\n\n    const typeClasses = `\n      pds-text\n      ${this.align !== undefined && this.align.trim() !== '' ? `pds-text--align-${this.align}` : ''}\n      ${this.gutter !== undefined && this.gutter.trim() !== '' ? `pds-text--gutter-${this.gutter}` : ''}\n      ${this.size !== undefined && this.size.trim() !== '' ? `pds-text--size-${this.size}` : ''}\n      ${this.weight !== undefined && this.weight.trim() !== '' ? `pds-text--weight-${this.weight}` : ''}\n      ${this.decoration !== undefined && this.decoration.trim() !== '' ? `pds-text--decoration-${this.decoration}` : ''}\n    `;\n\n    return (\n      <Tag style={this.color && setColor(this.color)} class={typeClasses} part=\"content\">\n        <slot />\n      </Tag>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAa,o+G,MCWNC,EAAO,MALpB,WAAAC,CAAAC,G,UAyEUC,KAAGC,IAWF,GAyBV,CAlBC,MAAAC,GACE,MAAMC,EAAMH,KAAKC,IAEjB,MAAMG,EAAc,2BAEhBJ,KAAKK,QAAUC,WAAaN,KAAKK,MAAME,SAAW,GAAK,mBAAmBP,KAAKK,QAAU,aACzFL,KAAKQ,SAAWF,WAAaN,KAAKQ,OAAOD,SAAW,GAAK,oBAAoBP,KAAKQ,SAAW,aAC7FR,KAAKS,OAASH,WAAaN,KAAKS,KAAKF,SAAW,GAAK,kBAAkBP,KAAKS,OAAS,aACrFT,KAAKU,SAAWJ,WAAaN,KAAKU,OAAOH,SAAW,GAAK,oBAAoBP,KAAKU,SAAW,aAC7FV,KAAKW,aAAeL,WAAaN,KAAKW,WAAWJ,SAAW,GAAK,wBAAwBP,KAAKW,aAAe,WAGjH,OACEC,EAACT,EAAG,CAAAU,IAAA,2CAACC,MAAOd,KAAKe,OAASC,EAAShB,KAAKe,OAAQE,MAAOb,EAAac,KAAK,WACvEN,EAAQ,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/pine-core/{p-24607f93.entry.js → p-82388e60.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as e,H as t,g as s}from"./p-Uh5ntVcq.js";const o=":host{--box-shadow-fixed:3px 3px 6px -2px rgba(0, 0, 0, 0.2);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);inset-inline-start:var(--pine-dimension-none);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);vertical-align:inherit}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);left:0;position:-webkit-sticky;position:sticky;z-index:1}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-fixed);box-shadow:var(--box-shadow-fixed)}:host(.is-truncated){max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.has-checkbox){vertical-align:middle;width:16px}";const a=class{constructor(e){i(this,e);this.tableScrolling=false;this.handleScroll=()=>{if(this.tableRef.scrollLeft>0){this.tableScrolling=true}else{this.tableScrolling=false}}}componentWillRender(){this.tableRef=this.hostElement.closest("pds-table")}componentDidLoad(){if(this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn){this.tableRef.addEventListener("scroll",this.handleScroll)}}classNames(){const i=[];if(this.tableRef&&this.tableRef.compact){i.push("is-compact")}if(this.truncate){i.push("is-truncated")}if(this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling){i.push("has-scrolled")}return i.join(" ")}render(){return e(t,{key:"f86b2ae5eaee0f3bcb1cd55951a0e83bce4ccfca",class:this.classNames(),role:"gridcell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},e("slot",{key:"347d6487bc869bf9903c5e1fb8b05ca29d6e6d50"}))}get hostElement(){return s(this)}};a.style=o;export{a as pds_table_cell};
-//# sourceMappingURL=p-24607f93.entry.js.map
+import{r as i,h as t,H as e,g as s}from"./p-Uh5ntVcq.js";const o=":host{--box-shadow-fixed:3px 3px 6px -2px rgba(0, 0, 0, 0.2);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);inset-inline-start:var(--pine-dimension-none);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);vertical-align:inherit}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);left:0;position:-webkit-sticky;position:sticky;z-index:1}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-fixed);box-shadow:var(--box-shadow-fixed)}:host(.is-truncated){max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.has-checkbox){vertical-align:middle;width:16px}";const a=class{constructor(t){i(this,t);this.tableScrolling=false;this.handleScroll=()=>{if(this.tableRef.scrollLeft>0){this.tableScrolling=true}else{this.tableScrolling=false}}}componentWillRender(){this.tableRef=this.hostElement.closest("pds-table")}componentDidLoad(){if(this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn){this.tableRef.addEventListener("scroll",this.handleScroll)}}classNames(){const i=[];if(this.tableRef&&this.tableRef.compact){i.push("is-compact")}if(this.truncate){i.push("is-truncated")}if(this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling){i.push("has-scrolled")}return i.join(" ")}render(){return t(e,{key:"289640cb5d2d78067b4a32a26e2eb9200cdbde1a",class:this.classNames(),role:"gridcell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},t("slot",{key:"e961e93f1d6cbc3bd6b9aa476632741dfc603bfc"}))}get hostElement(){return s(this)}};a.style=o;export{a as pds_table_cell};
+//# sourceMappingURL=p-82388e60.entry.js.map

package/dist/pine-core/p-90a8d1bd.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as i,g as n}from"./p-Uh5ntVcq.js";let s=false;const o=t=>{var e;const i=(e=document.head.querySelector("meta[data-pine-asset-path]"))===null||e===void 0?void 0:e.dataset.pineAssetPath;const n=window.__PINE_ASSET_PATH__;const o="https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/";const r=i||n||o;if(r.startsWith("https://cdn.jsdelivr.net/npm/")&&!s){s=true;console.warn(`\n      Fetching Pine assets from jsDelivr CDN.\n\n It's recommended that you bundle Pine Assets with your application and set the path accordingly.\n\nFor more information, read the documentation: \nhttps://pine-design-system.netlify.app/?path=/docs/resources-assets--docs\n    `)}let l=t;if(t.startsWith("./")){l=t.substring(2)}if(!r.endsWith("/")){l="/"+l}return r+l};let r;const l=()=>{if(typeof window==="undefined"){return new Map}else{if(!r){const t=window;t.PdsIcons=t.PdsIcons||{};r=t.PdsIcons.map=t.PdsIcons.map||new Map}return r}};const c=(t,e)=>{if(!t&&e&&!u(e)){t=e}if(m(t)){t=p(t)}if(!m(t)||t.trim()===""){return null}const i=t.replace(/[a-z]|-|\d/gi,"");if(i!=""){return null}return t};const a=t=>{const e=l().get(t);if(e){return e}return o(`svg/${t}.svg`)};const h=t=>{if(m(t)){t=t.trim();if(u(t)){return t}}return null};const d=t=>{let e=h(t.src);if(e){return e}e=c(t.name,t.icon);if(e){return a(e)}if(t.icon){e=h(t.icon);if(e){return e}}return null};const f=t=>{if(t){if(t.dir!==""){return t.dir.toLowerCase()==="rtl"}}return(document===null||document===void 0?void 0:document.dir.toLowerCase())==="rtl"};const u=t=>t.length>0&&/(\/|\.)/.test(t);const m=t=>typeof t==="string";const p=t=>t.toLowerCase();const g=(t,e=[])=>{const i={};e.forEach((e=>{if(t.hasAttribute(e)){const n=t.getAttribute(e);if(n!==null){i[e]=t.getAttribute(e)}t.removeAttribute(e)}}));return i};const w=(t,e)=>{const i=f(e);return i&&v.includes(t)};const v=["align-horizontal-bottom","align-horizontal-center","align-horizontal-top","align-left","align-right","align-vertical-left","align-vertical-right","arrow-corner","arrow-left","arrow-right","calendar-schedule","caret-left","caret-right","cart","cart-add","comment","comment-no","conversation","copy","copy-07","delete-key","delete-x","downsell","drawer-collapse","drawer-expand","duplicate","feedback","file-lock","file-search","form-field","form-filled","left-small","launch","list-bullet","list-numbers","margin-left","margin-right","move-left","move-right","newsletter-2","one-off-session","quote","redo","reset-password","right-small","send-message","share","super-admin","tablet-landscape","undo","user-star","user-star-filled","users","users-filled","users-tone"];const b=t=>{const e=document.createElement("div");e.innerHTML=t;for(let t=e.childNodes.length-1;t>=0;t--){if(e.childNodes[t].nodeName.toLowerCase()!=="svg"){e.removeChild(e.childNodes[t])}}const i=e.firstElementChild;if(i&&i.nodeName.toLowerCase()==="svg"){const t=i.getAttribute("class")||"";i.setAttribute("class",(t+" s-pds-icon").trim());if(y(i)){return e.innerHTML}}return""};const y=t=>{if(t.nodeType===1){if(t.nodeName.toLowerCase()==="script"){return false}for(let e=0;e<t.attributes.length;e++){const i=t.attributes[e].name;if(m(i)&&i.toLowerCase().indexOf("on")===0){return false}}for(let e=0;e<t.childNodes.length;e++){if(!y(t.childNodes[e])){return false}}}return true};const C=t=>t.startsWith("data:image/svg+xml");const x=t=>t.indexOf(";utf8,")!==-1;const I=new Map;const k=new Map;let S;const P=(t,e=false)=>{let i=k.get(t);if(!i){if(typeof fetch!="undefined"&&typeof document!=="undefined"){if(C(t)&&x(t)){if(!S){S=new DOMParser}try{const e=S.parseFromString(t,"text/html");const i=e.querySelector("svg");if(i){I.set(t,i.outerHTML)}else{I.set(t,"")}}catch(e){I.set(t,"")}return Promise.resolve()}else{i=fetch(t).then((i=>{if(i.ok){return i.text().then((i=>{if(i&&e!==false){try{i=b(i)}catch(t){i=""}}I.set(t,i||"")}))}else{throw new Error(`Failed to load SVG: ${i.status} ${i.statusText}`)}})).catch((e=>{console.warn("Failed to load SVG:",t,e);I.set(t,"")}));k.set(t,i)}}else{I.set(t,"");return Promise.resolve()}}return i};const V=":host{--dimension-icon-height:16px;--dimension-icon-width:16px;--color-icon-fill:currentColor;contain:strict;display:inline-block;fill:var(--color-icon-fill);-ms-flex-negative:0;flex-shrink:0;height:var(--dimension-icon-height);width:var(--dimension-icon-width)}:host .pdsicon{fill:var(--color-icon-fill)}.pds-icon-fill-none{fill:none}.icon-inner,.pds-icon,svg{display:block;height:100%;width:100%}:host(.flip-rtl):host-context([dir=rtl]) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.flip-rtl:dir(rtl)) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.flip-rtl:dir(ltr)) .icon-inner{-webkit-transform:scaleX(1);transform:scaleX(1)}";const j=class{constructor(e){t(this,e);this.didLoadIcon=false;this.iconName=null;this.inheritedAttributes={};this.isVisible=false;this.size="regular";this.hasAriaHidden=()=>{const{el:t}=this;return t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")==="true"}}iconSize(){const t={small:"12px",regular:"16px",medium:"20px",large:"24px"};if(t[this.size]){return t[this.size]}else{return this.size}}componentDidLoad(){this.setCSSVariables();if(!this.didLoadIcon){this.loadIcon()}setTimeout((()=>{if(!this.svgContent&&!this.isVisible){this.isVisible=true;this.loadIcon()}}),100);setTimeout((()=>{if(!this.svgContent&&!this.isVisible){this.isVisible=true;this.loadIcon()}}),500)}componentWillLoad(){this.inheritedAttributes=g(this.el,["aria-label"]);this.setCSSVariables();this.setupInitialAriaLabel()}setCSSVariables(){this.el.style.setProperty(`--dimension-icon-height`,this.iconSize());this.el.style.setProperty(`--dimension-icon-width`,this.iconSize());this.el.style.setProperty(`--color-icon-fill`,typeof this.color!=="undefined"?this.color:"currentColor")}connectedCallback(){if(!this.isVisible&&!this.svgContent){this.waitUntilVisible(this.el,"50px",(()=>{this.isVisible=true;this.loadIcon()}))}if(this.isElementInViewport(this.el)){this.isVisible=true;this.loadIcon()}}disconnectedCallback(){if(this.io){this.io.disconnect();this.io=undefined}}updateStyles(){this.setCSSVariables()}onIconPropertyChange(){this.loadIcon();this.setupInitialAriaLabel()}loadIcon(){this.didLoadIcon=false;this.svgContent=undefined;if(this.isVisible){const t=d(this);if(t){if(I.has(t)){this.svgContent=I.get(t)}else{P(t).then((()=>{setTimeout((()=>{this.svgContent=I.get(t)}),0)})).catch((()=>{this.svgContent=""}))}this.didLoadIcon=true}}this.iconName=c(this.name,this.icon)}render(){const{ariaLabel:t,flipRtl:n,iconName:s,inheritedAttributes:o}=this;const r=s?w(s,this.el)&&n!==false:false;const l=n||r;const c=o["aria-label"]||t;return e(i,Object.assign({key:"43aa73531314e6529a887468e69362430d006229","aria-label":c!==undefined&&!this.hasAriaHidden()?c:null,alt:"",role:"img",class:Object.assign(Object.assign({},D(this.color)),{"flip-rtl":l,"icon-rtl":l&&f(this.el)})},o),this.svgContent?e("div",{class:"icon-inner",innerHTML:this.svgContent}):e("div",{class:"icon-inner"}))}setupInitialAriaLabel(){if(!this.inheritedAttributes["aria-label"]){const t=c(this.name,this.icon);if(t){this.ariaLabel=t.replace(/\-/g," ")}}}waitUntilVisible(t,e,i){if(typeof window!=="undefined"&&window.IntersectionObserver){const n=this.io=new window.IntersectionObserver((t=>{if(t[0].isIntersecting){n.disconnect();this.io=undefined;i()}}),{rootMargin:e});n.observe(t);setTimeout((()=>{if(this.io&&!this.isVisible){if(this.isElementInViewport(t)){this.io.disconnect();this.io=undefined;i()}}}),1e3)}else{i()}}isElementInViewport(t){if(!t||!t.isConnected)return false;const e=t.getBoundingClientRect();const i=window.innerHeight||document.documentElement.clientHeight;const n=window.innerWidth||document.documentElement.clientWidth;return e.top>=0&&e.left>=0&&e.bottom<=i&&e.right<=n||e.top<i&&e.bottom>0&&e.left<n&&e.right>0}debugIconState(){var t;const e=d(this);const i=this.el.getBoundingClientRect();console.log("PdsIcon Debug State:",{name:this.name,src:this.src,icon:this.icon,iconName:this.iconName,url:e,isVisible:this.isVisible,didLoadIcon:this.didLoadIcon,hasSvgContent:!!this.svgContent,svgContentLength:((t=this.svgContent)===null||t===void 0?void 0:t.length)||0,isInCache:e?I.has(e):false,cachedContent:e?I.get(e):null,element:this.el,isConnected:this.el.isConnected,isInViewport:this.isElementInViewport(this.el),hasIntersectionObserver:!!this.io,boundingClientRect:i,windowDimensions:{width:window.innerWidth||document.documentElement.clientWidth,height:window.innerHeight||document.documentElement.clientHeight}})}static get assetsDirs(){return["svg"]}get el(){return n(this)}static get watchers(){return{size:["updateStyles"],color:["updateStyles"],name:["onIconPropertyChange"],src:["onIconPropertyChange"],icon:["onIconPropertyChange"]}}};const D=t=>t?{"pds-color":true,[`pds-color-${t}`]:true}:null;j.style=V;export{j as pds_icon};
+//# sourceMappingURL=p-90a8d1bd.entry.js.map

package/dist/pine-core/p-90a8d1bd.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["missingAssetPathWarning","getAssetPath","path","_a","metaPineAssetPath","document","head","querySelector","dataset","pineAssetPath","windowAssetPath","window","__PINE_ASSET_PATH__","cdnAssetPath","assetBasePath","startsWith","console","warn","assetPath","substring","endsWith","CACHED_MAP","getIconMap","Map","win","PdsIcons","map","getName","iconName","icon","isSrc","isStr","toLower","trim","invalidChars","replace","getNamedUrl","url","get","getSrc","src","getUrl","pdsIcon","name","isRTL","hostEl","dir","toLowerCase","str","length","test","val","inheritAttributes","el","attributes","attributeObject","forEach","attr","hasAttribute","value","getAttribute","removeAttribute","shouldRtlFlipIcon","rtlEnabled","ICONS_TO_FLIP","includes","validateContent","svgContent","div","createElement","innerHTML","i","childNodes","nodeName","removeChild","svgElm","firstElementChild","svgClass","setAttribute","isValid","elm","nodeType","indexOf","isSvgDataUrl","isEncodedDataUrl","pdsIconContent","requests","parser","getSvgContent","sanitize","req","fetch","DOMParser","doc","parseFromString","svg","set","outerHTML","error","Promise","resolve","then","rsp","ok","text","validationError","Error","status","statusText","catch","pdsIconCss","PdsIcon","constructor","hostRef","this","didLoadIcon","inheritedAttributes","isVisible","size","hasAriaHidden","iconSize","sizes","small","regular","medium","large","componentDidLoad","setCSSVariables","loadIcon","setTimeout","componentWillLoad","setupInitialAriaLabel","style","setProperty","color","connectedCallback","waitUntilVisible","isElementInViewport","disconnectedCallback","io","disconnect","undefined","updateStyles","onIconPropertyChange","has","render","ariaLabel","flipRtl","shouldIconAutoFlip","shouldFlip","finalAriaLabel","h","Host","Object","assign","key","alt","role","class","createColorClasses","rootMargin","cb","IntersectionObserver","data","isIntersecting","observe","isConnected","rect","getBoundingClientRect","windowHeight","innerHeight","documentElement","clientHeight","windowWidth","innerWidth","clientWidth","top","left","bottom","right","debugIconState","log","hasSvgContent","svgContentLength","isInCache","cachedContent","element","isInViewport","hasIntersectionObserver","boundingClientRect","windowDimensions","width","height","assetsDirs"],"sources":["../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/assetPath.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/utils.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/validate.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/request.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/pds-icon.css?tag=pds-icon&encapsulation=shadow","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/pds-icon.js"],"sourcesContent":["import { Build } from \"@stencil/core\";\nlet missingAssetPathWarning = false;\n/**\n *\n * Reads the component asset path config from meta tag or a global variable.\n * This is a temporary workaround until these issues have been addressed:\n *\n * https://github.com/ionic-team/stencil/issues/2826/\n * https://github.com/ionic-team/stencil/issues/3470\n * https://github.com/ionic-team/stencil-ds-output-targets/issues/186\n */\nexport const getAssetPath = (path) => {\n    var _a;\n    const metaPineAssetPath = (_a = document.head.querySelector('meta[data-pine-asset-path]')) === null || _a === void 0 ? void 0 : _a.dataset.pineAssetPath;\n    // Get the asset path from the window object if available\n    const windowAssetPath = window.__PINE_ASSET_PATH__;\n    // Set the CDN Asset path using the latest version\n    const cdnAssetPath = 'https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/';\n    const assetBasePath = Build.isTesting ? '/dist/pds-icons' : metaPineAssetPath || windowAssetPath || cdnAssetPath || '/';\n    // Display a warning if the assets are fetched from the CDN.\n    if (assetBasePath.startsWith('https://cdn.jsdelivr.net/npm/') && !missingAssetPathWarning) {\n        missingAssetPathWarning = true;\n        console.warn(`\n      Fetching Pine assets from jsDelivr CDN.\\n\\n It's recommended that you bundle Pine Assets with your application and set the path accordingly.\\n\\nFor more information, read the documentation: \\nhttps://pine-design-system.netlify.app/?path=/docs/resources-assets--docs\n    `);\n    }\n    let assetPath = path;\n    if (path.startsWith('./')) {\n        assetPath = path.substring(2);\n    }\n    if (!assetBasePath.endsWith('/')) {\n        assetPath = '/' + assetPath;\n    }\n    return assetBasePath + assetPath;\n};\n//# sourceMappingURL=assetPath.js.map\n","import { getAssetPath } from \"./assetPath\";\nlet CACHED_MAP;\nexport const addIcons = (icons) => {\n    const map = getIconMap();\n    Object.keys(icons).forEach(name => map.set(name, icons[name]));\n};\nexport const getIconMap = () => {\n    if (typeof window === 'undefined') {\n        return new Map();\n    }\n    else {\n        if (!CACHED_MAP) {\n            const win = window; // eslint-disable-line @typescript-eslint/no-explicit-any\n            win.PdsIcons = win.PdsIcons || {};\n            CACHED_MAP = win.PdsIcons.map = win.PdsIcons.map || new Map();\n        }\n        return CACHED_MAP;\n    }\n};\nexport const getName = (iconName, icon) => {\n    if (!iconName && icon && !isSrc(icon)) {\n        iconName = icon;\n    }\n    if (isStr(iconName)) {\n        iconName = toLower(iconName);\n    }\n    if (!isStr(iconName) || iconName.trim() === '') {\n        return null;\n    }\n    const invalidChars = iconName.replace(/[a-z]|-|\\d/gi, '');\n    if (invalidChars != '') {\n        return null;\n    }\n    return iconName;\n};\nconst getNamedUrl = (iconName) => {\n    const url = getIconMap().get(iconName);\n    if (url) {\n        return url;\n    }\n    return getAssetPath(`svg/${iconName}.svg`);\n};\nexport const getSrc = (src) => {\n    if (isStr(src)) {\n        src = src.trim();\n        if (isSrc(src)) {\n            return src;\n        }\n    }\n    return null;\n};\nexport const getUrl = (pdsIcon) => {\n    let url = getSrc(pdsIcon.src);\n    if (url) {\n        return url;\n    }\n    url = getName(pdsIcon.name, pdsIcon.icon);\n    if (url) {\n        return getNamedUrl(url);\n    }\n    if (pdsIcon.icon) {\n        url = getSrc(pdsIcon.icon);\n        if (url) {\n            return url;\n        }\n    }\n    return null;\n};\n/**\n * Returns `true` if the document or host element\n * has a `dir` set to `rtl`. The host value will always\n * take priority over the root document value.\n */\nexport const isRTL = (hostEl) => {\n    if (hostEl) {\n        if (hostEl.dir !== '') {\n            return hostEl.dir.toLowerCase() === 'rtl';\n        }\n    }\n    return (document === null || document === void 0 ? void 0 : document.dir.toLowerCase()) === 'rtl';\n};\nexport const isSrc = (str) => str.length > 0 && /(\\/|\\.)/.test(str);\nexport const isStr = (val) => typeof val === 'string'; // eslint-disable-line @typescript-eslint/no-explicit-any\nexport const toLower = (val) => val.toLowerCase();\n/**\n * Elements inside of web components sometimes need to inherit global attributes\n * set on the host. For example, the inner input in `pds-input` should inherit\n * the `title` attribute that developers set directly on `pds-input`. This\n * helper function should be called in componentWillLoad and assigned to a variable\n * that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\nexport const inheritAttributes = (el, attributes = []) => {\n    const attributeObject = {}; // eslint-disable-line @typescript-eslint/no-explicit-any\n    attributes.forEach(attr => {\n        if (el.hasAttribute(attr)) {\n            const value = el.getAttribute(attr);\n            if (value !== null) {\n                attributeObject[attr] = el.getAttribute(attr);\n            }\n            el.removeAttribute(attr);\n        }\n    });\n    return attributeObject;\n};\n/**\n * Determines if an icon should be flipped when RTL is enabled\n * @param iconName - The name of the icon to check\n * @param hostEl - Optional host element to check for RTL direction\n * @returns {boolean} - True if the icon should be flipped in RTL mode, false otherwise\n */\nexport const shouldRtlFlipIcon = (iconName, hostEl) => {\n    // First check if we're in RTL mode\n    const rtlEnabled = isRTL(hostEl);\n    // Only flip if we're in RTL mode and the icon is in the flip list\n    return rtlEnabled && ICONS_TO_FLIP.includes(iconName);\n};\n/**\n * Array of available icon names\n */\nexport const ICONS_TO_FLIP = [\n    'align-horizontal-bottom',\n    'align-horizontal-center',\n    'align-horizontal-top',\n    'align-left',\n    'align-right',\n    'align-vertical-left',\n    'align-vertical-right',\n    'arrow-corner',\n    'arrow-left',\n    'arrow-right',\n    'calendar-schedule',\n    'caret-left',\n    'caret-right',\n    'cart',\n    'cart-add',\n    'comment',\n    'comment-no',\n    'conversation',\n    'copy',\n    'copy-07',\n    'delete-key',\n    'delete-x',\n    'downsell',\n    'drawer-collapse',\n    'drawer-expand',\n    'duplicate',\n    'feedback',\n    'file-lock',\n    'file-search',\n    'form-field',\n    'form-filled',\n    'left-small',\n    'launch',\n    'list-bullet',\n    'list-numbers',\n    'margin-left',\n    'margin-right',\n    'move-left',\n    'move-right',\n    'newsletter-2',\n    'one-off-session',\n    'quote',\n    'redo',\n    'reset-password',\n    'right-small',\n    'send-message',\n    'share',\n    'super-admin',\n    'tablet-landscape',\n    'undo',\n    'user-star',\n    'user-star-filled',\n    'users',\n    'users-filled',\n    'users-tone'\n];\n//# sourceMappingURL=utils.js.map\n","import { isStr } from \"./utils\";\nexport const validateContent = (svgContent) => {\n    const div = document.createElement('div');\n    div.innerHTML = svgContent;\n    // setup this way to ensure it works on our buddy IE\n    for (let i = div.childNodes.length - 1; i >= 0; i--) {\n        if (div.childNodes[i].nodeName.toLowerCase() !== 'svg') {\n            div.removeChild(div.childNodes[i]);\n        }\n    }\n    // must only have 1 root element\n    const svgElm = div.firstElementChild;\n    if (svgElm && svgElm.nodeName.toLowerCase() === 'svg') {\n        const svgClass = svgElm.getAttribute('class') || '';\n        svgElm.setAttribute('class', (svgClass + ' s-pds-icon').trim());\n        // root element must be an svg\n        // lets double check we've got valid elements\n        // do not allow scripts\n        if (isValid(svgElm)) {\n            return div.innerHTML;\n        }\n    }\n    return '';\n};\nexport const isValid = (elm) => {\n    if (elm.nodeType === 1) {\n        if (elm.nodeName.toLowerCase() === 'script') {\n            return false;\n        }\n        for (let i = 0; i < elm.attributes.length; i++) {\n            const name = elm.attributes[i].name;\n            if (isStr(name) && name.toLowerCase().indexOf('on') === 0) {\n                return false;\n            }\n        }\n        for (let i = 0; i < elm.childNodes.length; i++) {\n            if (!isValid(elm.childNodes[i])) {\n                return false;\n            }\n        }\n    }\n    return true;\n};\nexport const isSvgDataUrl = (url) => url.startsWith('data:image/svg+xml');\nexport const isEncodedDataUrl = (url) => url.indexOf(';utf8,') !== -1;\n//# sourceMappingURL=validate.js.map\n","import { isEncodedDataUrl, isSvgDataUrl, validateContent } from \"./validate\";\nexport const pdsIconContent = new Map();\nconst requests = new Map(); // eslint-disable-line @typescript-eslint/no-explicit-any\nlet parser;\nexport const getSvgContent = (url, sanitize = false) => {\n    let req = requests.get(url);\n    if (!req) {\n        if (typeof fetch != 'undefined' && typeof document !== 'undefined') {\n            if (isSvgDataUrl(url) && isEncodedDataUrl(url)) {\n                if (!parser) {\n                    parser = new DOMParser();\n                }\n                try {\n                    const doc = parser.parseFromString(url, 'text/html');\n                    const svg = doc.querySelector('svg');\n                    if (svg) {\n                        pdsIconContent.set(url, svg.outerHTML);\n                    }\n                    else {\n                        pdsIconContent.set(url, '');\n                    }\n                }\n                catch (error) {\n                    pdsIconContent.set(url, '');\n                }\n                return Promise.resolve();\n            }\n            else {\n                // we don't have a request\n                req = fetch(url).then((rsp) => {\n                    if (rsp.ok) {\n                        return rsp.text().then((svgContent) => {\n                            if (svgContent && sanitize !== false) {\n                                try {\n                                    svgContent = validateContent(svgContent);\n                                }\n                                catch (validationError) {\n                                    svgContent = '';\n                                }\n                            }\n                            pdsIconContent.set(url, svgContent || '');\n                        });\n                    }\n                    else {\n                        // Handle HTTP errors\n                        throw new Error(`Failed to load SVG: ${rsp.status} ${rsp.statusText}`);\n                    }\n                }).catch((error) => {\n                    // Handle all fetch errors gracefully\n                    console.warn('Failed to load SVG:', url, error);\n                    pdsIconContent.set(url, '');\n                    // Don't re-throw to prevent unhandled promise rejections\n                });\n                requests.set(url, req);\n            }\n        }\n        else {\n            pdsIconContent.set(url, '');\n            return Promise.resolve();\n        }\n    }\n    return req;\n};\n//# sourceMappingURL=request.js.map\n",":host {\n  --dimension-icon-height: 16px;\n  --dimension-icon-width: 16px;\n  --color-icon-fill: currentColor;\n  contain: strict;\n  display: inline-block;\n  fill: var(--color-icon-fill);\n  flex-shrink: 0;\n  height: var(--dimension-icon-height);\n  width: var(--dimension-icon-width);\n}\n:host .pdsicon {\n  fill: var(--color-icon-fill);\n}\n\n.pds-icon-fill-none {\n  fill: none;\n}\n\n.icon-inner,\n.pds-icon,\nsvg {\n  display: block;\n  height: 100%;\n  width: 100%;\n}\n\n/* :host-context is supported in chromium; :dir is supported in safari & firefox */\n:host(.flip-rtl):host-context([dir=rtl]) .icon-inner {\n  transform: scaleX(-1);\n}\n\n:host(.flip-rtl:dir(rtl)) .icon-inner {\n  transform: scaleX(-1);\n}\n\n/**\n  * This is needed for WebKit otherwise the fallback\n  * will always cause the icon to be flipped if the document\n  * loads in RTL.\n  */\n:host(.flip-rtl:dir(ltr)) .icon-inner {\n  transform: scaleX(1);\n}","import { Build, Host, h } from \"@stencil/core\";\nimport { getSvgContent, pdsIconContent } from \"./request\";\nimport { getName, getUrl, inheritAttributes, isRTL, shouldRtlFlipIcon } from \"./utils\";\nexport class PdsIcon {\n    constructor() {\n        this.didLoadIcon = false;\n        this.iconName = null;\n        this.inheritedAttributes = {}; // eslint-disable-line @typescript-eslint/no-explicit-any\n        this.isVisible = false;\n        /**\n         * The size of the icon. This can be\n         * 'small', 'regular', 'medium', 'large', or a\n         * custom value (40px, 1rem, etc)\n         *\n         */\n        this.size = 'regular';\n        this.hasAriaHidden = () => {\n            const { el } = this;\n            return el.hasAttribute('aria-hidden') && el.getAttribute('aria-hidden') === 'true';\n        };\n    }\n    iconSize() {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const sizes = {\n            small: '12px',\n            regular: '16px',\n            medium: '20px',\n            large: '24px',\n        };\n        if (sizes[this.size]) {\n            return sizes[this.size];\n        }\n        else {\n            return this.size;\n        }\n    }\n    componentDidLoad() {\n        this.setCSSVariables();\n        if (!this.didLoadIcon) {\n            this.loadIcon();\n        }\n        // Fallback: Ensure icon loads even if IntersectionObserver doesn't fire\n        setTimeout(() => {\n            if (!this.svgContent && !this.isVisible) {\n                this.isVisible = true;\n                this.loadIcon();\n            }\n        }, 100);\n        // Additional fallback for client-side navigation (React Router, etc.)\n        // React's useLayoutEffect and rendering cycles can delay visibility detection\n        setTimeout(() => {\n            if (!this.svgContent && !this.isVisible) {\n                this.isVisible = true;\n                this.loadIcon();\n            }\n        }, 500);\n    }\n    componentWillLoad() {\n        this.inheritedAttributes = inheritAttributes(this.el, ['aria-label']);\n        this.setCSSVariables();\n        this.setupInitialAriaLabel();\n    }\n    setCSSVariables() {\n        this.el.style.setProperty(`--dimension-icon-height`, this.iconSize());\n        this.el.style.setProperty(`--dimension-icon-width`, this.iconSize());\n        this.el.style.setProperty(`--color-icon-fill`, typeof this.color !== 'undefined' ? this.color : 'currentColor');\n    }\n    connectedCallback() {\n        // Handle re-connection during client-side navigation\n        if (!this.isVisible && !this.svgContent) {\n            this.waitUntilVisible(this.el, '50px', () => {\n                this.isVisible = true;\n                this.loadIcon();\n            });\n        }\n        // Immediate load attempt if already visible (e.g., during React navigation)\n        if (this.isElementInViewport(this.el)) {\n            this.isVisible = true;\n            this.loadIcon();\n        }\n    }\n    disconnectedCallback() {\n        if (this.io) {\n            this.io.disconnect();\n            this.io = undefined;\n        }\n    }\n    updateStyles() {\n        this.setCSSVariables();\n    }\n    onIconPropertyChange() {\n        this.loadIcon();\n        // Update aria-label when icon properties change\n        this.setupInitialAriaLabel();\n    }\n    loadIcon() {\n        // Reset load state when URL changes\n        this.didLoadIcon = false;\n        // Clear existing content to prevent stale content when switching icons\n        this.svgContent = undefined;\n        if (Build.isBrowser && this.isVisible) {\n            const url = getUrl(this);\n            if (url) {\n                if (pdsIconContent.has(url)) {\n                    this.svgContent = pdsIconContent.get(url);\n                }\n                else {\n                    // Fix: Ensure promise callback triggers re-render and handle errors\n                    getSvgContent(url)\n                        .then(() => {\n                        // Force re-render by setting state in next tick\n                        setTimeout(() => {\n                            this.svgContent = pdsIconContent.get(url);\n                        }, 0);\n                    })\n                        .catch(() => {\n                        // Handle fetch errors gracefully\n                        this.svgContent = '';\n                    });\n                }\n                this.didLoadIcon = true;\n            }\n        }\n        this.iconName = getName(this.name, this.icon);\n    }\n    render() {\n        const { ariaLabel, flipRtl, iconName, inheritedAttributes } = this;\n        const shouldIconAutoFlip = iconName\n            ? shouldRtlFlipIcon(iconName, this.el) && flipRtl !== false\n            : false;\n        const shouldFlip = flipRtl || shouldIconAutoFlip;\n        // Use inherited aria-label if provided, otherwise fall back to auto-generated one\n        const finalAriaLabel = inheritedAttributes['aria-label'] || ariaLabel;\n        return (h(Host, Object.assign({ key: '43aa73531314e6529a887468e69362430d006229', \"aria-label\": finalAriaLabel !== undefined && !this.hasAriaHidden() ? finalAriaLabel : null, alt: \"\", role: \"img\", class: Object.assign(Object.assign({}, createColorClasses(this.color)), { 'flip-rtl': shouldFlip, 'icon-rtl': shouldFlip && isRTL(this.el) }) }, inheritedAttributes), Build.isBrowser && this.svgContent ? (h(\"div\", { class: \"icon-inner\", innerHTML: this.svgContent })) : (h(\"div\", { class: \"icon-inner\" }))));\n    }\n    /*****\n     * Private Methods\n     ****/\n    setupInitialAriaLabel() {\n        // Only set aria-label during initial load if one isn't already provided\n        if (!this.inheritedAttributes['aria-label']) {\n            const iconName = getName(this.name, this.icon);\n            if (iconName) {\n                this.ariaLabel = iconName.replace(/\\-/g, ' ');\n            }\n        }\n    }\n    waitUntilVisible(el, rootMargin, cb) {\n        if (Build.isBrowser && typeof window !== 'undefined' && (window).IntersectionObserver) {\n            const io = (this.io = new (window).IntersectionObserver((data) => {\n                if (data[0].isIntersecting) {\n                    io.disconnect();\n                    this.io = undefined;\n                    cb();\n                }\n            }, { rootMargin }));\n            io.observe(el);\n            // Safety timeout for client-side navigation scenarios\n            // Sometimes IntersectionObserver doesn't fire during React navigation\n            setTimeout(() => {\n                if (this.io && !this.isVisible) {\n                    // Check if element is actually visible in viewport\n                    if (this.isElementInViewport(el)) {\n                        this.io.disconnect();\n                        this.io = undefined;\n                        cb();\n                    }\n                }\n            }, 1000);\n        }\n        else {\n            // browser doesn't support IntersectionObserver\n            // so just fallback to always show it\n            cb();\n        }\n    }\n    isElementInViewport(el) {\n        if (!el || !el.isConnected)\n            return false;\n        const rect = el.getBoundingClientRect();\n        const windowHeight = window.innerHeight || document.documentElement.clientHeight;\n        const windowWidth = window.innerWidth || document.documentElement.clientWidth;\n        return (rect.top >= 0 &&\n            rect.left >= 0 &&\n            rect.bottom <= windowHeight &&\n            rect.right <= windowWidth) || (\n        // Also consider partially visible elements\n        rect.top < windowHeight &&\n            rect.bottom > 0 &&\n            rect.left < windowWidth &&\n            rect.right > 0);\n    }\n    /**\n     * Debug method to help diagnose loading issues\n     * Call from browser console: document.querySelector('pds-icon').debugIconState()\n     */\n    debugIconState() {\n        var _a;\n        const url = getUrl(this);\n        const rect = this.el.getBoundingClientRect();\n        console.log('PdsIcon Debug State:', {\n            name: this.name,\n            src: this.src,\n            icon: this.icon,\n            iconName: this.iconName,\n            url,\n            isVisible: this.isVisible,\n            didLoadIcon: this.didLoadIcon,\n            hasSvgContent: !!this.svgContent,\n            svgContentLength: ((_a = this.svgContent) === null || _a === void 0 ? void 0 : _a.length) || 0,\n            isInCache: url ? pdsIconContent.has(url) : false,\n            cachedContent: url ? pdsIconContent.get(url) : null,\n            element: this.el,\n            // Client-side navigation specific debug info\n            isConnected: this.el.isConnected,\n            isInViewport: this.isElementInViewport(this.el),\n            hasIntersectionObserver: !!this.io,\n            boundingClientRect: rect,\n            windowDimensions: {\n                width: window.innerWidth || document.documentElement.clientWidth,\n                height: window.innerHeight || document.documentElement.clientHeight\n            }\n        });\n    }\n    static get is() { return \"pds-icon\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"pds-icon.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"pds-icon.css\"]\n        };\n    }\n    static get assetsDirs() { return [\"svg\"]; }\n    static get properties() {\n        return {\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\\nThe color of the icon\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"color\",\n                \"reflect\": false\n            },\n            \"flipRtl\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Determines if the icon should be flipped when the `dir` is right-to-left (`\\\"rtl\\\"`).\\nThis is automatically enabled for icons that are in the `ICONS_TO_FLIP` list and\\nwhen the `dir` is `\\\"rtl\\\"`. If `flipRtl` is set to `false`, the icon will not be flipped\\neven if the `dir` is `\\\"rtl\\\"`.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"flip-rtl\",\n                \"reflect\": false\n            },\n            \"icon\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This is a combination of both `name` and `src`. If a `src` URL is detected,\\nit will set the `src` property. Otherwise it assumes it's a built-in named\\nSVG and sets the `name` property.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"icon\",\n                \"reflect\": false\n            },\n            \"name\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The name of the icon to use from\\nthe built-in set.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"name\",\n                \"reflect\": true\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"| 'small'   // 12px\\n    | 'regular'  // 16px\\n    | 'medium'  // 20px\\n    | 'large'   // 24px\\n    | 'auto'\\n    | string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the icon. This can be\\n'small', 'regular', 'medium', 'large', or a\\ncustom value (40px, 1rem, etc)\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"size\",\n                \"reflect\": true,\n                \"defaultValue\": \"'regular'\"\n            },\n            \"src\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\\nSpecifies the exact `src` of an SVG file to use.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"src\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"ariaLabel\": {},\n            \"isVisible\": {},\n            \"svgContent\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"size\",\n                \"methodName\": \"updateStyles\"\n            }, {\n                \"propName\": \"color\",\n                \"methodName\": \"updateStyles\"\n            }, {\n                \"propName\": \"name\",\n                \"methodName\": \"onIconPropertyChange\"\n            }, {\n                \"propName\": \"src\",\n                \"methodName\": \"onIconPropertyChange\"\n            }, {\n                \"propName\": \"icon\",\n                \"methodName\": \"onIconPropertyChange\"\n            }];\n    }\n}\nconst createColorClasses = (color) => {\n    return color\n        ? {\n            'pds-color': true,\n            [`pds-color-${color}`]: true,\n        }\n        : null;\n};\n//# sourceMappingURL=pds-icon.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/pine-core/{p-7b38e384.system.entry.js → p-91520803.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-C_8VmA8d.system.js"],(function(e){"use strict";var r,t,i,o;return{setters:[function(e){r=e.r;t=e.h;i=e.H;o=e.g}],execute:function(){var a=":host{--sizing-max-width-default:352px;display:inline-block}:host [popover]{background-color:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow-200);box-shadow:var(--pine-box-shadow-200);margin:var(--pine-dimension-none);max-width:var(--sizing-max-width-default);padding:var(--pine-dimension-md);position:fixed}:host button{-ms-flex-align:center;align-items:center;background-color:var(--pine-color-secondary);border:var(--pine-border);border-radius:var(--pine-border-radius-full);color:var(--pine-color-text-secondary);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);font-family:var(--pine-font-family-heading);letter-spacing:var(--pine-letter-spacing);min-height:40px;padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}:host button:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}:host button:hover{background-color:var(--pine-color-secondary-hover)}";var n=e("pds_popover",function(){function e(e){r(this,e);this.active=false;this.popoverTargetAction="show";this.popoverType="auto";this.maxWidth=352;this.placement="right"}e.prototype.componentWillRender=function(){this.handlePopoverPositioning()};e.prototype.handleClick=function(){this.active=!this.active};e.prototype.handleScroll=function(){if(this.active){this.handlePopoverPositioning()}};e.prototype.handlePopoverPositioning=function(){var e=this.el.shadowRoot.querySelector(".pds-popover__trigger");var r=this.el.shadowRoot.querySelector("div[popover]");if(!e||!r)return;var t=e.getBoundingClientRect();var i=r.getBoundingClientRect();var o=0;var a=0;var n=8;switch(this.placement){case"top":o=t.top-i.height-n;a=t.left+(t.width-i.width)/2;break;case"top-start":o=t.top-i.height-n;a=t.left;break;case"top-end":o=t.top-i.height-n;a=t.right-i.width;break;case"right":o=t.top+(t.height-i.height)/2;a=t.right+n;break;case"right-start":o=t.top;a=t.right+n;break;case"right-end":o=t.bottom-i.height;a=t.right+n;break;case"bottom":o=t.bottom+n;a=t.left+(t.width-i.width)/2;break;case"bottom-start":o=t.bottom+n;a=t.left;break;case"bottom-end":o=t.bottom+n;a=t.right-i.width;break;case"left":o=t.top+(t.height-i.height)/2;a=t.left-i.width-n;break;case"left-start":o=t.top;a=t.left-i.width-n;break;case"left-end":o=t.bottom-i.height;a=t.left-i.width-n;break}r.style.top="".concat(o,"px");r.style.left="".concat(a,"px")};e.prototype.render=function(){return t(i,{key:"b150645b71d528055c6cd6cf2ff9c898c3fe1f3f"},t("button",{key:"3090efe8ffd85d0d3e4d5dc5f54147a5aff61fb9",class:"pds-popover__trigger",popoverTarget:this.componentId,popoverTargetAction:this.popoverTargetAction,onClick:this.handleClick},this.text),t("div",{key:"6e9b4af0278507b6f8bf4b5f2d8c3a2891f974b6",class:"pds-popover ".concat(this.active?"pds-popover--active":""),id:this.componentId,popover:this.popoverType,style:{maxWidth:"".concat(this.maxWidth,"px")}},t("slot",{key:"f4303d3f3aca19314413b86d3973c8d9f1477e8f"})))};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());n.style=a}}}));
-//# sourceMappingURL=p-7b38e384.system.entry.js.map
+System.register(["./p-C_8VmA8d.system.js"],(function(e){"use strict";var r,t,i,o;return{setters:[function(e){r=e.r;t=e.h;i=e.H;o=e.g}],execute:function(){var a=":host{--sizing-max-width-default:352px;display:inline-block}:host [popover]{background-color:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow-200);box-shadow:var(--pine-box-shadow-200);margin:var(--pine-dimension-none);max-width:var(--sizing-max-width-default);padding:var(--pine-dimension-md);position:fixed}:host button{-ms-flex-align:center;align-items:center;background-color:var(--pine-color-secondary);border:var(--pine-border);border-radius:var(--pine-border-radius-full);color:var(--pine-color-text-secondary);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);font-family:var(--pine-font-family-heading);letter-spacing:var(--pine-letter-spacing);min-height:40px;padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}:host button:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}:host button:hover{background-color:var(--pine-color-secondary-hover)}";var n=e("pds_popover",function(){function e(e){r(this,e);this.active=false;this.popoverTargetAction="show";this.popoverType="auto";this.maxWidth=352;this.placement="right"}e.prototype.componentWillRender=function(){this.handlePopoverPositioning()};e.prototype.handleClick=function(){this.active=!this.active};e.prototype.handleScroll=function(){if(this.active){this.handlePopoverPositioning()}};e.prototype.handlePopoverPositioning=function(){var e=this.el.shadowRoot.querySelector(".pds-popover__trigger");var r=this.el.shadowRoot.querySelector("div[popover]");if(!e||!r)return;var t=e.getBoundingClientRect();var i=r.getBoundingClientRect();var o=0;var a=0;var n=8;switch(this.placement){case"top":o=t.top-i.height-n;a=t.left+(t.width-i.width)/2;break;case"top-start":o=t.top-i.height-n;a=t.left;break;case"top-end":o=t.top-i.height-n;a=t.right-i.width;break;case"right":o=t.top+(t.height-i.height)/2;a=t.right+n;break;case"right-start":o=t.top;a=t.right+n;break;case"right-end":o=t.bottom-i.height;a=t.right+n;break;case"bottom":o=t.bottom+n;a=t.left+(t.width-i.width)/2;break;case"bottom-start":o=t.bottom+n;a=t.left;break;case"bottom-end":o=t.bottom+n;a=t.right-i.width;break;case"left":o=t.top+(t.height-i.height)/2;a=t.left-i.width-n;break;case"left-start":o=t.top;a=t.left-i.width-n;break;case"left-end":o=t.bottom-i.height;a=t.left-i.width-n;break}r.style.top="".concat(o,"px");r.style.left="".concat(a,"px")};e.prototype.render=function(){return t(i,{key:"74048ac8ac89c87e9a65565151627dca0d7811b4"},t("button",{key:"61cbfd4ee6572e181e0f098acba36a5855280d62",class:"pds-popover__trigger",popoverTarget:this.componentId,popoverTargetAction:this.popoverTargetAction,onClick:this.handleClick},this.text),t("div",{key:"f88b815d14fb15fe4eff85be908e1aa85f1195fb",class:"pds-popover ".concat(this.active?"pds-popover--active":""),id:this.componentId,popover:this.popoverType,style:{maxWidth:"".concat(this.maxWidth,"px")}},t("slot",{key:"5dd632e9e4a833f5dc26626181f63b85340590a1"})))};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());n.style=a}}}));
+//# sourceMappingURL=p-91520803.system.entry.js.map

package/dist/pine-core/{p-3f82ac77.system.entry.js → p-982edcaf.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-C_8VmA8d.system.js","./p-BG7_qxVr.system.js","./p-B4W0_y2p.system.js"],(function(i){"use strict";var r,e,a,s,o,d,n;return{setters:[function(i){r=i.r;e=i.c;a=i.h;s=i.H},function(i){o=i.m;d=i.a},function(i){n=i.f}],execute:function(){var c=".sc-pds-radio-h{display:inline-block}[aria-disabled=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled)}[aria-readonly=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-readonly)}label.sc-pds-radio{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";var t='.sc-pds-radio-h{--sizing-check-size:6px;--sizing-input-size:var(--pine-dimension-sm);--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.is-invalid.sc-pds-radio-h input.sc-pds-radio{border-color:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked{background:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked:hover{background:var(--pine-color-border-danger-hover);border-color:var(--pine-color-border-danger-hover)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.is-invalid.sc-pds-radio-h label.sc-pds-radio,.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-ms-flex:none;flex:none;height:var(--sizing-input-size);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--sizing-input-size)}input.sc-pds-radio:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input.sc-pds-radio:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input.sc-pds-radio:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input.sc-pds-radio:checked::after{background:var(--pine-color-background-container);border-radius:var(--pine-border-radius-full);content:"";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled+label.sc-pds-radio{cursor:not-allowed}input.sc-pds-radio:disabled~.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message-disabled)}input.sc-pds-radio:focus-visible{outline:var(--pine-outline-focus)}label.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.visually-hidden.sc-pds-radio{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-radio__message.sc-pds-radio{color:var(--pine-color-text-message);-webkit-margin-before:var(--sizing-margin-block-start);margin-block-start:var(--sizing-margin-block-start);-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-radio__message--error.sc-pds-radio{display:-ms-flexbox;display:flex;font-size:var(--pine-font-size-body-sm);gap:var(--pine-dimension-2xs)}.pds-radio__message--error.sc-pds-radio pds-icon.sc-pds-radio{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}';var l=i("pds_radio",function(){function i(i){var a=this;r(this,i);this.pdsRadioChange=e(this,"pdsRadioChange");this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.handleRadioChange=function(i){if(a.disabled){return}var r=i.target;var e=r.checked;a.pdsRadioChange.emit(e)}}i.prototype.classNames=function(){var i=[];if(this.invalid){i.push("is-invalid")}if(this.disabled){i.push("is-disabled")}return i.join("  ")};i.prototype.render=function(){return a(s,{key:"a31d9cd94150a104a83595043dc003fa5d9779a2",class:this.classNames()},a("label",{key:"1d71e515a00c25bbaac7d0420f4a4ee6a5189836",htmlFor:this.componentId},a("input",{key:"800b2bbf703e68fbf60f62d6c28228759d976436","aria-describedby":d(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,type:"radio",id:this.componentId,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleRadioChange}),a("span",{key:"33c241168498b07a25dfc5ac6f9244eb3ce93547",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&a("div",{key:"f159de72b68a0f1bf07abb52d50a0d6d89b4f766",class:"pds-radio__message",id:o(this.componentId,"helper")},this.helperMessage),this.errorMessage&&a("div",{key:"fb5877c78e519db27964308c1607ab58fc2fcb08",class:"pds-radio__message pds-radio__message--error",id:o(this.componentId,"error"),"aria-live":"assertive"},a("pds-icon",{key:"1385571ed511a800778d64edf48e2853a1c4793e",icon:n,size:"small"}),this.errorMessage))};return i}());l.style=c+t}}}));
-//# sourceMappingURL=p-3f82ac77.system.entry.js.map
+System.register(["./p-C_8VmA8d.system.js","./p-BG7_qxVr.system.js","./p-DiBM9O5Q.system.js"],(function(i){"use strict";var e,r,a,s,o,d,n;return{setters:[function(i){e=i.r;r=i.c;a=i.h;s=i.H},function(i){o=i.m;d=i.a},function(i){n=i.f}],execute:function(){var c=".sc-pds-radio-h{display:inline-block}[aria-disabled=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled)}[aria-readonly=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-readonly)}label.sc-pds-radio{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";var t='.sc-pds-radio-h{--sizing-check-size:6px;--sizing-input-size:var(--pine-dimension-sm);--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.is-invalid.sc-pds-radio-h input.sc-pds-radio{border-color:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked{background:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked:hover{background:var(--pine-color-border-danger-hover);border-color:var(--pine-color-border-danger-hover)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.is-invalid.sc-pds-radio-h label.sc-pds-radio,.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-ms-flex:none;flex:none;height:var(--sizing-input-size);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--sizing-input-size)}input.sc-pds-radio:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input.sc-pds-radio:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input.sc-pds-radio:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input.sc-pds-radio:checked::after{background:var(--pine-color-background-container);border-radius:var(--pine-border-radius-full);content:"";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled+label.sc-pds-radio{cursor:not-allowed}input.sc-pds-radio:disabled~.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message-disabled)}input.sc-pds-radio:focus-visible{outline:var(--pine-outline-focus)}label.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.visually-hidden.sc-pds-radio{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-radio__message.sc-pds-radio{color:var(--pine-color-text-message);-webkit-margin-before:var(--sizing-margin-block-start);margin-block-start:var(--sizing-margin-block-start);-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-radio__message--error.sc-pds-radio{display:-ms-flexbox;display:flex;font-size:var(--pine-font-size-body-sm);gap:var(--pine-dimension-2xs)}.pds-radio__message--error.sc-pds-radio pds-icon.sc-pds-radio{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}';var l=i("pds_radio",function(){function i(i){var a=this;e(this,i);this.pdsRadioChange=r(this,"pdsRadioChange");this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.handleRadioChange=function(i){if(a.disabled){return}var e=i.target;var r=e.checked;a.pdsRadioChange.emit(r)}}i.prototype.classNames=function(){var i=[];if(this.invalid){i.push("is-invalid")}if(this.disabled){i.push("is-disabled")}return i.join("  ")};i.prototype.render=function(){return a(s,{key:"5e8a4bd868172cda64aa2ad4697c7c41f0bdf633",class:this.classNames()},a("label",{key:"f18a8a06cf3f9be68ab6b110fe67a8af7c1e8595",htmlFor:this.componentId},a("input",{key:"7a3ef56682ebe1facedf1eb52445f85e5e7de9d1","aria-describedby":d(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,type:"radio",id:this.componentId,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleRadioChange}),a("span",{key:"bd0c351062e30ac4f68252497affdcde4730ef3d",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&a("div",{key:"3b180595a4c088df1f121937c11f7518a802b22f",class:"pds-radio__message",id:o(this.componentId,"helper")},this.helperMessage),this.errorMessage&&a("div",{key:"e931d2de83247c74bac1568f479ee99abd1f20a0",class:"pds-radio__message pds-radio__message--error",id:o(this.componentId,"error"),"aria-live":"assertive"},a("pds-icon",{key:"7dab998a2992e3738b5b3cd14ca7031ff6db6dbb",icon:n,size:"small"}),this.errorMessage))};return i}());l.style=c+t}}}));
+//# sourceMappingURL=p-982edcaf.system.entry.js.map

package/dist/pine-core/p-9b8a3659.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-C_8VmA8d.system.js"],(function(t){"use strict";var e,o;return{setters:[function(t){e=t.r;o=t.h}],execute:function(){var a="pds-modal-footer{display:block;width:100%}.pds-modal__footer{width:100%}";var d=t("pds_modal_footer",function(){function t(t){e(this,t)}t.prototype.render=function(){return o("footer",{key:"daaff7132c3b6bcaecafcb4e8dbbf25bf3ad1de4",class:"pds-modal__footer"},o("slot",{key:"06ba1513613bea247b8d533a750f1331c509e2e5"}))};return t}());d.style=a}}}));
+//# sourceMappingURL=p-9b8a3659.system.entry.js.map

package/dist/pine-core/{p-730221a8.system.entry.js → p-9cc1844a.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-C_8VmA8d.system.js"],(function(n){"use strict";var a,e,t;return{setters:[function(n){a=n.r;e=n.h;t=n.H}],execute:function(){var r=":host {\n  --row-gap-y: var(--pine-dimension-125);\n  --row-gap-x: var(--pine-dimension-125);\n  display: block;\n  -webkit-margin-after: calc(var(--row-gap-y) * -1);\n  margin-block-end: calc(var(--row-gap-y) * -1);\n  -webkit-margin-before: calc(var(--row-gap-y) * -1);\n  margin-block-start: calc(var(--row-gap-y) * -1);\n  -webkit-margin-end: calc(var(--row-gap-x) * -0.5);\n  margin-inline-end: calc(var(--row-gap-x) * -0.5);\n  -webkit-margin-start: calc(var(--row-gap-x) * -0.5);\n  margin-inline-start: calc(var(--row-gap-x) * -0.5);\n}\n\n.pds-row {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  -webkit-margin-after: calc(var(--row-gap-y) * -1);\n  margin-block-end: calc(var(--row-gap-y) * -1);\n  -webkit-margin-before: calc(var(--row-gap-y) * -1);\n  margin-block-start: calc(var(--row-gap-y) * -1);\n  -webkit-margin-end: calc(var(--row-gap-x) * -1);\n  margin-inline-end: calc(var(--row-gap-x) * -1);\n  -webkit-margin-start: calc(var(--row-gap-x) * -1);\n  margin-inline-start: calc(var(--row-gap-x) * -1);\n}\n@layer layout {\n  .pds-row > * {\n    -webkit-padding-after: calc(var(--row-gap-y));\n    padding-block-end: calc(var(--row-gap-y));\n    -webkit-padding-before: calc(var(--row-gap-y));\n    padding-block-start: calc(var(--row-gap-y));\n    -webkit-padding-end: calc(var(--row-gap-x));\n    padding-inline-end: calc(var(--row-gap-x));\n    -webkit-padding-start: calc(var(--row-gap-x));\n    padding-inline-start: calc(var(--row-gap-x));\n  }\n}\n\n.pds-row--no-wrap {\n  -ms-flex-wrap: nowrap;\n  flex-wrap: nowrap;\n}\n\n.pds-row--border {\n  border: var(--pine-border);\n}\n\n.pds-justify-content-start {\n  -ms-flex-pack: start;\n  justify-content: start;\n}\n\n.pds-justify-content-center {\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n.pds-justify-content-end {\n  -ms-flex-pack: end;\n  justify-content: end;\n}\n\n.pds-justify-content-space-between {\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\n\n.pds-justify-content-space-around {\n  -ms-flex-pack: distribute;\n  justify-content: space-around;\n}\n\n.pds-justify-content-space-evenly {\n  -ms-flex-pack: space-evenly;\n  justify-content: space-evenly;\n}\n\n.pds-align-items-start {\n  -ms-flex-align: start;\n  align-items: start;\n}\n\n.pds-align-items-center {\n  -ms-flex-align: center;\n  align-items: center;\n}\n\n.pds-align-items-end {\n  -ms-flex-align: end;\n  align-items: end;\n}\n\n.pds-align-items-stretch {\n  -ms-flex-align: stretch;\n  align-items: stretch;\n}\n\n.pds-align-items-baseline {\n  -ms-flex-align: baseline;\n  align-items: baseline;\n}";var i=n("pds_row",function(){function n(n){a(this,n);this.border=false;this.noWrap=false;this.colGapMap={none:"0",xxs:".25rem",xs:".5rem",sm:"1rem",md:"1.5rem",lg:"2.25rem",xl:"3rem",xxl:"4rem"}}n.prototype.render=function(){var n="\n    ".concat(this.alignItems!==undefined&&this.alignItems.trim()!==""?"pds-align-items-".concat(this.alignItems):"","\n    ").concat(this.border?"pds-row--border":"","\n    ").concat(this.justifyContent!==undefined&&this.justifyContent.trim()!==""?"pds-justify-content-".concat(this.justifyContent):"","\n    ").concat(this.noWrap?"pds-row--no-wrap":"","\n  ");var a=Object.assign(Object.assign({},this.colGap&&{"--row-gap-x":this.colGap!==undefined&&this.colGap.trim()!==""?this.colGapMap[this.colGap]:"","--row-gap-y":this.colGap!==undefined&&this.colGap.trim()!==""?this.colGapMap[this.colGap]:""}),this.minHeight&&{"min-height":this.minHeight});return e(t,{key:"2e962d6f8edd5023b3d8d7c8192e4f4ea2b2d2be",class:"pds-row ".concat(n),style:a})};return n}());i.style=r}}}));
-//# sourceMappingURL=p-730221a8.system.entry.js.map
+System.register(["./p-C_8VmA8d.system.js"],(function(n){"use strict";var a,e,t;return{setters:[function(n){a=n.r;e=n.h;t=n.H}],execute:function(){var r=":host {\n  --row-gap-y: var(--pine-dimension-125);\n  --row-gap-x: var(--pine-dimension-125);\n  display: block;\n  -webkit-margin-after: calc(var(--row-gap-y) * -1);\n  margin-block-end: calc(var(--row-gap-y) * -1);\n  -webkit-margin-before: calc(var(--row-gap-y) * -1);\n  margin-block-start: calc(var(--row-gap-y) * -1);\n  -webkit-margin-end: calc(var(--row-gap-x) * -0.5);\n  margin-inline-end: calc(var(--row-gap-x) * -0.5);\n  -webkit-margin-start: calc(var(--row-gap-x) * -0.5);\n  margin-inline-start: calc(var(--row-gap-x) * -0.5);\n}\n\n.pds-row {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  -webkit-margin-after: calc(var(--row-gap-y) * -1);\n  margin-block-end: calc(var(--row-gap-y) * -1);\n  -webkit-margin-before: calc(var(--row-gap-y) * -1);\n  margin-block-start: calc(var(--row-gap-y) * -1);\n  -webkit-margin-end: calc(var(--row-gap-x) * -1);\n  margin-inline-end: calc(var(--row-gap-x) * -1);\n  -webkit-margin-start: calc(var(--row-gap-x) * -1);\n  margin-inline-start: calc(var(--row-gap-x) * -1);\n}\n@layer layout {\n  .pds-row > * {\n    -webkit-padding-after: calc(var(--row-gap-y));\n    padding-block-end: calc(var(--row-gap-y));\n    -webkit-padding-before: calc(var(--row-gap-y));\n    padding-block-start: calc(var(--row-gap-y));\n    -webkit-padding-end: calc(var(--row-gap-x));\n    padding-inline-end: calc(var(--row-gap-x));\n    -webkit-padding-start: calc(var(--row-gap-x));\n    padding-inline-start: calc(var(--row-gap-x));\n  }\n}\n\n.pds-row--no-wrap {\n  -ms-flex-wrap: nowrap;\n  flex-wrap: nowrap;\n}\n\n.pds-row--border {\n  border: var(--pine-border);\n}\n\n.pds-justify-content-start {\n  -ms-flex-pack: start;\n  justify-content: start;\n}\n\n.pds-justify-content-center {\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n.pds-justify-content-end {\n  -ms-flex-pack: end;\n  justify-content: end;\n}\n\n.pds-justify-content-space-between {\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\n\n.pds-justify-content-space-around {\n  -ms-flex-pack: distribute;\n  justify-content: space-around;\n}\n\n.pds-justify-content-space-evenly {\n  -ms-flex-pack: space-evenly;\n  justify-content: space-evenly;\n}\n\n.pds-align-items-start {\n  -ms-flex-align: start;\n  align-items: start;\n}\n\n.pds-align-items-center {\n  -ms-flex-align: center;\n  align-items: center;\n}\n\n.pds-align-items-end {\n  -ms-flex-align: end;\n  align-items: end;\n}\n\n.pds-align-items-stretch {\n  -ms-flex-align: stretch;\n  align-items: stretch;\n}\n\n.pds-align-items-baseline {\n  -ms-flex-align: baseline;\n  align-items: baseline;\n}";var i=n("pds_row",function(){function n(n){a(this,n);this.border=false;this.noWrap=false;this.colGapMap={none:"0",xxs:".25rem",xs:".5rem",sm:"1rem",md:"1.5rem",lg:"2.25rem",xl:"3rem",xxl:"4rem"}}n.prototype.render=function(){var n="\n    ".concat(this.alignItems!==undefined&&this.alignItems.trim()!==""?"pds-align-items-".concat(this.alignItems):"","\n    ").concat(this.border?"pds-row--border":"","\n    ").concat(this.justifyContent!==undefined&&this.justifyContent.trim()!==""?"pds-justify-content-".concat(this.justifyContent):"","\n    ").concat(this.noWrap?"pds-row--no-wrap":"","\n  ");var a=Object.assign(Object.assign({},this.colGap&&{"--row-gap-x":this.colGap!==undefined&&this.colGap.trim()!==""?this.colGapMap[this.colGap]:"","--row-gap-y":this.colGap!==undefined&&this.colGap.trim()!==""?this.colGapMap[this.colGap]:""}),this.minHeight&&{"min-height":this.minHeight});return e(t,{key:"b16cc4fa554894bccdb3dadbe07c531145dc2416",class:"pds-row ".concat(n),style:a})};return n}());i.style=r}}}));
+//# sourceMappingURL=p-9cc1844a.system.entry.js.map

package/dist/pine-core/{p-ef9ed75a.system.entry.js → p-9d8bb7f7.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-C_8VmA8d.system.js"],(function(e){"use strict";var r,n,t;return{setters:[function(e){r=e.r;n=e.h;t=e.H}],execute:function(){var s=":host hr{border:1px solid var(--pine-color-border);margin-block:var(--pine-dimension-xs)}";var i=e("pds_dropdown_menu_separator",function(){function e(e){r(this,e);this.disabled=false}e.prototype.render=function(){return n(t,{key:"71b19470921b7848e5f0c44ef82aa0d9f8ef2017",id:this.componentId},n("hr",{key:"efc84b6b3f3f35421c0af863fb2d4636e542773e"}))};return e}());i.style=s}}}));
-//# sourceMappingURL=p-ef9ed75a.system.entry.js.map
+System.register(["./p-C_8VmA8d.system.js"],(function(e){"use strict";var r,n,t;return{setters:[function(e){r=e.r;n=e.h;t=e.H}],execute:function(){var s=":host hr{border:1px solid var(--pine-color-border);margin-block:var(--pine-dimension-xs)}";var i=e("pds_dropdown_menu_separator",function(){function e(e){r(this,e);this.disabled=false}e.prototype.render=function(){return n(t,{key:"1058ea61d2ad7c311ee162b909df2531f3589e4c",id:this.componentId},n("hr",{key:"a8c2f69ef5fba5ea4ea74553fe72544e31eafb1b"}))};return e}());i.style=s}}}));
+//# sourceMappingURL=p-9d8bb7f7.system.entry.js.map

package/dist/pine-core/{p-71265b2a.system.entry.js → p-9df7ba40.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-C_8VmA8d.system.js"],(function(i){"use strict";var e,t,s,n;return{setters:[function(i){e=i.r;t=i.h;s=i.H;n=i.g}],execute:function(){var o=":host{--box-shadow-fixed:3px 3px 6px -2px rgba(0, 0, 0, 0.2);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);inset-inline-start:var(--pine-dimension-none);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);vertical-align:inherit}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);left:0;position:-webkit-sticky;position:sticky;z-index:1}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-fixed);box-shadow:var(--box-shadow-fixed)}:host(.is-truncated){max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.has-checkbox){vertical-align:middle;width:16px}";var a=i("pds_table_cell",function(){function i(i){var t=this;e(this,i);this.tableScrolling=false;this.handleScroll=function(){if(t.tableRef.scrollLeft>0){t.tableScrolling=true}else{t.tableScrolling=false}}}i.prototype.componentWillRender=function(){this.tableRef=this.hostElement.closest("pds-table")};i.prototype.componentDidLoad=function(){if(this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn){this.tableRef.addEventListener("scroll",this.handleScroll)}};i.prototype.classNames=function(){var i=[];if(this.tableRef&&this.tableRef.compact){i.push("is-compact")}if(this.truncate){i.push("is-truncated")}if(this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling){i.push("has-scrolled")}return i.join(" ")};i.prototype.render=function(){return t(s,{key:"f86b2ae5eaee0f3bcb1cd55951a0e83bce4ccfca",class:this.classNames(),role:"gridcell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},t("slot",{key:"347d6487bc869bf9903c5e1fb8b05ca29d6e6d50"}))};Object.defineProperty(i.prototype,"hostElement",{get:function(){return n(this)},enumerable:false,configurable:true});return i}());a.style=o}}}));
-//# sourceMappingURL=p-71265b2a.system.entry.js.map
+System.register(["./p-C_8VmA8d.system.js"],(function(i){"use strict";var t,e,s,n;return{setters:[function(i){t=i.r;e=i.h;s=i.H;n=i.g}],execute:function(){var o=":host{--box-shadow-fixed:3px 3px 6px -2px rgba(0, 0, 0, 0.2);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);inset-inline-start:var(--pine-dimension-none);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);vertical-align:inherit}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);left:0;position:-webkit-sticky;position:sticky;z-index:1}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-fixed);box-shadow:var(--box-shadow-fixed)}:host(.is-truncated){max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.has-checkbox){vertical-align:middle;width:16px}";var a=i("pds_table_cell",function(){function i(i){var e=this;t(this,i);this.tableScrolling=false;this.handleScroll=function(){if(e.tableRef.scrollLeft>0){e.tableScrolling=true}else{e.tableScrolling=false}}}i.prototype.componentWillRender=function(){this.tableRef=this.hostElement.closest("pds-table")};i.prototype.componentDidLoad=function(){if(this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn){this.tableRef.addEventListener("scroll",this.handleScroll)}};i.prototype.classNames=function(){var i=[];if(this.tableRef&&this.tableRef.compact){i.push("is-compact")}if(this.truncate){i.push("is-truncated")}if(this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling){i.push("has-scrolled")}return i.join(" ")};i.prototype.render=function(){return e(s,{key:"289640cb5d2d78067b4a32a26e2eb9200cdbde1a",class:this.classNames(),role:"gridcell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},e("slot",{key:"e961e93f1d6cbc3bd6b9aa476632741dfc603bfc"}))};Object.defineProperty(i.prototype,"hostElement",{get:function(){return n(this)},enumerable:false,configurable:true});return i}());a.style=o}}}));
+//# sourceMappingURL=p-9df7ba40.system.entry.js.map

package/dist/pine-core/p-9e22eab5.system.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,t,i,a){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,n){function o(e){try{s(a.next(e))}catch(e){n(e)}}function d(e){try{s(a["throw"](e))}catch(e){n(e)}}function s(e){e.done?i(e.value):r(e.value).then(o,d)}s((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,r,n,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(t){return s([e,t])}}function s(d){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,d[0]&&(i=0)),i)try{if(a=1,r&&(n=d[0]&2?r["return"]:d[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,d[1])).done)return n;if(r=0,n)d=[d[0]&2,n.value];switch(d[0]){case 0:case 1:n=d;break;case 4:i.label++;return{value:d[1],done:false};case 5:i.label++;r=d[1];d=[0];continue;case 7:d=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(d[0]===6||d[0]===2)){i=0;continue}if(d[0]===3&&(!n||d[1]>n[0]&&d[1]<n[3])){i.label=d[1];break}if(d[0]===6&&i.label<n[1]){i.label=n[1];n=d;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(d);break}if(n[2])i.ops.pop();i.trys.pop();continue}d=t.call(e,i)}catch(e){d=[6,e];r=0}finally{a=n=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};System.register(["./p-C_8VmA8d.system.js"],(function(e){"use strict";var t,i,a,r;return{setters:[function(e){t=e.r;i=e.c;a=e.h;r=e.g}],execute:function(){var n=".pds-modal__backdrop{-ms-flex-align:start;align-items:flex-start;background-color:rgba(0, 0, 0, 0.4);border:0;display:-ms-flexbox;display:flex;height:100%;inset:0;-ms-flex-pack:center;justify-content:center;margin:0;max-height:100%;max-width:100%;opacity:0;padding:0;position:fixed;-webkit-transition:opacity 0.2s ease, visibility 0.2s ease;transition:opacity 0.2s ease, visibility 0.2s ease;visibility:hidden;width:100%;z-index:1000}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}pds-modal .pds-modal__backdrop{z-index:1001}.pds-modal__backdrop::-webkit-backdrop{background:transparent}.pds-modal__backdrop::-ms-backdrop{background:transparent}.pds-modal__backdrop::backdrop{background:transparent}.pds-modal__backdrop.open{opacity:1;visibility:visible}.pds-modal{background:var(--pine-color-background-container);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:var(--pine-dimension-md);max-height:calc(100vh - (6vh + 96px));width:100%}@media (min-width: 992px){.pds-modal{-webkit-margin-before:6vh;margin-block-start:6vh}}@media (min-width: 1200px){.pds-modal{-webkit-margin-before:8vh;margin-block-start:8vh}}.pds-modal--sm{max-width:520px}.pds-modal--md{max-width:700px}.pds-modal--lg{max-width:900px}.pds-modal--fullscreen{border-radius:0;height:100%;margin:0;max-height:100vh;max-width:100%}.pds-modal--fullscreen .pds-modal-content{-ms-flex:1;flex:1}";var o=e("mock_pds_modal",function(){function e(e){t(this,e);this.pdsModalOpen=i(this,"pdsModalOpen");this.pdsModalClose=i(this,"pdsModalClose");this.pdsModalBackdropClick=i(this,"pdsModalBackdropClick");this.size="md";this.backdropDismiss=true;this.open=false}e.prototype.showModal=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=true;this.pdsModalOpen.emit();return[2]}))}))};e.prototype.hideModal=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=false;this.pdsModalClose.emit();return[2]}))}))};e.prototype.handleBackdropClick=function(e){var t=this.el.querySelector(".pds-modal__backdrop");if(e.target===t&&this.backdropDismiss===true){this.pdsModalBackdropClick.emit();this.hideModal()}};e.prototype.handleKeyDown=function(e){if(e.key==="Escape"&&this.open===true){this.hideModal()}};e.prototype.componentDidLoad=function(){};e.prototype.render=function(){var e;var t=(e={"pds-modal":true},e["pds-modal--".concat(this.size)]=true,e["pds-modal--scrollable"]=true,e);var i={"pds-modal__backdrop":true,open:this.open};return a("div",{key:"34bb09afe2af63e8092dc1ca4b10e216550ce0ba",class:i},a("div",{key:"8400a7dee99a128523a2238cf88d1bbcdfb65f79",class:t,role:"dialog","aria-modal":"true","aria-labelledby":this.componentId?"".concat(this.componentId,"-heading"):null},a("div",{key:"9b1ee3bd413a110e4d3abfa4fce4e7fb4014d3f1",class:"pds-modal__header"},a("slot",{key:"4845c471151b08b7cb7a072a3d2e8c2e06143634",name:"header"})),a("div",{key:"9132767dda413c5d7f2ab9fbe5c4952c6aebc709",class:"pds-modal-content"},a("slot",{key:"cb8417be84699a117b76e9b3cbd98352bf3417f5"})),a("div",{key:"b56977cf61079ce61acd6fe71c9cbbc3fff7316b",class:"pds-modal__footer"},a("slot",{key:"0fcb7a8bab9322ba6962e0c205389a3d62b9c423",name:"footer"}))))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());o.style=n}}}));
+//# sourceMappingURL=p-9e22eab5.system.entry.js.map