npm - @pine-ds/core - Versions diffs - 3.24.2 → 3.24.4 - Mend

@pine-ds/core 3.24.2 → 3.24.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (446) hide show

package/dist/pine-core/pds-chip.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pds-chip.entry.esm.js","sources":["src/components/pds-chip/pds-chip.tokens.scss?tag=pds-chip&encapsulation=shadow","src/components/pds-chip/pds-chip.scss?tag=pds-chip&encapsulation=shadow","src/components/pds-chip/pds-chip.tsx"],"sourcesContent":["@use '~@kajabi-ui/styles/dist/pine/components/pds-chip/pds-chip.tokens'\n","@use 'sass:map';\n\n:host {\n --sizing-close: var(--pine-dimension-125);\n\n align-items: center;\n border-radius: var(--pine-dimension-sm);\n display: inline-flex;\n padding-block: var(--pine-dimension-025);\n padding-inline: var(--pine-dimension-100);\n}\n\n$pds-chip-sentiment: (\n accent: var(--pine-chip-color-accent),\n danger: var(--pine-chip-color-danger),\n info: var(--pine-chip-color-info),\n neutral: var(--pine-chip-color-neutral),\n success: var(--pine-chip-color-success),\n warning: var(--pine-chip-color-warning),\n);\n\n/* stylelint-disable pine-design-system/prefer-semantic-tokens /\n$pds-chip-sentiment-text: (\n accent: var(--pine-color-text-accent),\n danger: var(--pine-color-text-danger),\n info: var(--pine-color-text-info),\n neutral: var(--pine-color-grey-900),\n success: var(--pine-color-text-success),\n warning: var(--pine-color-text-warning),\n);\n/ stylelint-enable pine-design-system/prefer-semantic-tokens /\n\n$pds-chip-sentiment-dots: (\n accent: var(--pine-chip-color-accent-dot),\n danger: var(--pine-chip-color-danger-dot),\n info: var(--pine-chip-color-info-dot),\n neutral: var(--pine-chip-color-neutral-dot),\n success: var(--pine-chip-color-success-dot),\n warning: var(--pine-chip-color-warning-dot),\n);\n\n$pds-chip-sentiment-hover: (\n accent: var(--pine-chip-color-accent-hover),\n danger: var(--pine-chip-color-danger-hover),\n info: var(--pine-chip-color-info-hover),\n neutral: var(--pine-chip-color-neutral-hover),\n success: var(--pine-chip-color-success-hover),\n warning: var(--pine-chip-color-warning-hover),\n);\n\n@each $sentiment, $value in $pds-chip-sentiment {\n :host(.pds-chip--#{$sentiment}) {\n background: $value;\n border: var(--pine-border-width) solid var(--pine-chip-color-#{$sentiment}-hover);\n\n // dot colors\n .pds-chip__dot {\n / stylelint-disable-next-line /\n background: map.get($pds-chip-sentiment-dots, $sentiment);\n }\n\n .pds-chip__label, .pds-chip__button, .pds-chip__close {\n / stylelint-disable-next-line /\n color: map.get($pds-chip-sentiment-text, $sentiment);\n font-weight: var(--pine-font-weight-medium);\n }\n\n // tag close hover colors\n .pds-chip__close:hover {\n / stylelint-disable-next-line /\n background: map.get($pds-chip-sentiment-hover, $sentiment);\n }\n }\n // dropdown hover colors\n :host(.pds-chip--#{$sentiment}.pds-chip--dropdown:hover) {\n / stylelint-disable-next-line /\n background: map.get($pds-chip-sentiment-hover, $sentiment);\n }\n}\n\n.pds-chip__dot {\n border: var(--pine-border-width) solid transparent;\n border-radius: var(--pine-border-radius-full);\n display: inline-block;\n height: var(--pine-dimension-2xs);\n margin-inline-end: var(--pine-dimension-2xs);\n width: var(--pine-dimension-2xs);\n}\n\n.pds-chip__label {\n align-items: center;\n display: flex;\n\n pds-icon {\n margin-inline-end: var(--pine-dimension-2xs);\n }\n}\n\n.pds-chip__label, .pds-chip__button {\n font: var(--pine-typography-body-medium);\n letter-spacing: var(--pine-letter-spacing);\n}\n\n// dropdown\n\n:host(.pds-chip--dropdown) {\n padding: var(--pine-dimension-none);\n}\n\n.pds-chip__button {\n align-items: center;\n appearance: none;\n background: transparent;\n border: var(--pine-dimension-none);\n border-radius: var(--pine-dimension-sm);\n cursor: pointer;\n display: flex;\n padding: var(--pine-dimension-025) var(--pine-dimension-100);\n\n &:focus-visible {\n outline: var(--pine-outline-focus);\n outline-offset: var(--pine-border-width);\n }\n\n pds-icon:first-child {\n margin-inline-end: var(--pine-dimension-2xs);\n }\n\n pds-icon:last-child {\n margin-inline-end: calc(var(--pine-dimension-025) -1);\n margin-inline-start: var(--pine-dimension-2xs);\n }\n}\n\n.pds-chip__close {\n appearance: none;\n background: transparent;\n border: 0;\n border-radius: var(--pine-border-radius-full);\n box-sizing: border-box;\n height: var(--sizing-close);\n margin-inline-end: calc(var(--pine-dimension-xs) * -1);\n margin-inline-start: var(--pine-dimension-2xs);\n padding: var(--sizing-close);\n position: relative;\n width: var(--sizing-close);\n\n pds-icon {\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:focus-visible {\n outline: var(--pine-outline-focus);\n }\n}\n\n// small\n\n:host(.pds-chip--sm) {\n --sizing-close: var(--pine-dimension-100);\n padding-block: var(--pine-dimension-025);\n padding-inline: var(--pine-dimension-100);\n\n .pds-chip__label, .pds-chip__button {\n font: var(--pine-typography-body-sm-medium);\n letter-spacing: var(--pine-letter-spacing);\n }\n}\n\n:host(.pds-chip--sm.pds-chip--dropdown) {\n padding: var(--pine-dimension-none);\n\n .pds-chip__button {\n padding: var(--pine-dimension-025) var(--pine-dimension-100);\n }\n}\n\n:host(.pds-chip--sm.pds-chip--brand) {\n .pds-chip__label {\n padding: var(--pine-dimension-025) var(--pine-dimension-100);\n }\n}\n\n// large\n\n:host(.pds-chip--lg) {\n padding-block: var(--pine-dimension-025);\n padding-inline: var(--pine-dimension-150);\n\n .pds-chip__label, .pds-chip__button {\n font-family: var(--pine-font-family-heading);\n font-size: var(--pine-font-size-heading-6);\n font-weight: var(--pine-font-weight-medium);\n letter-spacing: var(--pine-letter-spacing-heading-6);\n }\n}\n\n:host(.pds-chip--lg.pds-chip--dropdown) {\n padding: var(--pine-dimension-none);\n\n .pds-chip__button {\n padding: var(--pine-dimension-025) var(--pine-dimension-150);\n }\n}\n\n:host(.pds-chip--brand) {\n /* stylelint-disable-next-line pine-design-system/no-hardcoded-colors /\n background: linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);\n border: 0;\n padding: 1px;\n position: relative;\n\n .pds-chip__label {\n / stylelint-disable-next-line pine-design-system/no-hardcoded-colors /\n background: rgba(255, 255, 255, 0.9);\n border-radius: calc(var(--pine-dimension-sm) - 1px);\n / stylelint-disable-next-line pine-design-system/prefer-semantic-tokens /\n color: var(--pine-color-grey-900);\n font-weight: var(--pine-font-weight-medium);\n padding: var(--pine-dimension-025) var(--pine-dimension-100);\n position: relative;\n z-index: var(--pine-z-index-raised);\n\n pds-icon {\n margin-inline-end: var(--pine-dimension-2xs);\n }\n }\n\n .pds-chip__button, .pds-chip__close {\n / stylelint-disable-next-line pine-design-system/prefer-semantic-tokens /\n color: var(--pine-color-grey-900);\n font-weight: var(--pine-font-weight-medium);\n position: relative;\n z-index: var(--pine-z-index-raised);\n }\n\n .pds-chip__button {\n pds-icon:first-child {\n margin-inline-end: var(--pine-dimension-2xs);\n }\n }\n\n // tag close hover colors\n .pds-chip__close:hover {\n / stylelint-disable-next-line pine-design-system/no-hardcoded-colors /\n background: rgba(255, 255, 255, 0.8);\n }\n}\n","import { downSmall, remove } from '@pine-ds/icons/icons';\nimport { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport type { ChipSentimentType, ChipSizeType, ChipVariantType } from '@utils/types';\n\n/\n @slot (default) - The chip's label text.\n * @part button\n /\n\n@Component({\n tag: 'pds-chip',\n styleUrls: ['pds-chip.tokens.scss', 'pds-chip.scss'],\n shadow: true,\n})\nexport class PdsChip {\n /\n A unique identifier used for the underlying component `id` attribute.\n /\n @Prop() componentId: string;\n\n /\n Determines whether a dot should be displayed on the chip.\n * Note: This prop is ignored when sentiment is 'brand'.\n * @defaultValue false\n /\n @Prop() dot = false;\n\n /\n The name of the icon to display before the chip text.\n /\n @Prop() icon?: string;\n\n /\n Determines whether the chip should be displayed in a larger size. DEPRECATED.\n * @defaultValue false\n * @deprecated Use `size` prop instead. Set `size=\"lg\"` for the large variant.\n /\n @Prop() large = false;\n\n /\n Sets the size of the chip.\n * @defaultValue 'md'\n /\n @Prop() size?: ChipSizeType;\n\n /\n Defines the color scheme of the chip.\n * @defaultValue 'neutral'\n /\n @Prop() sentiment: ChipSentimentType = 'neutral';\n\n /\n Sets the style variant of the chip.\n * Note: This prop is ignored when sentiment is 'brand'.\n * @defaultValue 'text'\n /\n @Prop() variant: ChipVariantType = 'text';\n\n /\n URL to navigate to when the remove button is clicked.\n * When provided, renders the close button as a link instead of a button.\n * Only applies to tag variant.\n /\n @Prop() removeUrl?: string;\n\n /\n HTTP method to use for the remove action.\n * Adds data-method and data-turbo-method attributes for Rails/Turbo compatibility.\n * Only applies when removeUrl is provided.\n /\n @Prop() removeHttpMethod?: 'get' \| 'post' \| 'put' \| 'patch' \| 'delete';\n\n /\n Specifies where to open the linked document when removeUrl is provided.\n * Only applies when removeUrl is set.\n /\n @Prop() removeTarget?: '_blank' \| '_self' \| '_parent' \| '_top';\n\n /\n Event emitted when the close button is clicked on a tag variant chip.\n */\n @Event() pdsTagCloseClick: EventEmitter<void>;\n\n private handleCloseClick = () => {\n this.pdsTagCloseClick.emit();\n };\n\n private get effectiveSize(): ChipSizeType {\n if (this.size != null) return this.size;\n if (this.large) return 'lg';\n return 'md';\n }\n\n private classNames() {\n const classNames = ['pds-chip'];\n\n const size = this.effectiveSize;\n if (size && size !== 'md') {\n classNames.push('pds-chip--' + size);\n }\n\n // For brand sentiment, always use text variant\n const effectiveVariant = this.sentiment === 'brand' ? 'text' : this.variant;\n if (effectiveVariant) {\n classNames.push('pds-chip--' + effectiveVariant);\n }\n\n if (this.sentiment) {\n classNames.push('pds-chip--' + this.sentiment);\n }\n\n return classNames.join(' ');\n }\n\n private get effectiveVariant() {\n // For brand sentiment, force text variant behavior\n return this.sentiment === 'brand' ? 'text' : this.variant;\n }\n\n private get iconSize() {\n switch (this.effectiveSize) {\n case 'sm': return '10px';\n case 'lg': return '14px';\n default: return '12px';\n }\n }\n\n private setChipContent() {\n const isDropdown = this.effectiveVariant === 'dropdown';\n\n // For brand sentiment, ignore dot prop\n const showDot = this.sentiment === 'brand' ? false : this.dot;\n\n const chipContent = isDropdown ? (\n <button class=\"pds-chip__button\" type=\"button\" part=\"button\">\n {this.icon && <pds-icon icon={this.icon} size={this.iconSize} aria-hidden=\"true\"></pds-icon>}\n {showDot && <i class=\"pds-chip__dot\" aria-hidden=\"true\"></i>}\n <slot></slot>\n <pds-icon icon={downSmall} size={this.iconSize} aria-hidden=\"true\"></pds-icon>\n </button>\n ) : (\n <span class=\"pds-chip__label\">\n {this.icon && <pds-icon icon={this.icon} size={this.iconSize} aria-hidden=\"true\"></pds-icon>}\n {showDot && <i class=\"pds-chip__dot\" aria-hidden=\"true\"></i>}\n <slot></slot>\n </span>\n );\n\n return chipContent;\n }\n\n private renderCloseButton() {\n const CloseElement = this.removeUrl ? 'a' : 'button';\n\n const closeAttributes = () => {\n if (this.removeUrl) {\n // Link attributes\n const linkAttrs: any = {\n class: 'pds-chip__close',\n href: this.removeUrl,\n 'aria-label': 'Remove',\n };\n\n // Add target if specified\n if (this.removeTarget) {\n linkAttrs.target = this.removeTarget;\n }\n\n // Add HTTP method attributes if specified\n if (this.removeHttpMethod) {\n linkAttrs['data-method'] = this.removeHttpMethod;\n linkAttrs['data-turbo-method'] = this.removeHttpMethod;\n }\n\n // Build rel attribute by collecting all required values\n const relValues = [];\n\n // Add noopener noreferrer if target is _blank\n if (this.removeTarget === '_blank') {\n relValues.push('noopener', 'noreferrer');\n }\n\n // Add nofollow for non-GET methods (best practice)\n if (this.removeHttpMethod && this.removeHttpMethod !== 'get') {\n relValues.push('nofollow');\n }\n\n // Set rel attribute if we have any values\n if (relValues.length > 0) {\n linkAttrs.rel = relValues.join(' ');\n }\n\n return linkAttrs;\n }\n\n // Button attributes\n return {\n class: 'pds-chip__close',\n type: 'button',\n 'aria-label': 'Remove',\n };\n };\n\n return (\n <CloseElement {...closeAttributes()} onClick={this.handleCloseClick}>\n <pds-icon icon={remove} size={this.iconSize}></pds-icon>\n </CloseElement>\n );\n }\n\n render() {\n return (\n <Host class={this.classNames()} id={this.componentId}>\n {this.setChipContent()}\n {this.effectiveVariant === 'tag' && this.renderCloseButton()}\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"pds-chip.entry.esm.js","sources":["src/components/pds-chip/pds-chip.tokens.scss?tag=pds-chip&encapsulation=shadow","src/components/pds-chip/pds-chip.scss?tag=pds-chip&encapsulation=shadow","src/components/pds-chip/pds-chip.tsx"],"sourcesContent":["@use '~@kajabi-ui/styles/dist/pine/components/pds-chip/pds-chip.tokens'\n","@use 'sass:map';\n\n:host {\n --sizing-close: var(--pine-dimension-125);\n\n align-items: center;\n border-radius: var(--pine-dimension-sm);\n display: inline-flex;\n padding-block: var(--pine-dimension-025);\n padding-inline: var(--pine-dimension-100);\n}\n\n$pds-chip-sentiment: (\n accent: var(--pine-chip-color-accent),\n danger: var(--pine-chip-color-danger),\n info: var(--pine-chip-color-info),\n neutral: var(--pine-chip-color-neutral),\n success: var(--pine-chip-color-success),\n warning: var(--pine-chip-color-warning),\n);\n\n$pds-chip-sentiment-text: (\n accent: var(--pine-chip-color-accent-text),\n danger: var(--pine-chip-color-danger-text),\n info: var(--pine-chip-color-info-text),\n neutral: var(--pine-chip-color-neutral-text),\n success: var(--pine-chip-color-success-text),\n warning: var(--pine-chip-color-warning-text),\n);\n\n$pds-chip-sentiment-dots: (\n accent: var(--pine-chip-color-accent-dot),\n danger: var(--pine-chip-color-danger-dot),\n info: var(--pine-chip-color-info-dot),\n neutral: var(--pine-chip-color-neutral-dot),\n success: var(--pine-chip-color-success-dot),\n warning: var(--pine-chip-color-warning-dot),\n);\n\n$pds-chip-sentiment-hover: (\n accent: var(--pine-chip-color-accent-hover),\n danger: var(--pine-chip-color-danger-hover),\n info: var(--pine-chip-color-info-hover),\n neutral: var(--pine-chip-color-neutral-hover),\n success: var(--pine-chip-color-success-hover),\n warning: var(--pine-chip-color-warning-hover),\n);\n\n@each $sentiment, $value in $pds-chip-sentiment {\n :host(.pds-chip--#{$sentiment}) {\n background: $value;\n border: var(--pine-border-width) solid var(--pine-chip-color-#{$sentiment}-hover);\n\n // dot colors\n .pds-chip__dot {\n /* stylelint-disable-next-line /\n background: map.get($pds-chip-sentiment-dots, $sentiment);\n }\n\n .pds-chip__label, .pds-chip__button, .pds-chip__close {\n / stylelint-disable-next-line /\n color: map.get($pds-chip-sentiment-text, $sentiment);\n font-weight: var(--pine-font-weight-medium);\n }\n\n // tag close hover colors\n .pds-chip__close:hover {\n / stylelint-disable-next-line /\n background: map.get($pds-chip-sentiment-hover, $sentiment);\n }\n }\n // dropdown hover colors\n :host(.pds-chip--#{$sentiment}.pds-chip--dropdown:hover) {\n / stylelint-disable-next-line /\n background: map.get($pds-chip-sentiment-hover, $sentiment);\n }\n}\n\n.pds-chip__dot {\n border: var(--pine-border-width) solid transparent;\n border-radius: var(--pine-border-radius-full);\n display: inline-block;\n height: var(--pine-dimension-2xs);\n margin-inline-end: var(--pine-dimension-2xs);\n width: var(--pine-dimension-2xs);\n}\n\n.pds-chip__label {\n align-items: center;\n display: flex;\n\n pds-icon {\n margin-inline-end: var(--pine-dimension-2xs);\n }\n}\n\n.pds-chip__label, .pds-chip__button {\n font: var(--pine-typography-body-medium);\n letter-spacing: var(--pine-letter-spacing);\n}\n\n// dropdown\n\n:host(.pds-chip--dropdown) {\n padding: var(--pine-dimension-none);\n}\n\n.pds-chip__button {\n align-items: center;\n appearance: none;\n background: transparent;\n border: var(--pine-dimension-none);\n border-radius: var(--pine-dimension-sm);\n cursor: pointer;\n display: flex;\n padding: var(--pine-dimension-025) var(--pine-dimension-100);\n\n &:focus-visible {\n outline: var(--pine-outline-focus);\n outline-offset: var(--pine-border-width);\n }\n\n pds-icon:first-child {\n margin-inline-end: var(--pine-dimension-2xs);\n }\n\n pds-icon:last-child {\n margin-inline-end: calc(var(--pine-dimension-025) -1);\n margin-inline-start: var(--pine-dimension-2xs);\n }\n}\n\n.pds-chip__close {\n appearance: none;\n background: transparent;\n border: 0;\n border-radius: var(--pine-border-radius-full);\n box-sizing: border-box;\n height: var(--sizing-close);\n margin-inline-end: calc(var(--pine-dimension-xs) * -1);\n margin-inline-start: var(--pine-dimension-2xs);\n padding: var(--sizing-close);\n position: relative;\n width: var(--sizing-close);\n\n pds-icon {\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:focus-visible {\n outline: var(--pine-outline-focus);\n }\n}\n\n// small\n\n:host(.pds-chip--sm) {\n --sizing-close: var(--pine-dimension-100);\n padding-block: var(--pine-dimension-025);\n padding-inline: var(--pine-dimension-100);\n\n .pds-chip__label, .pds-chip__button {\n font: var(--pine-typography-body-sm-medium);\n letter-spacing: var(--pine-letter-spacing);\n }\n}\n\n:host(.pds-chip--sm.pds-chip--dropdown) {\n padding: var(--pine-dimension-none);\n\n .pds-chip__button {\n padding: var(--pine-dimension-025) var(--pine-dimension-100);\n }\n}\n\n:host(.pds-chip--sm.pds-chip--brand) {\n .pds-chip__label {\n padding: var(--pine-dimension-025) var(--pine-dimension-100);\n }\n}\n\n// large\n\n:host(.pds-chip--lg) {\n padding-block: var(--pine-dimension-025);\n padding-inline: var(--pine-dimension-150);\n\n .pds-chip__label, .pds-chip__button {\n font-family: var(--pine-font-family-heading);\n font-size: var(--pine-font-size-heading-6);\n font-weight: var(--pine-font-weight-medium);\n letter-spacing: var(--pine-letter-spacing-heading-6);\n }\n}\n\n:host(.pds-chip--lg.pds-chip--dropdown) {\n padding: var(--pine-dimension-none);\n\n .pds-chip__button {\n padding: var(--pine-dimension-025) var(--pine-dimension-150);\n }\n}\n\n:host(.pds-chip--brand) {\n /* stylelint-disable-next-line pine-design-system/no-hardcoded-colors /\n background: linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);\n border: 0;\n padding: 1px;\n position: relative;\n\n .pds-chip__label {\n / stylelint-disable-next-line pine-design-system/no-hardcoded-colors /\n background: rgba(255, 255, 255, 0.9);\n border-radius: calc(var(--pine-dimension-sm) - 1px);\n / stylelint-disable-next-line pine-design-system/prefer-semantic-tokens /\n color: var(--pine-color-grey-900);\n font-weight: var(--pine-font-weight-medium);\n padding: var(--pine-dimension-025) var(--pine-dimension-100);\n position: relative;\n z-index: var(--pine-z-index-raised);\n\n pds-icon {\n margin-inline-end: var(--pine-dimension-2xs);\n }\n }\n\n .pds-chip__button, .pds-chip__close {\n / stylelint-disable-next-line pine-design-system/prefer-semantic-tokens /\n color: var(--pine-color-grey-900);\n font-weight: var(--pine-font-weight-medium);\n position: relative;\n z-index: var(--pine-z-index-raised);\n }\n\n .pds-chip__button {\n pds-icon:first-child {\n margin-inline-end: var(--pine-dimension-2xs);\n }\n }\n\n // tag close hover colors\n .pds-chip__close:hover {\n / stylelint-disable-next-line pine-design-system/no-hardcoded-colors /\n background: rgba(255, 255, 255, 0.8);\n }\n}\n","import { downSmall, remove } from '@pine-ds/icons/icons';\nimport { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport type { ChipSentimentType, ChipSizeType, ChipVariantType } from '@utils/types';\n\n/\n @slot (default) - The chip's label text.\n * @part button\n /\n\n@Component({\n tag: 'pds-chip',\n styleUrls: ['pds-chip.tokens.scss', 'pds-chip.scss'],\n shadow: true,\n})\nexport class PdsChip {\n /\n A unique identifier used for the underlying component `id` attribute.\n /\n @Prop() componentId: string;\n\n /\n Determines whether a dot should be displayed on the chip.\n * Note: This prop is ignored when sentiment is 'brand'.\n * @defaultValue false\n /\n @Prop() dot = false;\n\n /\n The name of the icon to display before the chip text.\n /\n @Prop() icon?: string;\n\n /\n Determines whether the chip should be displayed in a larger size. DEPRECATED.\n * @defaultValue false\n * @deprecated Use `size` prop instead. Set `size=\"lg\"` for the large variant.\n /\n @Prop() large = false;\n\n /\n Sets the size of the chip.\n * @defaultValue 'md'\n /\n @Prop() size?: ChipSizeType;\n\n /\n Defines the color scheme of the chip.\n * @defaultValue 'neutral'\n /\n @Prop() sentiment: ChipSentimentType = 'neutral';\n\n /\n Sets the style variant of the chip.\n * Note: This prop is ignored when sentiment is 'brand'.\n * @defaultValue 'text'\n /\n @Prop() variant: ChipVariantType = 'text';\n\n /\n URL to navigate to when the remove button is clicked.\n * When provided, renders the close button as a link instead of a button.\n * Only applies to tag variant.\n /\n @Prop() removeUrl?: string;\n\n /\n HTTP method to use for the remove action.\n * Adds data-method and data-turbo-method attributes for Rails/Turbo compatibility.\n * Only applies when removeUrl is provided.\n /\n @Prop() removeHttpMethod?: 'get' \| 'post' \| 'put' \| 'patch' \| 'delete';\n\n /\n Specifies where to open the linked document when removeUrl is provided.\n * Only applies when removeUrl is set.\n /\n @Prop() removeTarget?: '_blank' \| '_self' \| '_parent' \| '_top';\n\n /\n Event emitted when the close button is clicked on a tag variant chip.\n */\n @Event() pdsTagCloseClick: EventEmitter<void>;\n\n private handleCloseClick = () => {\n this.pdsTagCloseClick.emit();\n };\n\n private get effectiveSize(): ChipSizeType {\n if (this.size != null) return this.size;\n if (this.large) return 'lg';\n return 'md';\n }\n\n private classNames() {\n const classNames = ['pds-chip'];\n\n const size = this.effectiveSize;\n if (size && size !== 'md') {\n classNames.push('pds-chip--' + size);\n }\n\n // For brand sentiment, always use text variant\n const effectiveVariant = this.sentiment === 'brand' ? 'text' : this.variant;\n if (effectiveVariant) {\n classNames.push('pds-chip--' + effectiveVariant);\n }\n\n if (this.sentiment) {\n classNames.push('pds-chip--' + this.sentiment);\n }\n\n return classNames.join(' ');\n }\n\n private get effectiveVariant() {\n // For brand sentiment, force text variant behavior\n return this.sentiment === 'brand' ? 'text' : this.variant;\n }\n\n private get iconSize() {\n switch (this.effectiveSize) {\n case 'sm': return '10px';\n case 'lg': return '14px';\n default: return '12px';\n }\n }\n\n private setChipContent() {\n const isDropdown = this.effectiveVariant === 'dropdown';\n\n // For brand sentiment, ignore dot prop\n const showDot = this.sentiment === 'brand' ? false : this.dot;\n\n const chipContent = isDropdown ? (\n <button class=\"pds-chip__button\" type=\"button\" part=\"button\">\n {this.icon && <pds-icon icon={this.icon} size={this.iconSize} aria-hidden=\"true\"></pds-icon>}\n {showDot && <i class=\"pds-chip__dot\" aria-hidden=\"true\"></i>}\n <slot></slot>\n <pds-icon icon={downSmall} size={this.iconSize} aria-hidden=\"true\"></pds-icon>\n </button>\n ) : (\n <span class=\"pds-chip__label\">\n {this.icon && <pds-icon icon={this.icon} size={this.iconSize} aria-hidden=\"true\"></pds-icon>}\n {showDot && <i class=\"pds-chip__dot\" aria-hidden=\"true\"></i>}\n <slot></slot>\n </span>\n );\n\n return chipContent;\n }\n\n private renderCloseButton() {\n const CloseElement = this.removeUrl ? 'a' : 'button';\n\n const closeAttributes = () => {\n if (this.removeUrl) {\n // Link attributes\n const linkAttrs: any = {\n class: 'pds-chip__close',\n href: this.removeUrl,\n 'aria-label': 'Remove',\n };\n\n // Add target if specified\n if (this.removeTarget) {\n linkAttrs.target = this.removeTarget;\n }\n\n // Add HTTP method attributes if specified\n if (this.removeHttpMethod) {\n linkAttrs['data-method'] = this.removeHttpMethod;\n linkAttrs['data-turbo-method'] = this.removeHttpMethod;\n }\n\n // Build rel attribute by collecting all required values\n const relValues = [];\n\n // Add noopener noreferrer if target is _blank\n if (this.removeTarget === '_blank') {\n relValues.push('noopener', 'noreferrer');\n }\n\n // Add nofollow for non-GET methods (best practice)\n if (this.removeHttpMethod && this.removeHttpMethod !== 'get') {\n relValues.push('nofollow');\n }\n\n // Set rel attribute if we have any values\n if (relValues.length > 0) {\n linkAttrs.rel = relValues.join(' ');\n }\n\n return linkAttrs;\n }\n\n // Button attributes\n return {\n class: 'pds-chip__close',\n type: 'button',\n 'aria-label': 'Remove',\n };\n };\n\n return (\n <CloseElement {...closeAttributes()} onClick={this.handleCloseClick}>\n <pds-icon icon={remove} size={this.iconSize}></pds-icon>\n </CloseElement>\n );\n }\n\n render() {\n return (\n <Host class={this.classNames()} id={this.componentId}>\n {this.setChipContent()}\n {this.effectiveVariant === 'tag' && this.renderCloseButton()}\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/pine-core/pine-core.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root{--pine-border-width-none:0px;--pine-border-width-thin:1px;--pine-border-width-thick:2px;--pine-border-width:var(--pine-border-width-thin);--pine-box-shadow-100:0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);--pine-box-shadow-150:0 4px 8px -2px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.06);--pine-box-shadow-200:0 12px 16px -4px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.03);--pine-box-shadow-300:0 20px 24px -4px rgba(0,0,0,.08), 0 8px 8px -4px rgba(0,0,0,.03);--pine-box-shadow-400:0 24px 48px -12px rgba(0,0,0,.18);--pine-box-shadow-500:0 32px 64px -12px rgba(0,0,0,.14);--pine-box-shadow-050:0 1px 2px 0 rgba(0,0,0,.05);--pine-box-shadow:var(--pine-box-shadow-100);--pine-color-white:#ffffff;--pine-color-black:#000000;--pine-color-grey-100:#f8f8f8;--pine-color-grey-150:#f0f0f0;--pine-color-grey-200:#e4e4e4;--pine-color-grey-300:#d2d1d1;--pine-color-grey-400:#bbbab9;--pine-color-grey-500:#9b9a98;--pine-color-grey-600:#828180;--pine-color-grey-700:#6c6a69;--pine-color-grey-800:#4d4d4c;--pine-color-grey-900:#343332;--pine-color-grey-950:#1a1a19;--pine-color-grey-050:#fcfcfc;--pine-color-blue-100:#eff6ff;--pine-color-blue-150:#dbeafe;--pine-color-blue-200:#bfdbfe;--pine-color-blue-300:#93c5fd;--pine-color-blue-400:#60a5fa;--pine-color-blue-500:#3b82f6;--pine-color-blue-600:#2563eb;--pine-color-blue-700:#1d4ed8;--pine-color-blue-800:#1e40af;--pine-color-blue-900:#1e3a8a;--pine-color-blue-950:#172554;--pine-color-blue-050:#fafcff;--pine-color-green-100:#edfcf2;--pine-color-green-150:#d3f8df;--pine-color-green-200:#aaf0c4;--pine-color-green-300:#73e2a3;--pine-color-green-400:#3ccb7f;--pine-color-green-500:#16b364;--pine-color-green-600:#099250;--pine-color-green-700:#087443;--pine-color-green-800:#095c37;--pine-color-green-900:#084c2e;--pine-color-green-950:#052e1c;--pine-color-green-050:#fbfefc;--pine-color-red-100:#fef2f2;--pine-color-red-150:#fee2e2;--pine-color-red-200:#fecaca;--pine-color-red-300:#fca5a5;--pine-color-red-400:#f87171;--pine-color-red-500:#ef4444;--pine-color-red-600:#dc2626;--pine-color-red-700:#b91c1c;--pine-color-red-800:#991b1b;--pine-color-red-900:#7f1d1d;--pine-color-red-950:#450a0a;--pine-color-red-050:#fffafa;--pine-color-yellow-100:#fffbeb;--pine-color-yellow-150:#fff2c6;--pine-color-yellow-200:#fee589;--pine-color-yellow-300:#fed04b;--pine-color-yellow-400:#fdbb21;--pine-color-yellow-500:#f79a09;--pine-color-yellow-600:#db7204;--pine-color-yellow-700:#b64f07;--pine-color-yellow-800:#933d0d;--pine-color-yellow-900:#79330e;--pine-color-yellow-950:#461902;--pine-color-yellow-050:#fffefa;--pine-color-mercury-100:#fff4f1;--pine-color-mercury-150:#ffeae5;--pine-color-mercury-200:#fed4cd;--pine-color-mercury-300:#fdb1a4;--pine-color-mercury-400:#fb8271;--pine-color-mercury-500:#ff3e14;--pine-color-mercury-600:#f02006;--pine-color-mercury-700:#c71307;--pine-color-mercury-800:#9e110e;--pine-color-mercury-900:#7f120f;--pine-color-mercury-950:#450506;--pine-color-mercury-050:#fffbfa;--pine-color-purple-100:#eef1ff;--pine-color-purple-150:#e0e4ff;--pine-color-purple-200:#c7cdfe;--pine-color-purple-300:#a4acfd;--pine-color-purple-400:#8081f9;--pine-color-purple-500:#6b62f2;--pine-color-purple-600:#533be5;--pine-color-purple-700:#4f37cb;--pine-color-purple-800:#402fa4;--pine-color-purple-900:#372d82;--pine-color-purple-950:#221b4b;--pine-color-purple-050:#fafbff;--pine-color-forest-100:#effaf6;--pine-color-forest-150:#d9f2e7;--pine-color-forest-200:#b5e5d2;--pine-color-forest-300:#85d0b7;--pine-color-forest-400:#52b597;--pine-color-forest-500:#30997d;--pine-color-forest-600:#23856d;--pine-color-forest-700:#1a6253;--pine-color-forest-800:#174e43;--pine-color-forest-900:#144038;--pine-color-forest-950:#0a2420;--pine-color-forest-050:#fbfefd;--pine-color-lime-100:#f7fee7;--pine-color-lime-150:#ecfccb;--pine-color-lime-200:#d9f99d;--pine-color-lime-300:#bef264;--pine-color-lime-400:#a3e635;--pine-color-lime-500:#84cc16;--pine-color-lime-600:#65a30d;--pine-color-lime-700:#4d7c0f;--pine-color-lime-800:#3f6212;--pine-color-lime-900:#365314;--pine-color-lime-950:#1b290a;--pine-color-lime-050:#fdfffa;--pine-color-magenta-100:#fdf4ff;--pine-color-magenta-150:#fae8ff;--pine-color-magenta-200:#f5d0fe;--pine-color-magenta-300:#f0abfc;--pine-color-magenta-400:#e879f9;--pine-color-magenta-500:#d946ef;--pine-color-magenta-600:#c026d3;--pine-color-magenta-700:#a21caf;--pine-color-magenta-800:#86198f;--pine-color-magenta-900:#701a75;--pine-color-magenta-950:#4a044e;--pine-color-magenta-050:#fefaff;--pine-color-pink-100:#fdf2f8;--pine-color-pink-150:#fce7f3;--pine-color-pink-200:#fbcfe8;--pine-color-pink-300:#f9a8d4;--pine-color-pink-400:#f472b6;--pine-color-pink-500:#ec4899;--pine-color-pink-600:#db2777;--pine-color-pink-700:#be185d;--pine-color-pink-800:#9d174d;--pine-color-pink-900:#831843;--pine-color-pink-950:#500724;--pine-color-pink-050:#fffafa;--pine-color-salmon-100:#fff1f2;--pine-color-salmon-150:#ffe4e6;--pine-color-salmon-200:#fecdd3;--pine-color-salmon-300:#fda4af;--pine-color-salmon-400:#fb7185;--pine-color-salmon-500:#f43f5e;--pine-color-salmon-600:#e11d48;--pine-color-salmon-700:#be123c;--pine-color-salmon-800:#9f1239;--pine-color-salmon-900:#881337;--pine-color-salmon-950:#4c0519;--pine-color-salmon-050:#fffafa;--pine-color-sky-100:#f0f9ff;--pine-color-sky-150:#e0f2fe;--pine-color-sky-200:#bae6fd;--pine-color-sky-300:#7dd3fc;--pine-color-sky-400:#38bdf8;--pine-color-sky-500:#0ea5e9;--pine-color-sky-600:#0284c7;--pine-color-sky-700:#0369a1;--pine-color-sky-800:#075985;--pine-color-sky-900:#0c4a6e;--pine-color-sky-950:#082f49;--pine-color-sky-050:#fafdff;--pine-color-teal-100:#f0fdfa;--pine-color-teal-150:#ccfbf1;--pine-color-teal-200:#99f6e4;--pine-color-teal-300:#5eead4;--pine-color-teal-400:#2dd4bf;--pine-color-teal-500:#14b8a6;--pine-color-teal-600:#0d9488;--pine-color-teal-700:#0f766e;--pine-color-teal-800:#115e59;--pine-color-teal-900:#134e4a;--pine-color-teal-950:#042f2e;--pine-color-teal-050:#fbfefe;--pine-color-accent:var(--pine-color-purple-500);--pine-color-accent-disabled:var(--pine-color-purple-100);--pine-color-accent-hover:var(--pine-color-purple-600);--pine-color-background-app:var(--pine-color-grey-100);--pine-color-background-subtle:var(--pine-color-grey-100);--pine-color-background-muted:var(--pine-color-grey-150);--pine-color-background-inverse-app:var(--pine-color-grey-900);--pine-color-background-inverse-subtle:var(--pine-color-grey-800);--pine-color-background-inverse-muted:var(--pine-color-grey-700);--pine-color-background-inverse-container:var(--pine-color-black);--pine-color-background-inverse-inset:var(--pine-color-grey-950);--pine-color-background-container:var(--pine-color-white);--pine-color-background-container-disabled:var(--pine-color-grey-150);--pine-color-background-container-hover:var(--pine-color-grey-050);--pine-color-background-inset:var(--pine-color-grey-200);--pine-color-background-inset-emphasized:var(--pine-color-grey-300);--pine-color-border:var(--pine-color-grey-300);--pine-color-border-hover:var(--pine-color-grey-400);--pine-color-border-disabled:var(--pine-color-grey-200);--pine-color-border-active:var(--pine-color-grey-400);--pine-color-border-danger:var(--pine-color-red-600);--pine-color-border-danger-hover:var(--pine-color-red-700);--pine-color-border-subtle:var(--pine-color-grey-200);--pine-color-danger:var(--pine-color-red-600);--pine-color-danger-disabled:var(--pine-color-red-100);--pine-color-danger-hover:var(--pine-color-red-700);--pine-color-focus-ring:var(--pine-color-purple-300);--pine-color-focus-ring-danger:var(--pine-color-red-300);--pine-color-info:var(--pine-color-blue-500);--pine-color-info-disabled:var(--pine-color-blue-100);--pine-color-info-hover:var(--pine-color-blue-600);--pine-color-neutral:var(--pine-color-grey-500);--pine-color-neutral-disabled:var(--pine-color-grey-100);--pine-color-neutral-hover:var(--pine-color-grey-600);--pine-color-primary:var(--pine-color-grey-900);--pine-color-primary-disabled:var(--pine-color-grey-150);--pine-color-primary-hover:var(--pine-color-grey-950);--pine-color-secondary:var(--pine-color-white);--pine-color-secondary-disabled:var(--pine-color-white);--pine-color-secondary-hover:var(--pine-color-grey-050);--pine-color-success:var(--pine-color-green-500);--pine-color-success-disabled:var(--pine-color-green-100);--pine-color-success-hover:var(--pine-color-green-600);--pine-color-text:var(--pine-color-grey-900);--pine-color-text-hover:var(--pine-color-grey-950);--pine-color-text-disabled:var(--pine-color-grey-500);--pine-color-text-readonly:var(--pine-color-grey-700);--pine-color-text-active:var(--pine-color-grey-950);--pine-color-text-accent:var(--pine-color-purple-900);--pine-color-text-accent-disabled:var(--pine-color-purple-300);--pine-color-text-accent-hover:var(--pine-color-purple-950);--pine-color-text-danger:var(--pine-color-red-900);--pine-color-text-danger-disabled:var(--pine-color-red-300);--pine-color-text-danger-hover:var(--pine-color-red-950);--pine-color-text-info:var(--pine-color-blue-900);--pine-color-text-info-disabled:var(--pine-color-blue-300);--pine-color-text-info-hover:var(--pine-color-blue-950);--pine-color-text-label:var(--pine-color-grey-950);--pine-color-text-label-disabled:var(--pine-color-grey-500);--pine-color-text-label-readonly:var(--pine-color-grey-700);--pine-color-text-message:var(--pine-color-grey-800);--pine-color-text-message-danger:var(--pine-color-red-600);--pine-color-text-message-disabled:var(--pine-color-grey-600);--pine-color-text-neutral:var(--pine-color-grey-900);--pine-color-text-neutral-disabled:var(--pine-color-grey-600);--pine-color-text-neutral-hover:var(--pine-color-grey-950);--pine-color-text-placeholder:var(--pine-color-grey-600);--pine-color-text-placeholder-disabled:var(--pine-color-grey-400);--pine-color-text-primary:var(--pine-color-white);--pine-color-text-primary-disabled:var(--pine-color-grey-400);--pine-color-text-secondary:var(--pine-color-grey-800);--pine-color-text-secondary-disabled:var(--pine-color-grey-400);--pine-color-text-secondary-hover:var(--pine-color-grey-900);--pine-color-text-tertiary:var(--pine-color-grey-600);--pine-color-text-tertiary-disabled:var(--pine-color-grey-400);--pine-color-text-subtle:var(--pine-color-grey-500);--pine-color-text-subtle-disabled:var(--pine-color-grey-300);--pine-color-text-muted:var(--pine-color-grey-700);--pine-color-text-muted-disabled:var(--pine-color-grey-500);--pine-color-text-strong:var(--pine-color-grey-950);--pine-color-text-strong-disabled:var(--pine-color-grey-600);--pine-color-text-emphasis:var(--pine-color-black);--pine-color-text-inverse:var(--pine-color-grey-100);--pine-color-text-inverse-secondary:var(--pine-color-grey-150);--pine-color-text-inverse-tertiary:var(--pine-color-grey-300);--pine-color-text-inverse-emphasis:var(--pine-color-white);--pine-color-text-success:var(--pine-color-green-900);--pine-color-text-success-disabled:var(--pine-color-green-300);--pine-color-text-success-hover:var(--pine-color-green-950);--pine-color-text-warning:var(--pine-color-yellow-900);--pine-color-text-warning-disabled:var(--pine-color-yellow-300);--pine-color-text-warning-hover:var(--pine-color-yellow-950);--pine-color-warning:var(--pine-color-yellow-500);--pine-color-warning-disabled:var(--pine-color-yellow-100);--pine-color-warning-hover:var(--pine-color-yellow-600);--pine-color-icon:var(--pine-color-grey-700);--pine-color-icon-subtle:var(--pine-color-grey-500);--pine-color-icon-disabled:var(--pine-color-grey-400);--pine-color-icon-inverse:var(--pine-color-white);--pine-color-brand:var(--pine-color-black);--pine-font-family-greet:"Greet Standard", "Inter", system-ui, "Segoe UI", "Roboto", "Ubuntu", sans-serif;--pine-font-family-greet-condensed:"Greet Condensed", "Inter", system-ui, "Segoe UI", "Roboto", "Ubuntu", sans-serif;--pine-font-family-inter:"Inter", system-ui, "Segoe UI", "Roboto", "Ubuntu", sans-serif;--pine-font-family-faire-sprig:"FAIRE Sprig";--pine-font-family-heading:var(--pine-font-family-inter);--pine-font-family-body:var(--pine-font-family-inter);--pine-font-size-100:14px;--pine-font-size-116:16px;--pine-font-size-128:18px;--pine-font-size-142:20px;--pine-font-size-157:22px;--pine-font-size-171:24px;--pine-font-size-185:26px;--pine-font-size-200:28px;--pine-font-size-214:30px;--pine-font-size-228:32px;--pine-font-size-242:34px;--pine-font-size-257:36px;--pine-font-size-271:38px;--pine-font-size-285:40px;--pine-font-size-057:8px;--pine-font-size-071:10px;--pine-font-size-085:12px;--pine-font-size:var(--pine-font-size-100);--pine-font-size-body-2xs:var(--pine-font-size-057);--pine-font-size-body-xs:var(--pine-font-size-071);--pine-font-size-body-sm:var(--pine-font-size-085);--pine-font-size-body-md:var(--pine-font-size-100);--pine-font-size-body-lg:var(--pine-font-size-116);--pine-font-size-body-xl:var(--pine-font-size-128);--pine-font-size-body-2xl:var(--pine-font-size-142);--pine-font-size-heading-1:var(--pine-font-size-200);--pine-font-size-heading-2:var(--pine-font-size-185);--pine-font-size-heading-3:var(--pine-font-size-157);--pine-font-size-heading-4:var(--pine-font-size-142);--pine-font-size-heading-5:var(--pine-font-size-128);--pine-font-size-heading-6:var(--pine-font-size-116);--pine-font-size-heading-caption:var(--pine-font-size-085);--pine-font-weight-100:100;--pine-font-weight-200:200;--pine-font-weight-300:300;--pine-font-weight-400:400;--pine-font-weight-500:500;--pine-font-weight-600:600;--pine-font-weight-700:700;--pine-font-weight-800:800;--pine-font-weight-900:900;--pine-font-weight-thin:var(--pine-font-weight-100);--pine-font-weight-extra-light:var(--pine-font-weight-200);--pine-font-weight-light:var(--pine-font-weight-300);--pine-font-weight-regular:var(--pine-font-weight-400);--pine-font-weight-medium:var(--pine-font-weight-500);--pine-font-weight-semi-bold:var(--pine-font-weight-600);--pine-font-weight-bold:var(--pine-font-weight-700);--pine-font-weight-extra-bold:var(--pine-font-weight-800);--pine-font-weight-heavy:var(--pine-font-weight-900);--pine-font-weight-text-message:var(--pine-font-weight-400);--pine-line-height-100:1;--pine-line-height-125:1.25;--pine-line-height-150:1.5;--pine-line-height-175:1.75;--pine-line-height-200:2;--pine-line-height-225:2.25;--pine-line-height-250:2.5;--pine-line-height-275:2.75;--pine-line-height-300:3;--pine-line-height-025:.625;--pine-line-height-050:.78125;--pine-line-height-075:.9375;--pine-line-height-text-message:var(--pine-line-height-125);--pine-line-height-heading:var(--pine-line-height-125);--pine-line-height-body:1.425;--pine-dimension-0:0px;--pine-dimension-100:8px;--pine-dimension-125:10px;--pine-dimension-150:12px;--pine-dimension-200:16px;--pine-dimension-250:20px;--pine-dimension-300:24px;--pine-dimension-350:28px;--pine-dimension-400:32px;--pine-dimension-450:36px;--pine-dimension-500:40px;--pine-dimension-550:44px;--pine-dimension-600:48px;--pine-dimension-650:52px;--pine-dimension-700:56px;--pine-dimension-750:60px;--pine-dimension-800:64px;--pine-dimension-050:4px;--pine-dimension-025:2px;--pine-dimension-none:var(--pine-dimension-0);--pine-dimension-2xs:var(--pine-dimension-050);--pine-dimension-xs:var(--pine-dimension-100);--pine-dimension-sm:var(--pine-dimension-200);--pine-dimension-md:var(--pine-dimension-300);--pine-dimension-lg:var(--pine-dimension-400);--pine-dimension-xl:var(--pine-dimension-500);--pine-dimension-2xl:var(--pine-dimension-600);--pine-letter-spacing-0:0px;--pine-letter-spacing-100:.14px;--pine-letter-spacing-114:.16px;--pine-letter-spacing-128:.18px;--pine-letter-spacing-142:.2px;--pine-letter-spacing-157:.22px;--pine-letter-spacing-171:.24px;--pine-letter-spacing-185:.26px;--pine-letter-spacing-078:.11px;--pine-letter-spacing-085:.12px;--pine-letter-spacing:var(--pine-letter-spacing-114) * -1;--pine-letter-spacing-heading-1:var(--pine-letter-spacing-185);--pine-letter-spacing-heading-2:var(--pine-letter-spacing-171);--pine-letter-spacing-heading-3:var(--pine-letter-spacing-157);--pine-letter-spacing-heading-4:var(--pine-letter-spacing-142);--pine-letter-spacing-heading-5:var(--pine-letter-spacing-128);--pine-letter-spacing-heading-6:var(--pine-letter-spacing-114);--pine-z-index-0:0;--pine-z-index-1:1000;--pine-z-index-2:2000;--pine-z-index-3:3000;--pine-z-index-4:4000;--pine-z-index-5:5000;--pine-z-index-6:6000;--pine-z-index-8:8000;--pine-z-index-9:9000;--pine-z-index-n1:-1;--pine-z-index:var(--pine-z-index-0);--pine-z-index-hide:var(--pine-z-index-n1);--pine-z-index-raised:var(--pine-z-index-1);--pine-z-index-alert:var(--pine-z-index-2);--pine-z-index-underlay:var(--pine-z-index-3);--pine-z-index-navigation:var(--pine-z-index-4);--pine-z-index-overlay:var(--pine-z-index-5);--pine-z-index-modal:var(--pine-z-index-6);--pine-z-index-priority:var(--pine-z-index-8);--pine-z-index-nuclear:var(--pine-z-index-9);--pine-border:var(--pine-border-width-thin) solid var(--pine-color-grey-300);--pine-border-hover:var(--pine-border-width-thin) solid var(--pine-color-grey-400);--pine-border-none:var(--pine-border-width-none) solid var(--pine-color-grey-300);--pine-border-radius-sm:var(--pine-dimension-050);--pine-border-radius-md:var(--pine-dimension-125);--pine-border-radius-lg:var(--pine-dimension-200);--pine-border-radius-full:9999px;--pine-typography-heading-1:var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-1)/var(--pine-line-height-heading) var(--pine-font-family-inter);--pine-typography-heading-2:var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-2)/var(--pine-line-height-heading) var(--pine-font-family-inter);--pine-typography-heading-3:var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-3)/var(--pine-line-height-heading) var(--pine-font-family-inter);--pine-typography-heading-4:var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-4)/var(--pine-line-height-heading) var(--pine-font-family-inter);--pine-typography-heading-5:var(--pine-font-weight-medium) var(--pine-font-size-heading-5)/var(--pine-line-height-heading) var(--pine-font-family-inter);--pine-typography-heading-6:var(--pine-font-weight-medium) var(--pine-font-size-heading-6)/var(--pine-line-height-heading) var(--pine-font-family-inter);--pine-typography-heading-caption:var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-caption)/var(--pine-line-height-heading) var(--pine-font-family-inter);--pine-typography-body:var(--pine-font-weight-regular) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-medium:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-mono:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-monospace);--pine-typography-body-semi-bold:var(--pine-font-weight-semi-bold) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-bold:var(--pine-font-weight-bold) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-brand-label:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-greet);--pine-typography-body-brand-text:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-faire-sprig);--pine-typography-body-sm:var(--pine-font-weight-regular) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-sm-medium:var(--pine-font-weight-medium) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-sm-mono:var(--pine-font-weight-medium) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-monospace);--pine-typography-body-sm-bold:var(--pine-font-weight-bold) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-sm-brand-label:var(--pine-font-weight-medium) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-greet);--pine-typography-body-sm-brand-text:var(--pine-font-weight-medium) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-faire-sprig);--pine-outline-focus:var(--pine-border-width-thick) solid var(--pine-color-focus-ring);--pine-outline-focus-danger:var(--pine-border-width-thick) solid var(--pine-color-focus-ring-danger)}[data-theme=dark]{--pine-color-accent:var(--pine-color-purple-500);--pine-color-accent-disabled:var(--pine-color-purple-100);--pine-color-accent-hover:var(--pine-color-purple-600);--pine-color-background-app:var(--pine-color-grey-900);--pine-color-background-subtle:var(--pine-color-grey-900);--pine-color-background-muted:var(--pine-color-grey-800);--pine-color-background-inverse-app:var(--pine-color-grey-100);--pine-color-background-inverse-subtle:var(--pine-color-grey-150);--pine-color-background-inverse-muted:var(--pine-color-grey-200);--pine-color-background-inverse-container:var(--pine-color-white);--pine-color-background-inverse-inset:var(--pine-color-grey-050);--pine-color-background-container:var(--pine-color-black);--pine-color-background-container-disabled:var(--pine-color-grey-800);--pine-color-background-container-hover:var(--pine-color-grey-950);--pine-color-background-inset:var(--pine-color-grey-700);--pine-color-background-inset-emphasized:var(--pine-color-grey-600);--pine-color-border:var(--pine-color-grey-600);--pine-color-border-hover:var(--pine-color-grey-500);--pine-color-border-disabled:var(--pine-color-grey-700);--pine-color-border-active:var(--pine-color-grey-500);--pine-color-border-danger:var(--pine-color-red-600);--pine-color-border-danger-hover:var(--pine-color-red-700);--pine-color-border-subtle:var(--pine-color-grey-700);--pine-color-danger:var(--pine-color-red-600);--pine-color-danger-disabled:var(--pine-color-red-100);--pine-color-danger-hover:var(--pine-color-red-700);--pine-color-focus-ring:var(--pine-color-purple-300);--pine-color-focus-ring-danger:var(--pine-color-red-300);--pine-color-info:var(--pine-color-blue-500);--pine-color-info-disabled:var(--pine-color-blue-100);--pine-color-info-hover:var(--pine-color-blue-600);--pine-color-neutral:var(--pine-color-grey-400);--pine-color-neutral-disabled:var(--pine-color-grey-900);--pine-color-neutral-hover:var(--pine-color-grey-300);--pine-color-primary:var(--pine-color-grey-100);--pine-color-primary-disabled:var(--pine-color-grey-800);--pine-color-primary-hover:var(--pine-color-white);--pine-color-secondary:var(--pine-color-black);--pine-color-secondary-disabled:var(--pine-color-black);--pine-color-secondary-hover:var(--pine-color-grey-950);--pine-color-success:var(--pine-color-green-500);--pine-color-success-disabled:var(--pine-color-green-100);--pine-color-success-hover:var(--pine-color-green-600);--pine-color-text:var(--pine-color-grey-100);--pine-color-text-hover:var(--pine-color-grey-050);--pine-color-text-disabled:var(--pine-color-grey-400);--pine-color-text-readonly:var(--pine-color-grey-200);--pine-color-text-active:var(--pine-color-grey-050);--pine-color-text-accent:var(--pine-color-purple-900);--pine-color-text-accent-disabled:var(--pine-color-purple-300);--pine-color-text-accent-hover:var(--pine-color-purple-950);--pine-color-text-danger:var(--pine-color-red-900);--pine-color-text-danger-disabled:var(--pine-color-red-300);--pine-color-text-danger-hover:var(--pine-color-red-950);--pine-color-text-info:var(--pine-color-blue-900);--pine-color-text-info-disabled:var(--pine-color-blue-300);--pine-color-text-info-hover:var(--pine-color-blue-950);--pine-color-text-label:var(--pine-color-grey-050);--pine-color-text-label-disabled:var(--pine-color-grey-400);--pine-color-text-label-readonly:var(--pine-color-grey-200);--pine-color-text-message:var(--pine-color-grey-150);--pine-color-text-message-danger:var(--pine-color-red-500);--pine-color-text-message-disabled:var(--pine-color-grey-300);--pine-color-text-neutral:var(--pine-color-grey-100);--pine-color-text-neutral-disabled:var(--pine-color-grey-300);--pine-color-text-neutral-hover:var(--pine-color-grey-050);--pine-color-text-placeholder:var(--pine-color-grey-300);--pine-color-text-placeholder-disabled:var(--pine-color-grey-500);--pine-color-text-primary:var(--pine-color-black);--pine-color-text-primary-disabled:var(--pine-color-grey-500);--pine-color-text-secondary:var(--pine-color-grey-150);--pine-color-text-secondary-disabled:var(--pine-color-grey-500);--pine-color-text-secondary-hover:var(--pine-color-grey-100);--pine-color-text-tertiary:var(--pine-color-grey-300);--pine-color-text-tertiary-disabled:var(--pine-color-grey-500);--pine-color-text-subtle:var(--pine-color-grey-400);--pine-color-text-subtle-disabled:var(--pine-color-grey-600);--pine-color-text-muted:var(--pine-color-grey-200);--pine-color-text-muted-disabled:var(--pine-color-grey-400);--pine-color-text-strong:var(--pine-color-grey-050);--pine-color-text-strong-disabled:var(--pine-color-grey-300);--pine-color-text-emphasis:var(--pine-color-white);--pine-color-text-inverse:var(--pine-color-grey-900);--pine-color-text-inverse-secondary:var(--pine-color-grey-800);--pine-color-text-inverse-tertiary:var(--pine-color-grey-600);--pine-color-text-inverse-emphasis:var(--pine-color-black);--pine-color-text-success:var(--pine-color-green-900);--pine-color-text-success-disabled:var(--pine-color-green-300);--pine-color-text-success-hover:var(--pine-color-green-950);--pine-color-text-warning:var(--pine-color-yellow-900);--pine-color-text-warning-disabled:var(--pine-color-yellow-300);--pine-color-text-warning-hover:var(--pine-color-yellow-950);--pine-color-warning:var(--pine-color-yellow-500);--pine-color-warning-disabled:var(--pine-color-yellow-100);--pine-color-warning-hover:var(--pine-color-yellow-600);--pine-color-icon:var(--pine-color-grey-200);--pine-color-icon-subtle:var(--pine-color-grey-400);--pine-color-icon-disabled:var(--pine-color-grey-500);--pine-color-icon-inverse:var(--pine-color-grey-900);--pine-color-brand:var(--pine-color-black);--pine-border:var(--pine-border-width-thin) solid var(--pine-color-grey-600);--pine-border-hover:var(--pine-border-width-thin) solid var(--pine-color-grey-400);--pine-border-none:var(--pine-border-width-none) solid var(--pine-color-grey-600)}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:100;src:local("Inter-Thin"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-Thin.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:100;src:local("Inter-ThinItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-ThinItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:200;src:local("Inter-ExtraLight"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-ExtraLight.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:200;src:local("Inter-ExtraLightItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-ExtraLightItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:300;src:local("Inter-Light"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-Light.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:300;src:local("Inter-LightItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-LightItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:400;src:local("Inter-Regular"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-Regular.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:400;src:local("Inter-Italic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-Italic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:500;src:local("Inter-Medium"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-Medium.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:500;src:local("Inter-MediumItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-MediumItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:600;src:local("Inter-SemiBold"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-SemiBold.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:600;src:local("Inter-SemiBoldItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-SemiBoldItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:700;src:local("Inter-Bold"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-Bold.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:700;src:local("Inter-BoldItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-BoldItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:800;src:local("Inter-ExtraBold"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-ExtraBold.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:800;src:local("Inter-ExtraBoldItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-ExtraBoldItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:900;src:local("Inter-Black"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-Black.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:900;src:local("Inter-BlackItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-BlackItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:normal;font-weight:200;src:local("FAIRE-Sprig-Thin"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-Thin.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:italic;font-weight:200;src:local("FAIRE-Sprig-ThinItalic"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-ThinItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:normal;font-weight:300;src:local("FAIRE-Sprig-Light"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-Light.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:italic;font-weight:300;src:local("FAIRE-Sprig-LightItalic"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-LightItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:normal;font-weight:400;src:local("FAIRE-Sprig-Regular"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-Regular.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:italic;font-weight:400;src:local("FAIRE-Sprig-RegularItalic"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-RegularItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:normal;font-weight:500;src:local("FAIRE-Sprig-Medium"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-Medium.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:italic;font-weight:500;src:local("FAIRE-Sprig-MediumItalic"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-MediumItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:normal;font-weight:700;src:local("FAIRE-Sprig-Bold"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-Bold.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:italic;font-weight:700;src:local("FAIRE-Sprig-BoldItalic"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-BoldItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:normal;font-weight:900;src:local("FAIRE-Sprig-Super"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-Super.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:italic;font-weight:900;src:local("FAIRE-Sprig-SuperItalic"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-SuperItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans Arabic";font-style:normal;font-weight:normal;src:local("Noto-Sans-Arabic"), url("https://sage.kajabi-cdn.com/fonts/noto/Noto-Sans-Arabic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans Hebrew";font-style:normal;font-weight:normal;src:local("Noto-Sans-Hebrew"), url("https://sage.kajabi-cdn.com/fonts/noto/Noto-Sans-Hebrew.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans Devanagari";font-style:normal;font-weight:normal;src:local("Noto-Sans-Devanagari"), url("https://sage.kajabi-cdn.com/fonts/noto/Noto-Sans-Devanagari.woff2?v=1") format("woff2")}[hidden]{display:none !important}
1	+ :root{--pine-border-width-none:0px;--pine-border-width-thin:1px;--pine-border-width-thick:2px;--pine-border-width:var(--pine-border-width-thin);--pine-box-shadow-100:0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);--pine-box-shadow-150:0 4px 8px -2px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.06);--pine-box-shadow-200:0 12px 16px -4px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.03);--pine-box-shadow-300:0 20px 24px -4px rgba(0,0,0,.08), 0 8px 8px -4px rgba(0,0,0,.03);--pine-box-shadow-400:0 24px 48px -12px rgba(0,0,0,.18);--pine-box-shadow-500:0 32px 64px -12px rgba(0,0,0,.14);--pine-box-shadow-050:0 1px 2px 0 rgba(0,0,0,.05);--pine-box-shadow:var(--pine-box-shadow-100);--pine-color-white:#ffffff;--pine-color-black:#000000;--pine-color-grey-100:#f8f8f8;--pine-color-grey-150:#f0f0f0;--pine-color-grey-200:#e4e4e4;--pine-color-grey-300:#d2d1d1;--pine-color-grey-400:#bbbab9;--pine-color-grey-500:#9b9a98;--pine-color-grey-600:#828180;--pine-color-grey-700:#6c6a69;--pine-color-grey-800:#4d4d4c;--pine-color-grey-900:#343332;--pine-color-grey-950:#1a1a19;--pine-color-grey-050:#fcfcfc;--pine-color-blue-100:#eff6ff;--pine-color-blue-150:#dbeafe;--pine-color-blue-200:#bfdbfe;--pine-color-blue-300:#93c5fd;--pine-color-blue-400:#60a5fa;--pine-color-blue-500:#3b82f6;--pine-color-blue-600:#2563eb;--pine-color-blue-700:#1d4ed8;--pine-color-blue-800:#1e40af;--pine-color-blue-900:#1e3a8a;--pine-color-blue-950:#172554;--pine-color-blue-050:#fafcff;--pine-color-green-100:#edfcf2;--pine-color-green-150:#d3f8df;--pine-color-green-200:#aaf0c4;--pine-color-green-300:#73e2a3;--pine-color-green-400:#3ccb7f;--pine-color-green-500:#16b364;--pine-color-green-600:#099250;--pine-color-green-700:#087443;--pine-color-green-800:#095c37;--pine-color-green-900:#084c2e;--pine-color-green-950:#052e1c;--pine-color-green-050:#fbfefc;--pine-color-red-100:#fef2f2;--pine-color-red-150:#fee2e2;--pine-color-red-200:#fecaca;--pine-color-red-300:#fca5a5;--pine-color-red-400:#f87171;--pine-color-red-500:#ef4444;--pine-color-red-600:#dc2626;--pine-color-red-700:#b91c1c;--pine-color-red-800:#991b1b;--pine-color-red-900:#7f1d1d;--pine-color-red-950:#450a0a;--pine-color-red-050:#fffafa;--pine-color-yellow-100:#fffbeb;--pine-color-yellow-150:#fff2c6;--pine-color-yellow-200:#fee589;--pine-color-yellow-300:#fed04b;--pine-color-yellow-400:#fdbb21;--pine-color-yellow-500:#f79a09;--pine-color-yellow-600:#db7204;--pine-color-yellow-700:#b64f07;--pine-color-yellow-800:#933d0d;--pine-color-yellow-900:#79330e;--pine-color-yellow-950:#461902;--pine-color-yellow-050:#fffefa;--pine-color-mercury-100:#fff4f1;--pine-color-mercury-150:#ffeae5;--pine-color-mercury-200:#fed4cd;--pine-color-mercury-300:#fdb1a4;--pine-color-mercury-400:#fb8271;--pine-color-mercury-500:#ff3e14;--pine-color-mercury-600:#f02006;--pine-color-mercury-700:#c71307;--pine-color-mercury-800:#9e110e;--pine-color-mercury-900:#7f120f;--pine-color-mercury-950:#450506;--pine-color-mercury-050:#fffbfa;--pine-color-purple-100:#eef1ff;--pine-color-purple-150:#e0e4ff;--pine-color-purple-200:#c7cdfe;--pine-color-purple-300:#a4acfd;--pine-color-purple-400:#8081f9;--pine-color-purple-500:#6b62f2;--pine-color-purple-600:#533be5;--pine-color-purple-700:#4f37cb;--pine-color-purple-800:#402fa4;--pine-color-purple-900:#372d82;--pine-color-purple-950:#221b4b;--pine-color-purple-050:#fafbff;--pine-color-forest-100:#effaf6;--pine-color-forest-150:#d9f2e7;--pine-color-forest-200:#b5e5d2;--pine-color-forest-300:#85d0b7;--pine-color-forest-400:#52b597;--pine-color-forest-500:#30997d;--pine-color-forest-600:#23856d;--pine-color-forest-700:#1a6253;--pine-color-forest-800:#174e43;--pine-color-forest-900:#144038;--pine-color-forest-950:#0a2420;--pine-color-forest-050:#fbfefd;--pine-color-lime-100:#f7fee7;--pine-color-lime-150:#ecfccb;--pine-color-lime-200:#d9f99d;--pine-color-lime-300:#bef264;--pine-color-lime-400:#a3e635;--pine-color-lime-500:#84cc16;--pine-color-lime-600:#65a30d;--pine-color-lime-700:#4d7c0f;--pine-color-lime-800:#3f6212;--pine-color-lime-900:#365314;--pine-color-lime-950:#1b290a;--pine-color-lime-050:#fdfffa;--pine-color-magenta-100:#fdf4ff;--pine-color-magenta-150:#fae8ff;--pine-color-magenta-200:#f5d0fe;--pine-color-magenta-300:#f0abfc;--pine-color-magenta-400:#e879f9;--pine-color-magenta-500:#d946ef;--pine-color-magenta-600:#c026d3;--pine-color-magenta-700:#a21caf;--pine-color-magenta-800:#86198f;--pine-color-magenta-900:#701a75;--pine-color-magenta-950:#4a044e;--pine-color-magenta-050:#fefaff;--pine-color-pink-100:#fdf2f8;--pine-color-pink-150:#fce7f3;--pine-color-pink-200:#fbcfe8;--pine-color-pink-300:#f9a8d4;--pine-color-pink-400:#f472b6;--pine-color-pink-500:#ec4899;--pine-color-pink-600:#db2777;--pine-color-pink-700:#be185d;--pine-color-pink-800:#9d174d;--pine-color-pink-900:#831843;--pine-color-pink-950:#500724;--pine-color-pink-050:#fffafa;--pine-color-salmon-100:#fff1f2;--pine-color-salmon-150:#ffe4e6;--pine-color-salmon-200:#fecdd3;--pine-color-salmon-300:#fda4af;--pine-color-salmon-400:#fb7185;--pine-color-salmon-500:#f43f5e;--pine-color-salmon-600:#e11d48;--pine-color-salmon-700:#be123c;--pine-color-salmon-800:#9f1239;--pine-color-salmon-900:#881337;--pine-color-salmon-950:#4c0519;--pine-color-salmon-050:#fffafa;--pine-color-sky-100:#f0f9ff;--pine-color-sky-150:#e0f2fe;--pine-color-sky-200:#bae6fd;--pine-color-sky-300:#7dd3fc;--pine-color-sky-400:#38bdf8;--pine-color-sky-500:#0ea5e9;--pine-color-sky-600:#0284c7;--pine-color-sky-700:#0369a1;--pine-color-sky-800:#075985;--pine-color-sky-900:#0c4a6e;--pine-color-sky-950:#082f49;--pine-color-sky-050:#fafdff;--pine-color-teal-100:#f0fdfa;--pine-color-teal-150:#ccfbf1;--pine-color-teal-200:#99f6e4;--pine-color-teal-300:#5eead4;--pine-color-teal-400:#2dd4bf;--pine-color-teal-500:#14b8a6;--pine-color-teal-600:#0d9488;--pine-color-teal-700:#0f766e;--pine-color-teal-800:#115e59;--pine-color-teal-900:#134e4a;--pine-color-teal-950:#042f2e;--pine-color-teal-050:#fbfefe;--pine-color-accent:var(--pine-color-purple-500);--pine-color-accent-disabled:var(--pine-color-purple-100);--pine-color-accent-hover:var(--pine-color-purple-600);--pine-color-background-app:var(--pine-color-grey-100);--pine-color-background-subtle:var(--pine-color-grey-100);--pine-color-background-muted:var(--pine-color-grey-150);--pine-color-background-inverse-app:var(--pine-color-grey-900);--pine-color-background-inverse-subtle:var(--pine-color-grey-800);--pine-color-background-inverse-muted:var(--pine-color-grey-700);--pine-color-background-inverse-container:var(--pine-color-black);--pine-color-background-inverse-inset:var(--pine-color-grey-950);--pine-color-background-container:var(--pine-color-white);--pine-color-background-container-disabled:var(--pine-color-grey-150);--pine-color-background-container-hover:var(--pine-color-grey-050);--pine-color-background-inset:var(--pine-color-grey-200);--pine-color-background-inset-emphasized:var(--pine-color-grey-300);--pine-color-border:var(--pine-color-grey-300);--pine-color-border-hover:var(--pine-color-grey-400);--pine-color-border-disabled:var(--pine-color-grey-200);--pine-color-border-active:var(--pine-color-grey-400);--pine-color-border-danger:var(--pine-color-red-600);--pine-color-border-danger-hover:var(--pine-color-red-700);--pine-color-border-subtle:var(--pine-color-grey-200);--pine-color-danger:var(--pine-color-red-600);--pine-color-danger-disabled:var(--pine-color-red-100);--pine-color-danger-hover:var(--pine-color-red-700);--pine-color-focus-ring:var(--pine-color-purple-300);--pine-color-focus-ring-danger:var(--pine-color-red-300);--pine-color-info:var(--pine-color-blue-500);--pine-color-info-disabled:var(--pine-color-blue-100);--pine-color-info-hover:var(--pine-color-blue-600);--pine-color-neutral:var(--pine-color-grey-500);--pine-color-neutral-disabled:var(--pine-color-grey-100);--pine-color-neutral-hover:var(--pine-color-grey-600);--pine-color-primary:var(--pine-color-grey-900);--pine-color-primary-disabled:var(--pine-color-grey-150);--pine-color-primary-hover:var(--pine-color-grey-950);--pine-color-secondary:var(--pine-color-white);--pine-color-secondary-disabled:var(--pine-color-white);--pine-color-secondary-hover:var(--pine-color-grey-050);--pine-color-success:var(--pine-color-green-500);--pine-color-success-disabled:var(--pine-color-green-100);--pine-color-success-hover:var(--pine-color-green-600);--pine-color-text:var(--pine-color-grey-900);--pine-color-text-hover:var(--pine-color-grey-950);--pine-color-text-disabled:var(--pine-color-grey-500);--pine-color-text-readonly:var(--pine-color-grey-700);--pine-color-text-active:var(--pine-color-grey-950);--pine-color-text-accent:var(--pine-color-purple-900);--pine-color-text-accent-disabled:var(--pine-color-purple-300);--pine-color-text-accent-hover:var(--pine-color-purple-950);--pine-color-text-danger:var(--pine-color-red-900);--pine-color-text-danger-disabled:var(--pine-color-red-300);--pine-color-text-danger-hover:var(--pine-color-red-950);--pine-color-text-info:var(--pine-color-blue-900);--pine-color-text-info-disabled:var(--pine-color-blue-300);--pine-color-text-info-hover:var(--pine-color-blue-950);--pine-color-text-label:var(--pine-color-grey-950);--pine-color-text-label-disabled:var(--pine-color-grey-500);--pine-color-text-label-readonly:var(--pine-color-grey-700);--pine-color-text-message:var(--pine-color-grey-800);--pine-color-text-message-danger:var(--pine-color-red-600);--pine-color-text-message-disabled:var(--pine-color-grey-600);--pine-color-text-neutral:var(--pine-color-grey-900);--pine-color-text-neutral-disabled:var(--pine-color-grey-600);--pine-color-text-neutral-hover:var(--pine-color-grey-950);--pine-color-text-placeholder:var(--pine-color-grey-600);--pine-color-text-placeholder-disabled:var(--pine-color-grey-400);--pine-color-text-primary:var(--pine-color-white);--pine-color-text-primary-disabled:var(--pine-color-grey-400);--pine-color-text-secondary:var(--pine-color-grey-800);--pine-color-text-secondary-disabled:var(--pine-color-grey-400);--pine-color-text-secondary-hover:var(--pine-color-grey-900);--pine-color-text-tertiary:var(--pine-color-grey-600);--pine-color-text-tertiary-disabled:var(--pine-color-grey-400);--pine-color-text-subtle:var(--pine-color-grey-500);--pine-color-text-subtle-disabled:var(--pine-color-grey-300);--pine-color-text-muted:var(--pine-color-grey-700);--pine-color-text-muted-disabled:var(--pine-color-grey-500);--pine-color-text-strong:var(--pine-color-grey-950);--pine-color-text-strong-disabled:var(--pine-color-grey-600);--pine-color-text-emphasis:var(--pine-color-black);--pine-color-text-inverse:var(--pine-color-grey-100);--pine-color-text-inverse-secondary:var(--pine-color-grey-150);--pine-color-text-inverse-tertiary:var(--pine-color-grey-300);--pine-color-text-inverse-emphasis:var(--pine-color-white);--pine-color-text-success:var(--pine-color-green-900);--pine-color-text-success-disabled:var(--pine-color-green-300);--pine-color-text-success-hover:var(--pine-color-green-950);--pine-color-text-warning:var(--pine-color-yellow-900);--pine-color-text-warning-disabled:var(--pine-color-yellow-300);--pine-color-text-warning-hover:var(--pine-color-yellow-950);--pine-color-warning:var(--pine-color-yellow-500);--pine-color-warning-disabled:var(--pine-color-yellow-100);--pine-color-warning-hover:var(--pine-color-yellow-600);--pine-color-icon:var(--pine-color-grey-700);--pine-color-icon-subtle:var(--pine-color-grey-500);--pine-color-icon-disabled:var(--pine-color-grey-400);--pine-color-icon-inverse:var(--pine-color-white);--pine-color-brand:var(--pine-color-black);--pine-font-family-inter:"Inter", system-ui, "Segoe UI", "Roboto", "Ubuntu", sans-serif;--pine-font-family-faire-sprig:"FAIRE Sprig";--pine-font-family-heading:var(--pine-font-family-inter);--pine-font-family-body:var(--pine-font-family-inter);--pine-font-size-100:14px;--pine-font-size-116:16px;--pine-font-size-128:18px;--pine-font-size-142:20px;--pine-font-size-157:22px;--pine-font-size-171:24px;--pine-font-size-185:26px;--pine-font-size-200:28px;--pine-font-size-214:30px;--pine-font-size-228:32px;--pine-font-size-242:34px;--pine-font-size-257:36px;--pine-font-size-271:38px;--pine-font-size-285:40px;--pine-font-size-057:8px;--pine-font-size-071:10px;--pine-font-size-085:12px;--pine-font-size:var(--pine-font-size-100);--pine-font-size-body-2xs:var(--pine-font-size-057);--pine-font-size-body-xs:var(--pine-font-size-071);--pine-font-size-body-sm:var(--pine-font-size-085);--pine-font-size-body-md:var(--pine-font-size-100);--pine-font-size-body-lg:var(--pine-font-size-116);--pine-font-size-body-xl:var(--pine-font-size-128);--pine-font-size-body-2xl:var(--pine-font-size-142);--pine-font-size-heading-1:var(--pine-font-size-200);--pine-font-size-heading-2:var(--pine-font-size-185);--pine-font-size-heading-3:var(--pine-font-size-157);--pine-font-size-heading-4:var(--pine-font-size-142);--pine-font-size-heading-5:var(--pine-font-size-128);--pine-font-size-heading-6:var(--pine-font-size-116);--pine-font-size-heading-caption:var(--pine-font-size-085);--pine-font-weight-100:100;--pine-font-weight-200:200;--pine-font-weight-300:300;--pine-font-weight-400:400;--pine-font-weight-500:500;--pine-font-weight-600:600;--pine-font-weight-700:700;--pine-font-weight-800:800;--pine-font-weight-900:900;--pine-font-weight-thin:var(--pine-font-weight-100);--pine-font-weight-extra-light:var(--pine-font-weight-200);--pine-font-weight-light:var(--pine-font-weight-300);--pine-font-weight-regular:var(--pine-font-weight-400);--pine-font-weight-medium:var(--pine-font-weight-500);--pine-font-weight-semi-bold:var(--pine-font-weight-600);--pine-font-weight-bold:var(--pine-font-weight-700);--pine-font-weight-extra-bold:var(--pine-font-weight-800);--pine-font-weight-heavy:var(--pine-font-weight-900);--pine-font-weight-text-message:var(--pine-font-weight-400);--pine-line-height-100:1;--pine-line-height-125:1.25;--pine-line-height-150:1.5;--pine-line-height-175:1.75;--pine-line-height-200:2;--pine-line-height-225:2.25;--pine-line-height-250:2.5;--pine-line-height-275:2.75;--pine-line-height-300:3;--pine-line-height-025:.625;--pine-line-height-050:.78125;--pine-line-height-075:.9375;--pine-line-height-text-message:var(--pine-line-height-125);--pine-line-height-heading:var(--pine-line-height-125);--pine-line-height-body:1.425;--pine-dimension-0:0px;--pine-dimension-100:8px;--pine-dimension-125:10px;--pine-dimension-150:12px;--pine-dimension-200:16px;--pine-dimension-250:20px;--pine-dimension-300:24px;--pine-dimension-350:28px;--pine-dimension-400:32px;--pine-dimension-450:36px;--pine-dimension-500:40px;--pine-dimension-550:44px;--pine-dimension-600:48px;--pine-dimension-650:52px;--pine-dimension-700:56px;--pine-dimension-750:60px;--pine-dimension-800:64px;--pine-dimension-050:4px;--pine-dimension-025:2px;--pine-dimension-none:var(--pine-dimension-0);--pine-dimension-2xs:var(--pine-dimension-050);--pine-dimension-xs:var(--pine-dimension-100);--pine-dimension-sm:var(--pine-dimension-200);--pine-dimension-md:var(--pine-dimension-300);--pine-dimension-lg:var(--pine-dimension-400);--pine-dimension-xl:var(--pine-dimension-500);--pine-dimension-2xl:var(--pine-dimension-600);--pine-letter-spacing-0:0px;--pine-letter-spacing-100:.14px;--pine-letter-spacing-114:.16px;--pine-letter-spacing-128:.18px;--pine-letter-spacing-142:.2px;--pine-letter-spacing-157:.22px;--pine-letter-spacing-171:.24px;--pine-letter-spacing-185:.26px;--pine-letter-spacing-078:.11px;--pine-letter-spacing-085:.12px;--pine-letter-spacing:var(--pine-letter-spacing-114) * -1;--pine-letter-spacing-heading-1:var(--pine-letter-spacing-185);--pine-letter-spacing-heading-2:var(--pine-letter-spacing-171);--pine-letter-spacing-heading-3:var(--pine-letter-spacing-157);--pine-letter-spacing-heading-4:var(--pine-letter-spacing-142);--pine-letter-spacing-heading-5:var(--pine-letter-spacing-128);--pine-letter-spacing-heading-6:var(--pine-letter-spacing-114);--pine-z-index-0:0;--pine-z-index-1:1000;--pine-z-index-2:2000;--pine-z-index-3:3000;--pine-z-index-4:4000;--pine-z-index-5:5000;--pine-z-index-6:6000;--pine-z-index-8:8000;--pine-z-index-9:9000;--pine-z-index-n1:-1;--pine-z-index:var(--pine-z-index-0);--pine-z-index-hide:var(--pine-z-index-n1);--pine-z-index-raised:var(--pine-z-index-1);--pine-z-index-alert:var(--pine-z-index-2);--pine-z-index-underlay:var(--pine-z-index-3);--pine-z-index-navigation:var(--pine-z-index-4);--pine-z-index-overlay:var(--pine-z-index-5);--pine-z-index-modal:var(--pine-z-index-6);--pine-z-index-priority:var(--pine-z-index-8);--pine-z-index-nuclear:var(--pine-z-index-9);--pine-border:var(--pine-border-width-thin) solid var(--pine-color-grey-300);--pine-border-hover:var(--pine-border-width-thin) solid var(--pine-color-grey-400);--pine-border-none:var(--pine-border-width-none) solid var(--pine-color-grey-300);--pine-border-radius-sm:var(--pine-dimension-050);--pine-border-radius-md:var(--pine-dimension-125);--pine-border-radius-lg:var(--pine-dimension-200);--pine-border-radius-full:9999px;--pine-typography-heading-1:var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-1)/var(--pine-line-height-heading) var(--pine-font-family-inter);--pine-typography-heading-2:var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-2)/var(--pine-line-height-heading) var(--pine-font-family-inter);--pine-typography-heading-3:var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-3)/var(--pine-line-height-heading) var(--pine-font-family-inter);--pine-typography-heading-4:var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-4)/var(--pine-line-height-heading) var(--pine-font-family-inter);--pine-typography-heading-5:var(--pine-font-weight-medium) var(--pine-font-size-heading-5)/var(--pine-line-height-heading) var(--pine-font-family-inter);--pine-typography-heading-6:var(--pine-font-weight-medium) var(--pine-font-size-heading-6)/var(--pine-line-height-heading) var(--pine-font-family-inter);--pine-typography-heading-caption:var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-caption)/var(--pine-line-height-heading) var(--pine-font-family-inter);--pine-typography-body:var(--pine-font-weight-regular) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-medium:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-mono:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-monospace);--pine-typography-body-semi-bold:var(--pine-font-weight-semi-bold) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-bold:var(--pine-font-weight-bold) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-brand-label:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-brand-text:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-faire-sprig);--pine-typography-body-sm:var(--pine-font-weight-regular) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-sm-medium:var(--pine-font-weight-medium) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-sm-mono:var(--pine-font-weight-medium) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-monospace);--pine-typography-body-sm-bold:var(--pine-font-weight-bold) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-sm-brand-label:var(--pine-font-weight-medium) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-sm-brand-text:var(--pine-font-weight-medium) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-faire-sprig);--pine-outline-focus:var(--pine-border-width-thick) solid var(--pine-color-focus-ring);--pine-outline-focus-danger:var(--pine-border-width-thick) solid var(--pine-color-focus-ring-danger)}[data-theme=dark]{--pine-color-accent:var(--pine-color-purple-500);--pine-color-accent-disabled:var(--pine-color-purple-100);--pine-color-accent-hover:var(--pine-color-purple-600);--pine-color-background-app:var(--pine-color-grey-900);--pine-color-background-subtle:var(--pine-color-grey-900);--pine-color-background-muted:var(--pine-color-grey-800);--pine-color-background-inverse-app:var(--pine-color-grey-100);--pine-color-background-inverse-subtle:var(--pine-color-grey-150);--pine-color-background-inverse-muted:var(--pine-color-grey-200);--pine-color-background-inverse-container:var(--pine-color-white);--pine-color-background-inverse-inset:var(--pine-color-grey-050);--pine-color-background-container:var(--pine-color-black);--pine-color-background-container-disabled:var(--pine-color-grey-800);--pine-color-background-container-hover:var(--pine-color-grey-950);--pine-color-background-inset:var(--pine-color-grey-700);--pine-color-background-inset-emphasized:var(--pine-color-grey-600);--pine-color-border:var(--pine-color-grey-600);--pine-color-border-hover:var(--pine-color-grey-500);--pine-color-border-disabled:var(--pine-color-grey-700);--pine-color-border-active:var(--pine-color-grey-500);--pine-color-border-danger:var(--pine-color-red-600);--pine-color-border-danger-hover:var(--pine-color-red-700);--pine-color-border-subtle:var(--pine-color-grey-700);--pine-color-danger:var(--pine-color-red-600);--pine-color-danger-disabled:var(--pine-color-red-100);--pine-color-danger-hover:var(--pine-color-red-700);--pine-color-focus-ring:var(--pine-color-purple-300);--pine-color-focus-ring-danger:var(--pine-color-red-300);--pine-color-info:var(--pine-color-blue-500);--pine-color-info-disabled:var(--pine-color-blue-100);--pine-color-info-hover:var(--pine-color-blue-600);--pine-color-neutral:var(--pine-color-grey-400);--pine-color-neutral-disabled:var(--pine-color-grey-900);--pine-color-neutral-hover:var(--pine-color-grey-300);--pine-color-primary:var(--pine-color-grey-100);--pine-color-primary-disabled:var(--pine-color-grey-800);--pine-color-primary-hover:var(--pine-color-white);--pine-color-secondary:var(--pine-color-black);--pine-color-secondary-disabled:var(--pine-color-black);--pine-color-secondary-hover:var(--pine-color-grey-950);--pine-color-success:var(--pine-color-green-500);--pine-color-success-disabled:var(--pine-color-green-100);--pine-color-success-hover:var(--pine-color-green-600);--pine-color-text:var(--pine-color-grey-100);--pine-color-text-hover:var(--pine-color-grey-050);--pine-color-text-disabled:var(--pine-color-grey-400);--pine-color-text-readonly:var(--pine-color-grey-200);--pine-color-text-active:var(--pine-color-grey-050);--pine-color-text-accent:var(--pine-color-purple-900);--pine-color-text-accent-disabled:var(--pine-color-purple-300);--pine-color-text-accent-hover:var(--pine-color-purple-950);--pine-color-text-danger:var(--pine-color-red-900);--pine-color-text-danger-disabled:var(--pine-color-red-300);--pine-color-text-danger-hover:var(--pine-color-red-950);--pine-color-text-info:var(--pine-color-blue-900);--pine-color-text-info-disabled:var(--pine-color-blue-300);--pine-color-text-info-hover:var(--pine-color-blue-950);--pine-color-text-label:var(--pine-color-grey-050);--pine-color-text-label-disabled:var(--pine-color-grey-400);--pine-color-text-label-readonly:var(--pine-color-grey-200);--pine-color-text-message:var(--pine-color-grey-150);--pine-color-text-message-danger:var(--pine-color-red-500);--pine-color-text-message-disabled:var(--pine-color-grey-300);--pine-color-text-neutral:var(--pine-color-grey-100);--pine-color-text-neutral-disabled:var(--pine-color-grey-300);--pine-color-text-neutral-hover:var(--pine-color-grey-050);--pine-color-text-placeholder:var(--pine-color-grey-300);--pine-color-text-placeholder-disabled:var(--pine-color-grey-500);--pine-color-text-primary:var(--pine-color-black);--pine-color-text-primary-disabled:var(--pine-color-grey-500);--pine-color-text-secondary:var(--pine-color-grey-150);--pine-color-text-secondary-disabled:var(--pine-color-grey-500);--pine-color-text-secondary-hover:var(--pine-color-grey-100);--pine-color-text-tertiary:var(--pine-color-grey-300);--pine-color-text-tertiary-disabled:var(--pine-color-grey-500);--pine-color-text-subtle:var(--pine-color-grey-400);--pine-color-text-subtle-disabled:var(--pine-color-grey-600);--pine-color-text-muted:var(--pine-color-grey-200);--pine-color-text-muted-disabled:var(--pine-color-grey-400);--pine-color-text-strong:var(--pine-color-grey-050);--pine-color-text-strong-disabled:var(--pine-color-grey-300);--pine-color-text-emphasis:var(--pine-color-white);--pine-color-text-inverse:var(--pine-color-grey-900);--pine-color-text-inverse-secondary:var(--pine-color-grey-800);--pine-color-text-inverse-tertiary:var(--pine-color-grey-600);--pine-color-text-inverse-emphasis:var(--pine-color-black);--pine-color-text-success:var(--pine-color-green-900);--pine-color-text-success-disabled:var(--pine-color-green-300);--pine-color-text-success-hover:var(--pine-color-green-950);--pine-color-text-warning:var(--pine-color-yellow-900);--pine-color-text-warning-disabled:var(--pine-color-yellow-300);--pine-color-text-warning-hover:var(--pine-color-yellow-950);--pine-color-warning:var(--pine-color-yellow-500);--pine-color-warning-disabled:var(--pine-color-yellow-100);--pine-color-warning-hover:var(--pine-color-yellow-600);--pine-color-icon:var(--pine-color-grey-200);--pine-color-icon-subtle:var(--pine-color-grey-400);--pine-color-icon-disabled:var(--pine-color-grey-500);--pine-color-icon-inverse:var(--pine-color-grey-900);--pine-color-brand:var(--pine-color-grey-050);--pine-border:var(--pine-border-width-thin) solid var(--pine-color-grey-600);--pine-border-hover:var(--pine-border-width-thin) solid var(--pine-color-grey-400);--pine-border-none:var(--pine-border-width-none) solid var(--pine-color-grey-600)}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:100;src:local("Inter-Thin"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-Thin.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:100;src:local("Inter-ThinItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-ThinItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:200;src:local("Inter-ExtraLight"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-ExtraLight.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:200;src:local("Inter-ExtraLightItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-ExtraLightItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:300;src:local("Inter-Light"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-Light.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:300;src:local("Inter-LightItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-LightItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:400;src:local("Inter-Regular"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-Regular.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:400;src:local("Inter-Italic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-Italic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:500;src:local("Inter-Medium"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-Medium.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:500;src:local("Inter-MediumItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-MediumItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:600;src:local("Inter-SemiBold"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-SemiBold.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:600;src:local("Inter-SemiBoldItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-SemiBoldItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:700;src:local("Inter-Bold"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-Bold.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:700;src:local("Inter-BoldItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-BoldItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:800;src:local("Inter-ExtraBold"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-ExtraBold.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:800;src:local("Inter-ExtraBoldItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-ExtraBoldItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:900;src:local("Inter-Black"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-Black.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Inter";font-style:italic;font-weight:900;src:local("Inter-BlackItalic"), url("https://sage.kajabi-cdn.com/fonts/inter/Inter-BlackItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:normal;font-weight:200;src:local("FAIRE-Sprig-Thin"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-Thin.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:italic;font-weight:200;src:local("FAIRE-Sprig-ThinItalic"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-ThinItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:normal;font-weight:300;src:local("FAIRE-Sprig-Light"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-Light.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:italic;font-weight:300;src:local("FAIRE-Sprig-LightItalic"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-LightItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:normal;font-weight:400;src:local("FAIRE-Sprig-Regular"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-Regular.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:italic;font-weight:400;src:local("FAIRE-Sprig-RegularItalic"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-RegularItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:normal;font-weight:500;src:local("FAIRE-Sprig-Medium"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-Medium.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:italic;font-weight:500;src:local("FAIRE-Sprig-MediumItalic"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-MediumItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:normal;font-weight:700;src:local("FAIRE-Sprig-Bold"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-Bold.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:italic;font-weight:700;src:local("FAIRE-Sprig-BoldItalic"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-BoldItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:normal;font-weight:900;src:local("FAIRE-Sprig-Super"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-Super.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"FAIRE Sprig";font-style:italic;font-weight:900;src:local("FAIRE-Sprig-SuperItalic"), url("https://sage.kajabi-cdn.com/fonts/sprig/FAIRE-Sprig-SuperItalic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans Arabic";font-style:normal;font-weight:normal;src:local("Noto-Sans-Arabic"), url("https://sage.kajabi-cdn.com/fonts/noto/Noto-Sans-Arabic.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans Hebrew";font-style:normal;font-weight:normal;src:local("Noto-Sans-Hebrew"), url("https://sage.kajabi-cdn.com/fonts/noto/Noto-Sans-Hebrew.woff2?v=1") format("woff2")}@font-face{font-display:swap;font-family:"Noto Sans Devanagari";font-style:normal;font-weight:normal;src:local("Noto-Sans-Devanagari"), url("https://sage.kajabi-cdn.com/fonts/noto/Noto-Sans-Devanagari.woff2?v=1") format("woff2")}[hidden]{display:none !important}

package/dist/pine-core/pine-core.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,g as n,b as a}from"./p-DgugD5OF.js";export{s as setNonce}from"./p-DgugD5OF.js";var d=()=>{const n=import.meta.url;const a={};if(n!==""){a.resourcesUrl=new URL(".",n).href}return e(a)};d().then((async e=>{await n();return a(JSON.parse('[["p-9e4d448f",[[321,"pds-multiselect",{"componentId":[1,"component-id"],"label":[1],"placeholder":[1],"searchPlaceholder":[1,"search-placeholder"],"closePanelOnSelect":[4,"close-panel-on-select"],"name":[1],"value":[1040],"disabled":[4],"asyncUrl":[1,"async-url"],"asyncMethod":[1,"async-method"],"debounce":[2],"fetchTimeout":[2,"fetch-timeout"],"maxSelections":[2,"max-selections"],"maxHeight":[1,"max-height"],"triggerWidth":[1,"trigger-width"],"minWidth":[1,"min-width"],"panelWidth":[1,"panel-width"],"hideLabel":[4,"hide-label"],"hideSelectedItems":[4,"hide-selected-items"],"selectedDisplay":[1,"selected-display"],"pillPosition":[1,"pill-position"],"maxInlinePills":[2,"max-inline-pills"],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"invalid":[4],"required":[4],"loading":[1028],"options":[16],"formatResult":[16],"createUrl":[1,"create-url"],"csrfToken":[1,"csrf-token"],"csrfHeaderName":[1,"csrf-header-name"],"isOpen":[32],"searchQuery":[32],"highlightedIndex":[32],"internalOptions":[32],"selectedItems":[32],"currentPage":[32],"hasMore":[32],"creating":[32],"removalAnnouncement":[32],"setFocus":[64],"clear":[64]},[[8,"keydown","handleWindowKeyDown"]],{"debounce":["setupDebounce"],"value":["valueChanged"],"options":["optionsChanged"],"internalOptions":["internalOptionsChanged"]}]]],["p-8067095b",[[321,"pds-combobox",{"componentId":[1,"component-id"],"name":[513],"customOptionLayouts":[4,"custom-option-layouts"],"customTriggerContent":[4,"custom-trigger-content"],"disabled":[4],"dropdownPlacement":[1,"dropdown-placement"],"dropdownWidth":[1,"dropdown-width"],"hideLabel":[4,"hide-label"],"label":[1],"maxHeight":[1,"max-height"],"mode":[1],"placeholder":[1],"trigger":[1],"triggerWidth":[1,"trigger-width"],"triggerVariant":[1,"trigger-variant"],"triggerShape":[1,"trigger-shape"],"chipSentiment":[1,"chip-sentiment"],"chipLarge":[4,"chip-large"],"chipIcon":[1,"chip-icon"],"chipDot":[4,"chip-dot"],"value":[1025],"asyncUrl":[1,"async-url"],"asyncMethod":[1,"async-method"],"debounce":[2],"fetchTimeout":[2,"fetch-timeout"],"loading":[1028],"options":[16],"formatResult":[16],"displayText":[32],"filteredItems":[32],"highlightedIndex":[32],"isOpen":[32],"selectedOption":[32],"selectedOptionLayoutContent":[32],"selectedOptionChipProps":[32],"internalOptions":[32],"currentPage":[32],"hasMore":[32],"setFocus":[64],"getSelectedValue":[64]},null,{"debounce":["setupDebounce"],"options":["optionsChanged"],"value":["handleValueChange"],"selectedOption":["handleSelectedOptionChange"]}]]],["p-f40123a0",[[257,"pds-alert",{"componentId":[1,"component-id"],"heading":[1],"small":[4],"dismissible":[4],"variant":[1],"hasActionsContent":[32]}]]],["p-45f39906",[[257,"pds-copytext",{"border":[516],"componentId":[1,"component-id"],"fullWidth":[4,"full-width"],"truncate":[4],"value":[1]},null,{"truncate":["handleTruncateChange"],"value":["handleValueChange"]}]]],["p-db6d3b2c",[[257,"pds-table-head",{"indeterminate":[1028],"isSelected":[1028,"is-selected"],"border":[516],"background":[516]}]]],["p-d8d73a39",[[257,"pds-table-row",{"indeterminate":[1028],"isSelected":[1028,"is-selected"],"hasDivider":[32],"isLastRow":[32]}]]],["p-23f99ae0",[[257,"pds-dropdown-menu-item",{"componentId":[1,"component-id"],"destructive":[4],"disabled":[516],"download":[1],"href":[1],"external":[516],"target":[513],"hasFocus":[32],"clickItem":[64]}]]],["p-17f536fe",[[257,"pds-property",{"componentId":[1,"component-id"],"icon":[1]}]]],["p-60815dd1",[[257,"pds-accordion",{"componentId":[1,"component-id"],"isOpen":[1540,"open"]},null,{"isOpen":["handleOpenState"]}]]],["p-5c64764b",[[257,"pds-avatar",{"alt":[1],"badge":[4],"componentId":[1,"component-id"],"dropdown":[4],"image":[1],"initials":[1],"size":[513],"variant":[513]}]]],["p-eacb5f93",[[257,"pds-dropdown-menu",{"componentId":[1,"component-id"],"placement":[1],"currentFocusIndex":[32]},[[8,"keydown","handleKeyDown"],[8,"click","handleWindowClick"]]]]],["p-c58100b9",[[257,"pds-filter",{"componentId":[1,"component-id"],"variant":[1],"icon":[1],"text":[1],"isOpen":[32],"showFilter":[64],"hideFilter":[64]},[[9,"resize","handleWindowResize"],[9,"scroll","handleWindowScroll"],[4,"toggle","handlePopoverToggle"],[4,"click","handleDocumentClick"],[4,"keydown","handleEscapeKey"]]]]],["p-0e88b9e8",[[321,"pds-input",{"autocomplete":[1],"componentId":[1,"component-id"],"debounce":[2],"disabled":[4],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"invalid":[4],"label":[1],"hideLabel":[4,"hide-label"],"max":[1],"maxlength":[1],"min":[1],"minlength":[1],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"step":[1],"type":[1],"value":[1032],"fullWidth":[4,"full-width"],"highlight":[516],"hasPrefix":[32],"hasSuffix":[32],"hasPrepend":[32],"hasAppend":[32],"hasAction":[32],"hasFocus":[32],"setFocus":[64]},null,{"debounce":["debounceChanged"],"value":["valueChanged"]}]]],["p-8b71fd72",[[262,"pds-radio",{"checked":[4],"componentId":[1,"component-id"],"disabled":[4],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"hasBorder":[4,"has-border"],"invalid":[4],"label":[1],"hideLabel":[4,"hide-label"],"name":[1],"required":[4],"value":[1],"_hasImage":[32]}]]],["p-0be2b5af",[[262,"pds-radio-group",{"componentId":[1,"component-id"],"direction":[1],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"gap":[1],"disabled":[4],"invalid":[4],"groupLabel":[1,"group-label"],"name":[1],"required":[4]},[[0,"change","handleRadioChange"]],{"name":["handlePropsChange"],"disabled":["handlePropsChange"],"invalid":["handlePropsChange"],"required":["handlePropsChange"]}]]],["p-57df9565",[[321,"pds-select",{"autocomplete":[1],"componentId":[1,"component-id"],"disabled":[4],"errorMessage":[1,"error-message"],"hideLabel":[4,"hide-label"],"helperMessage":[1,"helper-message"],"invalid":[4],"label":[1],"multiple":[4],"name":[1],"required":[4],"highlight":[516],"value":[1025]},null,{"value":["valueChanged"],"multiple":["multipleChanged"]}]]],["p-4ef40e46",[[262,"pds-sortable-item",{"enableActions":[4,"enable-actions"],"componentId":[1,"component-id"],"showHandle":[1028,"show-handle"]}]]],["p-df932a4f",[[321,"pds-switch",{"componentId":[1,"component-id"],"checked":[1028],"disabled":[4],"errorMessage":[1,"error-message"],"hideLabel":[4,"hide-label"],"helperMessage":[1,"helper-message"],"invalid":[4],"label":[1],"name":[1],"required":[4],"value":[1]},null,{"checked":["checkedChanged"]}]]],["p-96b609c3",[[321,"pds-textarea",{"autocomplete":[1],"componentId":[1,"component-id"],"disabled":[4],"debounce":[2],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"invalid":[1028],"label":[1],"hideLabel":[4,"hide-label"],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"rows":[2],"maxLength":[514,"max-length"],"highlight":[516],"value":[1025],"hasFocus":[32],"hasAction":[32],"setFocus":[64]},null,{"debounce":["debounceChanged"],"value":["valueChanged"],"maxLength":["maxLengthChanged"]}]]],["p-ce720bfc",[[257,"pds-toast",{"componentId":[1,"component-id"],"dismissible":[4],"duration":[2],"icon":[1],"type":[1],"isVisible":[32],"isAnimatingOut":[32],"dismiss":[64]},null,{"duration":["handleDurationChange"]}]]],["p-9ba01afe",[[260,"mock-pds-modal",{"componentId":[1,"component-id"],"size":[1],"scrollable":[4],"backdropDismiss":[4,"backdrop-dismiss"],"open":[1028],"showModal":[64],"hideModal":[64]}]]],["p-3092b4cf",[[257,"pds-container",{"size":[1],"tag":[1],"centered":[4]}]]],["p-03926d00",[[257,"pds-divider",{"componentId":[1,"component-id"],"offset":[1],"vertical":[4]}]]],["p-daf68bad",[[257,"pds-dropdown-menu-separator",{"componentId":[1,"component-id"],"disabled":[4]}]]],["p-857f5bba",[[257,"pds-filters",{"componentId":[1,"component-id"]}]]],["p-9b6a70b7",[[257,"pds-image",{"alt":[1],"componentId":[1,"component-id"],"height":[2],"loading":[1],"sizes":[1],"src":[1],"srcset":[1],"width":[2]}]]],["p-cf135908",[[260,"pds-modal",{"backdropDismiss":[4,"backdrop-dismiss"],"componentId":[1,"component-id"],"open":[1028],"size":[1],"scrollable":[4],"focusableElementsArray":[32],"showModal":[64],"hideModal":[64]},null,{"open":["handleOpenChange"]}]]],["p-7babada1",[[260,"pds-modal-content",{"border":[1537],"contentMaxHeight":[32]}]]],["p-df7f26bc",[[260,"pds-modal-footer"]]],["p-cae7b9c3",[[260,"pds-modal-header"]]],["p-fce808ec",[[257,"pds-popover",{"popoverTargetAction":[1,"popover-target-action"],"popoverType":[1,"popover-type"],"componentId":[1,"component-id"],"maxWidth":[2,"max-width"],"placement":[513],"active":[32],"show":[64],"hide":[64],"toggle":[64]}]]],["p-4f8de670",[[257,"pds-progress",{"animated":[4],"componentId":[1,"component-id"],"fillColor":[1,"fill-color"],"label":[1],"percent":[2],"showPercent":[4,"show-percent"]}]]],["p-230c360e",[[256,"pds-row",{"alignItems":[1,"align-items"],"border":[4],"colGap":[1,"col-gap"],"colGapBlock":[1,"col-gap-block"],"colGapInline":[1,"col-gap-inline"],"componentId":[1,"component-id"],"justifyContent":[1,"justify-content"],"minHeight":[1,"min-height"],"noWrap":[4,"no-wrap"]}]]],["p-5a5b4ab8",[[262,"pds-sortable",{"border":[516],"disabled":[516],"componentId":[1,"component-id"],"dividers":[516],"handleType":[1,"handle-type"]},null,{"disabled":["handleDisabledChange"]}]]],["p-67756adb",[[260,"pds-tab",{"disabled":[4],"name":[1],"parentComponentId":[1,"parent-component-id"],"variant":[1],"index":[2],"selected":[4]}]]],["p-230606be",[[257,"pds-table",{"compact":[4],"componentId":[1,"component-id"],"responsive":[4],"fixedColumn":[4,"fixed-column"],"selectable":[4],"disableSelectAll":[4,"disable-select-all"],"rowDividers":[516,"row-dividers"],"defaultSortColumn":[1,"default-sort-column"],"defaultSortDirection":[1,"default-sort-direction"],"sortingColumn":[32],"sortingDirection":[32]},[[0,"pdsTableSort","handleTableSort"],[0,"pdsTableSelectAll","handleTableSelectAll"],[0,"pdsTableRowSelected","handleTableSelect"]]]]],["p-72918478",[[257,"pds-table-body"]]],["p-179f2687",[[260,"pds-tabpanel",{"name":[1],"parentComponentId":[1,"parent-component-id"],"variant":[1],"selected":[1028]}]]],["p-e5a45329",[[257,"pds-tabs",{"tablistLabel":[1,"tablist-label"],"componentId":[1,"component-id"],"variant":[1],"activeTabName":[1025,"active-tab-name"],"activeTabIndex":[1026,"active-tab-index"]},[[16,"pdsTabClick","tabClickHandler"],[0,"keydown","handleKeyDown"]]]]],["p-611b1256",[[260,"pds-tooltip",{"content":[1],"componentId":[1,"component-id"],"hasArrow":[4,"has-arrow"],"htmlContent":[4,"html-content"],"placement":[513],"maxWidth":[1,"max-width"],"opened":[1540],"_isInteractiveOpen":[32],"showTooltip":[64],"hideTooltip":[64]},null,{"opened":["handleOpenToggle"]}]]],["p-d90cd1b9",[[257,"pds-button",{"componentId":[1,"component-id"],"download":[1],"disabled":[516],"fullWidth":[4,"full-width"],"href":[1],"icon":[1],"iconOnly":[4,"icon-only"],"loading":[4],"name":[1],"target":[1],"type":[1],"value":[1],"size":[1],"variant":[1],"hasStartContent":[32],"hasEndContent":[32]},[[16,"keydown","handleFormKeyDown"]]]]],["p-03e88bde",[[257,"pds-link",{"color":[1],"download":[1],"componentId":[1,"component-id"],"external":[4],"target":[1],"variant":[1],"fontSize":[1,"font-size"],"href":[1]}]]],["p-a1c8b41b",[[257,"pds-table-head-cell",{"cellAlign":[1,"cell-align"],"sortable":[4],"sortingDirection":[32],"tableScrolling":[32],"isSelected":[32],"hasHeadBorder":[32],"hasHeadBackground":[32],"isActive":[32],"setActiveSort":[64],"clearActiveSort":[64]}]]],["p-30973c73",[[257,"pds-table-cell",{"cellAlign":[1,"cell-align"],"truncate":[4],"tableScrolling":[32]},null,{"truncate":["handleTruncateChange"]}]]],["p-726f3947",[[257,"pds-chip",{"componentId":[1,"component-id"],"dot":[4],"icon":[1],"large":[4],"size":[1],"sentiment":[1],"variant":[1],"removeUrl":[1,"remove-url"],"removeHttpMethod":[1,"remove-http-method"],"removeTarget":[1,"remove-target"]}]]],["p-e6471ada",[[257,"pds-text",{"align":[1],"color":[1],"decoration":[1],"gutter":[1],"italic":[4],"size":[1],"weight":[1],"tag":[1],"truncate":[516]},null,{"truncate":["handleTruncateChange"]}]]],["p-54a9b03a",[[257,"pds-icon",{"color":[1],"flipRtl":[4,"flip-rtl"],"icon":[8],"name":[513],"size":[513],"src":[1],"ariaLabel":[32],"isVisible":[32],"svgContent":[32]},null,{"size":["updateStyles"],"color":["updateStyles"],"name":["onIconPropertyChange"],"src":["onIconPropertyChange"],"icon":["onIconPropertyChange"]}]]],["p-24c47b6e",[[321,"pds-checkbox",{"checked":[1028],"componentId":[1,"component-id"],"disabled":[4],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"indeterminate":[1028],"invalid":[4],"label":[1],"hideLabel":[4,"hide-label"],"name":[1],"required":[4],"value":[1]},null,{"checked":["updateIndeterminate","checkedChanged"]}]]],["p-cff05483",[[257,"pds-loader",{"isLoading":[4,"is-loading"],"showLabel":[4,"show-label"],"size":[513],"variant":[1]}]]],["p-0a4707b8",[[256,"pds-box",{"alignItems":[1,"align-items"],"alignItemsXs":[1,"align-items-xs"],"alignItemsSm":[1,"align-items-sm"],"alignItemsMd":[1,"align-items-md"],"alignItemsLg":[1,"align-items-lg"],"alignItemsXl":[1,"align-items-xl"],"alignSelf":[1,"align-self"],"alignSelfXs":[1,"align-self-xs"],"alignSelfSm":[1,"align-self-sm"],"alignSelfMd":[1,"align-self-md"],"alignSelfLg":[1,"align-self-lg"],"alignSelfXl":[1,"align-self-xl"],"auto":[4],"autoXs":[4,"auto-xs"],"autoSm":[4,"auto-sm"],"autoMd":[4,"auto-md"],"autoLg":[4,"auto-lg"],"autoXl":[4,"auto-xl"],"backgroundColor":[1,"background-color"],"border":[4],"borderColor":[1,"border-color"],"borderRadius":[1,"border-radius"],"direction":[1],"display":[1],"fit":[4],"fitXs":[4,"fit-xs"],"fitSm":[4,"fit-sm"],"fitMd":[4,"fit-md"],"fitLg":[4,"fit-lg"],"fitXl":[4,"fit-xl"],"gap":[1],"gapXs":[1,"gap-xs"],"gapSm":[1,"gap-sm"],"gapMd":[1,"gap-md"],"gapLg":[1,"gap-lg"],"gapXl":[1,"gap-xl"],"wrap":[4],"wrapXs":[4,"wrap-xs"],"wrapSm":[4,"wrap-sm"],"wrapMd":[4,"wrap-md"],"wrapLg":[4,"wrap-lg"],"wrapXl":[4,"wrap-xl"],"flex":[1],"justifyContent":[1,"justify-content"],"justifyContentXs":[1,"justify-content-xs"],"justifyContentSm":[1,"justify-content-sm"],"justifyContentMd":[1,"justify-content-md"],"justifyContentLg":[1,"justify-content-lg"],"justifyContentXl":[1,"justify-content-xl"],"marginBlockStart":[1,"margin-block-start"],"marginBlockStartXs":[1,"margin-block-start-xs"],"marginBlockStartSm":[1,"margin-block-start-sm"],"marginBlockStartMd":[1,"margin-block-start-md"],"marginBlockStartLg":[1,"margin-block-start-lg"],"marginBlockStartXl":[1,"margin-block-start-xl"],"marginInlineStart":[1,"margin-inline-start"],"marginInlineStartXs":[1,"margin-inline-start-xs"],"marginInlineStartSm":[1,"margin-inline-start-sm"],"marginInlineStartMd":[1,"margin-inline-start-md"],"marginInlineStartLg":[1,"margin-inline-start-lg"],"marginInlineStartXl":[1,"margin-inline-start-xl"],"marginInlineEnd":[1,"margin-inline-end"],"marginInlineEndXs":[1,"margin-inline-end-xs"],"marginInlineEndSm":[1,"margin-inline-end-sm"],"marginInlineEndMd":[1,"margin-inline-end-md"],"marginInlineEndLg":[1,"margin-inline-end-lg"],"marginInlineEndXl":[1,"margin-inline-end-xl"],"marginBlockEnd":[1,"margin-block-end"],"marginBlockEndXs":[1,"margin-block-end-xs"],"marginBlockEndSm":[1,"margin-block-end-sm"],"marginBlockEndMd":[1,"margin-block-end-md"],"marginBlockEndLg":[1,"margin-block-end-lg"],"marginBlockEndXl":[1,"margin-block-end-xl"],"minHeight":[513,"min-height"],"minWidth":[513,"min-width"],"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"padding":[1],"paddingXs":[1,"padding-xs"],"paddingSm":[1,"padding-sm"],"paddingMd":[1,"padding-md"],"paddingLg":[1,"padding-lg"],"paddingXl":[1,"padding-xl"],"paddingBlockStart":[1,"padding-block-start"],"paddingBlockStartXs":[1,"padding-block-start-xs"],"paddingBlockStartSm":[1,"padding-block-start-sm"],"paddingBlockStartMd":[1,"padding-block-start-md"],"paddingBlockStartLg":[1,"padding-block-start-lg"],"paddingBlockStartXl":[1,"padding-block-start-xl"],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockEndXs":[1,"padding-block-end-xs"],"paddingBlockEndSm":[1,"padding-block-end-sm"],"paddingBlockEndMd":[1,"padding-block-end-md"],"paddingBlockEndLg":[1,"padding-block-end-lg"],"paddingBlockEndXl":[1,"padding-block-end-xl"],"paddingInlineStart":[1,"padding-inline-start"],"paddingInlineStartXs":[1,"padding-inline-start-xs"],"paddingInlineStartSm":[1,"padding-inline-start-sm"],"paddingInlineStartMd":[1,"padding-inline-start-md"],"paddingInlineStartLg":[1,"padding-inline-start-lg"],"paddingInlineStartXl":[1,"padding-inline-start-xl"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineEndXs":[1,"padding-inline-end-xs"],"paddingInlineEndSm":[1,"padding-inline-end-sm"],"paddingInlineEndMd":[1,"padding-inline-end-md"],"paddingInlineEndLg":[1,"padding-inline-end-lg"],"paddingInlineEndXl":[1,"padding-inline-end-xl"],"shadow":[1],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]}]]]]'),e)}));
+import{p as e,g as n,b as a}from"./p-C_yp7uLt.js";export{s as setNonce}from"./p-C_yp7uLt.js";var i=()=>{const n=import.meta.url;const a={};if(n!==""){a.resourcesUrl=new URL(".",n).href}return e(a)};i().then((async e=>{await n();return a(JSON.parse('[["p-b49dfc1f",[[321,"pds-multiselect",{"componentId":[1,"component-id"],"label":[1],"placeholder":[1],"searchPlaceholder":[1,"search-placeholder"],"closePanelOnSelect":[4,"close-panel-on-select"],"name":[1],"value":[1040],"disabled":[4],"asyncUrl":[1,"async-url"],"asyncMethod":[1,"async-method"],"debounce":[2],"fetchTimeout":[2,"fetch-timeout"],"maxSelections":[2,"max-selections"],"maxHeight":[1,"max-height"],"triggerWidth":[1,"trigger-width"],"minWidth":[1,"min-width"],"panelWidth":[1,"panel-width"],"hideLabel":[4,"hide-label"],"hideSelectedItems":[4,"hide-selected-items"],"selectedDisplay":[1,"selected-display"],"pillPosition":[1,"pill-position"],"maxInlinePills":[2,"max-inline-pills"],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"invalid":[4],"required":[4],"loading":[1028],"options":[16],"formatResult":[16],"createUrl":[1,"create-url"],"csrfToken":[1,"csrf-token"],"csrfHeaderName":[1,"csrf-header-name"],"isOpen":[32],"searchQuery":[32],"highlightedIndex":[32],"internalOptions":[32],"selectedItems":[32],"currentPage":[32],"hasMore":[32],"creating":[32],"removalAnnouncement":[32],"setFocus":[64],"clear":[64]},[[8,"keydown","handleWindowKeyDown"]],{"debounce":["setupDebounce"],"value":["valueChanged"],"options":["optionsChanged"],"internalOptions":["internalOptionsChanged"]}]]],["p-1208f3f4",[[321,"pds-combobox",{"componentId":[1,"component-id"],"name":[513],"customOptionLayouts":[4,"custom-option-layouts"],"customTriggerContent":[4,"custom-trigger-content"],"disabled":[4],"dropdownPlacement":[1,"dropdown-placement"],"dropdownWidth":[1,"dropdown-width"],"hideLabel":[4,"hide-label"],"label":[1],"maxHeight":[1,"max-height"],"mode":[1],"placeholder":[1],"trigger":[1],"triggerWidth":[1,"trigger-width"],"triggerVariant":[1,"trigger-variant"],"triggerShape":[1,"trigger-shape"],"chipSentiment":[1,"chip-sentiment"],"chipLarge":[4,"chip-large"],"chipIcon":[1,"chip-icon"],"chipDot":[4,"chip-dot"],"value":[1025],"asyncUrl":[1,"async-url"],"asyncMethod":[1,"async-method"],"debounce":[2],"fetchTimeout":[2,"fetch-timeout"],"loading":[1028],"options":[16],"formatResult":[16],"displayText":[32],"filteredItems":[32],"highlightedIndex":[32],"isOpen":[32],"selectedOption":[32],"selectedOptionLayoutContent":[32],"selectedOptionChipProps":[32],"internalOptions":[32],"currentPage":[32],"hasMore":[32],"setFocus":[64],"getSelectedValue":[64]},null,{"debounce":["setupDebounce"],"options":["optionsChanged"],"value":["handleValueChange"],"selectedOption":["handleSelectedOptionChange"]}]]],["p-c5e46981",[[257,"pds-alert",{"componentId":[1,"component-id"],"heading":[1],"small":[4],"dismissible":[4],"variant":[1],"hasActionsContent":[32]}]]],["p-78c25934",[[257,"pds-copytext",{"border":[516],"componentId":[1,"component-id"],"fullWidth":[4,"full-width"],"truncate":[4],"value":[1]},null,{"truncate":["handleTruncateChange"],"value":["handleValueChange"]}]]],["p-b25c2d6b",[[257,"pds-table-head",{"indeterminate":[1028],"isSelected":[1028,"is-selected"],"border":[516],"background":[516]}]]],["p-540cc2b1",[[257,"pds-table-row",{"indeterminate":[1028],"isSelected":[1028,"is-selected"],"hasDivider":[32],"isLastRow":[32]}]]],["p-9b3a5038",[[257,"pds-dropdown-menu-item",{"componentId":[1,"component-id"],"destructive":[4],"disabled":[516],"download":[1],"href":[1],"external":[516],"target":[513],"hasFocus":[32],"clickItem":[64]}]]],["p-b600e6a7",[[257,"pds-property",{"componentId":[1,"component-id"],"icon":[1]}]]],["p-53698627",[[257,"pds-accordion",{"componentId":[1,"component-id"],"isOpen":[1540,"open"]},null,{"isOpen":["handleOpenState"]}]]],["p-5ab1ae44",[[257,"pds-avatar",{"alt":[1],"badge":[4],"componentId":[1,"component-id"],"dropdown":[4],"image":[1],"initials":[1],"size":[513],"variant":[513]}]]],["p-99343ac6",[[257,"pds-dropdown-menu",{"componentId":[1,"component-id"],"placement":[1],"currentFocusIndex":[32]},[[8,"keydown","handleKeyDown"],[8,"click","handleWindowClick"]]]]],["p-5eba0eed",[[257,"pds-filter",{"componentId":[1,"component-id"],"variant":[1],"icon":[1],"text":[1],"isOpen":[32],"showFilter":[64],"hideFilter":[64]},[[9,"resize","handleWindowResize"],[9,"scroll","handleWindowScroll"],[4,"toggle","handlePopoverToggle"],[4,"click","handleDocumentClick"],[4,"keydown","handleEscapeKey"]]]]],["p-feb666bb",[[321,"pds-input",{"autocomplete":[1],"componentId":[1,"component-id"],"debounce":[2],"disabled":[4],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"invalid":[4],"label":[1],"hideLabel":[4,"hide-label"],"max":[1],"maxlength":[1],"min":[1],"minlength":[1],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"step":[1],"type":[1],"value":[1032],"fullWidth":[4,"full-width"],"highlight":[516],"hasPrefix":[32],"hasSuffix":[32],"hasPrepend":[32],"hasAppend":[32],"hasAction":[32],"hasFocus":[32],"setFocus":[64]},null,{"debounce":["debounceChanged"],"value":["valueChanged"]}]]],["p-8d887560",[[262,"pds-radio",{"checked":[4],"componentId":[1,"component-id"],"disabled":[4],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"hasBorder":[4,"has-border"],"invalid":[4],"label":[1],"hideLabel":[4,"hide-label"],"name":[1],"required":[4],"value":[1],"_hasImage":[32]}]]],["p-8911278b",[[262,"pds-radio-group",{"componentId":[1,"component-id"],"direction":[1],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"gap":[1],"disabled":[4],"invalid":[4],"groupLabel":[1,"group-label"],"name":[1],"required":[4]},[[0,"change","handleRadioChange"]],{"name":["handlePropsChange"],"disabled":["handlePropsChange"],"invalid":["handlePropsChange"],"required":["handlePropsChange"]}]]],["p-ae7f32cd",[[321,"pds-select",{"autocomplete":[1],"componentId":[1,"component-id"],"disabled":[4],"errorMessage":[1,"error-message"],"hideLabel":[4,"hide-label"],"helperMessage":[1,"helper-message"],"invalid":[4],"label":[1],"multiple":[4],"name":[1],"required":[4],"highlight":[516],"value":[1025]},null,{"value":["valueChanged"],"multiple":["multipleChanged"]}]]],["p-00024af8",[[262,"pds-sortable-item",{"enableActions":[4,"enable-actions"],"componentId":[1,"component-id"],"showHandle":[1028,"show-handle"]}]]],["p-b175be8e",[[321,"pds-switch",{"componentId":[1,"component-id"],"checked":[1028],"disabled":[4],"errorMessage":[1,"error-message"],"hideLabel":[4,"hide-label"],"helperMessage":[1,"helper-message"],"invalid":[4],"label":[1],"name":[1],"required":[4],"value":[1]},null,{"checked":["checkedChanged"]}]]],["p-a99138df",[[321,"pds-textarea",{"autocomplete":[1],"componentId":[1,"component-id"],"disabled":[4],"debounce":[2],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"invalid":[1028],"label":[1],"hideLabel":[4,"hide-label"],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"rows":[2],"maxLength":[514,"max-length"],"highlight":[516],"value":[1025],"hasFocus":[32],"hasAction":[32],"setFocus":[64]},null,{"debounce":["debounceChanged"],"value":["valueChanged"],"maxLength":["maxLengthChanged"]}]]],["p-097a9e35",[[257,"pds-toast",{"componentId":[1,"component-id"],"dismissible":[4],"duration":[2],"icon":[1],"type":[1],"isVisible":[32],"isAnimatingOut":[32],"dismiss":[64]},null,{"duration":["handleDurationChange"]}]]],["p-feb34c51",[[260,"mock-pds-modal",{"componentId":[1,"component-id"],"size":[1],"scrollable":[4],"backdropDismiss":[4,"backdrop-dismiss"],"open":[1028],"showModal":[64],"hideModal":[64]}]]],["p-afa702b7",[[257,"pds-container",{"size":[1],"tag":[1],"centered":[4]}]]],["p-f418ab61",[[257,"pds-divider",{"componentId":[1,"component-id"],"offset":[1],"vertical":[4]}]]],["p-16c99374",[[257,"pds-dropdown-menu-separator",{"componentId":[1,"component-id"],"disabled":[4]}]]],["p-8771e85a",[[257,"pds-filters",{"componentId":[1,"component-id"]}]]],["p-0b370949",[[257,"pds-image",{"alt":[1],"componentId":[1,"component-id"],"height":[2],"loading":[1],"sizes":[1],"src":[1],"srcset":[1],"width":[2]}]]],["p-f4eec381",[[260,"pds-modal",{"backdropDismiss":[4,"backdrop-dismiss"],"componentId":[1,"component-id"],"open":[1028],"size":[1],"scrollable":[4],"focusableElementsArray":[32],"showModal":[64],"hideModal":[64]},null,{"open":["handleOpenChange"]}]]],["p-dcf0eb78",[[260,"pds-modal-content",{"border":[1537],"contentMaxHeight":[32]}]]],["p-d8f68dae",[[260,"pds-modal-footer"]]],["p-6b153192",[[260,"pds-modal-header"]]],["p-356aea4b",[[257,"pds-popover",{"popoverTargetAction":[1,"popover-target-action"],"popoverType":[1,"popover-type"],"componentId":[1,"component-id"],"maxWidth":[2,"max-width"],"placement":[513],"active":[32],"show":[64],"hide":[64],"toggle":[64]}]]],["p-7047497f",[[257,"pds-progress",{"animated":[4],"componentId":[1,"component-id"],"fillColor":[1,"fill-color"],"label":[1],"percent":[2],"showPercent":[4,"show-percent"]}]]],["p-9b71468c",[[256,"pds-row",{"alignItems":[1,"align-items"],"border":[4],"colGap":[1,"col-gap"],"colGapBlock":[1,"col-gap-block"],"colGapInline":[1,"col-gap-inline"],"componentId":[1,"component-id"],"justifyContent":[1,"justify-content"],"minHeight":[1,"min-height"],"noWrap":[4,"no-wrap"]}]]],["p-3d057491",[[262,"pds-sortable",{"border":[516],"disabled":[516],"componentId":[1,"component-id"],"dividers":[516],"handleType":[1,"handle-type"]},null,{"disabled":["handleDisabledChange"]}]]],["p-7d46955b",[[260,"pds-tab",{"disabled":[4],"name":[1],"parentComponentId":[1,"parent-component-id"],"variant":[1],"index":[2],"selected":[4]}]]],["p-348c17bf",[[257,"pds-table",{"compact":[4],"componentId":[1,"component-id"],"responsive":[4],"fixedColumn":[4,"fixed-column"],"selectable":[4],"disableSelectAll":[4,"disable-select-all"],"rowDividers":[516,"row-dividers"],"defaultSortColumn":[1,"default-sort-column"],"defaultSortDirection":[1,"default-sort-direction"],"sortingColumn":[32],"sortingDirection":[32]},[[0,"pdsTableSort","handleTableSort"],[0,"pdsTableSelectAll","handleTableSelectAll"],[0,"pdsTableRowSelected","handleTableSelect"]]]]],["p-8ab0fe54",[[257,"pds-table-body"]]],["p-5a07cff6",[[260,"pds-tabpanel",{"name":[1],"parentComponentId":[1,"parent-component-id"],"variant":[1],"selected":[1028]}]]],["p-3e6ca680",[[257,"pds-tabs",{"tablistLabel":[1,"tablist-label"],"componentId":[1,"component-id"],"variant":[1],"activeTabName":[1025,"active-tab-name"],"activeTabIndex":[1026,"active-tab-index"]},[[16,"pdsTabClick","tabClickHandler"],[0,"keydown","handleKeyDown"]]]]],["p-aaba036c",[[260,"pds-tooltip",{"content":[1],"componentId":[1,"component-id"],"hasArrow":[4,"has-arrow"],"htmlContent":[4,"html-content"],"placement":[513],"maxWidth":[1,"max-width"],"opened":[1540],"_isInteractiveOpen":[32],"showTooltip":[64],"hideTooltip":[64]},null,{"opened":["handleOpenToggle"]}]]],["p-7c23fcf5",[[257,"pds-button",{"componentId":[1,"component-id"],"download":[1],"disabled":[516],"fullWidth":[4,"full-width"],"href":[1],"icon":[1],"iconOnly":[4,"icon-only"],"loading":[4],"name":[1],"target":[1],"type":[1],"value":[1],"size":[1],"variant":[1],"hasStartContent":[32],"hasEndContent":[32]},[[16,"keydown","handleFormKeyDown"]]]]],["p-7b1cebb9",[[257,"pds-link",{"color":[1],"download":[1],"componentId":[1,"component-id"],"external":[4],"target":[1],"variant":[1],"fontSize":[1,"font-size"],"href":[1]}]]],["p-4542a964",[[257,"pds-table-head-cell",{"cellAlign":[1,"cell-align"],"sortable":[4],"sortingDirection":[32],"tableScrolling":[32],"isSelected":[32],"hasHeadBorder":[32],"hasHeadBackground":[32],"isActive":[32],"setActiveSort":[64],"clearActiveSort":[64]}]]],["p-4b5a97ad",[[257,"pds-table-cell",{"cellAlign":[1,"cell-align"],"truncate":[4],"tableScrolling":[32]},null,{"truncate":["handleTruncateChange"]}]]],["p-d26019b2",[[257,"pds-chip",{"componentId":[1,"component-id"],"dot":[4],"icon":[1],"large":[4],"size":[1],"sentiment":[1],"variant":[1],"removeUrl":[1,"remove-url"],"removeHttpMethod":[1,"remove-http-method"],"removeTarget":[1,"remove-target"]}]]],["p-175f34e1",[[257,"pds-text",{"align":[1],"color":[1],"decoration":[1],"gutter":[1],"italic":[4],"size":[1],"weight":[1],"tag":[1],"truncate":[516]},null,{"truncate":["handleTruncateChange"]}]]],["p-b3a36a0e",[[257,"pds-icon",{"color":[1],"flipRtl":[4,"flip-rtl"],"icon":[8],"name":[513],"size":[513],"src":[1],"ariaLabel":[32],"isVisible":[32],"svgContent":[32]},null,{"size":["updateStyles"],"color":["updateStyles"],"name":["onIconPropertyChange"],"src":["onIconPropertyChange"],"icon":["onIconPropertyChange"]}]]],["p-4f2ff60a",[[321,"pds-checkbox",{"checked":[1028],"componentId":[1,"component-id"],"disabled":[4],"errorMessage":[1,"error-message"],"helperMessage":[1,"helper-message"],"indeterminate":[1028],"invalid":[4],"label":[1],"hideLabel":[4,"hide-label"],"name":[1],"required":[4],"value":[1]},null,{"checked":["updateIndeterminate","checkedChanged"]}]]],["p-3b32b411",[[257,"pds-loader",{"isLoading":[4,"is-loading"],"showLabel":[4,"show-label"],"size":[513],"variant":[1]}]]],["p-26cdbf99",[[256,"pds-box",{"alignItems":[1,"align-items"],"alignItemsXs":[1,"align-items-xs"],"alignItemsSm":[1,"align-items-sm"],"alignItemsMd":[1,"align-items-md"],"alignItemsLg":[1,"align-items-lg"],"alignItemsXl":[1,"align-items-xl"],"alignSelf":[1,"align-self"],"alignSelfXs":[1,"align-self-xs"],"alignSelfSm":[1,"align-self-sm"],"alignSelfMd":[1,"align-self-md"],"alignSelfLg":[1,"align-self-lg"],"alignSelfXl":[1,"align-self-xl"],"auto":[4],"autoXs":[4,"auto-xs"],"autoSm":[4,"auto-sm"],"autoMd":[4,"auto-md"],"autoLg":[4,"auto-lg"],"autoXl":[4,"auto-xl"],"backgroundColor":[1,"background-color"],"border":[4],"borderColor":[1,"border-color"],"borderRadius":[1,"border-radius"],"direction":[1],"display":[1],"fit":[4],"fitXs":[4,"fit-xs"],"fitSm":[4,"fit-sm"],"fitMd":[4,"fit-md"],"fitLg":[4,"fit-lg"],"fitXl":[4,"fit-xl"],"gap":[1],"gapXs":[1,"gap-xs"],"gapSm":[1,"gap-sm"],"gapMd":[1,"gap-md"],"gapLg":[1,"gap-lg"],"gapXl":[1,"gap-xl"],"wrap":[4],"wrapXs":[4,"wrap-xs"],"wrapSm":[4,"wrap-sm"],"wrapMd":[4,"wrap-md"],"wrapLg":[4,"wrap-lg"],"wrapXl":[4,"wrap-xl"],"flex":[1],"justifyContent":[1,"justify-content"],"justifyContentXs":[1,"justify-content-xs"],"justifyContentSm":[1,"justify-content-sm"],"justifyContentMd":[1,"justify-content-md"],"justifyContentLg":[1,"justify-content-lg"],"justifyContentXl":[1,"justify-content-xl"],"marginBlockStart":[1,"margin-block-start"],"marginBlockStartXs":[1,"margin-block-start-xs"],"marginBlockStartSm":[1,"margin-block-start-sm"],"marginBlockStartMd":[1,"margin-block-start-md"],"marginBlockStartLg":[1,"margin-block-start-lg"],"marginBlockStartXl":[1,"margin-block-start-xl"],"marginInlineStart":[1,"margin-inline-start"],"marginInlineStartXs":[1,"margin-inline-start-xs"],"marginInlineStartSm":[1,"margin-inline-start-sm"],"marginInlineStartMd":[1,"margin-inline-start-md"],"marginInlineStartLg":[1,"margin-inline-start-lg"],"marginInlineStartXl":[1,"margin-inline-start-xl"],"marginInlineEnd":[1,"margin-inline-end"],"marginInlineEndXs":[1,"margin-inline-end-xs"],"marginInlineEndSm":[1,"margin-inline-end-sm"],"marginInlineEndMd":[1,"margin-inline-end-md"],"marginInlineEndLg":[1,"margin-inline-end-lg"],"marginInlineEndXl":[1,"margin-inline-end-xl"],"marginBlockEnd":[1,"margin-block-end"],"marginBlockEndXs":[1,"margin-block-end-xs"],"marginBlockEndSm":[1,"margin-block-end-sm"],"marginBlockEndMd":[1,"margin-block-end-md"],"marginBlockEndLg":[1,"margin-block-end-lg"],"marginBlockEndXl":[1,"margin-block-end-xl"],"minHeight":[513,"min-height"],"minWidth":[513,"min-width"],"offset":[1],"offsetXs":[1,"offset-xs"],"offsetSm":[1,"offset-sm"],"offsetMd":[1,"offset-md"],"offsetLg":[1,"offset-lg"],"offsetXl":[1,"offset-xl"],"padding":[1],"paddingXs":[1,"padding-xs"],"paddingSm":[1,"padding-sm"],"paddingMd":[1,"padding-md"],"paddingLg":[1,"padding-lg"],"paddingXl":[1,"padding-xl"],"paddingBlockStart":[1,"padding-block-start"],"paddingBlockStartXs":[1,"padding-block-start-xs"],"paddingBlockStartSm":[1,"padding-block-start-sm"],"paddingBlockStartMd":[1,"padding-block-start-md"],"paddingBlockStartLg":[1,"padding-block-start-lg"],"paddingBlockStartXl":[1,"padding-block-start-xl"],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockEndXs":[1,"padding-block-end-xs"],"paddingBlockEndSm":[1,"padding-block-end-sm"],"paddingBlockEndMd":[1,"padding-block-end-md"],"paddingBlockEndLg":[1,"padding-block-end-lg"],"paddingBlockEndXl":[1,"padding-block-end-xl"],"paddingInlineStart":[1,"padding-inline-start"],"paddingInlineStartXs":[1,"padding-inline-start-xs"],"paddingInlineStartSm":[1,"padding-inline-start-sm"],"paddingInlineStartMd":[1,"padding-inline-start-md"],"paddingInlineStartLg":[1,"padding-inline-start-lg"],"paddingInlineStartXl":[1,"padding-inline-start-xl"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineEndXs":[1,"padding-inline-end-xs"],"paddingInlineEndSm":[1,"padding-inline-end-sm"],"paddingInlineEndMd":[1,"padding-inline-end-md"],"paddingInlineEndLg":[1,"padding-inline-end-lg"],"paddingInlineEndXl":[1,"padding-inline-end-xl"],"shadow":[1],"size":[1],"sizeXs":[1,"size-xs"],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]}]]]]'),e)}));
 //# sourceMappingURL=pine-core.esm.js.map

package/dist/pine-core/pine-core.js CHANGED Viewed

@@ -115,7 +115,7 @@ DOMTokenList
     var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
     var start = function() {
       // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
-      var url = new URL('./p-tz7Wp4Pc.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+      var url = new URL('./p-DA-RbdlV.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
       System.import(url.href);
     };

package/hydrate/index.js CHANGED Viewed

@@ -4622,9 +4622,9 @@ class PdsCheckbox {
     }; }
 }
-const pdsChipTokensCss = ":host{--pine-chip-color-accent:var(--pine-color-purple-100);--pine-chip-color-accent-hover:var(--pine-color-purple-300);--pine-chip-color-accent-dot:var(--pine-color-purple-600);--pine-chip-color-danger:var(--pine-color-red-100);--pine-chip-color-danger-hover:var(--pine-color-red-300);--pine-chip-color-danger-dot:var(--pine-color-red-600);--pine-chip-color-info:var(--pine-color-blue-100);--pine-chip-color-info-hover:var(--pine-color-blue-300);--pine-chip-color-info-dot:var(--pine-color-blue-600);--pine-chip-color-neutral:var(--pine-color-grey-100);--pine-chip-color-neutral-hover:var(--pine-color-grey-300);--pine-chip-color-neutral-dot:var(--pine-color-grey-600);--pine-chip-color-success:var(--pine-color-green-100);--pine-chip-color-success-hover:var(--pine-color-green-300);--pine-chip-color-success-dot:var(--pine-color-green-600);--pine-chip-color-warning:var(--pine-color-yellow-100);--pine-chip-color-warning-hover:var(--pine-color-yellow-300);--pine-chip-color-warning-dot:var(--pine-color-yellow-600)}";
+const pdsChipTokensCss = ":host{--pine-chip-color-accent:var(--pine-color-purple-100);--pine-chip-color-accent-hover:var(--pine-color-purple-300);--pine-chip-color-accent-dot:var(--pine-color-purple-600);--pine-chip-color-accent-text:var(--pine-color-purple-950);--pine-chip-color-danger:var(--pine-color-red-100);--pine-chip-color-danger-hover:var(--pine-color-red-300);--pine-chip-color-danger-dot:var(--pine-color-red-600);--pine-chip-color-danger-text:var(--pine-color-red-950);--pine-chip-color-info:var(--pine-color-blue-100);--pine-chip-color-info-hover:var(--pine-color-blue-300);--pine-chip-color-info-dot:var(--pine-color-blue-600);--pine-chip-color-info-text:var(--pine-color-blue-950);--pine-chip-color-neutral:var(--pine-color-grey-100);--pine-chip-color-neutral-hover:var(--pine-color-grey-300);--pine-chip-color-neutral-dot:var(--pine-color-grey-600);--pine-chip-color-neutral-text:var(--pine-color-grey-950);--pine-chip-color-success:var(--pine-color-green-100);--pine-chip-color-success-hover:var(--pine-color-green-300);--pine-chip-color-success-dot:var(--pine-color-green-600);--pine-chip-color-success-text:var(--pine-color-green-950);--pine-chip-color-warning:var(--pine-color-yellow-100);--pine-chip-color-warning-hover:var(--pine-color-yellow-300);--pine-chip-color-warning-dot:var(--pine-color-yellow-600);--pine-chip-color-warning-text:var(--pine-color-yellow-950)}:host-context([data-theme=dark]){--pine-chip-color-accent:var(--pine-color-purple-900);--pine-chip-color-accent-hover:var(--pine-color-purple-800);--pine-chip-color-accent-dot:var(--pine-color-purple-400);--pine-chip-color-accent-text:var(--pine-color-purple-100);--pine-chip-color-danger:var(--pine-color-red-900);--pine-chip-color-danger-hover:var(--pine-color-red-800);--pine-chip-color-danger-dot:var(--pine-color-red-400);--pine-chip-color-danger-text:var(--pine-color-red-100);--pine-chip-color-info:var(--pine-color-blue-900);--pine-chip-color-info-hover:var(--pine-color-blue-800);--pine-chip-color-info-dot:var(--pine-color-blue-400);--pine-chip-color-info-text:var(--pine-color-blue-100);--pine-chip-color-neutral:var(--pine-color-grey-800);--pine-chip-color-neutral-hover:var(--pine-color-grey-600);--pine-chip-color-neutral-dot:var(--pine-color-grey-300);--pine-chip-color-neutral-text:var(--pine-color-grey-100);--pine-chip-color-success:var(--pine-color-green-900);--pine-chip-color-success-hover:var(--pine-color-green-800);--pine-chip-color-success-dot:var(--pine-color-green-400);--pine-chip-color-success-text:var(--pine-color-green-100);--pine-chip-color-warning:var(--pine-color-yellow-900);--pine-chip-color-warning-hover:var(--pine-color-yellow-800);--pine-chip-color-warning-dot:var(--pine-color-yellow-400);--pine-chip-color-warning-text:var(--pine-color-yellow-100)}";
-const pdsChipCss = ":host{--sizing-close:var(--pine-dimension-125);-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);display:-ms-inline-flexbox;display:inline-flex;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--accent){background:var(--pine-chip-color-accent);border:var(--pine-border-width) solid var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--pine-chip-color-accent-dot)}:host(.pds-chip--accent) .pds-chip__label,:host(.pds-chip--accent) .pds-chip__button,:host(.pds-chip--accent) .pds-chip__close{color:var(--pine-color-text-accent);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--danger){background:var(--pine-chip-color-danger);border:var(--pine-border-width) solid var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--pine-chip-color-danger-dot)}:host(.pds-chip--danger) .pds-chip__label,:host(.pds-chip--danger) .pds-chip__button,:host(.pds-chip--danger) .pds-chip__close{color:var(--pine-color-text-danger);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--info){background:var(--pine-chip-color-info);border:var(--pine-border-width) solid var(--pine-chip-color-info-hover)}:host(.pds-chip--info) .pds-chip__dot{background:var(--pine-chip-color-info-dot)}:host(.pds-chip--info) .pds-chip__label,:host(.pds-chip--info) .pds-chip__button,:host(.pds-chip--info) .pds-chip__close{color:var(--pine-color-text-info);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--pine-chip-color-info-hover)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--pine-chip-color-info-hover)}:host(.pds-chip--neutral){background:var(--pine-chip-color-neutral);border:var(--pine-border-width) solid var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--pine-chip-color-neutral-dot)}:host(.pds-chip--neutral) .pds-chip__label,:host(.pds-chip--neutral) .pds-chip__button,:host(.pds-chip--neutral) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--success){background:var(--pine-chip-color-success);border:var(--pine-border-width) solid var(--pine-chip-color-success-hover)}:host(.pds-chip--success) .pds-chip__dot{background:var(--pine-chip-color-success-dot)}:host(.pds-chip--success) .pds-chip__label,:host(.pds-chip--success) .pds-chip__button,:host(.pds-chip--success) .pds-chip__close{color:var(--pine-color-text-success);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--pine-chip-color-success-hover)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--pine-chip-color-success-hover)}:host(.pds-chip--warning){background:var(--pine-chip-color-warning);border:var(--pine-border-width) solid var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--pine-chip-color-warning-dot)}:host(.pds-chip--warning) .pds-chip__label,:host(.pds-chip--warning) .pds-chip__button,:host(.pds-chip--warning) .pds-chip__close{color:var(--pine-color-text-warning);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--pine-chip-color-warning-hover)}.pds-chip__dot{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);display:inline-block;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}.pds-chip__label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__label,.pds-chip__button{font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--dropdown){padding:var(--pine-dimension-none)}.pds-chip__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-dimension-sm);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-025) var(--pine-dimension-100)}.pds-chip__button:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__button pds-icon:last-child{-webkit-margin-end:calc(var(--pine-dimension-025) * -1);margin-inline-end:calc(var(--pine-dimension-025) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--sizing-close);-webkit-margin-end:calc(var(--pine-dimension-xs) * -1);margin-inline-end:calc(var(--pine-dimension-xs) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{outline:var(--pine-outline-focus)}:host(.pds-chip--sm){--sizing-close:var(--pine-dimension-100);padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--sm) .pds-chip__label,:host(.pds-chip--sm) .pds-chip__button{font:var(--pine-typography-body-sm-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--sm.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--sm.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--sm.pds-chip--brand) .pds-chip__label{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--lg){padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150)}:host(.pds-chip--lg) .pds-chip__label,:host(.pds-chip--lg) .pds-chip__button{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}:host(.pds-chip--lg.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--lg.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-150)}:host(.pds-chip--brand){background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;padding:1px;position:relative}:host(.pds-chip--brand) .pds-chip__label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-100);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__button,:host(.pds-chip--brand) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__close:hover{background:rgba(255, 255, 255, 0.8)}";
+const pdsChipCss = ":host{--sizing-close:var(--pine-dimension-125);-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);display:-ms-inline-flexbox;display:inline-flex;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--accent){background:var(--pine-chip-color-accent);border:var(--pine-border-width) solid var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--pine-chip-color-accent-dot)}:host(.pds-chip--accent) .pds-chip__label,:host(.pds-chip--accent) .pds-chip__button,:host(.pds-chip--accent) .pds-chip__close{color:var(--pine-chip-color-accent-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--danger){background:var(--pine-chip-color-danger);border:var(--pine-border-width) solid var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--pine-chip-color-danger-dot)}:host(.pds-chip--danger) .pds-chip__label,:host(.pds-chip--danger) .pds-chip__button,:host(.pds-chip--danger) .pds-chip__close{color:var(--pine-chip-color-danger-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--info){background:var(--pine-chip-color-info);border:var(--pine-border-width) solid var(--pine-chip-color-info-hover)}:host(.pds-chip--info) .pds-chip__dot{background:var(--pine-chip-color-info-dot)}:host(.pds-chip--info) .pds-chip__label,:host(.pds-chip--info) .pds-chip__button,:host(.pds-chip--info) .pds-chip__close{color:var(--pine-chip-color-info-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--pine-chip-color-info-hover)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--pine-chip-color-info-hover)}:host(.pds-chip--neutral){background:var(--pine-chip-color-neutral);border:var(--pine-border-width) solid var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--pine-chip-color-neutral-dot)}:host(.pds-chip--neutral) .pds-chip__label,:host(.pds-chip--neutral) .pds-chip__button,:host(.pds-chip--neutral) .pds-chip__close{color:var(--pine-chip-color-neutral-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--success){background:var(--pine-chip-color-success);border:var(--pine-border-width) solid var(--pine-chip-color-success-hover)}:host(.pds-chip--success) .pds-chip__dot{background:var(--pine-chip-color-success-dot)}:host(.pds-chip--success) .pds-chip__label,:host(.pds-chip--success) .pds-chip__button,:host(.pds-chip--success) .pds-chip__close{color:var(--pine-chip-color-success-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--pine-chip-color-success-hover)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--pine-chip-color-success-hover)}:host(.pds-chip--warning){background:var(--pine-chip-color-warning);border:var(--pine-border-width) solid var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--pine-chip-color-warning-dot)}:host(.pds-chip--warning) .pds-chip__label,:host(.pds-chip--warning) .pds-chip__button,:host(.pds-chip--warning) .pds-chip__close{color:var(--pine-chip-color-warning-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--pine-chip-color-warning-hover)}.pds-chip__dot{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);display:inline-block;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}.pds-chip__label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__label,.pds-chip__button{font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--dropdown){padding:var(--pine-dimension-none)}.pds-chip__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-dimension-sm);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-025) var(--pine-dimension-100)}.pds-chip__button:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__button pds-icon:last-child{-webkit-margin-end:calc(var(--pine-dimension-025) * -1);margin-inline-end:calc(var(--pine-dimension-025) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--sizing-close);-webkit-margin-end:calc(var(--pine-dimension-xs) * -1);margin-inline-end:calc(var(--pine-dimension-xs) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{outline:var(--pine-outline-focus)}:host(.pds-chip--sm){--sizing-close:var(--pine-dimension-100);padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--sm) .pds-chip__label,:host(.pds-chip--sm) .pds-chip__button{font:var(--pine-typography-body-sm-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--sm.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--sm.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--sm.pds-chip--brand) .pds-chip__label{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--lg){padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150)}:host(.pds-chip--lg) .pds-chip__label,:host(.pds-chip--lg) .pds-chip__button{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}:host(.pds-chip--lg.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--lg.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-150)}:host(.pds-chip--brand){background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;padding:1px;position:relative}:host(.pds-chip--brand) .pds-chip__label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-100);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__button,:host(.pds-chip--brand) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__close:hover{background:rgba(255, 255, 255, 0.8)}";
 /**
  * @slot (default) - The chip's label text.

package/hydrate/index.mjs CHANGED Viewed

@@ -4620,9 +4620,9 @@ class PdsCheckbox {
     }; }
 }
-const pdsChipTokensCss = ":host{--pine-chip-color-accent:var(--pine-color-purple-100);--pine-chip-color-accent-hover:var(--pine-color-purple-300);--pine-chip-color-accent-dot:var(--pine-color-purple-600);--pine-chip-color-danger:var(--pine-color-red-100);--pine-chip-color-danger-hover:var(--pine-color-red-300);--pine-chip-color-danger-dot:var(--pine-color-red-600);--pine-chip-color-info:var(--pine-color-blue-100);--pine-chip-color-info-hover:var(--pine-color-blue-300);--pine-chip-color-info-dot:var(--pine-color-blue-600);--pine-chip-color-neutral:var(--pine-color-grey-100);--pine-chip-color-neutral-hover:var(--pine-color-grey-300);--pine-chip-color-neutral-dot:var(--pine-color-grey-600);--pine-chip-color-success:var(--pine-color-green-100);--pine-chip-color-success-hover:var(--pine-color-green-300);--pine-chip-color-success-dot:var(--pine-color-green-600);--pine-chip-color-warning:var(--pine-color-yellow-100);--pine-chip-color-warning-hover:var(--pine-color-yellow-300);--pine-chip-color-warning-dot:var(--pine-color-yellow-600)}";
+const pdsChipTokensCss = ":host{--pine-chip-color-accent:var(--pine-color-purple-100);--pine-chip-color-accent-hover:var(--pine-color-purple-300);--pine-chip-color-accent-dot:var(--pine-color-purple-600);--pine-chip-color-accent-text:var(--pine-color-purple-950);--pine-chip-color-danger:var(--pine-color-red-100);--pine-chip-color-danger-hover:var(--pine-color-red-300);--pine-chip-color-danger-dot:var(--pine-color-red-600);--pine-chip-color-danger-text:var(--pine-color-red-950);--pine-chip-color-info:var(--pine-color-blue-100);--pine-chip-color-info-hover:var(--pine-color-blue-300);--pine-chip-color-info-dot:var(--pine-color-blue-600);--pine-chip-color-info-text:var(--pine-color-blue-950);--pine-chip-color-neutral:var(--pine-color-grey-100);--pine-chip-color-neutral-hover:var(--pine-color-grey-300);--pine-chip-color-neutral-dot:var(--pine-color-grey-600);--pine-chip-color-neutral-text:var(--pine-color-grey-950);--pine-chip-color-success:var(--pine-color-green-100);--pine-chip-color-success-hover:var(--pine-color-green-300);--pine-chip-color-success-dot:var(--pine-color-green-600);--pine-chip-color-success-text:var(--pine-color-green-950);--pine-chip-color-warning:var(--pine-color-yellow-100);--pine-chip-color-warning-hover:var(--pine-color-yellow-300);--pine-chip-color-warning-dot:var(--pine-color-yellow-600);--pine-chip-color-warning-text:var(--pine-color-yellow-950)}:host-context([data-theme=dark]){--pine-chip-color-accent:var(--pine-color-purple-900);--pine-chip-color-accent-hover:var(--pine-color-purple-800);--pine-chip-color-accent-dot:var(--pine-color-purple-400);--pine-chip-color-accent-text:var(--pine-color-purple-100);--pine-chip-color-danger:var(--pine-color-red-900);--pine-chip-color-danger-hover:var(--pine-color-red-800);--pine-chip-color-danger-dot:var(--pine-color-red-400);--pine-chip-color-danger-text:var(--pine-color-red-100);--pine-chip-color-info:var(--pine-color-blue-900);--pine-chip-color-info-hover:var(--pine-color-blue-800);--pine-chip-color-info-dot:var(--pine-color-blue-400);--pine-chip-color-info-text:var(--pine-color-blue-100);--pine-chip-color-neutral:var(--pine-color-grey-800);--pine-chip-color-neutral-hover:var(--pine-color-grey-600);--pine-chip-color-neutral-dot:var(--pine-color-grey-300);--pine-chip-color-neutral-text:var(--pine-color-grey-100);--pine-chip-color-success:var(--pine-color-green-900);--pine-chip-color-success-hover:var(--pine-color-green-800);--pine-chip-color-success-dot:var(--pine-color-green-400);--pine-chip-color-success-text:var(--pine-color-green-100);--pine-chip-color-warning:var(--pine-color-yellow-900);--pine-chip-color-warning-hover:var(--pine-color-yellow-800);--pine-chip-color-warning-dot:var(--pine-color-yellow-400);--pine-chip-color-warning-text:var(--pine-color-yellow-100)}";
-const pdsChipCss = ":host{--sizing-close:var(--pine-dimension-125);-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);display:-ms-inline-flexbox;display:inline-flex;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--accent){background:var(--pine-chip-color-accent);border:var(--pine-border-width) solid var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--pine-chip-color-accent-dot)}:host(.pds-chip--accent) .pds-chip__label,:host(.pds-chip--accent) .pds-chip__button,:host(.pds-chip--accent) .pds-chip__close{color:var(--pine-color-text-accent);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--danger){background:var(--pine-chip-color-danger);border:var(--pine-border-width) solid var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--pine-chip-color-danger-dot)}:host(.pds-chip--danger) .pds-chip__label,:host(.pds-chip--danger) .pds-chip__button,:host(.pds-chip--danger) .pds-chip__close{color:var(--pine-color-text-danger);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--info){background:var(--pine-chip-color-info);border:var(--pine-border-width) solid var(--pine-chip-color-info-hover)}:host(.pds-chip--info) .pds-chip__dot{background:var(--pine-chip-color-info-dot)}:host(.pds-chip--info) .pds-chip__label,:host(.pds-chip--info) .pds-chip__button,:host(.pds-chip--info) .pds-chip__close{color:var(--pine-color-text-info);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--pine-chip-color-info-hover)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--pine-chip-color-info-hover)}:host(.pds-chip--neutral){background:var(--pine-chip-color-neutral);border:var(--pine-border-width) solid var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--pine-chip-color-neutral-dot)}:host(.pds-chip--neutral) .pds-chip__label,:host(.pds-chip--neutral) .pds-chip__button,:host(.pds-chip--neutral) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--success){background:var(--pine-chip-color-success);border:var(--pine-border-width) solid var(--pine-chip-color-success-hover)}:host(.pds-chip--success) .pds-chip__dot{background:var(--pine-chip-color-success-dot)}:host(.pds-chip--success) .pds-chip__label,:host(.pds-chip--success) .pds-chip__button,:host(.pds-chip--success) .pds-chip__close{color:var(--pine-color-text-success);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--pine-chip-color-success-hover)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--pine-chip-color-success-hover)}:host(.pds-chip--warning){background:var(--pine-chip-color-warning);border:var(--pine-border-width) solid var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--pine-chip-color-warning-dot)}:host(.pds-chip--warning) .pds-chip__label,:host(.pds-chip--warning) .pds-chip__button,:host(.pds-chip--warning) .pds-chip__close{color:var(--pine-color-text-warning);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--pine-chip-color-warning-hover)}.pds-chip__dot{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);display:inline-block;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}.pds-chip__label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__label,.pds-chip__button{font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--dropdown){padding:var(--pine-dimension-none)}.pds-chip__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-dimension-sm);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-025) var(--pine-dimension-100)}.pds-chip__button:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__button pds-icon:last-child{-webkit-margin-end:calc(var(--pine-dimension-025) * -1);margin-inline-end:calc(var(--pine-dimension-025) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--sizing-close);-webkit-margin-end:calc(var(--pine-dimension-xs) * -1);margin-inline-end:calc(var(--pine-dimension-xs) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{outline:var(--pine-outline-focus)}:host(.pds-chip--sm){--sizing-close:var(--pine-dimension-100);padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--sm) .pds-chip__label,:host(.pds-chip--sm) .pds-chip__button{font:var(--pine-typography-body-sm-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--sm.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--sm.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--sm.pds-chip--brand) .pds-chip__label{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--lg){padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150)}:host(.pds-chip--lg) .pds-chip__label,:host(.pds-chip--lg) .pds-chip__button{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}:host(.pds-chip--lg.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--lg.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-150)}:host(.pds-chip--brand){background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;padding:1px;position:relative}:host(.pds-chip--brand) .pds-chip__label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-100);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__button,:host(.pds-chip--brand) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__close:hover{background:rgba(255, 255, 255, 0.8)}";
+const pdsChipCss = ":host{--sizing-close:var(--pine-dimension-125);-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);display:-ms-inline-flexbox;display:inline-flex;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--accent){background:var(--pine-chip-color-accent);border:var(--pine-border-width) solid var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--pine-chip-color-accent-dot)}:host(.pds-chip--accent) .pds-chip__label,:host(.pds-chip--accent) .pds-chip__button,:host(.pds-chip--accent) .pds-chip__close{color:var(--pine-chip-color-accent-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--danger){background:var(--pine-chip-color-danger);border:var(--pine-border-width) solid var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--pine-chip-color-danger-dot)}:host(.pds-chip--danger) .pds-chip__label,:host(.pds-chip--danger) .pds-chip__button,:host(.pds-chip--danger) .pds-chip__close{color:var(--pine-chip-color-danger-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--info){background:var(--pine-chip-color-info);border:var(--pine-border-width) solid var(--pine-chip-color-info-hover)}:host(.pds-chip--info) .pds-chip__dot{background:var(--pine-chip-color-info-dot)}:host(.pds-chip--info) .pds-chip__label,:host(.pds-chip--info) .pds-chip__button,:host(.pds-chip--info) .pds-chip__close{color:var(--pine-chip-color-info-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--pine-chip-color-info-hover)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--pine-chip-color-info-hover)}:host(.pds-chip--neutral){background:var(--pine-chip-color-neutral);border:var(--pine-border-width) solid var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--pine-chip-color-neutral-dot)}:host(.pds-chip--neutral) .pds-chip__label,:host(.pds-chip--neutral) .pds-chip__button,:host(.pds-chip--neutral) .pds-chip__close{color:var(--pine-chip-color-neutral-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--success){background:var(--pine-chip-color-success);border:var(--pine-border-width) solid var(--pine-chip-color-success-hover)}:host(.pds-chip--success) .pds-chip__dot{background:var(--pine-chip-color-success-dot)}:host(.pds-chip--success) .pds-chip__label,:host(.pds-chip--success) .pds-chip__button,:host(.pds-chip--success) .pds-chip__close{color:var(--pine-chip-color-success-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--pine-chip-color-success-hover)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--pine-chip-color-success-hover)}:host(.pds-chip--warning){background:var(--pine-chip-color-warning);border:var(--pine-border-width) solid var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--pine-chip-color-warning-dot)}:host(.pds-chip--warning) .pds-chip__label,:host(.pds-chip--warning) .pds-chip__button,:host(.pds-chip--warning) .pds-chip__close{color:var(--pine-chip-color-warning-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--pine-chip-color-warning-hover)}.pds-chip__dot{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);display:inline-block;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}.pds-chip__label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__label,.pds-chip__button{font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--dropdown){padding:var(--pine-dimension-none)}.pds-chip__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-dimension-sm);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-025) var(--pine-dimension-100)}.pds-chip__button:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__button pds-icon:last-child{-webkit-margin-end:calc(var(--pine-dimension-025) * -1);margin-inline-end:calc(var(--pine-dimension-025) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--sizing-close);-webkit-margin-end:calc(var(--pine-dimension-xs) * -1);margin-inline-end:calc(var(--pine-dimension-xs) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{outline:var(--pine-outline-focus)}:host(.pds-chip--sm){--sizing-close:var(--pine-dimension-100);padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--sm) .pds-chip__label,:host(.pds-chip--sm) .pds-chip__button{font:var(--pine-typography-body-sm-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--sm.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--sm.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--sm.pds-chip--brand) .pds-chip__label{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--lg){padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150)}:host(.pds-chip--lg) .pds-chip__label,:host(.pds-chip--lg) .pds-chip__button{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}:host(.pds-chip--lg.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--lg.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-150)}:host(.pds-chip--brand){background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;padding:1px;position:relative}:host(.pds-chip--brand) .pds-chip__label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-100);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__button,:host(.pds-chip--brand) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__close:hover{background:rgba(255, 255, 255, 0.8)}";
 /**
  * @slot (default) - The chip's label text.

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@pine-ds/core",
-  "version": "3.24.2",
+  "version": "3.24.4",
   "type": "module",
   "license": "MIT",
   "description": "Base components for Pine Design System",
@@ -85,7 +85,7 @@
     "@babel/preset-env": "^7.22.10",
     "@chromatic-com/storybook": "^4.1.3",
     "@mdx-js/rollup": "^3.1.1",
-    "@pine-ds/doc-components": "^3.24.2",
+    "@pine-ds/doc-components": "^3.24.4",
     "@stencil-community/eslint-plugin": "^0.8.0",
     "@stencil/react-output-target": "^0.5.3",
     "@stencil/sass": "^3.2.0",