npm - @diwacopilot/components - Versions diffs - 1.2.0 → 1.2.2 - Mend

@diwacopilot/components 1.2.0 → 1.2.2

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 (944) hide show

package/dist/collection/components/diwa-stepper-horizontal-item/types.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/diwa-stepper-horizontal-item/types.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/*\r\n diwa-stepper-horizontal-item — Public TypeScript types\r\n */\r\n\r\nexport type StepState = 'complete' \| 'current' \| 'incomplete';\r\n"]}

package/dist/collection/components/diwa-switch/diwa-switch-styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-switch-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-switch/diwa-switch-styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,OAAgB,EAChB,QAAiB,EACjB,OAAgB,EAChB,UAA4B,EAC5B,OAAgB,EACR,EAAE;IACV,4EAA4E;IAC5E,6EAA6E;IAC7E,0EAA0E;IAC1E,MAAM,UAAU,GAAG,6GAA6G,CAAC;IACjI,MAAM,OAAO,GAAG,OAAO;QACrB,CAAC,CAAC,oBAAoB;QACtB,CAAC,CAAC,yBAAyB,CAAC;IAC9B,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAC1E,MAAM,cAAc,GAAG,OAAO;QAC5B,CAAC,CAAC,0HAA0H,UAAU,IAAI;QAC1I,CAAC,CAAC,cAAc,UAAU,GAAG,CAAC;IAChC,MAAM,YAAY,GAAG,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,EAAE,CAAC;IACtF,MAAM,OAAO,GAAG,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;IAE/D,OAAO;;;;;QAKD,OAAO,CAAC,CAAC,CAAC;;;;OAIX,CAAC,CAAC,CAAC,EAAE;;;;;;;wBAOY,OAAO;;;oBAGX,OAAO,CAAC,CAAC,CAAC,iDAAiD,CAAC,CAAC,CAAC,yCAAyC;gBAC3G,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;QACvD,YAAY;;;;;;;;;oBASA,OAAO;oDACyB,WAAW;;;;;;;;wBAQvC,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,4BAA4B;sBACrE,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,sBAAsB;;;MAG7E,aAAa,CAAC,QAAQ,CAAC;;;aAGhB,UAAU;;;;;;mBAMJ,cAAc;;;;;;;;;;;;;;;;;;;;MAoB3B,qBAAqB,CAAC,QAAQ,EAAE,QAAQ,CAAC;GAC5C,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { SwitchAlignLabel } from './types';\nimport { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\n\r\nexport const getComponentCss = (\r\n checked: boolean,\r\n disabled: boolean,\r\n loading: boolean,\r\n alignLabel: SwitchAlignLabel,\r\n compact: boolean,\r\n): string => {\r\n // Subtract border-width from inset: `top` on an absolutely-positioned child\r\n // is measured from the *padding edge* (inside the border), so we must remove\r\n // the border thickness to land exactly at the visual centre of the track.\r\n const thumbInset = 'calc((var(--diwa-switch-track-height) - var(--diwa-switch-thumb-size)) / 2 - var(--diwa-border-width-base))';\r\n const trackBg = checked\r\n ? 'var(--diwa-accent)'\r\n : 'var(--diwa-bg-elevated)';\r\n const trackBorder = checked ? 'var(--diwa-accent)' : 'var(--diwa-border)';\r\n const thumbTranslate = checked\r\n ? `translateX(calc(var(--diwa-switch-track-width) - (2 * var(--diwa-border-width-base)) - var(--diwa-switch-thumb-size) - ${thumbInset}))`\r\n : `translateX(${thumbInset})`;\r\n const opacityRules = disabled || loading ? 'opacity: 0.5; pointer-events: none;' : '';\r\n const flexDir = alignLabel === 'start' ? 'row-reverse' : 'row';\r\n\r\n return `\r\n :host {\r\n display: inline-flex;\r\n font-family: var(--diwa-font-family-base);\r\n outline: none;\r\n ${compact ? `\r\n --diwa-switch-track-width: 32px;\r\n --diwa-switch-track-height: 18px;\r\n --diwa-switch-thumb-size: 12px;\r\n ` : ''}\r\n }\r\n :host([hidden]) {\r\n display: none;\r\n }\r\n .wrapper {\n display: inline-flex;\n flex-direction: ${flexDir};\n align-items: center;\n gap: var(--diwa-space-3);\n min-height: ${compact ? 'var(--diwa-touch-target-min-size-compact, 32px)' : 'var(--diwa-touch-target-min-size, 44px)'};\n cursor: ${disabled || loading ? 'not-allowed' : 'pointer'};\n ${opacityRules}\n }\n .track {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n width: var(--diwa-switch-track-width);\r\n height: var(--diwa-switch-track-height);\r\n background: ${trackBg};\r\n border: var(--diwa-border-width-base) solid ${trackBorder};\r\n border-radius: var(--diwa-radius-xl);\r\n box-sizing: border-box;\r\n flex-shrink: 0;\r\n transition: background var(--diwa-transition-base), border-color var(--diwa-transition-base), box-shadow var(--diwa-transition-fast);\r\n }\r\n @media (hover: hover) and (pointer: fine) {\n .wrapper:hover .track {\n border-color: ${checked ? 'var(--diwa-accent-hover)' : 'var(--diwa-text-secondary)'};\n background: ${checked ? 'var(--diwa-accent-hover)' : 'var(--diwa-bg-hover)'};\n }\n }\n ${getFocusStyle('.track')}\r\n .thumb {\r\n position: absolute;\r\n top: ${thumbInset};\r\n left: 0;\r\n width: var(--diwa-switch-thumb-size);\r\n height: var(--diwa-switch-thumb-size);\r\n background: var(--diwa-bg-surface);\r\n border-radius: 50%;\r\n transform: ${thumbTranslate};\r\n box-shadow: var(--diwa-shadow-sm);\r\n transition: transform var(--diwa-transition-base), background var(--diwa-transition-base), box-shadow var(--diwa-transition-fast);\r\n pointer-events: none;\r\n }\r\n .loading-indicator {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n }\r\n .label {\r\n font-family: var(--diwa-font-family-base);\r\n font-size: var(--diwa-font-size-base);\r\n font-weight: var(--diwa-font-weight-medium);\r\n line-height: var(--diwa-line-height-normal);\r\n color: var(--diwa-text-primary);\r\n user-select: none;\r\n }\r\n\r\n ${getReducedMotionStyle('.track', '.thumb')}\r\n `;\r\n};\r\n"]}

package/dist/collection/components/diwa-switch/diwa-switch.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-switch.js","sourceRoot":"","sources":["../../../src/components/diwa-switch/diwa-switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGnF,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD;;;;GAIG;AAKH,MAAM,OAAO,UAAU;IAJvB;QAKE,6CAA6C;QACpB,YAAO,GAAY,KAAK,CAAC;QAElD,2DAA2D;QAClC,aAAQ,GAAY,KAAK,CAAC;QAEnD,gEAAgE;QACvC,YAAO,GAAY,KAAK,CAAC;QAElD,mDAAmD;QAC3C,eAAU,GAAqB,KAAK,CAAC;QAE7C,mEAAmE;QAC1C,YAAO,GAAY,KAAK,CAAC;QAElD,gEAAgE;QACvC,UAAK,GAAU,MAAM,CAAC;QAKvC,gBAAW,GAAG,GAAS,EAAE;YAC/B,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;gBAAE,OAAO;YAC1C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAC/C,CAAC,CAAC;QAEM,kBAAa,GAAG,CAAC,CAAgB,EAAQ,EAAE;YACjD,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;KAgCH;IA9BC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,mEAAa,IAAI,CAAC,KAAK;YAC1B,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,GAAI;YAC/G,6DACE,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,IAAI,CAAC,WAAW;gBAEzB,6DACE,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,QAAQ,kBACC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,mBACnB,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACjE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAChD,SAAS,EAAE,IAAI,CAAC,aAAa;oBAE5B,CAAC,IAAI,CAAC,OAAO,IAAI,6DAAM,KAAK,EAAC,OAAO,GAAG;oBACvC,IAAI,CAAC,OAAO,IAAI,CACf,6DAAM,KAAK,EAAC,mBAAmB,iBAAa,MAAM;wBAChD,qEAAc,IAAI,EAAC,IAAI,GAAG,CACrB,CACR,CACI;gBACP,6DAAM,KAAK,EAAC,OAAO;oBACjB,8DAAQ,CACH,CACF,CACF,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, type EventEmitter, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport type { SwitchAlignLabel, SwitchUpdateEventDetail } from './types';\r\nimport { getComponentCss } from './diwa-switch-styles';\r\n\r\n/**\r\n * @slot default — Label text for the switch.\r\n *\r\n * @controlled {\"props\": [\"checked\"], \"event\": \"update\"}\r\n */\r\n@Component({\r\n tag: 'diwa-switch',\r\n shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaSwitch {\r\n /** Whether the switch is in the on state. */\r\n @Prop({ reflect: true }) checked: boolean = false;\r\n\r\n /** Disables interaction. No events fire while disabled. */\r\n @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n /** Shows a loading state. Disables interaction while active. */\r\n @Prop({ reflect: true }) loading: boolean = false;\r\n\r\n /** Position of the label relative to the track. */\r\n @Prop() alignLabel: SwitchAlignLabel = 'end';\r\n\r\n /** Reduces track and thumb dimensions for use in dense layouts. */\r\n @Prop({ reflect: true }) compact: boolean = false;\r\n\r\n /** Adapts the color when used on a light or dark background. */\r\n @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n /** Emitted when the checked state changes. */\r\n @Event({ bubbles: false, composed: false }) update!: EventEmitter<SwitchUpdateEventDetail>;\r\n\r\n private handleClick = (): void => {\r\n if (this.disabled || this.loading) return;\r\n this.update.emit({ checked: !this.checked });\r\n };\r\n\r\n private handleKeyDown = (e: KeyboardEvent): void => {\r\n if (e.key === ' ' || e.key === 'Enter') {\r\n e.preventDefault();\r\n this.handleClick();\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n <Host data-theme={this.theme}>\r\n <style innerHTML={getComponentCss(this.checked, this.disabled, this.loading, this.alignLabel, this.compact)} />\r\n <span\r\n class=\"wrapper\"\r\n onClick={this.handleClick}\r\n >\r\n <span\r\n class=\"track\"\r\n role=\"switch\"\r\n aria-checked={String(this.checked)}\r\n aria-disabled={this.disabled || this.loading ? 'true' : undefined}\r\n tabIndex={this.disabled || this.loading ? -1 : 0}\r\n onKeyDown={this.handleKeyDown}\r\n >\r\n {!this.loading && <span class=\"thumb\" />}\r\n {this.loading && (\r\n <span class=\"loading-indicator\" aria-hidden=\"true\">\r\n <diwa-spinner size=\"sm\" />\r\n </span>\r\n )}\r\n </span>\r\n <span class=\"label\">\r\n <slot />\r\n </span>\r\n </span>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/diwa-switch/types.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/diwa-switch/types.ts"],"names":[],"mappings":"","sourcesContent":["export type SwitchAlignLabel = 'start' \| 'end';\r\n\r\nexport interface SwitchUpdateEventDetail {\r\n checked: boolean;\r\n}\r\n"]}

package/dist/collection/components/diwa-table/diwa-table-styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-table-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-table/diwa-table-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,OAAgB,EAChB,MAAwB,EACxB,QAAiB,EACjB,OAAgB,EACR,EAAE,CAAC;IACT,OAAO;IACP,CAAC,CAAC;;;;;;;GAOH;IACC,CAAC,CAAC;;;;;;;GAOH;;;;;;;;;;;;;;kCAc+B,QAAQ,CAAC,CAAC,CAAC,2EAA2E,CAAC,CAAC,CAAC,MAAM;iCAChG,OAAO,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,aAAa;;MAE3F,QAAQ,CAAC,CAAC,CAAC;;;KAGZ,CAAC,CAAC,CAAC,EAAE;;;;;;8BAMoB,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;8BACxB,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,2BAA2B;8BAClE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;8BACzB,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,2BAA2B;;;;kCAI/D,QAAQ,CAAC,CAAC,CAAC,2EAA2E,CAAC,CAAC,CAAC,MAAM;iCAChG,OAAO,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,aAAa;;;;;;;;;;;MAW3F,MAAM,KAAK,OAAO;IAClB,CAAC,CAAC;;;KAGH;IACC,CAAC,CAAC,cAAc;;;;;;;;;;;;;;CAcrB,CAAC","sourcesContent":["export const getComponentCss = (\n compact: boolean,\n layout: 'auto' | 'fixed',\n bordered: boolean,\n striped: boolean,\n): string => `\n ${compact\n ? `\n :host {\n --diwa-table-padding-y: 6px;\n --diwa-table-padding-y: var(--diwa-space-2, 6px);\n --diwa-table-padding-x: 12px;\n --diwa-table-padding-x: var(--diwa-space-5, 12px);\n }\n `\n : `\n :host {\n --diwa-table-padding-y: 12px;\n --diwa-table-padding-y: var(--diwa-space-5, 12px);\n --diwa-table-padding-x: 16px;\n --diwa-table-padding-x: var(--diwa-space-7, 16px);\n }\n `}\n\n :host {\n display: block;\n font-family: var(--diwa-font-family-base);\n width: 100%;\n overflow-x: auto;\n background: var(--diwa-bg-surface);\n border-radius: var(--diwa-radius-lg);\n color: var(--diwa-text-primary);\n text-align: start;\n --diwa-table-hover-color: var(--diwa-bg-hover, transparent);\n --diwa-table-border-color: var(--diwa-border, currentColor);\n --diwa-table-row-border-width: var(--diwa-border-width-thin, 1px);\n --diwa-table-column-border: ${bordered ? 'var(--diwa-border-width-thin, 1px) solid var(--diwa-border, currentColor)' : 'none'};\n --diwa-table-stripe-color: ${striped ? 'var(--diwa-bg-elevated, transparent)' : 'transparent'};\n --diwa-table-header-bg: transparent;\n ${bordered ? `\n border: var(--diwa-border-width-thin, 1px) solid var(--diwa-border, currentColor) !important;\n overflow: hidden;\n ` : ''}\n }\n\n :host([hidden]) { display: none; }\n\n ::slotted(*) {\n --diwa-table-padding-y: ${compact ? '6px' : '12px'} !important;\n --diwa-table-padding-y: ${compact ? 'var(--diwa-space-2, 6px)' : 'var(--diwa-space-5, 12px)'} !important;\n --diwa-table-padding-x: ${compact ? '12px' : '16px'} !important;\n --diwa-table-padding-x: ${compact ? 'var(--diwa-space-5, 12px)' : 'var(--diwa-space-7, 16px)'} !important;\n --diwa-table-hover-color: var(--diwa-bg-hover, transparent);\n --diwa-table-border-color: var(--diwa-border, currentColor);\n --diwa-table-row-border-width: var(--diwa-border-width-thin, 1px);\n --diwa-table-column-border: ${bordered ? 'var(--diwa-border-width-thin, 1px) solid var(--diwa-border, currentColor)' : 'none'};\n --diwa-table-stripe-color: ${striped ? 'var(--diwa-bg-elevated, transparent)' : 'transparent'};\n --diwa-table-header-bg: transparent;\n }\n\n .table {\n display: table;\n border-collapse: collapse;\n background: var(--diwa-bg-surface);\n font-size: var(--diwa-font-size-base);\n color: var(--diwa-text-primary);\n white-space: nowrap;\n ${layout === 'fixed'\n ? `\n table-layout: fixed;\n min-width: 100%;\n `\n : 'width: 100%;'}\n }\n\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n }\n`;\n"]}

package/dist/collection/components/diwa-table/diwa-table.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-table.js","sourceRoot":"","sources":["../../../src/components/diwa-table/diwa-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAG3F,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD;;;;;GAKG;AAEH,MAAM,OAAO,SAAS;IADtB;QAE2B,UAAK,GAAU,MAAM,CAAC;QACvC,YAAO,GAAW,EAAE,CAAC;QACrB,YAAO,GAAY,KAAK,CAAC;QACzB,WAAM,GAAqB,MAAM,CAAC;QAClC,aAAQ,GAAY,KAAK,CAAC;QAC1B,YAAO,GAAY,KAAK,CAAC;KAuBlC;IAjBW,iBAAiB,CAAC,CAAsC;QAChE,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IAED,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC;QAE7C,OAAO,CACL,EAAC,IAAI,mEAAa,IAAI,CAAC,KAAK;YAC1B,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,GAAI;YAC7F,4DAAK,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,gBAAa,UAAU;gBACpD,8DAAQ,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, type EventEmitter, Host, Listen, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport type { TableUpdateEventDetail } from '../diwa-table-head-cell/types';\r\nimport { getComponentCss } from './diwa-table-styles';\r\n\r\n/**\n * @component diwa-table\n * Wrapper for a data table. Uses CSS table layout with ARIA roles.\n * Structure: diwa-table > diwa-table-head > diwa-table-row > diwa-table-head-cell\n * > diwa-table-body > diwa-table-row > diwa-table-cell\n */\n@Component({ tag: 'diwa-table', shadow: true })\nexport class DiwaTable {\n @Prop({ reflect: true }) theme: Theme = 'dark';\r\n @Prop() caption: string = '';\r\n @Prop() compact: boolean = false;\r\n @Prop() layout: 'auto' | 'fixed' = 'auto';\r\n @Prop() bordered: boolean = false;\r\n @Prop() striped: boolean = false;\r\n\r\n @Event({ bubbles: false, composed: false })\r\n update!: EventEmitter<TableUpdateEventDetail>;\r\n\r\n @Listen('diwaTableUpdate')\r\n protected handleTableUpdate(e: CustomEvent<TableUpdateEventDetail>): void {\r\n e.stopPropagation();\r\n this.update.emit(e.detail);\r\n }\r\n\r\n render() {\n const tableLabel = this.caption || undefined;\n\n return (\n <Host data-theme={this.theme}>\n <style innerHTML={getComponentCss(this.compact, this.layout, this.bordered, this.striped)} />\n <div class=\"table\" role=\"table\" aria-label={tableLabel}>\n <slot />\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/diwa-table-body/diwa-table-body-styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-table-body-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-table-body/diwa-table-body-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,GAAW,EAAE,CAAC;;;;;;CAM5C,CAAC","sourcesContent":["export const getComponentCss = (): string => `\r\n :host { display: table-row-group; }\r\n :host([hidden]) { display: none; }\r\n ::slotted(:nth-child(even)) {\r\n background: var(--diwa-table-stripe-color, transparent);\r\n }\r\n`;\r\n"]}

package/dist/collection/components/diwa-table-body/diwa-table-body.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-table-body.js","sourceRoot":"","sources":["../../../src/components/diwa-table-body/diwa-table-body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,sEAAsE;AAEtE,MAAM,OAAO,aAAa;IAD1B;QAE2B,UAAK,GAAU,MAAM,CAAC;KAUhD;IARC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU,gBAAa,IAAI,CAAC,KAAK;YAC1C,8DAAO,SAAS,EAAE,eAAe,EAAE,GAAI;YACvC,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-table-body-styles';\r\n\r\n/** @component diwa-table-body — Maps to <tbody> inside diwa-table. */\r\n@Component({ tag: 'diwa-table-body', shadow: true })\r\nexport class DiwaTableBody {\r\n @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n render() {\r\n return (\r\n <Host role=\"rowgroup\" data-theme={this.theme}>\r\n <style innerHTML={getComponentCss()} />\r\n <slot />\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/diwa-table-cell/diwa-table-cell-styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-table-cell-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-table-cell/diwa-table-cell-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,SAAkB,EAAU,EAAE,CAAC;;;;;;;;;;mBAU5C,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;;;;CAIjD,CAAC","sourcesContent":["export const getComponentCss = (multiline: boolean): string => `\n :host {\n display: table-cell;\n margin: 0 !important;\n padding: var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px) !important;\n font-size: var(--diwa-font-size-sm);\n color: var(--diwa-text-primary);\n border-right: var(--diwa-table-column-border, none) !important;\n vertical-align: middle;\n line-height: var(--diwa-line-height-normal);\n white-space: ${multiline ? 'normal' : 'nowrap'} !important;\n }\n :host(:last-child) { border-right: none; }\n :host([hidden]) { display: none; }\n`;\n"]}

package/dist/collection/components/diwa-table-cell/diwa-table-cell.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-table-cell.js","sourceRoot":"","sources":["../../../src/components/diwa-table-cell/diwa-table-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,yEAAyE;AAEzE,MAAM,OAAO,aAAa;IAD1B;QAE2B,UAAK,GAAU,MAAM,CAAC;QACvC,cAAS,GAAY,KAAK,CAAC;KAUpC;IARC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,MAAM;YACf,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,GAAI;YACrD,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport type { Theme } from '../../utils/styles';\nimport { getComponentCss } from './diwa-table-cell-styles';\n\n/** @component diwa-table-cell — Maps to <td> inside a diwa-table-row. */\n@Component({ tag: 'diwa-table-cell', shadow: true })\nexport class DiwaTableCell {\n @Prop({ reflect: true }) theme: Theme = 'dark';\n @Prop() multiline: boolean = false;\n\n render() {\n return (\n <Host role=\"cell\">\n <style innerHTML={getComponentCss(this.multiline)} />\n <slot />\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/diwa-table-head/diwa-table-head-styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-table-head-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-table-head/diwa-table-head-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;CAe5C,CAAC","sourcesContent":["export const getComponentCss = (): string => `\n :host {\n display: table-header-group;\n background: var(--diwa-table-header-bg, transparent);\n font-size: var(--diwa-font-size-sm);\n line-height: var(--diwa-line-height-normal);\n font-weight: var(--diwa-font-weight-semibold);\n color: var(--diwa-text-secondary);\n border-bottom: var(--diwa-border-width-thin, 1px) solid var(--diwa-table-border-color, var(--diwa-border)) !important;\n }\n ::slotted(*) {\n --diwa-table-row-border-width: 0px;\n --diwa-table-hover-color: transparent;\n }\n :host([hidden]) { display: none; }\n`;\n"]}

package/dist/collection/components/diwa-table-head/diwa-table-head.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-table-head.js","sourceRoot":"","sources":["../../../src/components/diwa-table-head/diwa-table-head.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,sEAAsE;AAEtE,MAAM,OAAO,aAAa;IAD1B;QAE2B,UAAK,GAAU,MAAM,CAAC;KAUhD;IARC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU,gBAAa,IAAI,CAAC,KAAK;YAC1C,8DAAO,SAAS,EAAE,eAAe,EAAE,GAAI;YACvC,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-table-head-styles';\r\n\r\n/** @component diwa-table-head — Maps to <thead> inside diwa-table. */\r\n@Component({ tag: 'diwa-table-head', shadow: true })\r\nexport class DiwaTableHead {\r\n @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n render() {\r\n return (\r\n <Host role=\"rowgroup\" data-theme={this.theme}>\r\n <style innerHTML={getComponentCss()} />\r\n <slot />\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/diwa-table-head-cell/diwa-table-head-cell-styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-table-head-cell-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-table-head-cell/diwa-table-head-cell-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAAiB,EAAE,SAAkB,EAAU,EAAE,CAAC;;;;eAInE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,qEAAqE;mBAClF,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;IA0B9C,QAAQ,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;mBAkBI,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;;;;;mBAK/B,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;;;;;GAK/C,CAAC,CAAC,CAAC,EAAE;CACP,CAAC","sourcesContent":["export const getComponentCss = (sortable: boolean, multiline: boolean): string => `\n :host {\n display: table-cell;\n margin: 0 !important;\n padding: ${sortable ? '0' : 'var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px)'} !important;\n white-space: ${multiline ? 'normal' : 'nowrap'} !important;\n background: var(--diwa-table-header-bg, transparent);\n text-align: start;\n font-size: var(--diwa-font-size-sm);\n font-weight: var(--diwa-font-weight-semibold);\n letter-spacing: 0.04em;\n color: var(--diwa-text-secondary);\n border-right: var(--diwa-table-column-border, none) !important;\n line-height: var(--diwa-line-height-normal);\n vertical-align: bottom;\n }\n :host(:last-child) { border-right: none; }\n :host([hidden]) { display: none; }\n\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n }\n\n ${sortable ? `\n .sort-btn {\n display: flex;\n width: 100%;\n box-sizing: border-box;\n justify-content: space-between;\n align-items: flex-end;\n gap: var(--diwa-space-1);\n background: transparent;\n border: 0;\n cursor: pointer;\n font: inherit;\n color: inherit;\n margin: 0;\n padding: var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px);\n text-align: start;\n outline-offset: 2px;\n transition: color var(--diwa-transition-base);\n white-space: ${multiline ? 'normal' : 'nowrap'};\n }\n .sort-label {\n display: inline-flex;\n min-width: 0;\n white-space: ${multiline ? 'normal' : 'nowrap'};\n }\n .sort-btn:hover {\n color: var(--diwa-text-primary);\n }\n ` : ''}\n`;\n"]}

package/dist/collection/components/diwa-table-head-cell/diwa-table-head-cell.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-table-head-cell.js","sourceRoot":"","sources":["../../../src/components/diwa-table-head-cell/diwa-table-head-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGlE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,mFAAmF;AAEnF,MAAM,OAAO,iBAAiB;IAD9B;QAI2B,UAAK,GAAU,MAAM,CAAC;QAEvC,cAAS,GAAY,KAAK,CAAC;QAC3B,cAAS,GAAY,KAAK,CAAC;QAE3B,eAAU,GAAG,GAAS,EAAE;YAC9B,IAAI,CAAC,IAAI,CAAC,IAAI;gBAAE,OAAO;YACvB,MAAM,IAAI,GAAc,IAAI,CAAC,IAAI,CAAC,MAAM;gBACtC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;gBAChD,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;YACxB,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,IAAI,WAAW,CAAyB,iBAAiB,EAAE;gBACzD,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE;aAC5D,CAAC,CACH,CAAC;QACJ,CAAC,CAAC;KAoDH;IAlDC,MAAM;QACJ,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;QAC5C,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC;QAC1B,MAAM,QAAQ,GAAG,CAAC,UAAU;YAC1B,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,IAAI,CAAC,MAAM;gBACX,CAAC,CAAC,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY;gBACvD,CAAC,CAAC,MAAM,CAAC;QAEb,MAAM,OAAO,GAAG,6DAAM,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YAAE,8DAAQ,CAAO,CAAC;QAEhF,MAAM,QAAQ,GAAG,CACf,4DACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,iBACC,MAAM,EAClB,KAAK,EAAE;gBACL,OAAO,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,EAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;gBACnC,SAAS,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,MAAK,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM;gBACjE,UAAU,EAAE,0CAA0C;gBACtD,UAAU,EAAE,GAAG;gBACf,OAAO,EAAE,OAAO;aACjB;YAED,6DACE,CAAC,EAAC,iBAAiB,EACnB,MAAM,EAAC,cAAc,kBACR,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,CACP,CAAC;QAEF,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,cAAc,eAAY,QAAQ;YAC3C,8DAAO,SAAS,EAAE,eAAe,CAAC,UAAU,EAAE,SAAS,CAAC,GAAI;YAC3D,UAAU,CAAC,CAAC,CAAC,CACZ,cAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU;gBAC7D,YAAM,KAAK,EAAC,YAAY,IAAE,OAAO,CAAQ;gBACxC,QAAQ,CACF,CACV,CAAC,CAAC,CAAC,CACF,OAAO,CACR,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport type { Direction, TableHeadCellSort, TableUpdateEventDetail } from './types';\r\nimport { getComponentCss } from './diwa-table-head-cell-styles';\r\n\r\n/** @component diwa-table-head-cell — Maps to <th> inside a diwa-table-head row. */\r\n@Component({ tag: 'diwa-table-head-cell', shadow: true })\r\nexport class DiwaTableHeadCell {\r\n @Element() host!: HTMLElement;\r\n\r\n @Prop({ reflect: true }) theme: Theme = 'dark';\r\n @Prop() sort?: TableHeadCellSort;\r\n @Prop() hideLabel: boolean = false;\r\n @Prop() multiline: boolean = false;\r\n\r\n private handleSort = (): void => {\r\n if (!this.sort) return;\r\n const next: Direction = this.sort.active\r\n ? this.sort.direction === 'asc' ? 'desc' : 'asc'\r\n : this.sort.direction;\r\n this.host.dispatchEvent(\r\n new CustomEvent<TableUpdateEventDetail>('diwaTableUpdate', {\r\n bubbles: true,\r\n composed: true,\r\n detail: { id: this.sort.id, active: true, direction: next },\r\n }),\r\n );\r\n };\r\n\r\n render() {\r\n const { sort, hideLabel, multiline } = this;\r\n const isSortable = !!sort;\r\n const ariaSort = !isSortable\r\n ? undefined\r\n : sort.active\r\n ? sort.direction === 'asc' ? 'ascending' : 'descending'\r\n : 'none';\r\n\r\n const labelEl = <span class={hideLabel ? 'sr-only' : undefined}><slot /></span>;\r\n\r\n const sortIcon = (\r\n <svg\r\n width=\"16\"\r\n height=\"16\"\r\n viewBox=\"0 0 16 16\"\r\n fill=\"none\"\r\n aria-hidden=\"true\"\r\n style={{\r\n opacity: sort?.active ? '1' : '0.4',\r\n transform: sort?.direction === 'desc' ? 'rotate(180deg)' : 'none',\r\n transition: 'opacity 150ms ease, transform 150ms ease',\r\n flexShrink: '0',\r\n display: 'block',\r\n }}\r\n >\r\n <path\r\n d=\"M4 10L8 6L12 10\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n );\r\n\r\n return (\r\n <Host role=\"columnheader\" aria-sort={ariaSort}>\r\n <style innerHTML={getComponentCss(isSortable, multiline)} />\r\n {isSortable ? (\r\n <button type=\"button\" class=\"sort-btn\" onClick={this.handleSort}>\r\n <span class=\"sort-label\">{labelEl}</span>\r\n {sortIcon}\r\n </button>\r\n ) : (\r\n labelEl\r\n )}\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/diwa-table-head-cell/types.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/diwa-table-head-cell/types.ts"],"names":[],"mappings":"","sourcesContent":["export type Direction = 'asc' \| 'desc';\r\n\r\nexport interface TableHeadCellSort {\r\n id: string;\r\n active: boolean;\r\n direction: Direction;\r\n}\r\n\r\nexport type TableUpdateEventDetail = TableHeadCellSort;\r\n"]}

package/dist/collection/components/diwa-table-row/diwa-table-row-styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-table-row-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-table-row/diwa-table-row-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;CAU5C,CAAC","sourcesContent":["export const getComponentCss = (): string => `\n :host {\n display: table-row;\n border-bottom: var(--diwa-table-row-border-width, var(--diwa-border-width-thin, 1px)) solid var(--diwa-table-border-color, var(--diwa-border)) !important;\n transition: background var(--diwa-transition-base);\n }\n :host([hidden]) { display: none; }\n :host(:hover) {\n background: var(--diwa-table-hover-color, transparent);\n }\n`;\n"]}

package/dist/collection/components/diwa-table-row/diwa-table-row.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-table-row.js","sourceRoot":"","sources":["../../../src/components/diwa-table-row/diwa-table-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,0FAA0F;AAE1F,MAAM,OAAO,YAAY;IADzB;QAE2B,UAAK,GAAU,MAAM,CAAC;KAUhD;IARC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,KAAK,gBAAa,IAAI,CAAC,KAAK;YACrC,8DAAO,SAAS,EAAE,eAAe,EAAE,GAAI;YACvC,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-table-row-styles';\r\n\r\n/** @component diwa-table-row — Maps to <tr> inside diwa-table-head or diwa-table-body. */\r\n@Component({ tag: 'diwa-table-row', shadow: true })\r\nexport class DiwaTableRow {\r\n @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n render() {\r\n return (\r\n <Host role=\"row\" data-theme={this.theme}>\r\n <style innerHTML={getComponentCss()} />\r\n <slot />\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/diwa-tabs/diwa-tabs-styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-tabs-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-tabs/diwa-tabs-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,MAAM,CAAC,MAAM,eAAe,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqDzC,aAAa,CAAC,UAAU,CAAC;;;;;;IAMzB,qBAAqB,CAAC,UAAU,CAAC;CACpC,CAAC","sourcesContent":["import { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\n\r\nexport const getComponentCss = (): string => `\r\n :host {\r\n display: block;\r\n font-family: var(--diwa-font-family-base);\r\n }\r\n\r\n :host([hidden]) {\r\n display: none;\r\n }\r\n\r\n .bar {\r\n display: flex;\r\n align-items: flex-end;\r\n gap: 0;\r\n border-bottom: var(--diwa-border-width-thin) solid var(--diwa-border);\r\n overflow-x: auto;\r\n scrollbar-width: none;\r\n }\r\n\r\n .bar::-webkit-scrollbar {\r\n display: none;\r\n }\r\n\r\n .tab-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n min-height: var(--diwa-touch-target-min-size, 44px);\r\n padding: var(--diwa-space-4) var(--diwa-space-7);\r\n border: none;\r\n border-bottom: var(--diwa-border-width-base) solid transparent;\r\n background: transparent;\r\n font-size: var(--diwa-font-size-base);\r\n font-family: inherit;\r\n white-space: nowrap;\r\n cursor: pointer;\r\n margin-bottom: -1px;\r\n transition: color var(--diwa-transition-base), border-color var(--diwa-transition-base);\r\n color: var(--diwa-text-secondary);\r\n font-weight: var(--diwa-font-weight-medium);\r\n }\r\n\r\n @media (hover: hover) and (pointer: fine) {\r\n .tab-btn:hover {\r\n color: var(--diwa-text-primary);\r\n }\r\n }\r\n\r\n .tab-btn[aria-selected=\"true\"] {\r\n color: var(--diwa-accent);\r\n border-bottom-color: var(--diwa-accent);\r\n font-weight: var(--diwa-font-weight-medium);\r\n }\r\n\r\n ${getFocusStyle('.tab-btn')}\r\n\r\n .panels {\r\n padding: var(--diwa-space-4) var(--diwa-space-7);\r\n }\r\n\r\n ${getReducedMotionStyle('.tab-btn')}\r\n`;\r\n"]}

package/dist/collection/components/diwa-tabs/diwa-tabs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-tabs.js","sourceRoot":"","sources":["../../../src/components/diwa-tabs/diwa-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAqB,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGnG,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;GAaG;AAKH,MAAM,OAAO,QAAQ;IAJrB;QAOE,oCAAoC;QACX,UAAK,GAAU,MAAM,CAAC;QAE/C,oDAAoD;QAEpD,mBAAc,GAAW,CAAC,CAAC;KAoE5B;IA3DC,iBAAiB;QACf,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAEO,QAAQ;QACd,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAA8B,CAAC;IAC/F,CAAC;IAEO,SAAS;QACf,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACvB,IAAY,CAAC,MAAM,GAAG,CAAC,KAAK,IAAI,CAAC,cAAc,CAAC;YACjD,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,cAAc,CAAC,KAAa;QAClC,IAAI,KAAK,KAAK,IAAI,CAAC,cAAc;YAAE,OAAO;QAC1C,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;QAC5C,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAE9B,OAAO,CACL,EAAC,IAAI,mEAAa,IAAI,CAAC,KAAK;YAC1B,8DAAO,SAAS,EAAE,eAAe,EAAE,GAAI;YACvC,4DAAK,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,SAAS,IAC5B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,cACE,KAAK,EAAC,SAAS,EACf,GAAG,EAAE,CAAC,EACN,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,QAAQ,mBACE,CAAC,KAAK,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBAC5C,SAAS,CAAC,EAAE,EAC3B,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAEnC,IAAY,CAAC,KAAK,IAAI,OAAO,CAAC,GAAG,CAAC,EAAE,CAC/B,CACV,CAAC,CACE;YACN,4DAAK,KAAK,EAAC,QAAQ;gBACjB,8DAAQ,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, type EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\r\nimport type { TabsUpdateEventDetail } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-tabs-styles';\r\n\r\n/**\r\n * @component diwa-tabs\r\n *\r\n * A full tabs component consisting of an integrated tab bar and panel area.\r\n * Accepts `diwa-tabs-item` elements as children. The component renders\r\n * its own horizontal tab buttons and shows only the panel for the active\r\n * tab.\r\n *\r\n * Usage:\r\n * <diwa-tabs active-tab-index={0} onupdate={e => setTab(e.detail.activeTabIndex)}>\r\n * <diwa-tabs-item label=\"Overview\">Content A</diwa-tabs-item>\r\n * <diwa-tabs-item label=\"Details\">Content B</diwa-tabs-item>\r\n * </diwa-tabs>\r\n */\r\n@Component({\r\n tag: 'diwa-tabs',\r\n shadow: true,\r\n})\r\nexport class DiwaTabs {\r\n @Element() host!: HTMLDiwaTabsElement;\r\n\r\n /** Per-component theme override. */\r\n @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n /** Zero-based index of the currently active tab. */\r\n @Prop({ mutable: true, attribute: 'active-tab-index' })\r\n activeTabIndex: number = 0;\r\n\r\n /**\r\n * Emitted when the user selects a different tab.\r\n */\r\n @Event({ bubbles: false, composed: false })\r\n update!: EventEmitter<TabsUpdateEventDetail>;\r\n\r\n @Watch('activeTabIndex')\r\n handleIndexChange() {\r\n this.syncItems();\r\n }\r\n\r\n componentDidLoad() {\r\n this.syncItems();\r\n }\r\n\r\n componentDidUpdate() {\r\n this.syncItems();\r\n }\r\n\r\n private getItems(): HTMLDiwaTabsItemElement[] {\r\n return Array.from(this.host.querySelectorAll('diwa-tabs-item')) as HTMLDiwaTabsItemElement[];\r\n }\r\n\r\n private syncItems() {\r\n const items = this.getItems();\r\n items.forEach((item, i) => {\r\n (item as any).active = i === this.activeTabIndex;\r\n item.setAttribute('id', `panel-${i}`);\r\n });\r\n }\r\n\r\n private handleTabClick(index: number) {\r\n if (index === this.activeTabIndex) return;\r\n this.activeTabIndex = index;\r\n this.update.emit({ activeTabIndex: index });\r\n this.syncItems();\r\n }\r\n\r\n render() {\r\n const items = this.getItems();\r\n\r\n return (\r\n <Host data-theme={this.theme}>\r\n <style innerHTML={getComponentCss()} />\r\n <div class=\"bar\" role=\"tablist\">\r\n {items.map((item, i) => (\r\n <button\r\n class=\"tab-btn\"\r\n key={i}\r\n role=\"tab\"\r\n type=\"button\"\r\n aria-selected={i === this.activeTabIndex ? 'true' : 'false'}\r\n aria-controls={`panel-${i}`}\r\n tabindex={i === this.activeTabIndex ? 0 : -1}\r\n onClick={() => this.handleTabClick(i)}\r\n >\r\n {(item as any).label || `Tab ${i + 1}`}\r\n </button>\r\n ))}\r\n </div>\r\n <div class=\"panels\">\r\n <slot />\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/diwa-tabs/types.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/diwa-tabs/types.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/*\r\n diwa-tabs — Public TypeScript types\r\n */\r\n\r\nexport interface TabsUpdateEventDetail {\r\n activeTabIndex: number;\r\n}\r\n"]}

package/dist/collection/components/diwa-tabs-bar/diwa-tabs-bar-styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-tabs-bar-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-tabs-bar/diwa-tabs-bar-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,MAAM,CAAC,MAAM,eAAe,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuFzC,qBAAqB,CAAC,cAAc,EAAE,mBAAmB,CAAC;CAC7D,CAAC","sourcesContent":["import { getReducedMotionStyle } from '../../utils/styles';\r\n\r\nexport const getComponentCss = (): string => `\r\n :host {\r\n display: block;\r\n font-family: var(--diwa-font-family-base);\r\n color: var(--diwa-text-primary);\r\n }\r\n\r\n :host([hidden]) {\r\n display: none;\r\n }\r\n\r\n .bar {\r\n display: flex;\r\n align-items: stretch;\r\n gap: 0;\r\n border-bottom: var(--diwa-border-width-thin) solid var(--diwa-border);\r\n overflow-x: auto;\r\n scrollbar-width: none;\r\n }\r\n\r\n .bar::-webkit-scrollbar {\r\n display: none;\r\n }\r\n\r\n ::slotted(a),\n ::slotted(button) {\n /* !important guards against light-DOM author styles (e.g. Tailwind preflight\r\n padding: 0 on button) overriding ::slotted() rules per the CSS shadow-DOM\r\n cascade spec where light-DOM author styles win over ::slotted(). */\r\n display: inline-flex !important;\n align-items: center;\n min-height: var(--diwa-touch-target-min-size, 44px) !important;\n gap: var(--diwa-space-2);\n padding: var(--diwa-space-4) var(--diwa-space-7) !important;\r\n border: none !important;\r\n border-bottom: var(--diwa-border-width-base) solid transparent !important;\r\n background: transparent !important;\r\n color: var(--diwa-text-secondary) !important;\r\n font-size: var(--diwa-font-size-base) !important;\r\n font-family: inherit !important;\r\n font-weight: var(--diwa-font-weight-medium) !important;\r\n text-decoration: none !important;\r\n white-space: nowrap !important;\r\n cursor: pointer !important;\r\n transition:\r\n color var(--diwa-transition-base),\r\n border-color var(--diwa-transition-base);\r\n margin-bottom: -1px;\r\n outline: none;\r\n }\r\n\r\n @media (hover: hover) and (pointer: fine) {\n ::slotted(a:hover),\n ::slotted(button:hover) {\n color: var(--diwa-text-primary) !important;\n }\n }\n\r\n ::slotted(a[data-active]),\r\n ::slotted(button[data-active]),\r\n ::slotted(a.active),\r\n ::slotted(button.active),\r\n ::slotted([aria-selected=\"true\"]) {\r\n color: var(--diwa-accent) !important;\r\n border-bottom-color: var(--diwa-accent) !important;\r\n font-weight: var(--diwa-font-weight-medium) !important;\r\n }\r\n\r\n ::slotted(a:focus-visible),\r\n ::slotted(button:focus-visible) {\r\n outline: var(--diwa-focus-ring-width) solid var(--diwa-border-focus);\r\n outline-offset: var(--diwa-focus-ring-offset);\r\n }\r\n\r\n ::slotted(a:focus:not(:focus-visible)),\r\n ::slotted(button:focus:not(:focus-visible)) {\r\n outline: none;\r\n }\r\n\r\n ::slotted(button:disabled) {\r\n background: transparent !important;\r\n color: var(--diwa-text-muted) !important;\r\n opacity: 0.5 !important;\r\n cursor: not-allowed !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n ${getReducedMotionStyle('::slotted(a)', '::slotted(button)')}\r\n`;\r\n"]}

package/dist/collection/components/diwa-tabs-bar/diwa-tabs-bar.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-tabs-bar.js","sourceRoot":"","sources":["../../../src/components/diwa-tabs-bar/diwa-tabs-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, type EventEmitter, Host, Listen, Prop, Watch, h } from '@stencil/core';\r\nimport type { TabsBarUpdateEventDetail } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-tabs-bar-styles';\r\n\r\n/**\r\n * @component diwa-tabs-bar\r\n *\r\n * A styled tab navigation bar. Accepts `<a>` or `<button>` elements in the\r\n * default slot and tracks the active index. Mark the active tab with the\r\n * `data-active` attribute or the `active` CSS class, or let the component\r\n * manage it by providing `activeTabIndex`.\r\n *\r\n * Usage:\r\n * <diwa-tabs-bar active-tab-index={1} onupdate={e => setTab(e.detail.activeTabIndex)}>\r\n * <button>Tab 1</button>\r\n * <button>Tab 2</button>\r\n * <button>Tab 3</button>\r\n * </diwa-tabs-bar>\r\n */\r\n@Component({\r\n tag: 'diwa-tabs-bar',\r\n shadow: true,\r\n})\r\nexport class DiwaTabsBar {\r\n @Element() host!: HTMLDiwaTabsBarElement;\r\n\r\n /** Per-component theme override. */\r\n @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n /** Zero-based index of the active tab. */\r\n @Prop({ mutable: true, attribute: 'active-tab-index' })\r\n activeTabIndex: number = 0;\r\n\r\n /**\r\n * Emitted when the active tab changes.\r\n */\r\n @Event({ bubbles: false, composed: false })\r\n update!: EventEmitter<TabsBarUpdateEventDetail>;\r\n\r\n @Watch('activeTabIndex')\r\n handleIndexChange() {\r\n this.syncTabs();\r\n }\r\n\r\n componentDidLoad() {\r\n this.syncTabs();\r\n }\r\n\r\n @Listen('click')\r\n handleClick(event: Event) {\r\n const tabs = this.getTabElements();\r\n const idx = this.getTabIndexFromEventTarget(event.target, tabs);\r\n\r\n if (idx === -1 || idx === this.activeTabIndex || this.isTabDisabled(tabs[idx])) {\r\n return;\r\n }\r\n\r\n this.setActiveTab(idx);\r\n }\r\n\r\n @Listen('keydown')\r\n handleKeydown(event: KeyboardEvent) {\r\n const tabs = this.getTabElements();\r\n const currentIndex = this.getTabIndexFromEventTarget(event.target, tabs);\r\n\r\n if (currentIndex === -1) {\r\n return;\r\n }\r\n\r\n let nextIndex = -1;\r\n\r\n switch (event.key) {\r\n case 'ArrowLeft':\r\n case 'ArrowUp':\r\n nextIndex = this.getNextEnabledIndex(currentIndex, -1, tabs);\r\n break;\r\n case 'ArrowRight':\r\n case 'ArrowDown':\r\n nextIndex = this.getNextEnabledIndex(currentIndex, 1, tabs);\r\n break;\r\n case 'Home':\r\n nextIndex = this.getBoundaryEnabledIndex('start', tabs);\r\n break;\r\n case 'End':\r\n nextIndex = this.getBoundaryEnabledIndex('end', tabs);\r\n break;\r\n default:\r\n return;\r\n }\r\n\r\n if (nextIndex === -1) {\r\n return;\r\n }\r\n\r\n event.preventDefault();\r\n this.setActiveTab(nextIndex);\r\n tabs[nextIndex]?.focus();\r\n }\r\n\r\n private getTabElements(): HTMLElement[] {\r\n const slot = this.host.shadowRoot?.querySelector('slot') as HTMLSlotElement | null;\r\n if (!slot) return [];\r\n return slot\r\n .assignedElements({ flatten: true })\r\n .filter((el): el is HTMLElement => el instanceof HTMLElement);\r\n }\r\n\r\n private getTabIndexFromEventTarget(target: EventTarget | null, tabs: HTMLElement[]): number {\r\n if (!(target instanceof Node)) {\r\n return -1;\r\n }\r\n\r\n return tabs.findIndex((tab) => tab === target || tab.contains(target));\r\n }\r\n\r\n private isTabDisabled(tab: HTMLElement | undefined): boolean {\r\n if (!tab) {\r\n return true;\r\n }\r\n\r\n return tab.hasAttribute('disabled') || tab.getAttribute('aria-disabled') === 'true';\r\n }\r\n\r\n private getNextEnabledIndex(\r\n currentIndex: number,\r\n direction: -1 | 1,\r\n tabs: HTMLElement[],\r\n ): number {\r\n for (let step = 1; step <= tabs.length; step += 1) {\r\n const candidateIndex = (currentIndex + direction * step + tabs.length) % tabs.length;\r\n if (!this.isTabDisabled(tabs[candidateIndex])) {\r\n return candidateIndex;\r\n }\r\n }\r\n\r\n return -1;\r\n }\r\n\r\n private getBoundaryEnabledIndex(edge: 'start' | 'end', tabs: HTMLElement[]): number {\r\n const candidates = edge === 'start' ? tabs : [...tabs].reverse();\r\n const match = candidates.find((tab) => !this.isTabDisabled(tab));\r\n\r\n if (!match) {\r\n return -1;\r\n }\r\n\r\n return tabs.indexOf(match);\r\n }\r\n\r\n private setActiveTab(index: number) {\r\n this.activeTabIndex = index;\r\n this.update.emit({ activeTabIndex: this.activeTabIndex });\r\n this.syncTabs();\r\n }\r\n\r\n private syncTabs() {\r\n const tabs = this.getTabElements();\r\n tabs.forEach((tab, i) => {\r\n const isActive = i === this.activeTabIndex;\r\n tab.setAttribute('role', 'tab');\r\n tab.setAttribute('aria-selected', isActive ? 'true' : 'false');\r\n\r\n if (this.isTabDisabled(tab)) {\r\n tab.setAttribute('aria-disabled', 'true');\r\n tab.setAttribute('tabindex', '-1');\r\n tab.removeAttribute('data-active');\r\n return;\r\n }\r\n\r\n tab.removeAttribute('aria-disabled');\r\n\r\n if (isActive) {\r\n tab.setAttribute('data-active', '');\r\n tab.setAttribute('tabindex', '0');\r\n } else {\r\n tab.removeAttribute('data-active');\r\n tab.setAttribute('tabindex', '-1');\r\n }\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n <Host role=\"tablist\" data-theme={this.theme}>\r\n <style innerHTML={getComponentCss()} />\r\n <div class=\"bar\">\r\n <slot />\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/diwa-tabs-bar/types.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/diwa-tabs-bar/types.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/*\r\n diwa-tabs-bar — Public TypeScript types\r\n */\r\n\r\nexport interface TabsBarUpdateEventDetail {\r\n activeTabIndex: number;\r\n}\r\n"]}

package/dist/collection/components/diwa-tabs-item/diwa-tabs-item-styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-tabs-item-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-tabs-item/diwa-tabs-item-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAe,EAAU,EAAE,CAAC;;eAE7C,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;;;;;;;;CAQvC,CAAC","sourcesContent":["export const getComponentCss = (active: boolean): string => `\r\n :host {\r\n display: ${active ? 'block' : 'none'};\r\n font-family: var(--diwa-font-family-base);\r\n color: var(--diwa-text-primary);\r\n }\r\n\r\n :host([hidden]) {\r\n display: none;\r\n }\r\n`;\r\n"]}

package/dist/collection/components/diwa-tabs-item/diwa-tabs-item.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-tabs-item.js","sourceRoot":"","sources":["../../../src/components/diwa-tabs-item/diwa-tabs-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D;;;;;;;;GAQG;AAKH,MAAM,OAAO,YAAY;IAJzB;QAOE,oCAAoC;QACX,UAAK,GAAU,MAAM,CAAC;QAE/C,oEAAoE;QAC5D,UAAK,GAAW,EAAE,CAAC;QAE3B,gFAAgF;QACxC,WAAM,GAAY,KAAK,CAAC;KAUjE;IARC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU,iBAAc,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,gBAAc,IAAI,CAAC,KAAK;YACvF,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,GAAI;YAClD,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-tabs-item-styles';\r\n\r\n/**\r\n * @component diwa-tabs-item\r\n *\r\n * A single panel used inside `diwa-tabs`. The parent renders the tab button\r\n * from the `label` prop, and shows/hides this panel via `active`.\r\n *\r\n * Usage:\r\n * <diwa-tabs-item label=\"Overview\">Panel content here</diwa-tabs-item>\r\n */\r\n@Component({\r\n tag: 'diwa-tabs-item',\r\n shadow: true,\r\n})\r\nexport class DiwaTabsItem {\r\n @Element() host!: HTMLDiwaTabsItemElement;\r\n\r\n /** Per-component theme override. */\r\n @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n /** Tab button label. Rendered by the parent diwa-tabs component. */\r\n @Prop() label: string = '';\r\n\r\n /** Whether this panel is currently visible. Managed by the parent diwa-tabs. */\r\n @Prop({ mutable: true, reflect: true }) active: boolean = false;\r\n\r\n render() {\r\n return (\r\n <Host role=\"tabpanel\" aria-hidden={this.active ? 'false' : 'true'} data-theme={this.theme}>\r\n <style innerHTML={getComponentCss(this.active)} />\r\n <slot />\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/diwa-tabs-item/types.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/diwa-tabs-item/types.ts"],"names":[],"mappings":";AAAA;;GAEG","sourcesContent":["/*\r\n diwa-tabs-item — Public TypeScript types\r\n */\r\n"]}

package/dist/collection/components/diwa-tag/diwa-tag-styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-tag-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-tag/diwa-tag-styles.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,GAAsE;IACrF,OAAO,EAAE;QACP,EAAE,EAAE,wBAAwB;QAC5B,KAAK,EAAE,0BAA0B;QACjC,MAAM,EAAE,oBAAoB;KAC7B;IACD,OAAO,EAAE;QACP,EAAE,EAAE,uBAAuB;QAC3B,KAAK,EAAE,oBAAoB;QAC3B,MAAM,EAAE,oBAAoB;KAC7B;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,oCAAoC;QACxC,KAAK,EAAE,+BAA+B;QACtC,MAAM,EAAE,4BAA4B;KACrC;IACD,OAAO,EAAE;QACP,EAAE,EAAE,uCAAuC;QAC3C,KAAK,EAAE,kCAAkC;QACzC,MAAM,EAAE,aAAa;KACtB;IACD,OAAO,EAAE;QACP,EAAE,EAAE,uCAAuC;QAC3C,KAAK,EAAE,kCAAkC;QACzC,MAAM,EAAE,aAAa;KACtB;IACD,KAAK,EAAE;QACL,EAAE,EAAE,qCAAqC;QACzC,KAAK,EAAE,gCAAgC;QACvC,MAAM,EAAE,aAAa;KACtB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAmB,EAAE,OAAgB,EAAU,EAAE;IAC/E,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACzC,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAC1C,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,0BAA0B,CAAC;IAEnF,OAAO;;;;;;;;;;;iBAWQ,QAAQ,IAAI,QAAQ;;mBAElB,QAAQ;;;eAGZ,KAAK;oBACA,EAAE;oDAC8B,MAAM;;;;;;;;;;GAUvD,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { TagVariant } from './types';\r\n\r\nconst VARIANT_MAP: Record<TagVariant, { bg: string; color: string; border: string }> = {\r\n neutral: {\r\n bg: 'var(--diwa-bg-surface)',\r\n color: 'var(--diwa-text-primary)',\r\n border: 'var(--diwa-border)',\r\n },\r\n primary: {\r\n bg: 'var(--diwa-accent-bg)',\r\n color: 'var(--diwa-accent)',\r\n border: 'var(--diwa-accent)',\r\n },\r\n info: {\r\n bg: 'var(--diwa-notification-info-soft)',\r\n color: 'var(--diwa-notification-info)',\r\n border: 'var(--diwa-color-info-300)',\r\n },\r\n success: {\r\n bg: 'var(--diwa-notification-success-soft)',\r\n color: 'var(--diwa-notification-success)',\r\n border: 'transparent',\r\n },\r\n warning: {\r\n bg: 'var(--diwa-notification-warning-soft)',\r\n color: 'var(--diwa-notification-warning)',\r\n border: 'transparent',\r\n },\r\n error: {\r\n bg: 'var(--diwa-notification-error-soft)',\r\n color: 'var(--diwa-notification-error)',\r\n border: 'transparent',\r\n },\r\n};\r\n\r\nexport const getComponentCss = (variant: TagVariant, compact: boolean): string => {\r\n const { bg, color, border } = VARIANT_MAP[variant];\r\n const paddingY = compact ? '1px' : '2px';\r\n const paddingX = compact ? '6px' : '10px';\r\n const fontSize = compact ? 'var(--diwa-font-size-sm)' : 'var(--diwa-font-size-md)';\r\n\r\n return `\r\n :host {\r\n display: inline-flex;\r\n }\r\n :host([hidden]) {\r\n display: none;\r\n }\r\n .tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--diwa-space-1);\r\n padding: ${paddingY} ${paddingX};\r\n font-family: var(--diwa-font-family-base);\r\n font-size: ${fontSize};\r\n font-weight: var(--diwa-font-weight-medium);\r\n line-height: 1;\r\n color: ${color};\r\n background: ${bg};\r\n border: var(--diwa-border-width-thin) solid ${border};\r\n border-radius: var(--diwa-radius-sm);\r\n white-space: nowrap;\r\n user-select: none;\r\n }\r\n .icon {\r\n display: flex;\r\n align-items: center;\r\n flex-shrink: 0;\r\n }\r\n `;\r\n};\r\n"]}

package/dist/collection/components/diwa-tag/diwa-tag.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-tag.js","sourceRoot":"","sources":["../../../src/components/diwa-tag/diwa-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;GAEG;AAKH,MAAM,OAAO,OAAO;IAJpB;QAKE,4BAA4B;QACH,YAAO,GAAe,SAAS,CAAC;QAEzD,sDAAsD;QAC7B,YAAO,GAAY,KAAK,CAAC;QAKlD,gEAAgE;QACvC,UAAK,GAAU,MAAM,CAAC;KAiBhD;IAfC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,mEAAa,IAAI,CAAC,KAAK;YAC1B,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,GAAI;YACjE,6DAAM,KAAK,EAAC,KAAK;gBACd,IAAI,CAAC,IAAI,IAAI,CACZ,6DAAM,KAAK,EAAC,MAAM;oBAChB,kEAAW,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAI,CACvD,CACR;gBACD,8DAAQ,CACH,CACF,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport type { TagVariant } from './types';\r\nimport { getComponentCss } from './diwa-tag-styles';\r\n\r\n/**\r\n * @slot default — Tag label content.\r\n */\r\n@Component({\r\n tag: 'diwa-tag',\r\n shadow: true,\r\n})\r\nexport class DiwaTag {\r\n /** Visual style variant. */\r\n @Prop({ reflect: true }) variant: TagVariant = 'neutral';\r\n\r\n /** Renders a compact (smaller) version of the tag. */\r\n @Prop({ reflect: true }) compact: boolean = false;\r\n\r\n /** Lucide icon name to display before the label, or omit for no icon. */\r\n @Prop() icon?: string;\r\n\r\n /** Adapts the color when used on a light or dark background. */\r\n @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n render() {\r\n return (\r\n <Host data-theme={this.theme}>\r\n <style innerHTML={getComponentCss(this.variant, this.compact)} />\r\n <span class=\"tag\">\r\n {this.icon && (\r\n <span class=\"icon\">\r\n <diwa-icon name={this.icon} size={this.compact ? 12 : 14} />\r\n </span>\r\n )}\r\n <slot />\r\n </span>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/diwa-tag/types.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/diwa-tag/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAU,CAAC","sourcesContent":["export const TAG_VARIANTS = ['neutral', 'primary', 'info', 'success', 'warning', 'error'] as const;\r\nexport type TagVariant = (typeof TAG_VARIANTS)[number];\r\n"]}

package/dist/collection/components/diwa-tag-dismissible/diwa-tag-dismissible-styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-tag-dismissible-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-tag-dismissible/diwa-tag-dismissible-styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,MAAM,UAAU,GAA+B;IAC7C,OAAO,EAAE,wBAAwB;IACjC,OAAO,EAAE,uBAAuB;IAChC,IAAI,EAAK,oCAAoC;IAC7C,OAAO,EAAE,uCAAuC;IAChD,OAAO,EAAE,uCAAuC;IAChD,KAAK,EAAI,qCAAqC;CAC/C,CAAC;AACF,MAAM,aAAa,GAA+B;IAChD,OAAO,EAAE,0BAA0B;IACnC,OAAO,EAAE,oBAAoB;IAC7B,IAAI,EAAK,+BAA+B;IACxC,OAAO,EAAE,kCAAkC;IAC3C,OAAO,EAAE,kCAAkC;IAC3C,KAAK,EAAI,gCAAgC;CAC1C,CAAC;AACF,MAAM,cAAc,GAA+B;IACjD,OAAO,EAAE,oBAAoB;IAC7B,OAAO,EAAE,oBAAoB;IAC7B,IAAI,EAAK,4BAA4B;IACrC,OAAO,EAAE,aAAa;IACtB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAI,aAAa;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAmB,EAAE,OAAgB,EAAU,EAAE;IAC/E,MAAM,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACrC,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACzC,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAC1C,MAAM,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAC9C,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,0BAA0B,CAAC;IAEnF,OAAO;;;;;;;;;;;iBAWQ,QAAQ,IAAI,aAAa,IAAI,QAAQ,IAAI,QAAQ;;mBAE/C,QAAQ;;;eAGZ,KAAK;oBACA,EAAE;oDAC8B,MAAM;;;;;;;;;;;;;;;;;;;;;;;;MAwBpD,aAAa,CAAC,UAAU,CAAC;;MAEzB,qBAAqB,CAAC,UAAU,CAAC;GACpC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { TagVariant } from '../diwa-tag/types';\r\nimport { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\n\r\nconst VARIANT_BG: Record<TagVariant, string> = {\r\n neutral: 'var(--diwa-bg-surface)',\r\n primary: 'var(--diwa-accent-bg)',\r\n info: 'var(--diwa-notification-info-soft)',\r\n success: 'var(--diwa-notification-success-soft)',\r\n warning: 'var(--diwa-notification-warning-soft)',\r\n error: 'var(--diwa-notification-error-soft)',\r\n};\r\nconst VARIANT_COLOR: Record<TagVariant, string> = {\r\n neutral: 'var(--diwa-text-primary)',\r\n primary: 'var(--diwa-accent)',\r\n info: 'var(--diwa-notification-info)',\r\n success: 'var(--diwa-notification-success)',\r\n warning: 'var(--diwa-notification-warning)',\r\n error: 'var(--diwa-notification-error)',\r\n};\r\nconst VARIANT_BORDER: Record<TagVariant, string> = {\r\n neutral: 'var(--diwa-border)',\r\n primary: 'var(--diwa-accent)',\r\n info: 'var(--diwa-color-info-300)',\r\n success: 'transparent',\r\n warning: 'transparent',\r\n error: 'transparent',\r\n};\r\n\r\nexport const getComponentCss = (variant: TagVariant, compact: boolean): string => {\r\n const bg = VARIANT_BG[variant];\r\n const color = VARIANT_COLOR[variant];\r\n const border = VARIANT_BORDER[variant];\r\n const paddingY = compact ? '1px' : '2px';\r\n const paddingX = compact ? '6px' : '10px';\r\n const paddingXRight = compact ? '4px' : '6px';\r\n const fontSize = compact ? 'var(--diwa-font-size-sm)' : 'var(--diwa-font-size-md)';\r\n\r\n return `\r\n :host {\r\n display: inline-flex;\r\n }\r\n :host([hidden]) {\r\n display: none;\r\n }\r\n .tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--diwa-space-1);\r\n padding: ${paddingY} ${paddingXRight} ${paddingY} ${paddingX};\r\n font-family: var(--diwa-font-family-base);\r\n font-size: ${fontSize};\r\n font-weight: var(--diwa-font-weight-medium);\r\n line-height: 1;\r\n color: ${color};\r\n background: ${bg};\r\n border: var(--diwa-border-width-thin) solid ${border};\r\n border-radius: var(--diwa-radius-sm);\r\n white-space: nowrap;\r\n user-select: none;\r\n }\r\n .dismiss {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 12px;\r\n height: 12px;\r\n padding: 0;\r\n background: none;\r\n border: none;\r\n border-radius: var(--diwa-radius-xs);\r\n color: inherit;\r\n cursor: pointer;\r\n flex-shrink: 0;\r\n opacity: var(--diwa-opacity-muted);\r\n transition: opacity var(--diwa-transition-base);\r\n }\r\n .dismiss:hover {\r\n opacity: 1;\r\n }\r\n ${getFocusStyle('.dismiss')}\r\n\r\n ${getReducedMotionStyle('.dismiss')}\r\n `;\r\n};\r\n"]}

package/dist/collection/components/diwa-tag-dismissible/diwa-tag-dismissible.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-tag-dismissible.js","sourceRoot":"","sources":["../../../src/components/diwa-tag-dismissible/diwa-tag-dismissible.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGnF,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE;;GAEG;AAKH,MAAM,OAAO,kBAAkB;IAJ/B;QAKE,4BAA4B;QACH,YAAO,GAAe,SAAS,CAAC;QAEzD,sDAAsD;QAC7B,YAAO,GAAY,KAAK,CAAC;QAElD,+CAA+C;QACvC,UAAK,GAAY,QAAQ,CAAC;QAElC,gEAAgE;QACvC,UAAK,GAAU,MAAM,CAAC;QAKvC,kBAAa,GAAG,GAAS,EAAE;YACjC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QACtB,CAAC,CAAC;KAkCH;IAhCC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,mEAAa,IAAI,CAAC,KAAK;YAC1B,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,GAAI;YACjE,6DAAM,KAAK,EAAC,KAAK;gBACf,8DAAQ;gBACR,+DACE,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,QAAQ,gBACD,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,IAAI,CAAC,aAAa;oBAE3B,4DACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,kBACR,GAAG,oBACD,OAAO,qBACN,OAAO,iBACX,MAAM;wBAElB,6DAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG;wBACtC,6DAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,CAClC,CACC,CACJ,CACF,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, type EventEmitter, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport type { TagVariant } from './types';\r\nimport { getComponentCss } from './diwa-tag-dismissible-styles';\r\n\r\n/**\r\n * @slot default — Tag label content.\r\n */\r\n@Component({\r\n tag: 'diwa-tag-dismissible',\r\n shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaTagDismissible {\r\n /** Visual style variant. */\r\n @Prop({ reflect: true }) variant: TagVariant = 'neutral';\r\n\r\n /** Renders a compact (smaller) version of the tag. */\r\n @Prop({ reflect: true }) compact: boolean = false;\r\n\r\n /** Accessible label for the dismiss button. */\r\n @Prop() label?: string = 'Remove';\r\n\r\n /** Adapts the color when used on a light or dark background. */\r\n @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n /** Emitted when the dismiss button is clicked. */\r\n @Event({ bubbles: false, composed: false }) dismiss!: EventEmitter<void>;\r\n\r\n private handleDismiss = (): void => {\r\n this.dismiss.emit();\r\n };\r\n\r\n render() {\r\n return (\r\n <Host data-theme={this.theme}>\r\n <style innerHTML={getComponentCss(this.variant, this.compact)} />\r\n <span class=\"tag\">\r\n <slot />\r\n <button\r\n class=\"dismiss\"\r\n type=\"button\"\r\n aria-label={this.label}\r\n onClick={this.handleDismiss}\r\n >\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width={12}\r\n height={12}\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n aria-hidden=\"true\"\r\n >\r\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\r\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\r\n </svg>\r\n </button>\r\n </span>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/diwa-tag-dismissible/types.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/diwa-tag-dismissible/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TagVariant } from '../diwa-tag/types';\r\n\r\nexport type { TagVariant };\r\n"]}

package/dist/collection/components/diwa-text/diwa-text-styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-text-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-text/diwa-text-styles.ts"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAA6B;IAC1C,SAAS,EAAG,0BAA0B;IACtC,OAAO,EAAK,0BAA0B;IACtC,QAAQ,EAAI,4BAA4B;IACxC,OAAO,EAAK,0BAA0B;IACtC,SAAS,EAAG,0BAA0B;IACtC,UAAU,EAAE,2BAA2B;CACxC,CAAC;AAEF,MAAM,WAAW,GAA+B;IAC9C,OAAO,EAAG,gCAAgC;IAC1C,QAAQ,EAAE,kCAAkC;IAC5C,IAAI,EAAM,8BAA8B;CACzC,CAAC;AAEF,MAAM,KAAK,GAA8B;IACvC,OAAO,EAAI,0BAA0B;IACrC,SAAS,EAAE,4BAA4B;IACvC,QAAQ,EAAG,2BAA2B;IACtC,OAAO,EAAI,SAAS;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,IAAc,EACd,MAAkB,EAClB,KAAgB,EAChB,KAAgB,EAChB,QAAiB,EACT,EAAE,CAAC;;;;;;;;;;;;;;iBAcI,SAAS,CAAC,IAAI,CAAC;mBACb,WAAW,CAAC,MAAM,CAAC;;kBAEpB,KAAK;aACV,KAAK,CAAC,KAAK,CAAC;MACnB,QAAQ,CAAC,CAAC,CAAC,iEAAiE,CAAC,CAAC,CAAC,EAAE;;CAEtF,CAAC","sourcesContent":["import type { TextAlign, TextColor, TextSize, TextWeight } from './types';\r\n\r\nconst FONT_SIZE: Record<TextSize, string> = {\r\n 'x-small': 'var(--diwa-font-size-xs)',\r\n 'small': 'var(--diwa-font-size-md)',\r\n 'medium': 'var(--diwa-font-size-base)',\r\n 'large': 'var(--diwa-font-size-lg)',\r\n 'x-large': 'var(--diwa-font-size-xl)',\r\n 'xx-large': 'var(--diwa-font-size-3xl)',\r\n};\r\n\r\nconst FONT_WEIGHT: Record<TextWeight, string> = {\r\n regular: 'var(--diwa-font-weight-normal)',\r\n semibold: 'var(--diwa-font-weight-semibold)',\r\n bold: 'var(--diwa-font-weight-bold)',\r\n};\r\n\r\nconst COLOR: Record<TextColor, string> = {\r\n primary: 'var(--diwa-text-primary)',\r\n secondary: 'var(--diwa-text-secondary)',\r\n tertiary: 'var(--diwa-text-tertiary)',\r\n inherit: 'inherit',\r\n};\r\n\r\nexport const getComponentCss = (\r\n size: TextSize,\r\n weight: TextWeight,\r\n align: TextAlign,\r\n color: TextColor,\r\n ellipsis: boolean,\r\n): string => `\r\n\r\n :host {\r\n display: block;\r\n font-family: var(--diwa-font-family-base);\r\n }\r\n\r\n :host([hidden]) {\r\n display: none;\r\n }\r\n\r\n .text {\r\n margin: 0;\r\n padding: 0;\r\n font-size: ${FONT_SIZE[size]};\r\n font-weight: ${FONT_WEIGHT[weight]};\r\n line-height: var(--diwa-line-height-normal);\r\n text-align: ${align};\r\n color: ${COLOR[color]};\r\n ${ellipsis ? 'overflow: hidden; text-overflow: ellipsis; white-space: nowrap;' : ''}\r\n }\r\n`;\r\n"]}

package/dist/collection/components/diwa-text/diwa-text.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-text.js","sourceRoot":"","sources":["../../../src/components/diwa-text/diwa-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGzD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;GAYG;AAKH,MAAM,OAAO,QAAQ;IAJrB;QAKE,iEAAiE;QACjE,QAAQ;QACR,iEAAiE;QAEjE,oCAAoC;QACX,UAAK,GAAU,MAAM,CAAC;QAE/C,gEAAgE;QACvC,QAAG,GAAY,GAAG,CAAC;QAE5C,mDAAmD;QAC1B,SAAI,GAAa,OAAO,CAAC;QAElD,mBAAmB;QACM,WAAM,GAAe,SAAS,CAAC;QAExD,6DAA6D;QACpC,UAAK,GAAc,OAAO,CAAC;QAEpD;;;WAGG;QACsB,UAAK,GAAc,SAAS,CAAC;QAEtD;;;WAGG;QACsB,aAAQ,GAAY,KAAK,CAAC;KAkBpD;IAhBC,iEAAiE;IACjE,SAAS;IACT,iEAAiE;IAEjE,MAAM;QACJ,MAAM,GAAG,GAAG,IAAI,CAAC,GAAU,CAAC,CAAC,yDAAyD;QAEtF,OAAO,CACL,EAAC,IAAI,mEAAa,IAAI,CAAC,KAAK;YAC1B,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAI;YACpG,EAAC,GAAG,qDAAC,KAAK,EAAC,MAAM;gBACf,8DAAQ,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\r\nimport type { TextAlign, TextColor, TextSize, TextTag, TextWeight } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-text-styles';\r\n\r\n/**\r\n * @component diwa-text\r\n *\r\n * A semantically correct text renderer that maps a visual type scale onto\n * the correct HTML element. Mirrors the Diwa text API contract.\n *\r\n * Usage:\r\n * <diwa-text size=\"large\" weight=\"semibold\">Section title</diwa-text>\r\n * <diwa-text size=\"small\" color=\"secondary\">Supporting detail</diwa-text>\r\n * <diwa-text tag=\"span\" size=\"medium\" ellipsis>Truncated text</diwa-text>\r\n *\r\n * @slot default — Text content. Can include inline elements.\r\n */\r\n@Component({\r\n tag: 'diwa-text',\r\n shadow: true,\r\n})\r\nexport class DiwaText {\r\n // ──────────────────────────────────────────────────────────────\r\n // Props\r\n // ──────────────────────────────────────────────────────────────\r\n\r\n /** Per-component theme override. */\r\n @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n /** HTML element to render. Choose based on semantic context. */\r\n @Prop({ reflect: true }) tag: TextTag = 'p';\r\n\r\n /** Font size tier. Maps to the diwa type scale. */\r\n @Prop({ reflect: true }) size: TextSize = 'small';\r\n\r\n /** Font weight. */\r\n @Prop({ reflect: true }) weight: TextWeight = 'regular';\r\n\r\n /** Horizontal alignment. `start` and `end` are RTL-aware. */\r\n @Prop({ reflect: true }) align: TextAlign = 'start';\r\n\r\n /**\r\n * Colour alias. Use `inherit` to pass through the surrounding colour unchanged —\r\n * useful inside buttons, table cells, or other styled containers.\r\n */\r\n @Prop({ reflect: true }) color: TextColor = 'primary';\r\n\r\n /**\r\n * Clip overflow to a single line with a trailing ellipsis.\r\n * The host element must have a defined width for this to take effect.\r\n */\r\n @Prop({ reflect: true }) ellipsis: boolean = false;\r\n\r\n // ──────────────────────────────────────────────────────────────\r\n // Render\r\n // ──────────────────────────────────────────────────────────────\r\n\r\n render() {\r\n const Tag = this.tag as any; // eslint-disable-line @typescript-eslint/no-explicit-any\r\n\r\n return (\r\n <Host data-theme={this.theme}>\r\n <style innerHTML={getComponentCss(this.size, this.weight, this.align, this.color, this.ellipsis)} />\r\n <Tag class=\"text\">\r\n <slot />\r\n </Tag>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/diwa-text/types.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/diwa-text/types.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/**\r\n * diwa-text — Public TypeScript interfaces\r\n */\r\n\r\n/** HTML tag rendered by diwa-text. */\r\nexport type TextTag = 'p' | 'span' | 'div' | 'label' | 'li';\r\n\r\n/** Font size tier. Maps to --diwa-font-size-* tokens. */\r\nexport type TextSize = 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';\r\n\r\n/** Font weight. */\r\nexport type TextWeight = 'regular' | 'semibold' | 'bold';\r\n\r\n/** Horizontal text alignment. */\r\nexport type TextAlign = 'start' | 'center' | 'end';\r\n\r\n/**\r\n * Text colour alias.\r\n * `inherit` — passes through the surrounding text colour unchanged.\r\n */\r\nexport type TextColor = 'primary' | 'secondary' | 'tertiary' | 'inherit';\r\n"]}

package/dist/collection/components/diwa-text-list/diwa-text-list-styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-text-list-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-text-list/diwa-text-list-styles.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAkB,EAAU,EAAE,CAAC;;;;;;;;;;;;;;;;MAgBzD,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,+BAA+B;MACxD,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,oEAAoE,CAAC,CAAC,CAAC,EAAE;;CAElG,CAAC","sourcesContent":["import type { TextListType } from './types';\r\n\r\nexport const getComponentCss = (type: TextListType): string => `\r\n :host {\r\n display: block;\r\n font-family: var(--diwa-font-family-base);\r\n }\r\n\r\n :host([hidden]) {\r\n display: none;\r\n }\r\n\r\n .list {\r\n margin: 0;\r\n padding: 0;\r\n color: var(--diwa-text-primary);\r\n font-size: var(--diwa-font-size-base);\r\n line-height: var(--diwa-line-height-normal);\r\n ${type === 'inline' ? '' : 'padding-inline-start: 1.25em;'}\r\n ${type === 'inline' ? 'list-style: none; display: flex; flex-wrap: wrap; gap: 0.25em 1em;' : ''}\r\n }\r\n`;\r\n"]}

package/dist/collection/components/diwa-text-list/diwa-text-list.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-text-list.js","sourceRoot":"","sources":["../../../src/components/diwa-text-list/diwa-text-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGzD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D;;;;;;;;;;;;;GAaG;AAKH,MAAM,OAAO,YAAY;IAJzB;QAKE,oCAAoC;QACX,UAAK,GAAU,MAAM,CAAC;QAE/C;;;;;WAKG;QACsB,SAAI,GAAiB,WAAW,CAAC;KAc3D;IAZC,MAAM;QACJ,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;QAElD,OAAO,CACL,EAAC,IAAI,mEAAa,IAAI,CAAC,KAAK;YAC1B,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,GAAI;YAChD,EAAC,GAAG,qDAAC,KAAK,EAAC,MAAM;gBACf,8DAAQ,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\r\nimport type { TextListType } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-text-list-styles';\r\n\r\n/**\r\n * @component diwa-text-list\r\n *\r\n * A styled list that renders as `<ul>`, `<ol>`, or an inline flex row depending\r\n * on the `type` prop. Accepts `diwa-text-list-item` children in the default slot.\r\n *\r\n * Usage:\r\n * <diwa-text-list>\r\n * <diwa-text-list-item>First item</diwa-text-list-item>\r\n * <diwa-text-list-item>Second item</diwa-text-list-item>\r\n * </diwa-text-list>\r\n *\r\n * @slot default — diwa-text-list-item elements.\r\n */\r\n@Component({\r\n tag: 'diwa-text-list',\r\n shadow: true,\r\n})\r\nexport class DiwaTextList {\r\n /** Per-component theme override. */\r\n @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n /**\r\n * List style.\r\n * - `unordered` — bullet points (`<ul>`)\r\n * - `ordered` — numbered list (`<ol>`)\r\n * - `inline` — comma/space separated flex row (`<ul>` without markers)\r\n */\r\n @Prop({ reflect: true }) type: TextListType = 'unordered';\r\n\r\n render() {\r\n const Tag = this.type === 'ordered' ? 'ol' : 'ul';\r\n\r\n return (\r\n <Host data-theme={this.theme}>\r\n <style innerHTML={getComponentCss(this.type)} />\r\n <Tag class=\"list\">\r\n <slot />\r\n </Tag>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/diwa-text-list/types.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/diwa-text-list/types.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/*\r\n diwa-text-list — Public TypeScript interfaces\r\n /\r\n\r\n/* The list style type. */\r\nexport type TextListType = 'unordered' \| 'ordered' \| 'inline';\r\n"]}

package/dist/collection/components/diwa-text-list-item/diwa-text-list-item-styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-text-list-item-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-text-list-item/diwa-text-list-item-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;CAYvC,CAAC","sourcesContent":["export const getItemCss = (): string => `\r\n :host {\r\n display: list-item;\r\n font-family: var(--diwa-font-family-base);\r\n font-size: var(--diwa-font-size-base);\r\n line-height: var(--diwa-line-height-normal);\r\n color: var(--diwa-text-primary);\r\n }\r\n\r\n :host([hidden]) {\r\n display: none;\r\n }\r\n`;\r\n"]}

package/dist/collection/components/diwa-text-list-item/diwa-text-list-item.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-text-list-item.js","sourceRoot":"","sources":["../../../src/components/diwa-text-list-item/diwa-text-list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D;;;;;;;;;;;;GAYG;AAKH,MAAM,OAAO,gBAAgB;IAJ7B;QAKE,oCAAoC;QACX,UAAK,GAAU,MAAM,CAAC;KAUhD;IARC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,mEAAa,IAAI,CAAC,KAAK;YAC1B,8DAAO,SAAS,EAAE,UAAU,EAAE,GAAI;YAClC,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getItemCss } from './diwa-text-list-item-styles';\r\n\r\n/**\r\n * @component diwa-text-list-item\r\n *\r\n * A single item within a `diwa-text-list`. Renders as a `<li>` (display: list-item)\r\n * so it inherits the list-style-type and indentation from its parent list.\r\n *\r\n * Usage:\r\n * <diwa-text-list>\r\n * <diwa-text-list-item>Item text</diwa-text-list-item>\r\n * </diwa-text-list>\r\n *\r\n * @slot default — Item text or inline content.\r\n */\r\n@Component({\r\n tag: 'diwa-text-list-item',\r\n shadow: true,\r\n})\r\nexport class DiwaTextListItem {\r\n /** Per-component theme override. */\r\n @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n render() {\r\n return (\r\n <Host data-theme={this.theme}>\r\n <style innerHTML={getItemCss()} />\r\n <slot />\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/diwa-text-list-item/types.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/diwa-text-list-item/types.ts"],"names":[],"mappings":";AAAA;;;;;GAKG","sourcesContent":["/**\r\n * diwa-text-list-item — Public TypeScript interfaces\r\n *\r\n * This component has no public types beyond what is inherited from the shared\r\n * Theme type. The file exists for consistency across the component library.\r\n */\r\n"]}

package/dist/collection/components/diwa-textarea/diwa-textarea-styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-textarea-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-textarea/diwa-textarea-styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAI3D,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,KAAsB,EACtB,QAAiB,EACjB,QAAiB,EACjB,MAAsB,EACtB,OAAgB,EACR,EAAE;IACV,MAAM,WAAW,GACf,KAAK,KAAK,OAAO;QACf,CAAC,CAAC,gCAAgC;QAClC,CAAC,CAAC,KAAK,KAAK,SAAS;YACnB,CAAC,CAAC,kCAAkC;YACpC,CAAC,CAAC,8CAA8C,CAAC;IAEvD,MAAM,YAAY,GAChB,KAAK,KAAK,OAAO;QACf,CAAC,CAAC,gCAAgC;QAClC,CAAC,CAAC,KAAK,KAAK,SAAS;YACnB,CAAC,CAAC,kCAAkC;YACpC,CAAC,CAAC,4BAA4B,CAAC;IAErC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAkC2C,WAAW;;;;QAIvD,QAAQ,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,EAAE;;;sBAGvC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,WAAW;;;;;MAK3E,QAAQ,CAAC,CAAC,CAAC,iFAAiF,CAAC,CAAC,CAAC,EAAE;;;oBAGnF,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;iBAC5B,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW;;;;;mBAKhC,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,4BAA4B;;gBAEtE,MAAM;;;;;;;;;;;;;;eAcP,YAAY;;;;;MAKrB,qBAAqB,CAAC,mBAAmB,CAAC;GAC7C,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { InputFieldState } from '../diwa-input/types';\r\nimport type { TextareaResize } from './types';\r\nimport { getReducedMotionStyle } from '../../utils/styles';\r\n\r\nexport type { TextareaResize } from './types';\r\n\r\nexport const getComponentCss = (\r\n state: InputFieldState,\r\n disabled: boolean,\r\n readOnly: boolean,\r\n resize: TextareaResize,\r\n compact: boolean,\r\n): string => {\r\n const borderColor =\r\n state === 'error'\r\n ? 'var(--diwa-notification-error)'\r\n : state === 'success'\r\n ? 'var(--diwa-notification-success)'\r\n : 'var(--diwa-input-border, var(--diwa-border))';\r\n\r\n const messageColor =\r\n state === 'error'\r\n ? 'var(--diwa-notification-error)'\r\n : state === 'success'\r\n ? 'var(--diwa-notification-success)'\r\n : 'var(--diwa-text-secondary)';\r\n\r\n return `\r\n :host {\r\n display: block;\r\n font-family: var(--diwa-font-family-base);\r\n outline: none;\r\n }\r\n :host([hidden]) {\r\n display: none;\r\n }\r\n .root {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--diwa-space-2);\r\n }\r\n .label-row {\r\n display: flex;\r\n align-items: baseline;\r\n gap: var(--diwa-space-1);\r\n }\r\n .label {\r\n display: block;\r\n font-size: var(--diwa-font-size-sm);\r\n font-weight: var(--diwa-font-weight-semibold);\r\n color: var(--diwa-text-secondary);\r\n line-height: var(--diwa-line-height-normal);\r\n }\r\n .required {\r\n color: var(--diwa-notification-error);\r\n font-weight: var(--diwa-font-weight-semibold);\r\n }\r\n .textarea-wrapper {\r\n position: relative;\r\n display: flex;\r\n background: var(--diwa-input-bg, var(--diwa-bg-input));\r\n border: var(--diwa-border-width-thin) solid ${borderColor};\r\n border-radius: var(--diwa-input-radius, var(--diwa-radius-md));\r\n box-sizing: border-box;\r\n transition: border-color var(--diwa-transition-base);\r\n ${disabled ? 'opacity: 0.5; pointer-events: none;' : ''}\r\n }\r\n .textarea-wrapper:not(:has(textarea:disabled)):not(:has(textarea[readonly])):hover {\r\n border-color: ${state === 'none' ? 'var(--diwa-border-hover)' : borderColor};\r\n }\r\n .textarea-wrapper:focus-within {\r\n border-color: var(--diwa-border-focus);\r\n }\r\n ${readOnly ? `.textarea-wrapper { background: var(--diwa-bg-surface); border-style: dashed; }` : ''}\r\n .ta {\r\n width: 100%;\r\n min-height: ${compact ? '64px' : '96px'};\r\n padding: ${compact ? '6px 10px' : '10px 12px'};\r\n background: transparent;\r\n border: none;\r\n outline: none;\r\n font-family: var(--diwa-font-family-base);\r\n font-size: ${compact ? 'var(--diwa-font-size-sm)' : 'var(--diwa-font-size-base)'};\r\n color: var(--diwa-text-primary);\r\n resize: ${resize};\r\n box-sizing: border-box;\r\n }\r\n .ta::placeholder {\r\n color: var(--diwa-text-muted);\r\n }\r\n .description {\r\n font-size: var(--diwa-font-size-sm);\r\n color: var(--diwa-text-secondary);\r\n line-height: var(--diwa-line-height-normal);\r\n margin: 0;\r\n }\r\n .message {\r\n font-size: var(--diwa-font-size-sm);\r\n color: ${messageColor};\r\n line-height: var(--diwa-line-height-normal);\r\n margin: 0;\r\n }\r\n\r\n ${getReducedMotionStyle('.textarea-wrapper')}\r\n `;\r\n};\r\n"]}

package/dist/collection/components/diwa-textarea/diwa-textarea.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-textarea.js","sourceRoot":"","sources":["../../../src/components/diwa-textarea/diwa-textarea.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, type EventEmitter, Host, Prop, h } from '@stencil/core';\r\nimport type { InputFieldState } from '../diwa-input/types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport type { TextareaResize } from './types';\r\nimport { getComponentCss } from './diwa-textarea-styles';\r\n\r\n/**\r\n * @slot label-after — Content placed after the label (e.g. a diwa-popover).\r\n *\r\n * @controlled {\"props\": [\"value\"], \"event\": \"input\"}\r\n */\r\n@Component({\r\n tag: 'diwa-textarea',\r\n shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaTextarea {\r\n /** Visible label text. */\r\n @Prop() label: string = '';\r\n\r\n /** Supplementary description shown below the label. */\r\n @Prop() description: string = '';\r\n\r\n /** Validation state affecting border colour and message colour. */\r\n @Prop() state: InputFieldState = 'none';\r\n\r\n /** Feedback message shown when state is \"error\" or \"success\". */\r\n @Prop() message: string = '';\r\n\r\n /** The name attribute forwarded to the native textarea. */\r\n @Prop() name: string = '';\r\n\r\n /** Current value. Update in response to the input event. */\r\n @Prop({ mutable: true }) value: string = '';\r\n\r\n /** Placeholder text shown when the textarea is empty. */\r\n @Prop() placeholder: string = '';\r\n\r\n /** Whether the textarea is required. */\r\n @Prop() required: boolean = false;\r\n\r\n /** Whether the textarea is disabled. */\r\n @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n /** Whether the textarea is read-only. */\r\n @Prop({ reflect: true }) readOnly: boolean = false;\r\n\r\n /** Maximum character length. */\r\n @Prop() maxLength?: number;\r\n\r\n /** Minimum character length. */\r\n @Prop() minLength?: number;\r\n\r\n /** Number of visible text rows. */\r\n @Prop() rows: number = 4;\r\n\r\n /** Controls which dimensions can be resized by the user. */\r\n @Prop() resize: TextareaResize = 'vertical';\r\n\r\n /** Renders a compact version with reduced padding and font size. */\r\n @Prop() compact: boolean = false;\r\n\r\n /** Hides the label visually (label is still in the DOM for screen readers). */\r\n @Prop() hideLabel: boolean = false;\r\n\r\n /** Adapts the color when used on a light or dark background. */\r\n @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n /** Emitted on every keystroke. Detail contains the current value string. */\r\n @Event({ bubbles: true }) input!: EventEmitter<string>;\r\n\r\n /** Emitted when the textarea loses focus after value changes. */\r\n @Event({ bubbles: true }) change!: EventEmitter<string>;\r\n\r\n /** Emitted when the textarea loses focus. */\r\n @Event({ bubbles: false, composed: false }) blur!: EventEmitter<FocusEvent>;\r\n\r\n private handleInput = (e: Event): void => {\r\n this.value = (e.target as HTMLTextAreaElement).value;\r\n this.input.emit(this.value);\r\n };\r\n\r\n private handleChange = (e: Event): void => {\r\n this.value = (e.target as HTMLTextAreaElement).value;\r\n this.change.emit(this.value);\r\n };\r\n\r\n private handleBlur = (e: FocusEvent): void => {\r\n this.blur.emit(e);\r\n };\r\n\r\n render() {\r\n const taId = 'textarea';\r\n const descId = 'desc';\r\n const msgId = 'msg';\r\n\r\n return (\r\n <Host data-theme={this.theme}>\r\n <style innerHTML={getComponentCss(this.state, this.disabled, this.readOnly, this.resize, this.compact)} />\r\n <div class=\"root\">\r\n {!this.hideLabel && this.label && (\r\n <div class=\"label-row\">\r\n <label class=\"label\" htmlFor={taId}>\r\n {this.label}\r\n {this.required && <span class=\"required\" aria-hidden=\"true\"> *</span>}\r\n </label>\r\n <slot name=\"label-after\" />\r\n </div>\r\n )}\r\n <div class=\"textarea-wrapper\">\r\n <textarea\r\n class=\"ta\"\r\n id={taId}\r\n name={this.name || undefined}\r\n value={this.value}\r\n placeholder={this.placeholder || undefined}\r\n disabled={this.disabled}\r\n required={this.required}\r\n readOnly={this.readOnly}\r\n rows={this.rows}\r\n maxLength={this.maxLength}\r\n minLength={this.minLength}\r\n aria-label={this.hideLabel && this.label ? this.label : undefined}\r\n aria-invalid={this.state === 'error' ? 'true' : undefined}\r\n aria-required={this.required ? 'true' : undefined}\r\n aria-describedby={this.message ? msgId : this.description ? descId : undefined}\r\n onInput={this.handleInput}\r\n onChange={this.handleChange}\r\n onBlur={this.handleBlur}\r\n />\r\n </div>\r\n {!this.message && this.description && (\r\n <p id={descId} class=\"description\">{this.description}</p>\r\n )}\r\n {this.message && (\r\n <p id={msgId} class=\"message\">{this.message}</p>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/diwa-textarea/types.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/diwa-textarea/types.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/*\r\n diwa-textarea — Public TypeScript types\r\n */\r\n\r\nexport type TextareaResize = 'none' \| 'both' \| 'vertical' \| 'horizontal';\r\n"]}

package/dist/collection/components/diwa-toast/diwa-toast-manager.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-toast-manager.js","sourceRoot":"","sources":["../../../src/components/diwa-toast/diwa-toast-manager.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ToastMessage } from './types';\r\n\r\nconst DEFAULT_TIMEOUT = 6000;\r\n/** Duration to wait after dismiss before showing the next queued message (matches slideIn animation). */\r\nconst DISMISS_DELAY = 200;\r\n\r\nexport type ToastEntry = ToastMessage & { id: number };\r\ntype RefreshFn = (entry: ToastEntry | null) => void;\r\n\r\n/**\r\n * ToastManagerClass — singleton service that owns the toast queue.\r\n *\r\n * Only one `<diwa-toast>` element may be registered at a time.\r\n * The component registers a `refreshFn` callback on `connectedCallback`\r\n * and unregisters on `disconnectedCallback`.\r\n *\r\n * Consumers call `element.addMessage()` (which delegates here) OR import\r\n * `toastManager` directly and call `toastManager.addMessage()`.\r\n */\r\nexport class ToastManagerClass {\r\n private queue: ToastEntry[] = [];\r\n private current: ToastEntry | null = null;\r\n private toastEl: HTMLElement | null = null;\r\n private refreshFn: RefreshFn | null = null;\r\n private timeout: ReturnType<typeof setTimeout> | null = null;\r\n private nextId = 0;\r\n\r\n // ── Registration ──────────────────────────────────────────────────────────\r\n\r\n register(host: HTMLElement, refreshFn: RefreshFn): void {\r\n if (this.toastEl) {\r\n console.error('[diwa-toast] Only one <diwa-toast> may exist per page. Multiple instances detected.');\r\n return;\r\n }\r\n this.toastEl = host;\r\n this.refreshFn = refreshFn;\r\n }\r\n\r\n unregister(): void {\r\n this.clearTimeout();\r\n this.queue = [];\r\n this.current = null;\r\n this.toastEl = null;\r\n this.refreshFn = null;\r\n }\r\n\r\n // ── Public API ────────────────────────────────────────────────────────────\r\n\r\n addMessage(message: ToastMessage): void {\r\n if (!this.toastEl) {\r\n console.warn('[diwa-toast] addMessage() called but no <diwa-toast> element is mounted in the page.');\r\n return;\r\n }\r\n if (!message.text?.trim()) {\r\n console.warn('[diwa-toast] addMessage() called with empty text.');\r\n return;\r\n }\r\n\r\n const entry: ToastEntry = {\r\n state: 'neutral',\r\n ...message,\r\n id: this.nextId++,\r\n };\r\n\r\n if (this.current === null) {\r\n this.show(entry);\r\n } else {\r\n this.queue.push(entry);\r\n }\r\n }\r\n\r\n dismiss(): void {\r\n this.clearTimeout();\r\n this.current = null;\r\n this.refreshFn?.(null);\r\n\r\n // Wait for the dismiss animation, then show next queued item\r\n setTimeout(() => {\r\n const next = this.queue.shift();\r\n if (next) {\r\n this.show(next);\r\n }\r\n }, DISMISS_DELAY);\r\n }\r\n\r\n getCurrent(): ToastEntry | null {\r\n return this.current;\r\n }\r\n\r\n // ── Private helpers ───────────────────────────────────────────────────────\r\n\r\n private show(entry: ToastEntry): void {\r\n this.current = entry;\r\n this.refreshFn?.(entry);\r\n this.scheduleTimeout(entry);\r\n }\r\n\r\n private scheduleTimeout(entry: ToastEntry): void {\r\n const duration = entry.duration ?? DEFAULT_TIMEOUT;\r\n if (duration > 0) {\r\n this.timeout = setTimeout(() => this.dismiss(), duration);\r\n }\r\n }\r\n\r\n private clearTimeout(): void {\r\n if (this.timeout !== null) {\r\n clearTimeout(this.timeout);\r\n this.timeout = null;\r\n }\r\n }\r\n}\r\n\r\nexport const toastManager = new ToastManagerClass();\r\n"]}

package/dist/collection/components/diwa-toast/diwa-toast-styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-toast-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-toast/diwa-toast-styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8B5C,CAAC","sourcesContent":["export const getComponentCss = (): string => `\r\n :host {\n position: fixed;\n bottom: var(--diwa-space-6);\n right: var(--diwa-space-6);\n z-index: var(--diwa-z-toast);\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: var(--diwa-space-3);\n pointer-events: none;\r\n font-family: var(--diwa-font-family-base);\r\n }\r\n\r\n :host([hidden]) {\r\n display: none;\r\n }\r\n\r\n ::slotted(*) {\n pointer-events: all;\n }\n\n @media (max-width: 480px) {\n :host {\n left: var(--diwa-space-3);\n right: var(--diwa-space-3);\n bottom: var(--diwa-space-3);\n align-items: stretch;\n }\n }\n`;\n"]}

package/dist/collection/components/diwa-toast/diwa-toast.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-toast.js","sourceRoot":"","sources":["../../../src/components/diwa-toast/diwa-toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGjF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD;;;;;;;;;;;;;GAaG;AAKH,MAAM,OAAO,SAAS;IAJtB;QAO2B,UAAK,GAAU,MAAM,CAAC;QAE9B,eAAU,GAAsB,IAAI,CAAC;KAsCvD;IApCC,iBAAiB;QACf,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,EAAE;YACvC,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,oBAAoB;QAClB,YAAY,CAAC,UAAU,EAAE,CAAC;IAC5B,CAAC;IAED;;;;OAIG;IAEH,KAAK,CAAC,UAAU,CAAC,OAAqB;QACpC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC;IAED,MAAM;;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,QAAQ,eAAW,QAAQ,iBAAa,OAAO,gBAAa,IAAI,CAAC,KAAK;YAC/E,8DAAO,SAAS,EAAE,eAAe,EAAE,GAAI;YACtC,IAAI,CAAC,UAAU,IAAI,CAClB,uBACE,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,EACvB,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,EAC1B,KAAK,EAAE,MAAA,IAAI,CAAC,UAAU,CAAC,KAAK,mCAAI,SAAS,EACzC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,GACvC,CACH,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Host, Method, Prop, State, h } from '@stencil/core';\r\nimport type { ToastMessage } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-toast-styles';\r\nimport { toastManager } from './diwa-toast-manager';\r\nimport type { ToastEntry } from './diwa-toast-manager';\r\n\r\n/**\r\n * @component diwa-toast\r\n *\r\n * Singleton container that queues and displays toast notifications one at a\r\n * time. Call `addMessage()` to enqueue a toast — only one toast is visible at\r\n * a given moment; additional messages are shown in FIFO order as each one is\r\n * dismissed or times out.\r\n *\r\n * Only one `<diwa-toast>` element should exist per page.\r\n *\r\n * Usage:\r\n * const toast = document.querySelector('diwa-toast');\r\n * toast.addMessage({ text: 'Saved!', state: 'success' });\r\n */\r\n@Component({\r\n tag: 'diwa-toast',\r\n shadow: true,\r\n})\r\nexport class DiwaToast {\r\n @Element() host!: HTMLDiwaToastElement;\r\n\r\n @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n @State() private currentMsg: ToastEntry | null = null;\r\n\r\n connectedCallback(): void {\r\n toastManager.register(this.host, (msg) => {\r\n this.currentMsg = msg;\r\n });\r\n }\r\n\r\n disconnectedCallback(): void {\r\n toastManager.unregister();\r\n }\r\n\r\n /**\r\n * Enqueues a toast message. If no toast is currently visible it is shown\r\n * immediately; otherwise it is placed in the FIFO queue and shown after all\r\n * preceding messages have been dismissed.\r\n */\r\n @Method()\r\n async addMessage(message: ToastMessage): Promise<void> {\r\n toastManager.addMessage(message);\r\n }\r\n\r\n render() {\r\n return (\r\n <Host role=\"status\" aria-live=\"polite\" aria-atomic=\"false\" data-theme={this.theme}>\r\n <style innerHTML={getComponentCss()} />\r\n {this.currentMsg && (\r\n <diwa-toast-item\r\n key={this.currentMsg.id}\r\n text={this.currentMsg.text}\r\n state={this.currentMsg.state ?? 'neutral'}\r\n theme={this.theme}\r\n onDismiss={() => toastManager.dismiss()}\r\n />\r\n )}\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/diwa-toast/types.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/diwa-toast/types.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/**\r\n * diwa-toast — Public TypeScript types\r\n */\r\n\r\nexport type ToastState = 'neutral' | 'success' | 'error' | 'warning' | 'info';\r\n\r\nexport interface ToastMessage {\r\n text: string;\r\n state?: ToastState;\r\n duration?: number; // ms, default 5000\r\n}\r\n"]}

package/dist/collection/components/diwa-toast-item/diwa-toast-item-styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-toast-item-styles.js","sourceRoot":"","sources":["../../../src/components/diwa-toast-item/diwa-toast-item-styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhG,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAiB,EAAU,EAAE;IAC3D,MAAM,UAAU,GACd,KAAK,KAAK,SAAS;QACjB,CAAC,CAAC,kCAAkC;QACpC,CAAC,CAAC,KAAK,KAAK,OAAO;YACjB,CAAC,CAAC,gCAAgC;YAClC,CAAC,CAAC,KAAK,KAAK,SAAS;gBACnB,CAAC,CAAC,kCAAkC;gBACpC,CAAC,CAAC,KAAK,KAAK,MAAM;oBAChB,CAAC,CAAC,+BAA+B;oBACjC,CAAC,CAAC,4BAA4B,CAAC;IAEzC,MAAM,OAAO,GACX,KAAK,KAAK,SAAS;QACjB,CAAC,CAAC,uCAAuC;QACzC,CAAC,CAAC,KAAK,KAAK,OAAO;YACjB,CAAC,CAAC,qCAAqC;YACvC,CAAC,CAAC,KAAK,KAAK,SAAS;gBACnB,CAAC,CAAC,uCAAuC;gBACzC,CAAC,CAAC,KAAK,KAAK,MAAM;oBAChB,CAAC,CAAC,oCAAoC;oBACtC,CAAC,CAAC,yBAAyB,CAAC;IAEtC,OAAO;;;;;;;;;;;;;;;;;;;kBAmBS,OAAO;kDACyB,UAAU;;;;;;;;;;;;;;aAc/C,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BnB,oBAAoB,CAAC,QAAQ,EAAE,kCAAkC,CAAC;;IAElE,aAAa,CAAC,QAAQ,CAAC;;IAEvB,qBAAqB,CAAC,QAAQ,EAAE,QAAQ,CAAC;GAC1C,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { ToastState } from './types';\r\nimport { getFocusStyle, getHoverCapableStyle, getReducedMotionStyle } from '../../utils/styles';\n\r\nexport const getComponentCss = (state: ToastState): string => {\r\n const stateColor =\r\n state === 'success'\r\n ? 'var(--diwa-notification-success)'\r\n : state === 'error'\r\n ? 'var(--diwa-notification-error)'\r\n : state === 'warning'\r\n ? 'var(--diwa-notification-warning)'\r\n : state === 'info'\r\n ? 'var(--diwa-notification-info)'\r\n : 'var(--diwa-text-secondary)';\r\n\r\n const stateBg =\r\n state === 'success'\r\n ? 'var(--diwa-notification-success-soft)'\r\n : state === 'error'\r\n ? 'var(--diwa-notification-error-soft)'\r\n : state === 'warning'\r\n ? 'var(--diwa-notification-warning-soft)'\r\n : state === 'info'\r\n ? 'var(--diwa-notification-info-soft)'\r\n : 'var(--diwa-bg-elevated)';\r\n\r\n return `\r\n :host {\r\n display: block;\r\n font-family: var(--diwa-font-family-base);\r\n pointer-events: all;\r\n }\r\n\r\n :host([hidden]) {\r\n display: none;\r\n }\r\n\r\n .toast {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--diwa-space-3);\r\n min-width: var(--diwa-toast-min-width);\r\n max-width: var(--diwa-toast-max-width);\r\n padding: var(--diwa-space-4);\r\n border-radius: var(--diwa-radius-md);\r\n background: ${stateBg};\r\n border: var(--diwa-border-width-thin) solid ${stateColor};\r\n box-shadow: var(--diwa-shadow-md);\r\n animation: slideIn var(--diwa-motion-duration-short) var(--diwa-motion-easing-out);\r\n }\r\n\r\n @keyframes slideIn {\r\n from { opacity: 0; transform: translateY(8px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .icon {\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n color: ${stateColor};\r\n }\r\n\r\n .text {\r\n flex: 1;\r\n font-size: var(--diwa-font-size-sm);\r\n color: var(--diwa-text-primary);\r\n line-height: 1.5;\r\n }\r\n\r\n .close {\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: var(--diwa-touch-target-min-size, 44px);\n height: var(--diwa-touch-target-min-size, 44px);\n border: none;\r\n background: transparent;\r\n color: var(--diwa-text-secondary);\r\n cursor: pointer;\r\n border-radius: var(--diwa-radius-sm);\r\n padding: 0;\r\n transition: color var(--diwa-transition-base);\n }\n\n ${getHoverCapableStyle('.close', 'color: var(--diwa-text-primary);')}\n\r\n ${getFocusStyle('.close')}\r\n\r\n ${getReducedMotionStyle('.toast', '.close')}\n `;\n};\n"]}

package/dist/collection/components/diwa-toast-item/diwa-toast-item.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"diwa-toast-item.js","sourceRoot":"","sources":["../../../src/components/diwa-toast-item/diwa-toast-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGnF,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,WAAW,GAA+B;IAC9C,OAAO,EAAE,2QAA2Q;IACpR,IAAI,EAAE,2QAA2Q;IACjR,OAAO,EAAE,6NAA6N;IACtO,OAAO,EAAE,iRAAiR;IAC1R,KAAK,EAAE,6PAA6P;CACrQ,CAAC;AAEF,MAAM,UAAU,GAAG,8MAA8M,CAAC;AAElO;;;;;GAKG;AAKH,MAAM,OAAO,aAAa;IAJ1B;QAKE,oCAAoC;QACX,UAAK,GAAU,MAAM,CAAC;QAE/C,+BAA+B;QACvB,SAAI,GAAW,EAAE,CAAC;QAE1B,8CAA8C;QACrB,UAAK,GAAe,SAAS,CAAC;QAQ/C,gBAAW,GAAG,GAAG,EAAE;YACzB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QACtB,CAAC,CAAC;KAoBH;IAlBC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,mEAAa,IAAI,CAAC,KAAK;YAC1B,8DAAO,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,GAAI;YACjD,4DAAK,KAAK,EAAC,OAAO;gBAChB,6DAAM,KAAK,EAAC,MAAM,iBAAa,MAAM,EAAC,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,GAAI;gBAC5E,6DAAM,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,IAAI,CAAQ;gBACrC,+DACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,OAAO,gBACF,sBAAsB,EACjC,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,SAAS,EAAE,UAAU,GACrB,CACE,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, type EventEmitter, Host, Prop, h } from '@stencil/core';\r\nimport type { ToastState } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-toast-item-styles';\r\n\r\nconst STATE_ICONS: Record<ToastState, string> = {\r\n neutral: `<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.5\"/><line x1=\"8\" y1=\"5\" x2=\"8\" y2=\"8.5\"/><circle cx=\"8\" cy=\"11\" r=\"0.75\" fill=\"currentColor\" stroke=\"none\"/></svg>`,\r\n info: `<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.5\"/><line x1=\"8\" y1=\"5\" x2=\"8\" y2=\"8.5\"/><circle cx=\"8\" cy=\"11\" r=\"0.75\" fill=\"currentColor\" stroke=\"none\"/></svg>`,\r\n success: `<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.5\"/><polyline points=\"5,8 7,10 11,6\"/></svg>`,\r\n warning: `<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M8 2.5L14 13H2L8 2.5Z\"/><line x1=\"8\" y1=\"6.5\" x2=\"8\" y2=\"9.5\"/><circle cx=\"8\" cy=\"11.5\" r=\"0.75\" fill=\"currentColor\" stroke=\"none\"/></svg>`,\r\n error: `<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.5\"/><line x1=\"5.5\" y1=\"5.5\" x2=\"10.5\" y2=\"10.5\"/><line x1=\"10.5\" y1=\"5.5\" x2=\"5.5\" y2=\"10.5\"/></svg>`,\r\n};\r\n\r\nconst CLOSE_ICON = `<svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><line x1=\"4\" y1=\"4\" x2=\"12\" y2=\"12\"/><line x1=\"12\" y1=\"4\" x2=\"4\" y2=\"12\"/></svg>`;\r\n\r\n/**\r\n * @component diwa-toast-item\r\n *\r\n * Renders a single toast notification. Managed by `diwa-toast` — do not\r\n * use this component directly; use `diwa-toast.addMessage()` instead.\r\n */\r\n@Component({\r\n tag: 'diwa-toast-item',\r\n shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaToastItem {\r\n /** Per-component theme override. */\r\n @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n /** Message text to display. */\r\n @Prop() text: string = '';\r\n\r\n /** Visual state affecting icon and colour. */\r\n @Prop({ reflect: true }) state: ToastState = 'neutral';\r\n\r\n /**\r\n * Emitted when the user dismisses the toast or the auto-dismiss timer fires.\r\n */\r\n @Event({ bubbles: false, composed: false })\r\n dismiss!: EventEmitter<void>;\r\n\r\n private handleClose = () => {\r\n this.dismiss.emit();\r\n };\r\n\r\n render() {\r\n return (\r\n <Host data-theme={this.theme}>\r\n <style innerHTML={getComponentCss(this.state)} />\r\n <div class=\"toast\">\r\n <span class=\"icon\" aria-hidden=\"true\" innerHTML={STATE_ICONS[this.state]} />\r\n <span class=\"text\">{this.text}</span>\r\n <button\r\n type=\"button\"\r\n class=\"close\"\r\n aria-label=\"Dismiss notification\"\r\n onClick={this.handleClose}\r\n innerHTML={CLOSE_ICON}\r\n />\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/diwa-toast-item/types.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/diwa-toast-item/types.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/*\r\n diwa-toast-item — Public TypeScript types\r\n */\r\n\r\nexport type { ToastState } from '../diwa-toast/types';\r\n"]}

package/dist/collection/styles/index.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"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","sourcesContent":["/**\r\n * @diwacopilot/components/styles\r\n * =======================\r\n * JavaScript-accessible design-token utilities.\r\n * Import from '@diwacopilot/components/styles' in host apps.\r\n *\r\n * All values mirror the CSS custom properties in src/global/app.css.\r\n * Use these when you need token values in JS/TS (e.g. canvas rendering,\r\n * Framer Motion, styled-components, inline styles in tests).\r\n */\r\n\r\n// ─── Border Radius ───────────────────────────────────────────────────────────\r\n\r\nexport const borderRadiusXs = '2px';\r\nexport const borderRadiusSm = '4px';\r\nexport const borderRadiusMd = '6px';\r\nexport const borderRadiusLg = '8px';\r\nexport const borderRadiusXl = '12px';\r\nexport const borderRadius2Xl = '16px';\r\nexport const borderRadiusFull = '9999px';\r\n\r\n// ─── Border Width ─────────────────────────────────────────────────────────────\r\n\r\nexport const borderWidthThin = '1px';\r\nexport const borderWidthMedium = '1.5px';\r\nexport const borderWidthBase = '2px';\r\nexport const borderWidthThick = '4px';\r\n\r\n// ─── Focus Ring ───────────────────────────────────────────────────────────────\r\n\r\nexport const focusRingWidth = '1px';\nexport const focusRingOffset = '1px';\nexport const touchTargetMinSize = '44px';\nexport const touchTargetMinSizeCompact = '32px';\nexport const touchTargetGapMin = '8px';\n\r\n// ─── Spacing ─────────────────────────────────────────────────────────────────\r\n\r\nexport const spacePx = '1px';\r\nexport const space0_5 = '2px';\r\nexport const space0_75 = '3px';\r\nexport const space1 = '4px';\r\nexport const space2 = '6px';\r\nexport const space3 = '8px';\r\nexport const space4 = '10px';\r\nexport const space5 = '12px';\r\nexport const space6 = '14px';\r\nexport const space7 = '16px';\r\nexport const space8 = '20px';\r\nexport const space9 = '24px';\r\nexport const space10 = '32px';\r\nexport const space11 = '48px';\r\nexport const space12 = '96px';\r\n\r\n// ─── Motion duration ───────────────────────────────────────────────────────────────\r\n\r\nexport const opacityDisabled = 0.4;\r\nexport const opacityLoading = 0.5;\r\nexport const opacityMuted = 0.7;\r\n\r\n// ─── Motion duration ─────────────────────────────────────────────────────────\r\n\r\nexport const motionDurationShort = '0.15s';\r\nexport const motionDurationModerate = '0.25s';\r\nexport const motionDurationLong = '0.4s';\r\nexport const motionDurationVeryLong = '0.7s';\r\nexport const skeletonDuration = '1.5s';\r\n\r\n// ─── Motion easing ───────────────────────────────────────────────────────────\r\n\r\nexport const motionEasingBase = 'cubic-bezier(0.4, 0, 0.2, 1)';\r\nexport const motionEasingIn = 'cubic-bezier(0.4, 0, 1, 1)';\r\nexport const motionEasingOut = 'cubic-bezier(0, 0, 0.2, 1)';\r\n\r\n// ─── Drop Shadow ─────────────────────────────────────────────────────────────\r\n\r\nexport const dropShadowSmStyle = '0 1px 2px rgba(0,0,0,0.4)';\r\nexport const dropShadowMdStyle = '0 4px 12px rgba(0,0,0,0.5)';\r\nexport const dropShadowLgStyle = '0 8px 24px rgba(0,0,0,0.6)';\r\nexport const dropShadowXlStyle = '0 16px 48px rgba(0,0,0,0.7)';\r\n\r\n// ─── Frosted Glass ───────────────────────────────────────────────────────────\r\n\r\nexport const frostedGlassStyle = {\r\n background: 'var(--diwa-bg-frosted)',\r\n backdropFilter: 'blur(var(--diwa-blur-md))',\r\n WebkitBackdropFilter: 'blur(var(--diwa-blur-md))',\r\n} as const;\r\n\r\n// ─── Gradients ───────────────────────────────────────────────────────────────\r\n\r\nexport const gradientAccent = 'linear-gradient(135deg, var(--diwa-color-accent-400) 0%, var(--diwa-color-accent-600) 100%)';\r\nexport const gradientSurface = 'linear-gradient(180deg, var(--diwa-bg-surface) 0%, var(--diwa-bg-base) 100%)';\r\nexport const gradientScrimBottom = 'linear-gradient(to bottom, transparent 0%, var(--diwa-bg-base) 100%)';\r\nexport const gradientScrimTop = 'linear-gradient(to top, transparent 0%, var(--diwa-bg-base) 100%)';\r\nexport const gradientScrimRight = 'linear-gradient(to right, var(--diwa-bg-base) 0%, transparent 100%)';\r\nexport const gradientScrimLeft = 'linear-gradient(to left, var(--diwa-bg-base) 0%, transparent 100%)';\r\n\r\n// ─── Focus ───────────────────────────────────────────────────────────────────\r\n\r\nexport function getFocusStyle(offset = 'var(--diwa-focus-ring-offset)') {\n return {\n outline: `var(--diwa-focus-ring-width) solid var(--diwa-border-focus)`,\n outlineOffset: offset,\n } as const;\n}\n\r\n// ─── Hover ───────────────────────────────────────────────────────────────────\r\n\r\nexport function getHoverStyle() {\r\n return {\r\n backgroundColor: 'var(--diwa-state-hover)',\r\n } as const;\r\n}\r\n\r\n// ─── Media Query helpers ──────────────────────────────────────────────────────\r\n\r\nconst breakpoints = {\r\n xs: 480,\r\n sm: 760,\r\n md: 1000,\r\n lg: 1300,\r\n xl: 1760,\r\n '2xl': 1920,\r\n} as const;\r\n\r\nexport type Breakpoint = keyof typeof breakpoints;\r\n\r\n/** Returns a `min-width` media query string for the given breakpoint. */\r\nexport function getMediaQueryMin(bp: Breakpoint): string {\r\n return `@media (min-width: ${breakpoints[bp]}px)`;\r\n}\r\n\r\n/** Returns a `max-width` media query string (exclusive — 1px below next bp). */\r\nexport function getMediaQueryMax(bp: Breakpoint): string {\r\n return `@media (max-width: ${breakpoints[bp] - 1}px)`;\r\n}\r\n\r\n// ─── Grid ────────────────────────────────────────────────────────────────────\r\n\r\n/**\r\n * Returns an inline style object for a standard Diwa responsive grid.\r\n * Defaults: 12-column, 24px gap, auto rows.\r\n */\r\nexport function gridStyle(columns = 12, gap = '24px') {\r\n return {\r\n display: 'grid',\r\n gridTemplateColumns: `repeat(${columns}, 1fr)`,\r\n gap,\r\n } as const;\r\n}\r\n\r\n// ─── Component dimension tokens ────────────────────────────────────────────────\r\n\r\nexport const iconSizeSm = '14px';\r\nexport const iconSizeMd = '16px';\r\nexport const iconSizeLg = '20px';\r\nexport const iconSizeXl = '24px';\r\n\r\nexport const scrollbarWidth = '6px';\r\n\r\nexport const switchTrackWidth = '44px';\r\nexport const switchTrackHeight = '24px';\r\nexport const switchThumbSize = '16px';\r\n\r\nexport const selectDropdownMaxHeight = '240px';\r\nexport const selectOptionMinHeight = '44px';\n\r\nexport const popoverTriggerSize = '24px';\r\nexport const popoverPanelMinWidth = '200px';\r\nexport const popoverPanelMaxWidth = '320px';\r\n\r\nexport const toastMinWidth = '280px';\r\nexport const toastMaxWidth = '420px';\r\n\r\nexport const flyoutMinWidth = '320px';\r\n\r\nexport const modalHeaderMinHeight = '56px';\r\n\r\nexport const stepperStepSize = '28px';\r\n\r\nexport const paginationItemSize = '36px';\r\n\r\nexport const scrollerFadeWidth = '40px';\r\n\r\n// ─── Skeleton ─────────────────────────────────────────────────────────────────\r\n\r\n/**\r\n * Returns inline styles for a skeleton loading placeholder.\r\n * Apply `animation: diwa-skeleton-pulse var(--diwa-skeleton-duration) var(--diwa-motion-easing-base) infinite` in CSS.\r\n */\r\nexport function getSkeletonStyle(width = '100%', height = '16px') {\r\n return {\r\n width,\r\n height,\r\n borderRadius: 'var(--diwa-radius-md)',\r\n background: 'var(--diwa-bg-surface)',\r\n animation: 'diwa-skeleton-pulse var(--diwa-skeleton-duration) var(--diwa-motion-easing-base) infinite',\r\n } as const;\r\n}\r\n"]}

package/dist/collection/utils/checkbox-mark.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"checkbox-mark.js","sourceRoot":"","sources":["../../src/utils/checkbox-mark.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,0DAA0D;AAC1D,MAAM,CAAC,MAAM,YAAY,GAAG,kOAAkO,CAAC;AAE/P;;;;;GAKG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAW,EAAE,CAC5C;;;;;;;;8DAQ4D,CAAC","sourcesContent":["/**\r\n * Shared checkbox appearance helpers.\r\n * Used by diwa-checkbox and diwa-multi-select-option so both components\r\n * always render an identical checkbox box — single source of truth.\r\n */\r\n\r\n/** White checkmark: M2,6 L5,9 L10,3 on a 12×12 viewBox */\r\nexport const checkmarkSvg = `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6 L5 9 L10 3' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E\")`;\r\n\r\n/**\r\n * Returns the CSS visual declarations for the checkbox box element.\r\n * Does NOT include a selector or braces — inject inside a rule body.\r\n * Does NOT include `width`, `height`, `flex-shrink`, or `margin-top`\r\n * — callers set those because they differ between components.\r\n */\r\nexport const getCheckboxBoxCss = (): string =>\r\n `border-radius: 3px;\r\n border: 1.5px solid var(--diwa-border);\r\n background-color: transparent;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: 100%;\r\n box-sizing: border-box;\r\n transition: border-color var(--diwa-transition-fast),\r\n background-color var(--diwa-transition-fast);`;\r\n"]}

package/dist/collection/utils/styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/utils/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAKH;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAAgB,EAAU,EAAE,CAAC;0BACjC,QAAQ;IAC9B,QAAQ;;;;;IAKR,QAAQ;;;CAGX,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,QAAgB,EAAE,YAAoB,EAAU,EAAE,CAAC;;MAElF,QAAQ;QACN,YAAY;;;CAGnB,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,GAAG,SAAmB,EAAU,EAAE;IACtE,MAAM,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO;;MAEH,OAAO;;;;;;CAMZ,CAAC;AACF,CAAC,CAAC","sourcesContent":["/**\r\n * src/utils/styles.ts\r\n * ===================\r\n * Shared CSS-in-JS utilities reused across all Diwa web components.\r\n *\r\n * Mirrors the PDS shared style-building helper pattern found in:\r\n * packages/components/src/styles/\r\n *\r\n * Every exported function returns a CSS string fragment.\r\n * Compose them inside a component's getComponentCss() function.\r\n */\r\n\r\n/** Theme identifiers — match the [data-theme] values used in app.css. */\r\nexport type Theme = 'light' | 'dark';\r\n\r\n/**\r\n * Returns standard focus-visible ring CSS for the given inner selector.\r\n *\r\n * Used inside Shadow DOM <style> tags where :host selectors are scoped.\r\n * Provides both the :host(:focus-visible) path (keyboard delegation via\r\n * shadow.delegatesFocus) and the direct :focus-visible path on the element.\r\n *\r\n * WCAG 2.4.7 (AA) — all interactive elements must have a visible focus indicator.\r\n * WCAG 2.4.11 (AA 2.2) — focus must be at least 2px with ≥3:1 contrast ratio.\r\n *\r\n * @param selector — CSS selector for the inner interactive element (e.g. '.inner')\r\n */\r\nexport const getFocusStyle = (selector: string): string => `\n :host(:focus-visible) ${selector},\n ${selector}:focus-visible {\n outline: var(--diwa-focus-ring-width) solid var(--diwa-border-focus);\n outline-offset: var(--diwa-focus-ring-offset);\n }\n\n ${selector}:focus:not(:focus-visible) {\n outline: none;\n }\n`;\n\n/**\n * Returns a hover rule that only applies on pointer-capable devices.\n *\n * Prevents hover-only visuals from leaking onto touch-only devices where\n * :hover can get \"stuck\" after tap.\n */\nexport const getHoverCapableStyle = (selector: string, declarations: string): string => `\n @media (hover: hover) and (pointer: fine) {\n ${selector}:hover {\n ${declarations}\n }\n }\n`;\n\r\n/**\r\n * Returns a @media (prefers-reduced-motion) override block for the given selectors.\r\n *\r\n * WCAG 2.3.3 (AAA) / WCAG 2.2.2 (AA): each animated component must include its\r\n * own reduced-motion block because the global reset in app.css cannot cross the\r\n * Shadow DOM boundary.\r\n *\r\n * @param selectors — one or more CSS selectors whose transitions/animations should\r\n * be suppressed when the user requests reduced motion.\r\n */\r\nexport const getReducedMotionStyle = (...selectors: string[]): string => {\r\n const selList = selectors.join(', ');\r\n return `\r\n @media (prefers-reduced-motion: reduce) {\r\n ${selList} {\r\n animation-duration: 0.01ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.01ms !important;\r\n }\r\n }\r\n`;\r\n};\r\n"]}

package/dist/diwa-components/diwa-components.esm.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.23.2 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,wuXAAuCJ,EAAA","ignoreList":[]}

package/dist/diwa-components/index.esm.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/diwa-components/p-0028e799.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as n,c as a,h as e,H as i,g as t}from"./p-ed4017f0.js";import{g as d,a as r}from"./p-70bbb21a.js";const o=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(", ");const s=n=>Array.from(n.querySelectorAll(o));const l=(n,a,e)=>{if(!a.length)return;const i=a[0];const t=a[a.length-1];if(n.shiftKey){if(e===i){n.preventDefault();t.focus()}}else{if(e===t){n.preventDefault();i.focus()}}};const c=(n,a,e,i)=>`\n\n /* ── Host (fullscreen flex overlay centering the panel) ──────────────── /\n\n :host {\n display: flex;\n position: fixed;\n inset: 0;\n z-index: var(--diwa-z-modal);\n align-items: center;\n justify-content: center;\n padding: var(--diwa-space-8);\n box-sizing: border-box;\n pointer-events: ${n?"auto":"none"};\n visibility: ${n?"visible":"hidden"};\n transition: visibility 0s linear ${n?"0s":"var(--diwa-motion-duration-moderate)"};\n }\n\n :host([hidden]) {\n display: none;\n }\n\n / ── Backdrop ────────────────────────────────────────────────────────── /\n\n .backdrop {\n position: fixed;\n inset: 0;\n z-index: 0;\n ${a==="blur"?`\n background: var(--diwa-bg-frosted);\n backdrop-filter: blur(var(--diwa-blur-lg));\n -webkit-backdrop-filter: blur(var(--diwa-blur-lg));`:`\n background: var(--diwa-bg-shading);`}\n opacity: ${n?"1":"0"};\n transition: opacity var(--diwa-motion-duration-moderate) var(--diwa-motion-easing-out);\n cursor: pointer;\n }\n\n / ── Modal panel ─────────────────────────────────────────────────────── /\n\n .modal {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n\n / Sizing /\n width: var(--diwa-modal-width, 560px);\n max-width: calc(100vw - var(--diwa-space-10));\n max-height: var(--diwa-modal-max-height, 85vh);\n\n / Appearance /\n background: var(--diwa-bg-surface);\n border: var(--diwa-border-width-thin) solid var(--diwa-border);\n border-radius: var(--diwa-radius-xl);\n box-shadow: var(--diwa-shadow-xl);\n overflow: hidden;\n outline: none;\n\n / Entry / exit animation /\n opacity: ${n?"1":"0"};\n transform: ${n?"translateY(0) scale(1)":"translateY(-10px) scale(0.98)"};\n transition:\n opacity var(--diwa-motion-duration-moderate) var(--diwa-motion-easing-out),\n transform var(--diwa-motion-duration-moderate) var(--diwa-motion-easing-out);\n }\n\n / ── Header ──────────────────────────────────────────────────────────── /\n\n .header {\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n border-bottom: var(--diwa-border-width-thin) solid var(--diwa-border);\n }\n\n .header-top {\n display: flex;\n align-items: center;\n gap: var(--diwa-space-3);\n padding: var(--diwa-space-4) var(--diwa-space-8);\n padding-right: ${e?"var(--diwa-space-5)":"var(--diwa-space-8)"};\n min-height: var(--diwa-modal-header-min-height);\n }\n\n / Heading element /\n .heading {\n flex: 1;\n min-width: 0;\n margin: 0;\n font-family: var(--diwa-font-family-base);\n font-size: var(--diwa-font-size-fluid-xl);\n font-weight: var(--diwa-font-weight-semibold);\n line-height: var(--diwa-line-height-tight);\n color: var(--diwa-text-primary);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n / Dismiss (×) button /\n .dismiss {\n flex-shrink: 0;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--diwa-space-10);\n height: var(--diwa-space-10);\n padding: 0;\n background: transparent;\n border: var(--diwa-border-width-thin) solid transparent;\n cursor: pointer;\n font-size: var(--diwa-font-size-xl);\n line-height: 1;\n transition:\n background-color var(--diwa-transition-fast),\n color var(--diwa-transition-fast),\n border-color var(--diwa-transition-fast);\n -webkit-font-smoothing: antialiased;\n appearance: none;\n -webkit-appearance: none;\n }\n\n .dismiss:hover {\n background-color: var(--diwa-state-hover);\n color: var(--diwa-text-primary);\n }\n\n .dismiss:active {\n background-color: var(--diwa-state-active);\n }\n\n ${d(".dismiss")}\n\n / Sub-header slot area (optional description / metadata below the title) /\n .header-sub {\n padding: 0 var(--diwa-space-8) var(--diwa-space-5);\n color: var(--diwa-text-secondary);\n font-size: var(--diwa-font-size-base);\n line-height: var(--diwa-line-height-normal);\n }\n\n / ── Scrollable body ─────────────────────────────────────────────────── /\n\n .body {\n flex: 1 1 auto;\n overflow-y: auto;\n padding: var(--diwa-space-8);\n ${!i?"padding-bottom: var(--diwa-space-9);":""}\n overscroll-behavior: contain;\n color: var(--diwa-text-secondary);\n font-size: var(--diwa-font-size-base);\n line-height: var(--diwa-line-height-normal);\n }\n\n / ── Sticky footer ───────────────────────────────────────────────────── /\n\n .footer {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n gap: var(--diwa-space-3);\n padding: var(--diwa-space-5) var(--diwa-space-8);\n border-top: var(--diwa-border-width-thin) solid var(--diwa-border);\n }\n\n / ── Reduced motion ─────────────────────────────────────────────────── */\n\n ${r(".modal",".backdrop")}\n`;let h=0;const b=class{constructor(e){n(this,e);this.dismiss=a(this,"dismiss",1);this._headingId=`diwa-modal-heading-${++h}`;this._savedFocus=null;this.theme="dark";this.open=false;this.dismissButton=true;this.disableBackdropClick=false;this.backdrop="blur";this._hasFooter=false;this._hasHeader=false;this.handleDismiss=()=>{this.dismiss.emit()};this.handleBackdropClick=()=>{if(!this.disableBackdropClick){this.handleDismiss()}}}componentWillRender(){this._hasFooter=this.host.querySelector('[slot="footer"]')!==null;this._hasHeader=this.host.querySelector('[slot="header"]')!==null}disconnectedCallback(){document.body.style.overflow=""}onOpenChange(n){var a;if(n){this._savedFocus=document.activeElement;document.body.style.overflow="hidden";requestAnimationFrame((()=>{var n;(n=this._modalEl)===null\|\|n===void 0?void 0:n.focus()}))}else{document.body.style.overflow="";(a=this._savedFocus)===null\|\|a===void 0?void 0:a.focus();this._savedFocus=null}}onKeyDown(n){if(!this.open)return;if(n.key==="Escape"){n.preventDefault();this.handleDismiss();return}if(n.key==="Tab"){const a=this.host.shadowRoot;if(!a)return;const e=s(a);l(n,e,a.activeElement)}}render(){const{open:n,heading:a,dismissButton:t,backdrop:d,_hasFooter:r,_hasHeader:o}=this;return e(i,{key:"57a2fd4dc471d90e3a2a828efd1cc1758bfe7f26","data-theme":this.theme},e("style",{key:"2e536cba383f0ce7694b5a73313a79c41e4d8d02"},c(n,d,t,r)),e("div",{key:"45b9b6c630842bf91886f95f2f6f6202f223b1d8",class:"backdrop","aria-hidden":"true",onClick:this.handleBackdropClick}),e("div",{key:"ff862abe357d87d75373e89d08730aaa1233a1a3",class:"modal",role:"dialog","aria-modal":"true","aria-labelledby":a?this._headingId:undefined,"aria-label":!a?"Dialog":undefined,"aria-hidden":n?undefined:"true",tabIndex:-1,ref:n=>{this._modalEl=n}},e("div",{key:"1939a77e8be95dcc8a2737b99424d6af9a0e1ba5",class:"header"},e("div",{key:"a3c9abf4f9701d58e4abaa14868174b0ba85435b",class:"header-top"},a&&e("h2",{key:"326e415590d81d12e3ccf6f1a4c18221ace965e8",class:"heading",id:this._headingId},a),t&&e("button",{key:"dfeaf05f599cdadd4870dd533f327a018a41100c",class:"dismiss",type:"button","aria-label":"Close dialog",onClick:this.handleDismiss},e("svg",{key:"b268902e6d1f61fba2317283bf0fd5c4f9036bdc",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",width:"16",height:"16","aria-hidden":"true"},e("path",{key:"7c3502fadadd024bdba1d4d2e958b4c70a3b2123",d:"M18 6 6 18M6 6l12 12"})))),o&&e("div",{key:"5c78ce207ef91759f082e8d47a9b18927f66ccc8",class:"header-sub"},e("slot",{key:"0cc55bc679a0050007ebc4c3dd34c0c2729e63bb",name:"header"}))),e("div",{key:"55bf215004400be7303d250ecdb8fd131bd25edc",class:"body"},e("slot",{key:"0d2d3d5c359542582cb3ffe43959cf2be88eb92c"})),r&&e("div",{key:"aae5c5096f915571983b31fc1dc375034ed73392",class:"footer"},e("slot",{key:"eb71dd2a657cbdf91289273f8fc630d822db5a30",name:"footer"}))))}static get delegatesFocus(){return true}get host(){return t(this)}static get watchers(){return{open:["onOpenChange"]}}};export{b as diwa_modal};
2	- //# sourceMappingURL=p-0028e799.entry.js.map