@diwacopilot/components 1.1.1 → 1.2.0

package/dist/diwa-components/{p-f44d4091.entry.js.map → p-851e4c86.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["indeterminateSvg","getComponentCss","state","_disabled","compact","_hideLabel","boxSize","messageColor","getCheckboxBoxCss","getFocusStyle","checkmarkSvg","getReducedMotionStyle","DiwaCheckbox","constructor","hostRef","this","theme","label","name","value","checked","indeterminate","disabled","required","message","hideLabel","handleChange","e","input","target","host","removeAttribute","update","emit","setCheckboxRef","el","checkboxEl","watchIndeterminate","render","msgId","hasMessage","h","Host","key","innerHTML","class","type","id","undefined","onChange","ref","htmlFor"],"sources":["src/components/diwa-checkbox/diwa-checkbox-styles.ts","src/components/diwa-checkbox/diwa-checkbox.tsx"],"sourcesContent":["import type { CheckboxState } from './types';\r\nimport { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\nimport { checkmarkSvg, getCheckboxBoxCss } from '../../utils/checkbox-mark';\r\n\r\n/** White horizontal dash for indeterminate state on a 12×12 viewBox */\r\nconst indeterminateSvg = `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='2.5' y='5.25' width='7' height='1.5' rx='0.75' fill='white'/%3E%3C/svg%3E\")`;\r\n\r\nexport const getComponentCss = (\r\n  state: CheckboxState,\r\n  _disabled: boolean,\r\n  compact: boolean,\r\n  _hideLabel: boolean,\r\n): string => {\r\n  const boxSize = compact ? '14px' : '20px';\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\r\n  /* ── Host ─────────────────────────────────────────────────────────── */\r\n\r\n  :host {\r\n    display: inline-block;\r\n    font-family: var(--diwa-font-family-base);\r\n    outline: none;\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  /* ── Root layout ──────────────────────────────────────────────────── */\r\n\r\n  .root {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--diwa-space-1);\r\n  }\r\n\r\n  /* ── Wrapper: checkbox + label side by side ───────────────────────── */\r\n\r\n  .wrapper {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: var(--diwa-space-3);\r\n    cursor: pointer;\r\n  }\r\n\r\n  :host([disabled]) .wrapper {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  /* ── Input container ──────────────────────────────────────────────── */\r\n\r\n  .input-container {\r\n    position: relative;\r\n    flex-shrink: 0;\r\n    width: ${boxSize};\r\n    height: ${boxSize};\r\n  }\r\n\r\n  /* ── Native checkbox ──────────────────────────────────────────────── */\r\n\r\n  input[type=\"checkbox\"] {\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    cursor: pointer;\r\n\r\n    ${getCheckboxBoxCss()}\r\n  }\r\n\r\n  input[type=\"checkbox\"]:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  /* ── Focus ring ───────────────────────────────────────────────────── */\r\n\r\n  ${getFocusStyle('input[type=\"checkbox\"]')}\r\n\r\n  /* ── Hover ────────────────────────────────────────────────────────── */\r\n\r\n  input[type=\"checkbox\"]:hover:not(:disabled) {\r\n    border-color: var(--diwa-accent);\r\n    background-color: var(--diwa-bg-hover);\r\n  }\r\n\r\n  /* ── Checked state ────────────────────────────────────────────────── */\r\n\r\n  input[type=\"checkbox\"]:checked {\r\n    background-color: var(--diwa-accent);\r\n    border-color: var(--diwa-accent);\r\n    background-image: ${checkmarkSvg};\r\n  }\r\n\r\n  input[type=\"checkbox\"]:checked:hover:not(:disabled) {\r\n    background-color: var(--diwa-accent-hover);\r\n    border-color: var(--diwa-accent-hover);\r\n  }\r\n\r\n  /* ── Indeterminate state ──────────────────────────────────────────── */\r\n\r\n  input[type=\"checkbox\"]:indeterminate {\r\n    background-color: var(--diwa-accent);\r\n    border-color: var(--diwa-accent);\r\n    background-image: ${indeterminateSvg};\r\n  }\r\n\r\n  input[type=\"checkbox\"]:indeterminate:hover:not(:disabled) {\r\n    background-color: var(--diwa-accent-hover);\r\n    border-color: var(--diwa-accent-hover);\r\n  }\r\n\r\n  /* ── Validation states ────────────────────────────────────────────── */\r\n\r\n  :host([state=\"error\"]) input[type=\"checkbox\"]:not(:checked):not(:indeterminate) {\r\n    border-color: var(--diwa-notification-error);\r\n  }\r\n\r\n  :host([state=\"error\"]) input[type=\"checkbox\"]:not(:checked):not(:indeterminate):hover:not(:disabled) {\r\n    border-color: var(--diwa-notification-error);\r\n    background-color: var(--diwa-bg-hover);\r\n  }\r\n\r\n  :host([state=\"success\"]) input[type=\"checkbox\"]:not(:checked):not(:indeterminate) {\r\n    border-color: var(--diwa-notification-success);\r\n  }\r\n\r\n  :host([state=\"success\"]) input[type=\"checkbox\"]:not(:checked):not(:indeterminate):hover:not(:disabled) {\r\n    border-color: var(--diwa-notification-success);\r\n    background-color: var(--diwa-bg-hover);\r\n  }\r\n\r\n  /* ── Disabled ─────────────────────────────────────────────────────── */\r\n\r\n  :host([disabled]) {\r\n    opacity: var(--diwa-opacity-disabled);\r\n    pointer-events: none;\r\n  }\r\n\r\n  /* ── Label ────────────────────────────────────────────────────────── */\r\n\r\n  .label {\r\n    font-size: var(--diwa-font-size-base);\r\n    font-weight: var(--diwa-font-weight-regular);\r\n    line-height: 1.5;\r\n    color: var(--diwa-text-primary);\r\n    cursor: pointer;\r\n  }\r\n\r\n  :host([disabled]) .label {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  /* Visually-hidden label (still read by screen readers) */\r\n  .label--hidden {\r\n    border: 0;\r\n    clip: rect(0, 0, 0, 0);\r\n    height: 1px;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    position: absolute;\r\n    white-space: nowrap;\r\n    width: 1px;\r\n  }\r\n\r\n  /* Required asterisk */\r\n  .required {\r\n    color: var(--diwa-notification-error);\r\n    margin-left: var(--diwa-space-0-5);\r\n  }\r\n\r\n  /* ── Message ──────────────────────────────────────────────────────── */\r\n\r\n  .message {\r\n    display: block;\r\n    font-size: var(--diwa-font-size-sm);\r\n    line-height: 1.4;\r\n    color: ${messageColor};\r\n    /* Indent to align under the label, not the checkbox */\r\n    padding-left: calc(${boxSize} + var(--diwa-space-3));\r\n  }\r\n\r\n  /* ── Reduced motion ───────────────────────────────────────────────── */\r\n\r\n  ${getReducedMotionStyle('input[type=\"checkbox\"]')}\r\n`;\r\n};\r\n","import { Component, Element, Event, type EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\r\nimport type { CheckboxState } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-checkbox-styles';\r\n\r\n/**\r\n * @component diwa-checkbox\r\n *\r\n * A fully accessible checkbox control with label, validation state,\r\n * and indeterminate support. Mirrors the PDS p-checkbox API.\r\n *\r\n * Semi-controlled: the `checked` prop is mutable — the component\r\n * updates it internally AND emits an `update` event. The consumer can\r\n * either listen to `update` to manage state externally, or use it\r\n * standalone without any event wiring.\r\n *\r\n * Accessibility:\r\n *   - Native `<input type=\"checkbox\">` inside Shadow DOM with delegatesFocus\r\n *   - `aria-checked=\"mixed\"` set automatically when `indeterminate` is true\r\n *   - `aria-describedby` wires the message element when state is error/success\r\n *   - `role` is implicit from native input — no extra ARIA needed\r\n *\r\n * Usage:\r\n *   <diwa-checkbox label=\"Accept terms\" checked={accepted}\r\n *     onupdate={e => setAccepted(e.detail.checked)} />\r\n *\r\n * Note (V1): The inner <input name> is inside Shadow DOM and is therefore\r\n *   not visible to ancestor <form> elements for native form submission.\r\n *   Use ElementInternals (V2) or submit via JavaScript instead.\r\n */\r\n@Component({\r\n  tag: 'diwa-checkbox',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaCheckbox {\r\n  @Element() host!: HTMLDiwaCheckboxElement;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Props\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Per-component theme override (`light` / `dark`). */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** Visible label text rendered next to the checkbox. */\r\n  @Prop() label: string = '';\r\n\r\n  /** Native name attribute (identifies the field in JS / form data). */\r\n  @Prop() name: string = '';\r\n\r\n  /** Value submitted/emitted when the checkbox is checked. */\r\n  @Prop() value: string = 'on';\r\n\r\n  /**\r\n   * Whether the checkbox is checked.\r\n   *\r\n   * Semi-controlled: mutates internally on user interaction and\r\n   * also emits an `update` event so the consumer can sync their state.\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\r\n\r\n  /**\r\n   * Indeterminate state — renders a dash icon and sets `aria-checked=\"mixed\"`.\r\n   * Setting this to `true` takes visual precedence over `checked`.\r\n   * The consumer is responsible for clearing it once the user toggles.\r\n   */\r\n  @Prop({ reflect: true }) indeterminate: boolean = false;\r\n\r\n  /** Puts the checkbox in a disabled state. Blocks interaction. */\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n  /** Marks the field as required. Shows a visual asterisk in the label. */\r\n  @Prop() required: boolean = false;\r\n\r\n  /** Validation state: `'none'` (default), `'error'`, or `'success'`. */\r\n  @Prop({ reflect: true }) state: CheckboxState = 'none';\r\n\r\n  /** Helper / validation message shown below the checkbox. Only shown when state ≠ 'none'. */\r\n  @Prop() message: string = '';\r\n\r\n  /** Reduces the checkbox size from 20 px to 14 px for denser layouts. */\r\n  @Prop({ reflect: true }) compact: boolean = false;\r\n\r\n  /** Hides the label visually while keeping it accessible to screen readers. */\r\n  @Prop({ reflect: true, attribute: 'hide-label' }) hideLabel: boolean = false;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Events\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /**\r\n   * Emitted when the user toggles the checkbox.\r\n   * `event.detail.checked` is the new checked state.\r\n   *\r\n   * React consumers: use the lowercase `onupdate` prop:\r\n   * ```jsx\r\n   * <diwa-checkbox onupdate={e => setChecked(e.detail.checked)} />\r\n   * ```\r\n   */\r\n  @Event({ bubbles: false, composed: false })\r\n  update!: EventEmitter<{ checked: boolean; name: string; value: string }>;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Private state\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  private checkboxEl?: HTMLInputElement;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Watchers\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Keep the native input's non-reflected .indeterminate property in sync. */\r\n  @Watch('indeterminate')\r\n  watchIndeterminate(value: boolean) {\r\n    if (this.checkboxEl) {\r\n      this.checkboxEl.indeterminate = value;\r\n    }\r\n  }\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Private helpers\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  private handleChange = (e: Event): void => {\r\n    const input = e.target as HTMLInputElement;\r\n    this.checked = input.checked;\r\n    // Clear indeterminate on user interaction (standard browser behaviour)\r\n    if (this.indeterminate) {\r\n      this.host.removeAttribute('indeterminate');\r\n    }\r\n    this.update.emit({\r\n      checked: this.checked,\r\n      name: this.name,\r\n      value: this.value,\r\n    });\r\n  };\r\n\r\n  private setCheckboxRef = (el?: HTMLInputElement): void => {\r\n    this.checkboxEl = el;\r\n    if (el) {\r\n      el.indeterminate = this.indeterminate;\r\n    }\r\n  };\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Render\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  render() {\r\n    const msgId = 'diwa-checkbox-msg';\r\n    const hasMessage = !!this.message && this.state !== 'none';\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style\r\n          innerHTML={getComponentCss(\r\n            this.state,\r\n            this.disabled,\r\n            this.compact,\r\n            this.hideLabel,\r\n          )}\r\n        />\r\n\r\n        <div class=\"root\">\r\n          <div class=\"wrapper\">\r\n            <div class=\"input-container\">\r\n              <input\r\n                type=\"checkbox\"\r\n                id=\"cb\"\r\n                checked={this.checked}\r\n                disabled={this.disabled}\r\n                required={this.required}\r\n                name={this.name}\r\n                value={this.value}\r\n                aria-checked={this.indeterminate ? 'mixed' : undefined}\r\n                aria-describedby={hasMessage ? msgId : undefined}\r\n                onChange={this.handleChange}\r\n                ref={this.setCheckboxRef}\r\n              />\r\n            </div>\r\n\r\n            {this.label && (\r\n              <label\r\n                class={`label${this.hideLabel ? ' label--hidden' : ''}`}\r\n                htmlFor=\"cb\"\r\n              >\r\n                {this.label}\r\n                {this.required && (\r\n                  <span class=\"required\" aria-hidden=\"true\">\r\n                    {' '}*\r\n                  </span>\r\n                )}\r\n              </label>\r\n            )}\r\n          </div>\r\n\r\n          {hasMessage && (\r\n            <span id={msgId} class=\"message\">\r\n              {this.message}\r\n            </span>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"sJAKA,MAAMA,EAAmB,iLAElB,MAAMC,EAAkB,CAC7BC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAAUF,EAAU,OAAS,OACnC,MAAMG,EACJL,IAAU,QACN,iCACAA,IAAU,UACR,mCACA,6BAER,MAAO,s1BAwCII,mBACCA,mUAgBRE,sKASFC,EAAc,sdAcMC,6YAaAV,2iEA0EXO,2FAEYD,sHAKrBK,EAAsB,6BACzB,E,MClKYC,EAAY,MAJzB,WAAAC,CAAAC,G,yCAY2BC,KAAAC,MAAe,OAGhCD,KAAAE,MAAgB,GAGhBF,KAAAG,KAAe,GAGfH,KAAAI,MAAgB,KAQgBJ,KAAAK,QAAmB,MAOlCL,KAAAM,cAAyB,MAGzBN,KAAAO,SAAoB,MAGrCP,KAAAQ,SAAoB,MAGHR,KAAAb,MAAuB,OAGxCa,KAAAS,QAAkB,GAGDT,KAAAX,QAAmB,MAGMW,KAAAU,UAAqB,MAwC/DV,KAAAW,aAAgBC,IACtB,MAAMC,EAAQD,EAAEE,OAChBd,KAAKK,QAAUQ,EAAMR,QAErB,GAAIL,KAAKM,cAAe,CACtBN,KAAKe,KAAKC,gBAAgB,gB,CAE5BhB,KAAKiB,OAAOC,KAAK,CACfb,QAASL,KAAKK,QACdF,KAAMH,KAAKG,KACXC,MAAOJ,KAAKI,OACZ,EAGIJ,KAAAmB,eAAkBC,IACxBpB,KAAKqB,WAAaD,EAClB,GAAIA,EAAI,CACNA,EAAGd,cAAgBN,KAAKM,a,GA3B5B,kBAAAgB,CAAmBlB,GACjB,GAAIJ,KAAKqB,WAAY,CACnBrB,KAAKqB,WAAWf,cAAgBF,C,EAiCpC,MAAAmB,GACE,MAAMC,EAAQ,oBACd,MAAMC,IAAezB,KAAKS,SAAWT,KAAKb,QAAU,OAEpD,OACEuC,EAACC,EAAI,CAAAC,IAAA,wDAAa5B,KAAKC,OACrByB,EAAA,SAAAE,IAAA,2CACEC,UAAW3C,EACTc,KAAKb,MACLa,KAAKO,SACLP,KAAKX,WAKTqC,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,mBACTJ,EAAA,SAAAE,IAAA,2CACEG,KAAK,WACLC,GAAG,KACH3B,QAASL,KAAKK,QACdE,SAAUP,KAAKO,SACfC,SAAUR,KAAKQ,SACfL,KAAMH,KAAKG,KACXC,MAAOJ,KAAKI,MAAK,eACHJ,KAAKM,cAAgB,QAAU2B,UAAS,mBACpCR,EAAaD,EAAQS,UACvCC,SAAUlC,KAAKW,aACfwB,IAAKnC,KAAKmB,kBAIbnB,KAAKE,OACJwB,EAAA,SAAAE,IAAA,2CACEE,MAAO,QAAQ9B,KAAKU,UAAY,iBAAmB,KACnD0B,QAAQ,MAEPpC,KAAKE,MACLF,KAAKQ,UACJkB,EAAA,QAAAE,IAAA,2CAAME,MAAM,WAAU,cAAa,QAChC,IAAG,OAObL,GACCC,EAAA,QAAAE,IAAA,2CAAMI,GAAIR,EAAOM,MAAM,WACpB9B,KAAKS,U","ignoreList":[]}
+{"version":3,"names":["indeterminateSvg","getComponentCss","state","_disabled","compact","_hideLabel","boxSize","messageColor","getCheckboxBoxCss","getFocusStyle","checkmarkSvg","getReducedMotionStyle","DiwaCheckbox","constructor","hostRef","this","theme","label","name","value","checked","indeterminate","disabled","required","message","hideLabel","handleChange","e","input","target","host","removeAttribute","update","emit","setCheckboxRef","el","checkboxEl","watchIndeterminate","render","msgId","hasMessage","h","Host","key","innerHTML","class","type","id","undefined","onChange","ref","htmlFor"],"sources":["src/components/diwa-checkbox/diwa-checkbox-styles.ts","src/components/diwa-checkbox/diwa-checkbox.tsx"],"sourcesContent":["import type { CheckboxState } from './types';\r\nimport { getFocusStyle, getReducedMotionStyle } from '../../utils/styles';\r\nimport { checkmarkSvg, getCheckboxBoxCss } from '../../utils/checkbox-mark';\r\n\r\n/** White horizontal dash for indeterminate state on a 12×12 viewBox */\r\nconst indeterminateSvg = `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Crect x='2.5' y='5.25' width='7' height='1.5' rx='0.75' fill='white'/%3E%3C/svg%3E\")`;\r\n\r\nexport const getComponentCss = (\r\n  state: CheckboxState,\r\n  _disabled: boolean,\r\n  compact: boolean,\r\n  _hideLabel: boolean,\r\n): string => {\r\n  const boxSize = compact ? '14px' : '20px';\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\r\n  /* ── Host ─────────────────────────────────────────────────────────── */\r\n\r\n  :host {\r\n    display: inline-block;\r\n    font-family: var(--diwa-font-family-base);\r\n    outline: none;\r\n  }\r\n\r\n  :host([hidden]) {\r\n    display: none;\r\n  }\r\n\r\n  /* ── Root layout ──────────────────────────────────────────────────── */\r\n\r\n  .root {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--diwa-space-1);\r\n  }\r\n\r\n  /* ── Wrapper: checkbox + label side by side ───────────────────────── */\r\n\r\n  .wrapper {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: var(--diwa-space-3);\r\n    cursor: pointer;\r\n  }\r\n\r\n  :host([disabled]) .wrapper {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  /* ── Input container ──────────────────────────────────────────────── */\r\n\r\n  .input-container {\r\n    position: relative;\r\n    flex-shrink: 0;\r\n    width: ${boxSize};\r\n    height: ${boxSize};\r\n  }\r\n\r\n  /* ── Native checkbox ──────────────────────────────────────────────── */\r\n\r\n  input[type=\"checkbox\"] {\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    cursor: pointer;\r\n\r\n    ${getCheckboxBoxCss()}\r\n  }\r\n\r\n  input[type=\"checkbox\"]:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  /* ── Focus ring ───────────────────────────────────────────────────── */\r\n\r\n  ${getFocusStyle('input[type=\"checkbox\"]')}\r\n\r\n  /* ── Hover ────────────────────────────────────────────────────────── */\r\n\r\n  input[type=\"checkbox\"]:hover:not(:disabled) {\r\n    border-color: var(--diwa-accent);\r\n    background-color: var(--diwa-bg-hover);\r\n  }\r\n\r\n  /* ── Checked state ────────────────────────────────────────────────── */\r\n\r\n  input[type=\"checkbox\"]:checked {\r\n    background-color: var(--diwa-accent);\r\n    border-color: var(--diwa-accent);\r\n    background-image: ${checkmarkSvg};\r\n  }\r\n\r\n  input[type=\"checkbox\"]:checked:hover:not(:disabled) {\r\n    background-color: var(--diwa-accent-hover);\r\n    border-color: var(--diwa-accent-hover);\r\n  }\r\n\r\n  /* ── Indeterminate state ──────────────────────────────────────────── */\r\n\r\n  input[type=\"checkbox\"]:indeterminate {\r\n    background-color: var(--diwa-accent);\r\n    border-color: var(--diwa-accent);\r\n    background-image: ${indeterminateSvg};\r\n  }\r\n\r\n  input[type=\"checkbox\"]:indeterminate:hover:not(:disabled) {\r\n    background-color: var(--diwa-accent-hover);\r\n    border-color: var(--diwa-accent-hover);\r\n  }\r\n\r\n  /* ── Validation states ────────────────────────────────────────────── */\r\n\r\n  :host([state=\"error\"]) input[type=\"checkbox\"]:not(:checked):not(:indeterminate) {\r\n    border-color: var(--diwa-notification-error);\r\n  }\r\n\r\n  :host([state=\"error\"]) input[type=\"checkbox\"]:not(:checked):not(:indeterminate):hover:not(:disabled) {\r\n    border-color: var(--diwa-notification-error);\r\n    background-color: var(--diwa-bg-hover);\r\n  }\r\n\r\n  :host([state=\"success\"]) input[type=\"checkbox\"]:not(:checked):not(:indeterminate) {\r\n    border-color: var(--diwa-notification-success);\r\n  }\r\n\r\n  :host([state=\"success\"]) input[type=\"checkbox\"]:not(:checked):not(:indeterminate):hover:not(:disabled) {\r\n    border-color: var(--diwa-notification-success);\r\n    background-color: var(--diwa-bg-hover);\r\n  }\r\n\r\n  /* ── Disabled ─────────────────────────────────────────────────────── */\r\n\r\n  :host([disabled]) {\r\n    opacity: var(--diwa-opacity-disabled);\r\n    pointer-events: none;\r\n  }\r\n\r\n  /* ── Label ────────────────────────────────────────────────────────── */\r\n\r\n  .label {\r\n    font-size: var(--diwa-font-size-base);\r\n    font-weight: var(--diwa-font-weight-regular);\r\n    line-height: 1.5;\r\n    color: var(--diwa-text-primary);\r\n    cursor: pointer;\r\n  }\r\n\r\n  :host([disabled]) .label {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  /* Visually-hidden label (still read by screen readers) */\r\n  .label--hidden {\r\n    border: 0;\r\n    clip: rect(0, 0, 0, 0);\r\n    height: 1px;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    position: absolute;\r\n    white-space: nowrap;\r\n    width: 1px;\r\n  }\r\n\r\n  /* Required asterisk */\r\n  .required {\r\n    color: var(--diwa-notification-error);\r\n    margin-left: var(--diwa-space-0-5);\r\n  }\r\n\r\n  /* ── Message ──────────────────────────────────────────────────────── */\r\n\r\n  .message {\r\n    display: block;\r\n    font-size: var(--diwa-font-size-sm);\r\n    line-height: 1.4;\r\n    color: ${messageColor};\r\n    /* Indent to align under the label, not the checkbox */\r\n    padding-left: calc(${boxSize} + var(--diwa-space-3));\r\n  }\r\n\r\n  /* ── Reduced motion ───────────────────────────────────────────────── */\r\n\r\n  ${getReducedMotionStyle('input[type=\"checkbox\"]')}\r\n`;\r\n};\r\n","import { Component, Element, Event, type EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\r\nimport type { CheckboxState } from './types';\r\nimport type { Theme } from '../../utils/styles';\r\nimport { getComponentCss } from './diwa-checkbox-styles';\r\n\r\n/**\r\n * @component diwa-checkbox\r\n *\r\n * A fully accessible checkbox control with label, validation state,\r\n * and indeterminate support. Mirrors the PDS p-checkbox API.\r\n *\r\n * Semi-controlled: the `checked` prop is mutable — the component\r\n * updates it internally AND emits an `update` event. The consumer can\r\n * either listen to `update` to manage state externally, or use it\r\n * standalone without any event wiring.\r\n *\r\n * Accessibility:\r\n *   - Native `<input type=\"checkbox\">` inside Shadow DOM with delegatesFocus\r\n *   - `aria-checked=\"mixed\"` set automatically when `indeterminate` is true\r\n *   - `aria-describedby` wires the message element when state is error/success\r\n *   - `role` is implicit from native input — no extra ARIA needed\r\n *\r\n * Usage:\r\n *   <diwa-checkbox label=\"Accept terms\" checked={accepted}\r\n *     onupdate={e => setAccepted(e.detail.checked)} />\r\n *\r\n * Note (V1): The inner <input name> is inside Shadow DOM and is therefore\r\n *   not visible to ancestor <form> elements for native form submission.\r\n *   Use ElementInternals (V2) or submit via JavaScript instead.\r\n */\r\n@Component({\r\n  tag: 'diwa-checkbox',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class DiwaCheckbox {\r\n  @Element() host!: HTMLDiwaCheckboxElement;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Props\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Per-component theme override (`light` / `dark`). */\r\n  @Prop({ reflect: true }) theme: Theme = 'dark';\r\n\r\n  /** Visible label text rendered next to the checkbox. */\r\n  @Prop() label: string = '';\r\n\r\n  /** Native name attribute (identifies the field in JS / form data). */\r\n  @Prop() name: string = '';\r\n\r\n  /** Value submitted/emitted when the checkbox is checked. */\r\n  @Prop() value: string = 'on';\r\n\r\n  /**\r\n   * Whether the checkbox is checked.\r\n   *\r\n   * Semi-controlled: mutates internally on user interaction and\r\n   * also emits an `update` event so the consumer can sync their state.\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\r\n\r\n  /**\r\n   * Indeterminate state — renders a dash icon and sets `aria-checked=\"mixed\"`.\r\n   * Setting this to `true` takes visual precedence over `checked`.\r\n   * The consumer is responsible for clearing it once the user toggles.\r\n   */\r\n  @Prop({ reflect: true }) indeterminate: boolean = false;\r\n\r\n  /** Puts the checkbox in a disabled state. Blocks interaction. */\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n\r\n  /** Marks the field as required. Shows a visual asterisk in the label. */\r\n  @Prop() required: boolean = false;\r\n\r\n  /** Validation state: `'none'` (default), `'error'`, or `'success'`. */\r\n  @Prop({ reflect: true }) state: CheckboxState = 'none';\r\n\r\n  /** Helper / validation message shown below the checkbox. Only shown when state ≠ 'none'. */\r\n  @Prop() message: string = '';\r\n\r\n  /** Reduces the checkbox size from 20 px to 14 px for denser layouts. */\r\n  @Prop({ reflect: true }) compact: boolean = false;\r\n\r\n  /** Hides the label visually while keeping it accessible to screen readers. */\r\n  @Prop({ reflect: true, attribute: 'hide-label' }) hideLabel: boolean = false;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Events\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /**\r\n   * Emitted when the user toggles the checkbox.\r\n   * `event.detail.checked` is the new checked state.\r\n   *\r\n   * React consumers: use the lowercase `onupdate` prop:\r\n   * ```jsx\r\n   * <diwa-checkbox onupdate={e => setChecked(e.detail.checked)} />\r\n   * ```\r\n   */\r\n  @Event({ bubbles: false, composed: false })\r\n  update!: EventEmitter<{ checked: boolean; name: string; value: string }>;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Private state\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  private checkboxEl?: HTMLInputElement;\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Watchers\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  /** Keep the native input's non-reflected .indeterminate property in sync. */\r\n  @Watch('indeterminate')\r\n  watchIndeterminate(value: boolean) {\r\n    if (this.checkboxEl) {\r\n      this.checkboxEl.indeterminate = value;\r\n    }\r\n  }\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Private helpers\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  private handleChange = (e: Event): void => {\r\n    const input = e.target as HTMLInputElement;\r\n    this.checked = input.checked;\r\n    // Clear indeterminate on user interaction (standard browser behaviour)\r\n    if (this.indeterminate) {\r\n      this.host.removeAttribute('indeterminate');\r\n    }\r\n    this.update.emit({\r\n      checked: this.checked,\r\n      name: this.name,\r\n      value: this.value,\r\n    });\r\n  };\r\n\r\n  private setCheckboxRef = (el?: HTMLInputElement): void => {\r\n    this.checkboxEl = el;\r\n    if (el) {\r\n      el.indeterminate = this.indeterminate;\r\n    }\r\n  };\r\n\r\n  // ──────────────────────────────────────────────────────────────\r\n  // Render\r\n  // ──────────────────────────────────────────────────────────────\r\n\r\n  render() {\r\n    const msgId = 'diwa-checkbox-msg';\r\n    const hasMessage = !!this.message && this.state !== 'none';\r\n\r\n    return (\r\n      <Host data-theme={this.theme}>\r\n        <style\r\n          innerHTML={getComponentCss(\r\n            this.state,\r\n            this.disabled,\r\n            this.compact,\r\n            this.hideLabel,\r\n          )}\r\n        />\r\n\r\n        <div class=\"root\">\r\n          <div class=\"wrapper\">\r\n            <div class=\"input-container\">\r\n              <input\r\n                type=\"checkbox\"\r\n                id=\"cb\"\r\n                checked={this.checked}\r\n                disabled={this.disabled}\r\n                required={this.required}\r\n                name={this.name}\r\n                value={this.value}\r\n                aria-checked={this.indeterminate ? 'mixed' : undefined}\r\n                aria-describedby={hasMessage ? msgId : undefined}\r\n                onChange={this.handleChange}\r\n                ref={this.setCheckboxRef}\r\n              />\r\n            </div>\r\n\r\n            {this.label && (\r\n              <label\r\n                class={`label${this.hideLabel ? ' label--hidden' : ''}`}\r\n                htmlFor=\"cb\"\r\n              >\r\n                {this.label}\r\n                {this.required && (\r\n                  <span class=\"required\" aria-hidden=\"true\">\r\n                    {' '}*\r\n                  </span>\r\n                )}\r\n              </label>\r\n            )}\r\n          </div>\r\n\r\n          {hasMessage && (\r\n            <span id={msgId} class=\"message\">\r\n              {this.message}\r\n            </span>\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"iJAKA,MAAMA,EAAmB,iLAElB,MAAMC,EAAkB,CAC7BC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAAUF,EAAU,OAAS,OACnC,MAAMG,EACJL,IAAU,QACN,iCACAA,IAAU,UACR,mCACA,6BAER,MAAO,s1BAwCII,mBACCA,mUAgBRE,sKASFC,EAAc,sdAcMC,6YAaAV,2iEA0EXO,2FAEYD,sHAKrBK,EAAsB,6BACzB,E,MClKYC,EAAY,MAJzB,WAAAC,CAAAC,G,yCAY2BC,KAAAC,MAAe,OAGhCD,KAAAE,MAAgB,GAGhBF,KAAAG,KAAe,GAGfH,KAAAI,MAAgB,KAQgBJ,KAAAK,QAAmB,MAOlCL,KAAAM,cAAyB,MAGzBN,KAAAO,SAAoB,MAGrCP,KAAAQ,SAAoB,MAGHR,KAAAb,MAAuB,OAGxCa,KAAAS,QAAkB,GAGDT,KAAAX,QAAmB,MAGMW,KAAAU,UAAqB,MAwC/DV,KAAAW,aAAgBC,IACtB,MAAMC,EAAQD,EAAEE,OAChBd,KAAKK,QAAUQ,EAAMR,QAErB,GAAIL,KAAKM,cAAe,CACtBN,KAAKe,KAAKC,gBAAgB,gB,CAE5BhB,KAAKiB,OAAOC,KAAK,CACfb,QAASL,KAAKK,QACdF,KAAMH,KAAKG,KACXC,MAAOJ,KAAKI,OACZ,EAGIJ,KAAAmB,eAAkBC,IACxBpB,KAAKqB,WAAaD,EAClB,GAAIA,EAAI,CACNA,EAAGd,cAAgBN,KAAKM,a,GA3B5B,kBAAAgB,CAAmBlB,GACjB,GAAIJ,KAAKqB,WAAY,CACnBrB,KAAKqB,WAAWf,cAAgBF,C,EAiCpC,MAAAmB,GACE,MAAMC,EAAQ,oBACd,MAAMC,IAAezB,KAAKS,SAAWT,KAAKb,QAAU,OAEpD,OACEuC,EAACC,EAAI,CAAAC,IAAA,wDAAa5B,KAAKC,OACrByB,EAAA,SAAAE,IAAA,2CACEC,UAAW3C,EACTc,KAAKb,MACLa,KAAKO,SACLP,KAAKX,WAKTqC,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,mBACTJ,EAAA,SAAAE,IAAA,2CACEG,KAAK,WACLC,GAAG,KACH3B,QAASL,KAAKK,QACdE,SAAUP,KAAKO,SACfC,SAAUR,KAAKQ,SACfL,KAAMH,KAAKG,KACXC,MAAOJ,KAAKI,MAAK,eACHJ,KAAKM,cAAgB,QAAU2B,UAAS,mBACpCR,EAAaD,EAAQS,UACvCC,SAAUlC,KAAKW,aACfwB,IAAKnC,KAAKmB,kBAIbnB,KAAKE,OACJwB,EAAA,SAAAE,IAAA,2CACEE,MAAO,QAAQ9B,KAAKU,UAAY,iBAAmB,KACnD0B,QAAQ,MAEPpC,KAAKE,MACLF,KAAKQ,UACJkB,EAAA,QAAAE,IAAA,2CAAME,MAAM,WAAU,cAAa,QAChC,IAAG,OAObL,GACCC,EAAA,QAAAE,IAAA,2CAAMI,GAAIR,EAAOM,MAAM,WACpB9B,KAAKS,U","ignoreList":[]}

package/dist/diwa-components/{p-87932af2.entry.js → p-878039a1.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,c as e,h as a,H as t,g as i}from"./p-ed4017f0.js";import{g as o,a as r}from"./p-70bbb21a.js";import{g as s,c as d}from"./p-332838f8.js";const c=n=>{const e=n?"14px":"20px";return`\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Option row ─────────────────────────────────────────────────────── */\n\n  .option {\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-3);\n    padding: var(--diwa-space-2) var(--diwa-space-3);\n    min-height: ${n?"var(--diwa-touch-target-min-size-compact, 32px)":"var(--diwa-select-option-min-height, var(--diwa-touch-target-min-size, 44px))"};\n    box-sizing: border-box;\n    cursor: pointer;\n    user-select: none;\n    -webkit-font-smoothing: antialiased;\n    color: var(--diwa-text-primary);\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-font-weight-normal);\n    line-height: 1.4;\n    border-radius: var(--diwa-radius-sm);\n    transition: background-color var(--diwa-transition-fast);\n  }\n\n  /* ── Focus ring ─────────────────────────────────────────────────────── */\n\n  ${o(".option")}\n\n  /* ── Checkbox mark ──────────────────────────────────────────────────── */\n\n  .checkbox {\n    flex-shrink: 0;\n    width: ${e};\n    height: ${e};\n    ${s()}\n  }\n\n  /* ── Selected state ─────────────────────────────────────────────────── */\n\n  :host([selected]) .checkbox {\n    background-color: var(--diwa-accent);\n    border-color: var(--diwa-accent);\n    background-image: ${d};\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    :host([selected]) .option:hover .checkbox {\n      background-color: var(--diwa-accent-hover);\n      border-color: var(--diwa-accent-hover);\n    }\n  }\n\n  /* ── Highlighted (keyboard / hover) ─────────────────────────────────── */\n\n  :host([highlighted]) .option {\n    background-color: var(--diwa-bg-hover);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .option:hover {\n      background-color: var(--diwa-bg-hover);\n    }\n  }\n\n  /* ── Label text ─────────────────────────────────────────────────────── */\n\n  .label {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  /* ── Disabled ───────────────────────────────────────────────────────── */\n\n  :host([disabled]) {\n    pointer-events: none;\n  }\n\n  :host([disabled]) .option {\n    opacity: var(--diwa-opacity-disabled);\n    cursor: not-allowed;\n  }\n\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\n\n  ${r(".option",".checkbox")}\n`};const h=class{constructor(a){n(this,a);this.diwaMultiSelectOptionUpdate=e(this,"diwaMultiSelectOptionUpdate",7);this.disabled=false;this.selected=false;this.highlighted=false;this.compact=false;this.theme="dark";this.handleClick=()=>{if(this.disabled)return;this.diwaMultiSelectOptionUpdate.emit({value:this.value,selected:!this.selected})};this.handleKeyDown=n=>{if(this.disabled)return;if(n.key==="Enter"||n.key===" "){n.preventDefault();this.diwaMultiSelectOptionUpdate.emit({value:this.value,selected:!this.selected})}}}handlePropChange(){}async setFocus(){var n;(n=this.optionEl)===null||n===void 0?void 0:n.focus()}render(){return a(t,{key:"cd154bf05b1c5524ef8757d49a538f5b71dcf0f7","data-theme":this.theme},a("style",{key:"e79192f92ab4f5a3965a5c41617208d5ba0586bb",innerHTML:c(this.compact)}),a("div",{key:"bdb6539019761a38a79c825d0c10eb035da493d1",class:"option",role:"option","aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":undefined,tabIndex:this.disabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:n=>this.optionEl=n,part:"option"},a("span",{key:"778df214b22f9e64859f56fe25cb4ed71ad4896f",class:"checkbox","aria-hidden":"true",part:"checkbox"}),a("span",{key:"153a68043083905a2c2b328e6e00504a312cf659",class:"label",part:"label"},a("slot",{key:"803a21e44bdc6162c648f1fbd90267f9bc3d4c89"}))))}static get delegatesFocus(){return true}get host(){return i(this)}static get watchers(){return{selected:["handlePropChange"],highlighted:["handlePropChange"],disabled:["handlePropChange"]}}};export{h as diwa_multi_select_option};
-//# sourceMappingURL=p-87932af2.entry.js.map
+import{r as n,c as e,h as a,H as t,g as i}from"./p-ed4017f0.js";import{g as o,a as r}from"./p-70bbb21a.js";import{g as s,c as d}from"./p-332838f8.js";const c=n=>{const e=n?"14px":"20px";return`\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Option row ─────────────────────────────────────────────────────── */\n\n  .option {\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-3);\n    padding: var(--diwa-space-2) var(--diwa-space-3);\n    min-height: ${n?"var(--diwa-touch-target-min-size-compact, 32px)":"var(--diwa-select-option-min-height, var(--diwa-touch-target-min-size, 44px))"};\n    box-sizing: border-box;\n    cursor: pointer;\n    user-select: none;\n    -webkit-font-smoothing: antialiased;\n    color: var(--diwa-text-primary);\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-font-weight-normal);\n    line-height: 1.4;\n    border-radius: var(--diwa-radius-sm);\n    transition: background-color var(--diwa-transition-fast);\n  }\n\n  /* ── Focus ring ─────────────────────────────────────────────────────── */\n\n  ${o(".option")}\n\n  /* ── Checkbox mark ──────────────────────────────────────────────────── */\n\n  .checkbox {\n    flex-shrink: 0;\n    width: ${e};\n    height: ${e};\n    ${s()}\n  }\n\n  /* ── Selected state ─────────────────────────────────────────────────── */\n\n  :host([selected]) .checkbox {\n    background-color: var(--diwa-accent);\n    border-color: var(--diwa-accent);\n    background-image: ${d};\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    :host([selected]) .option:hover .checkbox {\n      background-color: var(--diwa-accent-hover);\n      border-color: var(--diwa-accent-hover);\n    }\n  }\n\n  /* ── Highlighted (keyboard / hover) ─────────────────────────────────── */\n\n  :host([highlighted]) .option {\n    background-color: var(--diwa-bg-hover);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .option:hover {\n      background-color: var(--diwa-bg-hover);\n    }\n  }\n\n  /* ── Label text ─────────────────────────────────────────────────────── */\n\n  .label {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  /* ── Disabled ───────────────────────────────────────────────────────── */\n\n  :host([disabled]) {\n    pointer-events: none;\n  }\n\n  :host([disabled]) .option {\n    opacity: var(--diwa-opacity-disabled);\n    cursor: not-allowed;\n  }\n\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\n\n  ${r(".option",".checkbox")}\n`};const h=class{constructor(a){n(this,a);this.diwaMultiSelectOptionUpdate=e(this,"diwaMultiSelectOptionUpdate",7);this.disabled=false;this.selected=false;this.highlighted=false;this.compact=false;this.theme="dark";this.handleClick=()=>{if(this.disabled)return;this.diwaMultiSelectOptionUpdate.emit({value:this.value,selected:!this.selected})};this.handleKeyDown=n=>{if(this.disabled)return;if(n.key==="Enter"||n.key===" "){n.preventDefault();this.diwaMultiSelectOptionUpdate.emit({value:this.value,selected:!this.selected})}}}handlePropChange(){}async setFocus(){var n;(n=this.optionEl)===null||n===void 0?void 0:n.focus()}render(){return a(t,{key:"387eb35be3bd7addb47c5f4d68fb2525dccdcb76","data-theme":this.theme},a("style",{key:"0d5b07bd190fe8d6706d57a62576fcea84e54eb8",innerHTML:c(this.compact)}),a("div",{key:"c9194a83e037be7b424502392abf78cff85d6d15",class:"option",role:"option","aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":undefined,tabIndex:this.disabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:n=>this.optionEl=n,part:"option"},a("span",{key:"a318fc68bbd4726068b4a625d32b4dd95b4d86ea",class:"checkbox","aria-hidden":"true",part:"checkbox"}),a("span",{key:"900c18dcd4f96fcb122fabd55c77fa3f4db7d965",class:"label",part:"label"},a("slot",{key:"8339b7379e52b1aac590f5a38cae164c1f1b7808"}))))}static get delegatesFocus(){return true}get host(){return i(this)}static get watchers(){return{selected:["handlePropChange"],highlighted:["handlePropChange"],disabled:["handlePropChange"]}}};export{h as diwa_multi_select_option};
+//# sourceMappingURL=p-878039a1.entry.js.map

package/dist/diwa-components/{p-c6ca8d8b.entry.js → p-887e0cb5.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,h as e,H as t,g as a}from"./p-ed4017f0.js";import{g as i,a as o}from"./p-70bbb21a.js";const r=()=>`\n\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\n  :host {\n    display: inline-flex;\n    position: relative;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* Stretch: fill the parent's inline axis */\n  :host([stretch]) {\n    display: flex;\n    width: 100%;\n  }\n\n  /* ── Root element (<a> or <span>) ───────────────────────────────────── */\n\n  .root {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--diwa-space-2);\n    flex-direction: row; /* overridden by alignLabel=start below */\n\n    background: transparent;\n    border: none;\n    padding: var(--diwa-space-0-5) var(--diwa-space-1);\n    margin: 0;\n    cursor: pointer;\n\n    font-family: inherit;\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-font-weight-regular);\n    line-height: 1;\n    color: var(--diwa-text-primary);\n    text-decoration: none;\n    white-space: nowrap;\n\n    -webkit-appearance: none;\n    appearance: none;\n    -webkit-font-smoothing: antialiased;\n\n    border-radius: var(--diwa-radius-sm);\n  }\n\n  /* Stretch: push icon and label to opposite edges */\n  :host([stretch]) .root {\n    width: 100%;\n    justify-content: space-between;\n  }\n\n  /* ── Focus ring ─────────────────────────────────────────────────────── */\n\n  ${i(".root")}\n\n  /* ── Size ───────────────────────────────────────────────────────────── */\n\n  :host([size="sm"]) .root {\n    font-size: var(--diwa-font-size-sm);\n  }\n\n  :host([size="lg"]) .root {\n    font-size: var(--diwa-font-size-lg);\n  }\n\n  /* ── Hover ──────────────────────────────────────────────────────────── */\n\n  .root:hover {\n    background-color: var(--diwa-bg-hover);\n  }\n\n  /* ── Active state (CSS :active + [active] prop) ─────────────────────── */\n\n  :host([active]) .root,\n  .root:active {\n    background-color: var(--diwa-bg-active);\n    color: var(--diwa-text-primary);\n  }\n\n  /* ── Visited — prevent browser default purple ───────────────────────── */\n\n  .root:visited {\n    color: var(--diwa-text-primary);\n  }\n\n  /* ── alignLabel: start → label on left, icon on right ──────────────── */\n\n  :host([align-label="start"]) .root {\n    flex-direction: row-reverse;\n  }\n\n  /* ── Underline label text ───────────────────────────────────────────── */\n\n  :host([underline]) .label {\n    text-decoration: underline;\n  }\n\n  /* ── Icon wrapper ───────────────────────────────────────────────────── */\n\n  .icon {\n    display: contents;\n    flex-shrink: 0;\n    line-height: 0;\n  }\n\n  /* ── Label: visually hidden (sr-only / icon-only mode) ──────────────── */\n\n  .label--hidden {\n    border: 0;\n    clip: rect(0, 0, 0, 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\n\n  ${o(".root")}\n`;const s=class{constructor(e){n(this,e);this.theme="dark";this.target="_self";this.icon="arrow-right";this.hideLabel=false;this.active=false;this.underline=false;this.size="md";this.alignLabel="end";this.stretch=false}render(){var n;const a=!!this.href;const i=a?"a":"span";const o=this.icon!=="none";const s=this.size==="sm"?14:this.size==="lg"?20:16;const d=a?Object.assign({href:this.href,target:this.target,download:this.download,rel:(n=this.rel)!==null&&n!==void 0?n:this.target==="_blank"?"noopener noreferrer":undefined},this.label?{"aria-label":this.label}:{}):{};return e(t,{key:"0e0d05c3d75ed6a26dd20de637c53590732d9644","data-theme":this.theme},e("style",{key:"1e28cd8c47349664fa39e5e232f36d3f860e9e45",innerHTML:r()}),e(i,Object.assign({key:"98d380c84bb6f5a2e0ea475b0ba0e958567da554",class:"root"},d,{part:"base"}),o&&e("span",{key:"bc73de7dc37ae05c8da660681e118c3130e58a54",class:"icon","aria-hidden":"true"},e("diwa-icon",{key:"657f77e2f0403f80c0433570349ba3221edeb3f2",name:this.icon,size:s})),e("span",{key:"65ab163880ea086929465145915fa8e20d14ee53",class:`label${this.hideLabel?" label--hidden":""}`,part:"label"},e("slot",{key:"243b92cd0e03e04e05cc38dcc2ecf47297f6db94"}))))}static get delegatesFocus(){return true}get host(){return a(this)}};export{s as diwa_link_pure};
-//# sourceMappingURL=p-c6ca8d8b.entry.js.map
+import{r as n,h as e,H as t,g as a}from"./p-ed4017f0.js";import{g as i,a as o}from"./p-70bbb21a.js";const r=()=>`\n\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\n  :host {\n    display: inline-flex;\n    position: relative;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* Stretch: fill the parent's inline axis */\n  :host([stretch]) {\n    display: flex;\n    width: 100%;\n  }\n\n  /* ── Root element (<a> or <span>) ───────────────────────────────────── */\n\n  .root {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--diwa-space-2);\n    flex-direction: row; /* overridden by alignLabel=start below */\n\n    background: transparent;\n    border: none;\n    padding: var(--diwa-space-0-5) var(--diwa-space-1);\n    margin: 0;\n    cursor: pointer;\n\n    font-family: inherit;\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-font-weight-regular);\n    line-height: 1;\n    color: var(--diwa-text-primary);\n    text-decoration: none;\n    white-space: nowrap;\n\n    -webkit-appearance: none;\n    appearance: none;\n    -webkit-font-smoothing: antialiased;\n\n    border-radius: var(--diwa-radius-sm);\n  }\n\n  /* Stretch: push icon and label to opposite edges */\n  :host([stretch]) .root {\n    width: 100%;\n    justify-content: space-between;\n  }\n\n  /* ── Focus ring ─────────────────────────────────────────────────────── */\n\n  ${i(".root")}\n\n  /* ── Size ───────────────────────────────────────────────────────────── */\n\n  :host([size="sm"]) .root {\n    font-size: var(--diwa-font-size-sm);\n  }\n\n  :host([size="lg"]) .root {\n    font-size: var(--diwa-font-size-lg);\n  }\n\n  /* ── Hover ──────────────────────────────────────────────────────────── */\n\n  .root:hover {\n    background-color: var(--diwa-bg-hover);\n  }\n\n  /* ── Active state (CSS :active + [active] prop) ─────────────────────── */\n\n  :host([active]) .root,\n  .root:active {\n    background-color: var(--diwa-bg-active);\n    color: var(--diwa-text-primary);\n  }\n\n  /* ── Visited — prevent browser default purple ───────────────────────── */\n\n  .root:visited {\n    color: var(--diwa-text-primary);\n  }\n\n  /* ── alignLabel: start → label on left, icon on right ──────────────── */\n\n  :host([align-label="start"]) .root {\n    flex-direction: row-reverse;\n  }\n\n  /* ── Underline label text ───────────────────────────────────────────── */\n\n  :host([underline]) .label {\n    text-decoration: underline;\n  }\n\n  /* ── Icon wrapper ───────────────────────────────────────────────────── */\n\n  .icon {\n    display: contents;\n    flex-shrink: 0;\n    line-height: 0;\n  }\n\n  /* ── Label: visually hidden (sr-only / icon-only mode) ──────────────── */\n\n  .label--hidden {\n    border: 0;\n    clip: rect(0, 0, 0, 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\n\n  ${o(".root")}\n`;const s=class{constructor(e){n(this,e);this.theme="dark";this.target="_self";this.icon="arrow-right";this.hideLabel=false;this.active=false;this.underline=false;this.size="md";this.alignLabel="end";this.stretch=false}render(){var n;const a=!!this.href;const i=a?"a":"span";const o=this.icon!=="none";const s=this.size==="sm"?14:this.size==="lg"?20:16;const d=a?Object.assign({href:this.href,target:this.target,download:this.download,rel:(n=this.rel)!==null&&n!==void 0?n:this.target==="_blank"?"noopener noreferrer":undefined},this.label?{"aria-label":this.label}:{}):{};return e(t,{key:"151e2ccb51fddc1c75a95717f2828e26f436d8bc","data-theme":this.theme},e("style",{key:"13d21d184ad17818999dd79982579427deb1abc1",innerHTML:r()}),e(i,Object.assign({key:"47d9ce0db987cadf606730aa385e868e9a03633e",class:"root"},d,{part:"base"}),o&&e("span",{key:"db89d6a428e17049d457190e5255486bcaecc48a",class:"icon","aria-hidden":"true"},e("diwa-icon",{key:"b94918195e7a2dee50d061f0efd7a476aa525950",name:this.icon,size:s})),e("span",{key:"b45e4f2bd9aa89d78237f21cd8842d365f4fe93d",class:`label${this.hideLabel?" label--hidden":""}`,part:"label"},e("slot",{key:"1613058d56403ec4a41b31e28eef798df3454720"}))))}static get delegatesFocus(){return true}get host(){return a(this)}};export{s as diwa_link_pure};
+//# sourceMappingURL=p-887e0cb5.entry.js.map

package/dist/diwa-components/{p-926e283b.entry.js → p-8b210952.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,c as t,h as e,H as i,g as a}from"./p-ed4017f0.js";import{g as s,a as r}from"./p-70bbb21a.js";const o=()=>`\n\n  /* ── Host ─────────────────────────────────────────────────────────── */\n\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Nav wrapper ──────────────────────────────────────────────────── */\n\n  .nav {\n    display: flex;\n    justify-content: center;\n    user-select: none;\n  }\n\n  /* ── Item list ────────────────────────────────────────────────────── */\n\n  .list {\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-1);\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  /* Extra breathing room between prev/next and the page number group */\n  .list > li:first-child {\n    margin-inline-end: var(--diwa-space-2);\n  }\n\n  .list > li:last-child {\n    margin-inline-start: var(--diwa-space-2);\n  }\n\n  /* ── Shared button base ───────────────────────────────────────────── */\n\n  .btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--diwa-pagination-item-size);\n    height: var(--diwa-pagination-item-size);\n    box-sizing: border-box;\n    padding: 0;\n    border: var(--diwa-border-width-medium) solid transparent;\n    border-radius: var(--diwa-radius-md);\n    background: transparent;\n    color: var(--diwa-text-primary);\n    font-size: var(--diwa-font-size-sm);\n    font-family: inherit;\n    font-weight: var(--diwa-font-weight-normal);\n    line-height: 1;\n    cursor: pointer;\n    transition: background-color var(--diwa-transition-fast),\n                border-color var(--diwa-transition-fast);\n  }\n\n  /* ── Hover ────────────────────────────────────────────────────────── */\n\n  .btn:hover:not(:disabled):not([aria-current]) {\n    background: var(--diwa-bg-hover);\n  }\n\n  /* ── Active page ──────────────────────────────────────────────────── */\n\n  /* Diwa brand treatment: bottom accent line instead of PDS border box */\n  .btn[aria-current="page"] {\n    border-bottom-color: var(--diwa-accent);\n    cursor: default;\n  }\n\n  /* ── Disabled (prev/next at boundaries) ──────────────────────────── */\n\n  .btn:disabled {\n    opacity: 0.38;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  /* ── Ellipsis ─────────────────────────────────────────────────────── */\n\n  .ellipsis {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--diwa-pagination-item-size);\n    height: var(--diwa-pagination-item-size);\n    color: var(--diwa-text-secondary);\n    font-size: var(--diwa-font-size-sm);\n    cursor: default;\n    user-select: none;\n  }\n\n  /* ── Focus ring ───────────────────────────────────────────────────── */\n\n  ${s(".btn")}\n\n  /* ── Reduced motion ───────────────────────────────────────────────── */\n\n  ${r(".btn")}\n`;var c;(function(n){n[n["PAGE"]=0]="PAGE";n[n["ELLIPSIS"]=1]="ELLIPSIS";n[n["PREVIOUS"]=2]="PREVIOUS";n[n["NEXT"]=3]="NEXT"})(c||(c={}));const l={type:c.ELLIPSIS,isActive:false};const d=n=>{const{activePage:t}=n;return{type:c.PREVIOUS,value:Math.max(1,t-1),isActive:t>1}};const u=n=>{const{activePage:t,pageTotal:e}=n;return{type:c.NEXT,value:Math.min(e,t+1),isActive:t<e}};const h=({activePage:n})=>t=>({type:c.PAGE,value:t,isActive:t===n,isBeforeCurrent:t===n-1,isBeforeBeforeCurrent:t===n-2,isAfterCurrent:t===n+1,isAfterAfterCurrent:t===n+2});const p=(n,t)=>Array.from(new Array(t-n+1),((t,e)=>e+n));const g=n=>{const{pageTotal:t,activePage:e,showLastPage:i}=n;const a=1;const s=1;const r=1;const o=[d(n)];const c=h(n);if(1+2*r+2*s>=t){const n=p(1,t).map(c);o.push(...n)}else{o.push(c(1));const n=Math.min(Math.max(e-a,2+r),t-r-2-(i?1:0));const s=n+2;const d=p(n,s).map(c);const u=n-1;const h=u===2;const g=h?c(u):l;o.push(g);o.push(...d);const v=s+1;const b=v===t-(i?1:0);const f=b?c(v):l;o.push(f);if(i){o.push(c(t))}}o.push(u(n));return o};const v=(n,t)=>n<1?1:n>t?t:n;const b=(n,t)=>{if(t<1)return 1;const e=n<1?1:n;return Math.ceil(e/t)};const f=class{constructor(e){n(this,e);this.update=t(this,"update",1);this.theme="dark";this.totalItemsCount=1;this.itemsPerPage=1;this.activePage=1;this.showLastPage=true;this.intl={root:"Pagination",prev:"Previous page",next:"Next page",page:"Page"}}handleClick(n){if(n!==this.activePage){this.update.emit({page:n,previousPage:this.activePage});this.activePage=n}}render(){var n,t,a,s,r;const l=b(this.totalItemsCount,this.itemsPerPage);const d=v(this.activePage,l);const u=g({activePage:d,pageTotal:l,showLastPage:this.showLastPage});const h=(n=this.intl)!==null&&n!==void 0?n:{};const p=(t=h.root)!==null&&t!==void 0?t:"Pagination";const f=(a=h.prev)!==null&&a!==void 0?a:"Previous page";const w=(s=h.next)!==null&&s!==void 0?s:"Next page";const y=(r=h.page)!==null&&r!==void 0?r:"Page";return e(i,{key:"4fa5cadb5296b7e23cc779e5ec159244fcde6c4a","data-theme":this.theme},e("style",{key:"64ecd996a2a54cad3762f31430dfc1c8ef6a8b8f",innerHTML:o()}),e("nav",{key:"a8ff37dbf716a7c270e5493539418da43ae94b5f","aria-label":p,class:"nav"},e("ul",{key:"3a980124988ec73d6a4c0becbe76351b66522544",class:"list"},u.map(((n,t)=>{const{type:i,isActive:a,value:s}=n;if(i===c.PREVIOUS){return e("li",{key:"prev"},e("button",{class:"btn",disabled:!a,"aria-label":f,onClick:()=>a&&this.handleClick(s)},e("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},e("polyline",{points:"15 18 9 12 15 6"}))))}if(i===c.NEXT){return e("li",{key:"next"},e("button",{class:"btn",disabled:!a,"aria-label":w,onClick:()=>a&&this.handleClick(s)},e("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},e("polyline",{points:"9 18 15 12 9 6"}))))}if(i===c.ELLIPSIS){return e("li",{key:`ellipsis-${t}`},e("span",{class:"ellipsis","aria-hidden":"true"},"…"))}return e("li",{key:s},e("button",{class:"btn","aria-label":`${y} ${s}`,"aria-current":a?"page":undefined,onClick:()=>this.handleClick(s)},s))})))))}static get delegatesFocus(){return true}get host(){return a(this)}};export{f as diwa_pagination};
-//# sourceMappingURL=p-926e283b.entry.js.map
+import{r as n,c as t,h as e,H as i,g as a}from"./p-ed4017f0.js";import{g as s,a as r}from"./p-70bbb21a.js";const o=()=>`\n\n  /* ── Host ─────────────────────────────────────────────────────────── */\n\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Nav wrapper ──────────────────────────────────────────────────── */\n\n  .nav {\n    display: flex;\n    justify-content: center;\n    user-select: none;\n  }\n\n  /* ── Item list ────────────────────────────────────────────────────── */\n\n  .list {\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-1);\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  /* Extra breathing room between prev/next and the page number group */\n  .list > li:first-child {\n    margin-inline-end: var(--diwa-space-2);\n  }\n\n  .list > li:last-child {\n    margin-inline-start: var(--diwa-space-2);\n  }\n\n  /* ── Shared button base ───────────────────────────────────────────── */\n\n  .btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--diwa-pagination-item-size);\n    height: var(--diwa-pagination-item-size);\n    box-sizing: border-box;\n    padding: 0;\n    border: var(--diwa-border-width-medium) solid transparent;\n    border-radius: var(--diwa-radius-md);\n    background: transparent;\n    color: var(--diwa-text-primary);\n    font-size: var(--diwa-font-size-sm);\n    font-family: inherit;\n    font-weight: var(--diwa-font-weight-normal);\n    line-height: 1;\n    cursor: pointer;\n    transition: background-color var(--diwa-transition-fast),\n                border-color var(--diwa-transition-fast);\n  }\n\n  /* ── Hover ────────────────────────────────────────────────────────── */\n\n  .btn:hover:not(:disabled):not([aria-current]) {\n    background: var(--diwa-bg-hover);\n  }\n\n  /* ── Active page ──────────────────────────────────────────────────── */\n\n  /* Diwa brand treatment: bottom accent line instead of PDS border box */\n  .btn[aria-current="page"] {\n    border-bottom-color: var(--diwa-accent);\n    cursor: default;\n  }\n\n  /* ── Disabled (prev/next at boundaries) ──────────────────────────── */\n\n  .btn:disabled {\n    opacity: 0.38;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  /* ── Ellipsis ─────────────────────────────────────────────────────── */\n\n  .ellipsis {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--diwa-pagination-item-size);\n    height: var(--diwa-pagination-item-size);\n    color: var(--diwa-text-secondary);\n    font-size: var(--diwa-font-size-sm);\n    cursor: default;\n    user-select: none;\n  }\n\n  /* ── Focus ring ───────────────────────────────────────────────────── */\n\n  ${s(".btn")}\n\n  /* ── Reduced motion ───────────────────────────────────────────────── */\n\n  ${r(".btn")}\n`;var c;(function(n){n[n["PAGE"]=0]="PAGE";n[n["ELLIPSIS"]=1]="ELLIPSIS";n[n["PREVIOUS"]=2]="PREVIOUS";n[n["NEXT"]=3]="NEXT"})(c||(c={}));const l={type:c.ELLIPSIS,isActive:false};const d=n=>{const{activePage:t}=n;return{type:c.PREVIOUS,value:Math.max(1,t-1),isActive:t>1}};const u=n=>{const{activePage:t,pageTotal:e}=n;return{type:c.NEXT,value:Math.min(e,t+1),isActive:t<e}};const h=({activePage:n})=>t=>({type:c.PAGE,value:t,isActive:t===n,isBeforeCurrent:t===n-1,isBeforeBeforeCurrent:t===n-2,isAfterCurrent:t===n+1,isAfterAfterCurrent:t===n+2});const p=(n,t)=>Array.from(new Array(t-n+1),((t,e)=>e+n));const g=n=>{const{pageTotal:t,activePage:e,showLastPage:i}=n;const a=1;const s=1;const r=1;const o=[d(n)];const c=h(n);if(1+2*r+2*s>=t){const n=p(1,t).map(c);o.push(...n)}else{o.push(c(1));const n=Math.min(Math.max(e-a,2+r),t-r-2-(i?1:0));const s=n+2;const d=p(n,s).map(c);const u=n-1;const h=u===2;const g=h?c(u):l;o.push(g);o.push(...d);const b=s+1;const v=b===t-(i?1:0);const f=v?c(b):l;o.push(f);if(i){o.push(c(t))}}o.push(u(n));return o};const b=(n,t)=>n<1?1:n>t?t:n;const v=(n,t)=>{if(t<1)return 1;const e=n<1?1:n;return Math.ceil(e/t)};const f=class{constructor(e){n(this,e);this.update=t(this,"update",1);this.theme="dark";this.totalItemsCount=1;this.itemsPerPage=1;this.activePage=1;this.showLastPage=true;this.intl={root:"Pagination",prev:"Previous page",next:"Next page",page:"Page"}}handleClick(n){if(n!==this.activePage){this.update.emit({page:n,previousPage:this.activePage});this.activePage=n}}render(){var n,t,a,s,r;const l=v(this.totalItemsCount,this.itemsPerPage);const d=b(this.activePage,l);const u=g({activePage:d,pageTotal:l,showLastPage:this.showLastPage});const h=(n=this.intl)!==null&&n!==void 0?n:{};const p=(t=h.root)!==null&&t!==void 0?t:"Pagination";const f=(a=h.prev)!==null&&a!==void 0?a:"Previous page";const w=(s=h.next)!==null&&s!==void 0?s:"Next page";const y=(r=h.page)!==null&&r!==void 0?r:"Page";return e(i,{key:"e6c7aa31aabb891a607d3e5396a5c4413bd36195","data-theme":this.theme},e("style",{key:"58206c30ec4ba3dd4c2972bee88dceba92099e3b",innerHTML:o()}),e("nav",{key:"437c5abf36082bdbc21ae6f72c77edc1c5c2a0a0","aria-label":p,class:"nav"},e("ul",{key:"94930f888757eb824f0d71c4d8c75ed53f0599c5",class:"list"},u.map(((n,t)=>{const{type:i,isActive:a,value:s}=n;if(i===c.PREVIOUS){return e("li",{key:"prev"},e("button",{class:"btn",disabled:!a,"aria-label":f,onClick:()=>a&&this.handleClick(s)},e("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},e("polyline",{points:"15 18 9 12 15 6"}))))}if(i===c.NEXT){return e("li",{key:"next"},e("button",{class:"btn",disabled:!a,"aria-label":w,onClick:()=>a&&this.handleClick(s)},e("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},e("polyline",{points:"9 18 15 12 9 6"}))))}if(i===c.ELLIPSIS){return e("li",{key:`ellipsis-${t}`},e("span",{class:"ellipsis","aria-hidden":"true"},"…"))}return e("li",{key:s},e("button",{class:"btn","aria-label":`${y} ${s}`,"aria-current":a?"page":undefined,onClick:()=>this.handleClick(s)},s))})))))}static get delegatesFocus(){return true}get host(){return a(this)}};export{f as diwa_pagination};
+//# sourceMappingURL=p-8b210952.entry.js.map

package/dist/diwa-components/{p-66c53adc.entry.js → p-90504a91.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,h as e,H as t,g as a}from"./p-ed4017f0.js";const i=(n,e)=>`\n  :host {\n    display: table-cell;\n    margin: 0 !important;\n    padding: ${n?"0":"var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px)"} !important;\n    white-space: ${e?"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  ${n?`\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: ${e?"normal":"nowrap"};\n  }\n  .sort-label {\n    display: inline-flex;\n    min-width: 0;\n    white-space: ${e?"normal":"nowrap"};\n  }\n  .sort-btn:hover {\n    color: var(--diwa-text-primary);\n  }\n  `:""}\n`;const r=class{constructor(e){n(this,e);this.theme="dark";this.hideLabel=false;this.multiline=false;this.handleSort=()=>{if(!this.sort)return;const n=this.sort.active?this.sort.direction==="asc"?"desc":"asc":this.sort.direction;this.host.dispatchEvent(new CustomEvent("diwaTableUpdate",{bubbles:true,composed:true,detail:{id:this.sort.id,active:true,direction:n}}))}}render(){const{sort:n,hideLabel:a,multiline:r}=this;const o=!!n;const s=!o?undefined:n.active?n.direction==="asc"?"ascending":"descending":"none";const d=e("span",{key:"40a5b63a8d14852144b04f50f5de06f18c3cb7a5",class:a?"sr-only":undefined},e("slot",{key:"f765ee500707bfdd4c720aff27ef9f0eb33111fe"}));const l=e("svg",{key:"99c9b4265ce25ea53e3c31109be2da6741d44c48",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",style:{opacity:(n===null||n===void 0?void 0:n.active)?"1":"0.4",transform:(n===null||n===void 0?void 0:n.direction)==="desc"?"rotate(180deg)":"none",transition:"opacity 150ms ease, transform 150ms ease",flexShrink:"0",display:"block"}},e("path",{key:"7fbf420dbc69c8e13d5d99f28d2271ccab2a48b9",d:"M4 10L8 6L12 10",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));return e(t,{key:"9e37a53dda74f54f91a90519b8feda3a24d75fb1",role:"columnheader","aria-sort":s},e("style",{key:"85fd59f90284e4b6daf740f21b687f564f5cc7d7",innerHTML:i(o,r)}),o?e("button",{type:"button",class:"sort-btn",onClick:this.handleSort},e("span",{class:"sort-label"},d),l):d)}get host(){return a(this)}};export{r as diwa_table_head_cell};
-//# sourceMappingURL=p-66c53adc.entry.js.map
+import{r as n,h as e,H as t,g as a}from"./p-ed4017f0.js";const i=(n,e)=>`\n  :host {\n    display: table-cell;\n    margin: 0 !important;\n    padding: ${n?"0":"var(--diwa-table-padding-y, 12px) var(--diwa-table-padding-x, 16px)"} !important;\n    white-space: ${e?"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  ${n?`\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: ${e?"normal":"nowrap"};\n  }\n  .sort-label {\n    display: inline-flex;\n    min-width: 0;\n    white-space: ${e?"normal":"nowrap"};\n  }\n  .sort-btn:hover {\n    color: var(--diwa-text-primary);\n  }\n  `:""}\n`;const r=class{constructor(e){n(this,e);this.theme="dark";this.hideLabel=false;this.multiline=false;this.handleSort=()=>{if(!this.sort)return;const n=this.sort.active?this.sort.direction==="asc"?"desc":"asc":this.sort.direction;this.host.dispatchEvent(new CustomEvent("diwaTableUpdate",{bubbles:true,composed:true,detail:{id:this.sort.id,active:true,direction:n}}))}}render(){const{sort:n,hideLabel:a,multiline:r}=this;const o=!!n;const s=!o?undefined:n.active?n.direction==="asc"?"ascending":"descending":"none";const d=e("span",{key:"a2e2dd130b1dae02512d95e6dfbddb8c3df83ca0",class:a?"sr-only":undefined},e("slot",{key:"6aa36f19db6cf80ac99511ee38aec8f12c3e1fd6"}));const l=e("svg",{key:"d21e881edfb0e87db3d20086a380033fb656392a",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",style:{opacity:(n===null||n===void 0?void 0:n.active)?"1":"0.4",transform:(n===null||n===void 0?void 0:n.direction)==="desc"?"rotate(180deg)":"none",transition:"opacity 150ms ease, transform 150ms ease",flexShrink:"0",display:"block"}},e("path",{key:"fd12f7b9559b4c371f041c0050201b5897dbe65b",d:"M4 10L8 6L12 10",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}));return e(t,{key:"3f94ad099ad07643adbb68a6d9b60506627e331f",role:"columnheader","aria-sort":s},e("style",{key:"1816c6ada4b56007b674ff2f100347c0190141b4",innerHTML:i(o,r)}),o?e("button",{type:"button",class:"sort-btn",onClick:this.handleSort},e("span",{class:"sort-label"},d),l):d)}get host(){return a(this)}};export{r as diwa_table_head_cell};
+//# sourceMappingURL=p-90504a91.entry.js.map

package/dist/diwa-components/p-90d0db67.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as e,h as t,H as i,g as a}from"./p-ed4017f0.js";import{g as d}from"./p-35c7c864.js";import"./p-70bbb21a.js";const h=class{constructor(t){s(this,t);this.change=e(this,"change",7);this.input=e(this,"input",7);this.blur=e(this,"blur",3);this.focus=e(this,"focus",3);this._hasStart=false;this._hasEnd=false;this.label="";this.description="";this.message="";this.state="none";this.name="";this.value="";this.placeholder="";this.disabled=false;this.required=false;this.readonly=false;this.hideLabel=false;this.compact=false;this.theme="dark";this.handleInput=s=>{this.value=s.target.value;this.input.emit(this.value)};this.handleChange=s=>{this.value=s.target.value;this.change.emit(this.value)};this.handleBlur=s=>{this.blur.emit(s)};this.handleFocus=s=>{this.focus.emit(s)}}connectedCallback(){this._hasStart=!!this.el.querySelector('[slot="start"]');this._hasEnd=!!this.el.querySelector('[slot="end"]')}render(){const s="input";const e="desc";const a="msg";return t(i,{key:"8dd9e6d7ce484dc007be367fc938cfc9f2637055","data-theme":this.theme},t("style",{key:"bbc1fc772c27c1b34d968e376b05c55de36f6de2",innerHTML:d(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,false)}),t("div",{key:"41aae906ee1f609e7cf441beb538d46802e0e59c",class:"root"},!this.hideLabel&&this.label&&t("div",{key:"b38939d751f7563f12f32f28232b30bbc7cbb91c",class:"label-row"},t("label",{key:"88d0afa08e2a9dabff5dde12a2c4084a4047f6da",class:"label",htmlFor:s},this.label,this.required&&t("span",{key:"45ba6033d1b558a2d4fa2141e2c3af8d34ca7d6d",class:"required","aria-hidden":"true"}," *")),t("slot",{key:"6394d6d221720fd1557ebf1d8bc29960f9b2ef98",name:"label-after"})),t("div",{key:"3e5054f7816a4e69ea69f050d4f04496630cb2a2",class:"input-wrapper"},this._hasStart&&t("div",{key:"86140c93dd2d3ccef3571a8e7ce852fc08c48685",class:"slot-start"},t("slot",{key:"6cde09ce08c571d0d8d7e8bac9959e612f4cd0e7",name:"start"})),t("input",{key:"41db3d184dfe86ec79fbb2d5278c7bfa0e6a0e80",id:s,class:"input",type:"tel",name:this.name||undefined,value:this.value,placeholder:this.placeholder||undefined,disabled:this.disabled,required:this.required,readOnly:this.readonly,autocomplete:this.autoComplete,"aria-label":this.hideLabel&&this.label?this.label:undefined,"aria-invalid":this.state==="error"?"true":undefined,"aria-required":this.required?"true":undefined,"aria-describedby":this.message?a:this.description?e:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus}),this._hasEnd&&t("div",{key:"93a6a567853440a105edf2181664669087dd33aa",class:"slot-end"},t("slot",{key:"472d5180f28d44e7c4a168b0c087200c223871eb",name:"end"}))),!this.message&&this.description&&t("p",{key:"fd16c4facf83bcfe32e6c8b333fed9e3dca8cd56",id:e,class:"description"},this.description),this.message&&t("p",{key:"cae69922e63caad5193c1e01cb91d95773fbf2e2",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{h as diwa_input_tel};
+//# sourceMappingURL=p-90d0db67.entry.js.map

package/dist/diwa-components/{p-117dc41d.entry.js → p-a446b615.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,c as e,h as i,H as t,g as a}from"./p-ed4017f0.js";import{g as s,a as o}from"./p-70bbb21a.js";const d=()=>`\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Option row ─────────────────────────────────────────────────────── */\n\n  .option {\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-3);\n    padding: var(--diwa-space-2) var(--diwa-space-3);\n    min-height: var(--diwa-select-option-min-height);\n    box-sizing: border-box;\n    cursor: pointer;\n    user-select: none;\n    -webkit-font-smoothing: antialiased;\n    color: var(--diwa-text-primary);\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-font-weight-normal);\n    line-height: 1.4;\n    border-radius: var(--diwa-radius-sm);\n    transition: background-color var(--diwa-transition-fast);\n  }\n\n  ${s(".option")}\n\n  /* ── Check mark ─────────────────────────────────────────────────────── */\n\n  .check {\n    flex-shrink: 0;\n    width: var(--diwa-icon-size-md);\n    height: var(--diwa-icon-size-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--diwa-accent);\n    font-size: var(--diwa-font-size-base);\n    line-height: 1;\n    visibility: hidden;\n  }\n\n  /* ── Selected state ─────────────────────────────────────────────────── */\n\n  :host([selected]) .check {\n    visibility: visible;\n  }\n\n  /* ── Highlighted (keyboard / hover) ─────────────────────────────────── */\n\n  :host([highlighted]) .option {\n    background-color: var(--diwa-bg-hover);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .option:hover {\n      background-color: var(--diwa-bg-hover);\n    }\n  }\n\n  /* ── Label text ─────────────────────────────────────────────────────── */\n\n  .label {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  /* ── Compact ────────────────────────────────────────────────────────── */\n\n  :host([compact]) .option {\n    padding: var(--diwa-space-1) var(--diwa-space-2);\n    font-size: var(--diwa-font-size-md);\n    min-height: 0;\n  }\n\n  :host([compact]) .check {\n    font-size: var(--diwa-font-size-md);\n  }\n\n  /* ── Disabled ───────────────────────────────────────────────────────── */\n\n  :host([disabled]) {\n    pointer-events: none;\n  }\n\n  :host([disabled]) .option {\n    opacity: var(--diwa-opacity-disabled);\n    cursor: not-allowed;\n  }\n\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\n\n  ${o(".option")}\n`;const r=class{constructor(i){n(this,i);this.diwaSelectOptionUpdate=e(this,"diwaSelectOptionUpdate",7);this.disabled=false;this.selected=false;this.highlighted=false;this.theme="dark";this.compact=false;this.handleClick=()=>{if(this.disabled)return;this.diwaSelectOptionUpdate.emit({value:this.value})};this.handleKeyDown=n=>{if(this.disabled)return;if(n.key==="Enter"||n.key===" "){n.preventDefault();this.diwaSelectOptionUpdate.emit({value:this.value})}}}async setFocus(){var n;(n=this.optionEl)===null||n===void 0?void 0:n.focus()}render(){return i(t,{key:"86c5dd52dbfc96056c5031be22e751c4c741527f","data-theme":this.theme},i("style",{key:"903154a75ff36b77647ee2c769717e5f1df574e6",innerHTML:d()}),i("div",{key:"c95e357baac1fd10642383cb4259d29dd356825e",class:"option",role:"option","aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":undefined,tabIndex:this.disabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:n=>this.optionEl=n,part:"option"},i("span",{key:"902e2a17f8bbff2e450349f5e2ef1df3d5b54df7",class:"check","aria-hidden":"true",part:"check"},"✓"),i("span",{key:"535f939bb208a6dad985b803ef18ebb240cd2c30",class:"label",part:"label"},i("slot",{key:"055c66f037f5783f2aad7256a15dbfae034b5796"}))))}static get delegatesFocus(){return true}get host(){return a(this)}};export{r as diwa_select_option};
-//# sourceMappingURL=p-117dc41d.entry.js.map
+import{r as n,c as e,h as i,H as t,g as a}from"./p-ed4017f0.js";import{g as s,a as o}from"./p-70bbb21a.js";const d=()=>`\n  /* ── Host ──────────────────────────────────────────────────────────── */\n\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    outline: none;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  /* ── Option row ─────────────────────────────────────────────────────── */\n\n  .option {\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-3);\n    padding: var(--diwa-space-2) var(--diwa-space-3);\n    min-height: var(--diwa-select-option-min-height);\n    box-sizing: border-box;\n    cursor: pointer;\n    user-select: none;\n    -webkit-font-smoothing: antialiased;\n    color: var(--diwa-text-primary);\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-font-weight-normal);\n    line-height: 1.4;\n    border-radius: var(--diwa-radius-sm);\n    transition: background-color var(--diwa-transition-fast);\n  }\n\n  ${s(".option")}\n\n  /* ── Check mark ─────────────────────────────────────────────────────── */\n\n  .check {\n    flex-shrink: 0;\n    width: var(--diwa-icon-size-md);\n    height: var(--diwa-icon-size-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--diwa-accent);\n    font-size: var(--diwa-font-size-base);\n    line-height: 1;\n    visibility: hidden;\n  }\n\n  /* ── Selected state ─────────────────────────────────────────────────── */\n\n  :host([selected]) .check {\n    visibility: visible;\n  }\n\n  /* ── Highlighted (keyboard / hover) ─────────────────────────────────── */\n\n  :host([highlighted]) .option {\n    background-color: var(--diwa-bg-hover);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .option:hover {\n      background-color: var(--diwa-bg-hover);\n    }\n  }\n\n  /* ── Label text ─────────────────────────────────────────────────────── */\n\n  .label {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  /* ── Compact ────────────────────────────────────────────────────────── */\n\n  :host([compact]) .option {\n    padding: var(--diwa-space-1) var(--diwa-space-2);\n    font-size: var(--diwa-font-size-md);\n    min-height: 0;\n  }\n\n  :host([compact]) .check {\n    font-size: var(--diwa-font-size-md);\n  }\n\n  /* ── Disabled ───────────────────────────────────────────────────────── */\n\n  :host([disabled]) {\n    pointer-events: none;\n  }\n\n  :host([disabled]) .option {\n    opacity: var(--diwa-opacity-disabled);\n    cursor: not-allowed;\n  }\n\n  /* ── Reduced motion ─────────────────────────────────────────────────── */\n\n  ${o(".option")}\n`;const r=class{constructor(i){n(this,i);this.diwaSelectOptionUpdate=e(this,"diwaSelectOptionUpdate",7);this.disabled=false;this.selected=false;this.highlighted=false;this.theme="dark";this.compact=false;this.handleClick=()=>{if(this.disabled)return;this.diwaSelectOptionUpdate.emit({value:this.value})};this.handleKeyDown=n=>{if(this.disabled)return;if(n.key==="Enter"||n.key===" "){n.preventDefault();this.diwaSelectOptionUpdate.emit({value:this.value})}}}async setFocus(){var n;(n=this.optionEl)===null||n===void 0?void 0:n.focus()}render(){return i(t,{key:"9158ac98075c499743af5e90042851b600c8da90","data-theme":this.theme},i("style",{key:"8dd7b313f3a81fd7d478b76596ecd60cbcec7ecb",innerHTML:d()}),i("div",{key:"88ac7bcf19615142315509da16fb101fe7e59f36",class:"option",role:"option","aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":undefined,tabIndex:this.disabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:n=>this.optionEl=n,part:"option"},i("span",{key:"a4b3dfab5484a3916be1d64170c5337d9cc01f53",class:"check","aria-hidden":"true",part:"check"},"✓"),i("span",{key:"c2d81f7766672cb0e5c755e2f0879361e65d3205",class:"label",part:"label"},i("slot",{key:"0efdefa87396d832b47fba5fcdc66cb117f75396"}))))}static get delegatesFocus(){return true}get host(){return a(this)}};export{r as diwa_select_option};
+//# sourceMappingURL=p-a446b615.entry.js.map

package/dist/diwa-components/{p-71c45961.entry.js → p-b33f4993.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as e,h as t,H as d,g as s}from"./p-ed4017f0.js";const i=()=>`\n  :host {\n    display: inline-flex;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .track {\n    display: inline-flex;\n    align-items: center;\n    background: var(--diwa-bg-surface);\n    border: var(--diwa-border-width-thin) solid var(--diwa-border);\n    border-radius: var(--diwa-radius-md);\n    padding: var(--diwa-space-0-75);\n    gap: var(--diwa-space-0-5);\n  }\n`;const n=class{constructor(t){a(this,t);this.update=e(this,"update",1);this.theme="dark";this.value="";this.disabled=false;this.compact=false}handleItemSelect(a){this.value=a.detail.value;this.update.emit({value:this.value});this.syncChildren()}componentDidLoad(){this.syncChildren()}componentDidUpdate(){this.syncChildren()}syncChildren(){const a=Array.from(this.host.querySelectorAll("diwa-segmented-control-item"));a.forEach((a=>{a.selected=a.value===this.value;a.disabled=this.disabled;a.compact=this.compact}))}render(){return t(d,{key:"a234c388f48d3c866ffdab8c6eadc9b8bb5af4c8",role:"group","data-theme":this.theme},t("style",{key:"bfad2e8a1da5a8395b9dcc3662913ff13f4607fe",innerHTML:i()}),t("div",{key:"f08d1b1bdd31d095333e51ac72ae3f40ebd27812",class:"track"},t("slot",{key:"b5ff001d635e09aa097cd8b3b6b32500490a19da"})))}get host(){return s(this)}};export{n as diwa_segmented_control};
-//# sourceMappingURL=p-71c45961.entry.js.map
+import{r as a,c as e,h as t,H as s,g as i}from"./p-ed4017f0.js";const n=()=>`\n  :host {\n    display: inline-flex;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .track {\n    display: inline-flex;\n    align-items: center;\n    background: var(--diwa-bg-surface);\n    border: var(--diwa-border-width-thin) solid var(--diwa-border);\n    border-radius: var(--diwa-radius-md);\n    padding: var(--diwa-space-0-75);\n    gap: var(--diwa-space-0-5);\n  }\n`;const d=class{constructor(t){a(this,t);this.update=e(this,"update",1);this.theme="dark";this.value="";this.disabled=false;this.compact=false}handleItemSelect(a){this.value=a.detail.value;this.update.emit({value:this.value});this.syncChildren()}componentDidLoad(){this.syncChildren()}componentDidUpdate(){this.syncChildren()}syncChildren(){const a=Array.from(this.host.querySelectorAll("diwa-segmented-control-item"));a.forEach((a=>{a.selected=a.value===this.value;a.disabled=this.disabled;a.compact=this.compact}))}render(){return t(s,{key:"40695f16ca3a0601152b10a53bbb5c9812a14eba",role:"group","data-theme":this.theme},t("style",{key:"2d8853e5dc014243df0d27691c78a3ed83e18ad2",innerHTML:n()}),t("div",{key:"102dc801b004efcb3a5c945d4500342939229c87",class:"track"},t("slot",{key:"bbda373551c9ebd3a32cbb6c12a13b8b1bd77bcc"})))}get host(){return i(this)}};export{d as diwa_segmented_control};
+//# sourceMappingURL=p-b33f4993.entry.js.map

package/dist/diwa-components/p-b595f330.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as e,h as t,H as i,g as a}from"./p-ed4017f0.js";import{g as d}from"./p-35c7c864.js";import"./p-70bbb21a.js";const h=class{constructor(t){s(this,t);this.change=e(this,"change",7);this.input=e(this,"input",7);this.blur=e(this,"blur",3);this.focus=e(this,"focus",3);this._hasStart=false;this._hasEnd=false;this.label="";this.description="";this.message="";this.state="none";this.name="";this.value="";this.placeholder="";this.disabled=false;this.required=false;this.readonly=false;this.hideLabel=false;this.compact=false;this.theme="dark";this.handleInput=s=>{this.value=s.target.value;this.input.emit(this.value)};this.handleChange=s=>{this.value=s.target.value;this.change.emit(this.value)};this.handleBlur=s=>{this.blur.emit(s)};this.handleFocus=s=>{this.focus.emit(s)}}connectedCallback(){this._hasStart=!!this.el.querySelector('[slot="start"]');this._hasEnd=!!this.el.querySelector('[slot="end"]')}render(){const s="input";const e="desc";const a="msg";return t(i,{key:"b7810ca62c45d178cfa7ddefd9c6fc95ac6bfed5","data-theme":this.theme},t("style",{key:"1dbbfd0d6d3711635779472413b6adaefcec6a7e",innerHTML:d(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,false)}),t("div",{key:"e17ff493f27b8ded7ebf9b2e3770d97bda340d6a",class:"root"},!this.hideLabel&&this.label&&t("div",{key:"5727ffe25c2e5c8edde2b92f71d153f518f911e6",class:"label-row"},t("label",{key:"3581eff1c6a90a570d703a6e36311e3df591d67c",class:"label",htmlFor:s},this.label,this.required&&t("span",{key:"adeb390c86bf0ec2567cfc31684f82126d1297c7",class:"required","aria-hidden":"true"}," *")),t("slot",{key:"1f7cd31225b376eb6c48a97beb3d4b574516e8ea",name:"label-after"})),t("div",{key:"6f8445e7f19f971c44f4d525976a304930c10e68",class:"input-wrapper"},this._hasStart&&t("div",{key:"fb33d730e983f9cf0d0faf2661fa5c72e6556e2e",class:"slot-start"},t("slot",{key:"2e7c563259b6bc447754223fae97a172caee1c68",name:"start"})),t("input",{key:"566a4b2db913d61451b6d94f0c44372b12d9463c",id:s,class:"input",type:"date",name:this.name||undefined,value:this.value,disabled:this.disabled,required:this.required,readOnly:this.readonly,min:this.min,max:this.max,autocomplete:this.autoComplete,"aria-label":this.hideLabel&&this.label?this.label:undefined,"aria-invalid":this.state==="error"?"true":undefined,"aria-required":this.required?"true":undefined,"aria-describedby":this.message?a:this.description?e:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus}),this._hasEnd&&t("div",{key:"1008396a8ce58057858eabff6127afddc8210ea3",class:"slot-end"},t("slot",{key:"a09620ebd152123b778b4f3635a265f3041aeb62",name:"end"}))),!this.message&&this.description&&t("p",{key:"b60fb3995d234ff3a430145119a3cdf85ef8932c",id:e,class:"description"},this.description),this.message&&t("p",{key:"1b2a0eda84321c832979936db0ff2edd61b07cc3",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{h as diwa_input_date};
+//# sourceMappingURL=p-b595f330.entry.js.map

package/dist/diwa-components/{p-50866c5a.entry.js → p-bcc6545a.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as a,H as e,g as n}from"./p-ed4017f0.js";const t={display:"var(--diwa-heading-font-size, var(--diwa-font-size-fluid-4xl))",h1:"var(--diwa-heading-font-size, var(--diwa-font-size-fluid-3xl))",h2:"var(--diwa-heading-font-size, var(--diwa-font-size-fluid-2xl))",h3:"var(--diwa-heading-font-size, var(--diwa-font-size-fluid-xl))",h4:"var(--diwa-heading-font-size, var(--diwa-font-size-fluid-lg))",h5:"var(--diwa-heading-font-size, var(--diwa-font-size-fluid-base))",h6:"var(--diwa-heading-font-size, var(--diwa-font-size-fluid-sm))",inherit:"var(--diwa-heading-font-size, inherit)"};const d={display:"var(--diwa-heading-letter-spacing, -0.03em)",h1:"var(--diwa-heading-letter-spacing, -0.03em)",h2:"var(--diwa-heading-letter-spacing, -0.015em)",h3:"var(--diwa-heading-letter-spacing, -0.015em)",h4:"var(--diwa-heading-letter-spacing, 0)",h5:"var(--diwa-heading-letter-spacing, 0)",h6:"var(--diwa-heading-letter-spacing, 0)",inherit:"var(--diwa-heading-letter-spacing, inherit)"};const h={semibold:"var(--diwa-font-weight-semibold)",bold:"var(--diwa-font-weight-bold)"};const r={primary:"var(--diwa-heading-color, var(--diwa-text-primary))",secondary:"var(--diwa-heading-color, var(--diwa-text-secondary))",inherit:"var(--diwa-heading-color, inherit)"};const s=(i,a,e,n,s)=>`\n\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .heading {\n    margin: 0;\n    padding: 0;\n    font-size: ${t[i]};\n    font-weight: ${h[a]};\n    line-height: var(--diwa-heading-line-height, var(--diwa-line-height-tight));\n    letter-spacing: ${d[i]};\n    text-align: ${e};\n    color: ${r[n]};\n    ${s?"overflow: hidden; text-overflow: ellipsis; white-space: nowrap;":""}\n  }\n`;const o=new Set(["h1","h2","h3","h4","h5","h6"]);const l={display:"h1",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",inherit:"h2"};function f(i,a,e){if(i&&Array.from(i.children).some((i=>o.has(i.tagName.toLowerCase())))){return"div"}if(e)return e;return l[a]}const g=class{constructor(a){i(this,a);this.theme="dark";this.size="h2";this.weight="bold";this.align="start";this.color="primary";this.ellipsis=false}render(){const i=f(this.host,this.size,this.tag);return a(e,{key:"af31da4a1b31e1a28f9de05da4c5517dbfb7fdbd","data-theme":this.theme},a("style",{key:"c9616c82eae3dada3edcf5c89b7f9b88716bae55",innerHTML:s(this.size,this.weight,this.align,this.color,this.ellipsis)}),a(i,{key:"d265ccdd08cdbc29ba15043a67769b78e8cfe4cb",class:"heading"},a("slot",{key:"7c7bfb3d32b839469bfba2ec02173d1f71f03812"})))}get host(){return n(this)}};export{g as diwa_heading};
-//# sourceMappingURL=p-50866c5a.entry.js.map
+import{r as i,h as a,H as e,g as n}from"./p-ed4017f0.js";const t={display:"var(--diwa-heading-font-size, var(--diwa-font-size-fluid-4xl))",h1:"var(--diwa-heading-font-size, var(--diwa-font-size-fluid-3xl))",h2:"var(--diwa-heading-font-size, var(--diwa-font-size-fluid-2xl))",h3:"var(--diwa-heading-font-size, var(--diwa-font-size-fluid-xl))",h4:"var(--diwa-heading-font-size, var(--diwa-font-size-fluid-lg))",h5:"var(--diwa-heading-font-size, var(--diwa-font-size-fluid-base))",h6:"var(--diwa-heading-font-size, var(--diwa-font-size-fluid-sm))",inherit:"var(--diwa-heading-font-size, inherit)"};const h={display:"var(--diwa-heading-letter-spacing, -0.03em)",h1:"var(--diwa-heading-letter-spacing, -0.03em)",h2:"var(--diwa-heading-letter-spacing, -0.015em)",h3:"var(--diwa-heading-letter-spacing, -0.015em)",h4:"var(--diwa-heading-letter-spacing, 0)",h5:"var(--diwa-heading-letter-spacing, 0)",h6:"var(--diwa-heading-letter-spacing, 0)",inherit:"var(--diwa-heading-letter-spacing, inherit)"};const d={semibold:"var(--diwa-font-weight-semibold)",bold:"var(--diwa-font-weight-bold)"};const r={primary:"var(--diwa-heading-color, var(--diwa-text-primary))",secondary:"var(--diwa-heading-color, var(--diwa-text-secondary))",inherit:"var(--diwa-heading-color, inherit)"};const s=(i,a,e,n,s)=>`\n\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .heading {\n    margin: 0;\n    padding: 0;\n    font-size: ${t[i]};\n    font-weight: ${d[a]};\n    line-height: var(--diwa-heading-line-height, var(--diwa-line-height-tight));\n    letter-spacing: ${h[i]};\n    text-align: ${e};\n    color: ${r[n]};\n    ${s?"overflow: hidden; text-overflow: ellipsis; white-space: nowrap;":""}\n  }\n`;const o=new Set(["h1","h2","h3","h4","h5","h6"]);const f={display:"h1",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",inherit:"h2"};function l(i,a,e){if(i&&Array.from(i.children).some((i=>o.has(i.tagName.toLowerCase())))){return"div"}if(e)return e;return f[a]}const g=class{constructor(a){i(this,a);this.theme="dark";this.size="h2";this.weight="bold";this.align="start";this.color="primary";this.ellipsis=false}render(){const i=l(this.host,this.size,this.tag);return a(e,{key:"da76af7c3fbfbc20a58c3210145fb99c47474b01","data-theme":this.theme},a("style",{key:"3002fa6831effb8f00414fc6a2bc3729578251d3",innerHTML:s(this.size,this.weight,this.align,this.color,this.ellipsis)}),a(i,{key:"acc07263f7150f3d34383eeea09d093bf833a506",class:"heading"},a("slot",{key:"95678b56667d381fabb3e34f9b70ca4fe7faaaa2"})))}get host(){return n(this)}};export{g as diwa_heading};
+//# sourceMappingURL=p-bcc6545a.entry.js.map

package/dist/diwa-components/{p-1d708e1e.entry.js → p-c2557813.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as n,H as a,g as s}from"./p-ed4017f0.js";const t=(e,i,n,a)=>{const s=e==="error"?"var(--diwa-notification-error)":e==="success"?"var(--diwa-notification-success)":"var(--diwa-text-secondary)";return`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .root {\n    display: flex;\n    flex-direction: column;\n    gap: var(--diwa-space-1);\n  }\n\n  .label {\n    display: block;\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-font-weight-medium);\n    color: var(--diwa-text-primary);\n    line-height: 1.4;\n  }\n\n  :host([disabled]) .label {\n    color: var(--diwa-text-muted);\n    cursor: not-allowed;\n  }\n\n  .label-required {\n    color: var(--diwa-notification-error);\n    margin-inline-start: 2px;\n  }\n\n  .label-visually-hidden {\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  .description {\n    font-size: var(--diwa-font-size-sm);\n    color: var(--diwa-text-secondary);\n    line-height: 1.4;\n  }\n\n  .options {\n    display: flex;\n    flex-direction: ${i==="row"?"row":"column"};\n    flex-wrap: wrap;\n    gap: ${i==="row"?a?"var(--diwa-space-2)":"var(--diwa-space-4)":a?"var(--diwa-space-1)":"var(--diwa-space-2)"};\n  }\n\n  .message {\n    font-size: var(--diwa-font-size-sm);\n    color: ${s};\n    line-height: 1.4;\n  }\n\n  .message[hidden] {\n    display: none;\n  }\n  `};const d=class{constructor(n){e(this,n);this.update=i(this,"update",1);this.theme="dark";this.label="";this.description="";this.value="";this.direction="column";this.required=false;this.disabled=false;this.state="none";this.message="";this.compact=false;this.hideLabel=false;this.name=""}handleItemSelect(e){this.value=e.detail.value;this.update.emit({value:this.value});this.syncChildren()}componentDidLoad(){this.syncChildren()}componentDidUpdate(){this.syncChildren()}syncChildren(){const e=Array.from(this.host.querySelectorAll("diwa-radio-group-item"));const i=this.name||`diwa-radio-group-${Math.random().toString(36).slice(2,7)}`;e.forEach((e=>{e.checked=e.value===this.value;if(!e.name){e.name=i}e.disabled=this.disabled;e.compact=this.compact}))}render(){const e=`diwa-rg-${this.host.id||Math.random().toString(36).slice(2,7)}`;const i=this.description?`${e}-desc`:undefined;const s=this.message&&this.state!=="none"?`${e}-msg`:undefined;return n(a,{key:"32637e2660123b9ab13929e9f6bf72ecd1c62ea3","data-theme":this.theme},n("style",{key:"56e3db8486007a85e2c6c2541247f5c95ce5d000",innerHTML:t(this.state,this.direction,this.disabled,this.compact)}),n("div",{key:"2353868f8aa1d4c507e7b9a39abc80a42e43a746",class:"root",role:"radiogroup","aria-labelledby":this.label?`${e}-label`:undefined,"aria-describedby":[i,s].filter(Boolean).join(" ")||undefined,"aria-required":this.required?"true":undefined},this.label&&n("span",{key:"be82c40317e75d25bf7a301b0c558fbae3462197",id:`${e}-label`,class:`label${this.hideLabel?" label-visually-hidden":""}`},this.label,this.required&&n("span",{key:"a971a5fa7153287a91b7f5285963b5d209e90a20",class:"label-required","aria-hidden":"true"}," *")),this.description&&n("span",{key:"cc429975145668e59143f3eb8418b9e0e18bf9a7",id:i,class:"description"},this.description),n("div",{key:"df706b4c3265b81adc189299a3745d024c584622",class:"options"},n("slot",{key:"ce4b20e7f9a24885887d0b6b660da8a3a6440e25"})),n("span",{key:"84182d0942ee8b3561b943e940053da9e8f756d5",id:s,class:"message",hidden:!s},this.message)))}get host(){return s(this)}};export{d as diwa_radio_group};
-//# sourceMappingURL=p-1d708e1e.entry.js.map
+import{r as e,c as i,h as n,H as a,g as s}from"./p-ed4017f0.js";const t=(e,i,n,a)=>{const s=e==="error"?"var(--diwa-notification-error)":e==="success"?"var(--diwa-notification-success)":"var(--diwa-text-secondary)";return`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .root {\n    display: flex;\n    flex-direction: column;\n    gap: var(--diwa-space-1);\n  }\n\n  .label {\n    display: block;\n    font-size: var(--diwa-font-size-base);\n    font-weight: var(--diwa-font-weight-medium);\n    color: var(--diwa-text-primary);\n    line-height: 1.4;\n  }\n\n  :host([disabled]) .label {\n    color: var(--diwa-text-muted);\n    cursor: not-allowed;\n  }\n\n  .label-required {\n    color: var(--diwa-notification-error);\n    margin-inline-start: 2px;\n  }\n\n  .label-visually-hidden {\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  .description {\n    font-size: var(--diwa-font-size-sm);\n    color: var(--diwa-text-secondary);\n    line-height: 1.4;\n  }\n\n  .options {\n    display: flex;\n    flex-direction: ${i==="row"?"row":"column"};\n    flex-wrap: wrap;\n    gap: ${i==="row"?a?"var(--diwa-space-2)":"var(--diwa-space-4)":a?"var(--diwa-space-1)":"var(--diwa-space-2)"};\n  }\n\n  .message {\n    font-size: var(--diwa-font-size-sm);\n    color: ${s};\n    line-height: 1.4;\n  }\n\n  .message[hidden] {\n    display: none;\n  }\n  `};const d=class{constructor(n){e(this,n);this.update=i(this,"update",1);this.theme="dark";this.label="";this.description="";this.value="";this.direction="column";this.required=false;this.disabled=false;this.state="none";this.message="";this.compact=false;this.hideLabel=false;this.name=""}handleItemSelect(e){this.value=e.detail.value;this.update.emit({value:this.value});this.syncChildren()}componentDidLoad(){this.syncChildren()}componentDidUpdate(){this.syncChildren()}syncChildren(){const e=Array.from(this.host.querySelectorAll("diwa-radio-group-item"));const i=this.name||`diwa-radio-group-${Math.random().toString(36).slice(2,7)}`;e.forEach((e=>{e.checked=e.value===this.value;if(!e.name){e.name=i}e.disabled=this.disabled;e.compact=this.compact}))}render(){const e=`diwa-rg-${this.host.id||Math.random().toString(36).slice(2,7)}`;const i=this.description?`${e}-desc`:undefined;const s=this.message&&this.state!=="none"?`${e}-msg`:undefined;return n(a,{key:"353bef6b4f86cf97107f3412f7dc4985d2d11d07","data-theme":this.theme},n("style",{key:"66d357becb10cfe088c8684e571821ad28b13ea7",innerHTML:t(this.state,this.direction,this.disabled,this.compact)}),n("div",{key:"7adf0acbcfa1283d19d42d1fffbbf071a123b6b9",class:"root",role:"radiogroup","aria-labelledby":this.label?`${e}-label`:undefined,"aria-describedby":[i,s].filter(Boolean).join(" ")||undefined,"aria-required":this.required?"true":undefined},this.label&&n("span",{key:"04d65fbfef552fc0698550273c705376527aff68",id:`${e}-label`,class:`label${this.hideLabel?" label-visually-hidden":""}`},this.label,this.required&&n("span",{key:"8880df582e11501249fe4b10f2c1fc511ed260c1",class:"label-required","aria-hidden":"true"}," *")),this.description&&n("span",{key:"1824e6ec894a9681ac4fe5e16c206becdca493ea",id:i,class:"description"},this.description),n("div",{key:"dd0cf861519847041b08f0fa09dc9118cbce9bea",class:"options"},n("slot",{key:"59f2aa4514c3eec3802d258a9f785a925360166c"})),n("span",{key:"76d853b81b97304acf0567d1f7bc147c71592896",id:s,class:"message",hidden:!s},this.message)))}get host(){return s(this)}};export{d as diwa_radio_group};
+//# sourceMappingURL=p-c2557813.entry.js.map

package/dist/diwa-components/p-c3535eb8.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a,H as i}from"./p-ed4017f0.js";const e={"x-small":"var(--diwa-font-size-xs)",small:"var(--diwa-font-size-md)",medium:"var(--diwa-font-size-base)",large:"var(--diwa-font-size-lg)","x-large":"var(--diwa-font-size-xl)","xx-large":"var(--diwa-font-size-3xl)"};const n={regular:"var(--diwa-font-weight-normal)",semibold:"var(--diwa-font-weight-semibold)",bold:"var(--diwa-font-weight-bold)"};const s={primary:"var(--diwa-text-primary)",secondary:"var(--diwa-text-secondary)",tertiary:"var(--diwa-text-tertiary)",inherit:"inherit"};const r=(t,a,i,r,d)=>`\n\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .text {\n    margin: 0;\n    padding: 0;\n    font-size: ${e[t]};\n    font-weight: ${n[a]};\n    line-height: var(--diwa-line-height-normal);\n    text-align: ${i};\n    color: ${s[r]};\n    ${d?"overflow: hidden; text-overflow: ellipsis; white-space: nowrap;":""}\n  }\n`;const d=class{constructor(a){t(this,a);this.theme="dark";this.tag="p";this.size="small";this.weight="regular";this.align="start";this.color="primary";this.ellipsis=false}render(){const t=this.tag;return a(i,{key:"49d18cf4a1cde0bf2d76da600ae75986c5ee037c","data-theme":this.theme},a("style",{key:"731258511e5767af1d62598367bd10d46f09c6c6",innerHTML:r(this.size,this.weight,this.align,this.color,this.ellipsis)}),a(t,{key:"87a7f719ba0298cd1c502c04ac98f7f15d428e8b",class:"text"},a("slot",{key:"20d0fb364bfd92432ff603327ba3b1d057b6129d"})))}};export{d as diwa_text};
+//# sourceMappingURL=p-c3535eb8.entry.js.map

package/dist/diwa-components/p-c4083a76.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as r,H as e}from"./p-ed4017f0.js";const o=()=>`\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`;const t=class{constructor(r){a(this,r);this.theme="dark"}render(){return r(e,{key:"45310520a3e662442e44a2c1ef97aed5aab249ef",role:"row","data-theme":this.theme},r("style",{key:"ebd5e2f8a71726d4c77b66a5be6acb7b4efe372f",innerHTML:o()}),r("slot",{key:"2e28c9bb411bc76c3c17094d91daa3b7f541d697"}))}};export{t as diwa_table_row};
+//# sourceMappingURL=p-c4083a76.entry.js.map

package/dist/diwa-components/{p-429c596d.entry.js.map → p-c4083a76.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["getComponentCss","DiwaTableRow","constructor","hostRef","this","theme","render","h","Host","key","role","innerHTML"],"sources":["src/components/diwa-table-row/diwa-table-row-styles.ts","src/components/diwa-table-row/diwa-table-row.tsx"],"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","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"],"mappings":"6CAAO,MAAMA,EAAkB,IAAc,kY,MCMhCC,EAAY,MADzB,WAAAC,CAAAC,G,UAE2BC,KAAAC,MAAe,M,CAExC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,MAAK,aAAaN,KAAKC,OAChCE,EAAA,SAAAE,IAAA,2CAAOE,UAAWX,MAClBO,EAAA,QAAAE,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["getComponentCss","DiwaTableRow","constructor","hostRef","this","theme","render","h","Host","key","role","innerHTML"],"sources":["src/components/diwa-table-row/diwa-table-row-styles.ts","src/components/diwa-table-row/diwa-table-row.tsx"],"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","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"],"mappings":"kDAAO,MAAMA,EAAkB,IAAc,kY,MCMhCC,EAAY,MADzB,WAAAC,CAAAC,G,UAE2BC,KAAAC,MAAe,M,CAExC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,MAAK,aAAaN,KAAKC,OAChCE,EAAA,SAAAE,IAAA,2CAAOE,UAAWX,MAClBO,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/diwa-components/{p-e9673253.entry.js → p-c427acf5.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as e,H as n,g as t}from"./p-ed4017f0.js";import{g as i,a as r}from"./p-70bbb21a.js";const o={top:"bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%);",bottom:"top: calc(100% + 6px); left: 50%; transform: translateX(-50%);",start:"right: calc(100% + 6px); top: 50%; transform: translateY(-50%);",end:"left: calc(100% + 6px); top: 50%; transform: translateY(-50%);"};const s=(a,e)=>{const n=o[e];return`\n    :host {\n      display: inline-flex;\n      position: relative;\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .trigger {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: var(--diwa-popover-trigger-size);\n      height: var(--diwa-popover-trigger-size);\n      padding: 0;\n      background: none;\n      border: none;\n      border-radius: var(--diwa-radius-sm);\n      transition: color var(--diwa-transition-base);\n    }\n    .trigger:hover {\n      color: var(--diwa-text-primary);\n    }\n    ${i(".trigger")}\n    .panel {\n      display: ${a?"block":"none"};\n      position: absolute;\n      ${n}\n      z-index: 100;\n      min-width: var(--diwa-popover-panel-min-width);\n      max-width: var(--diwa-popover-panel-max-width);\n      padding: var(--diwa-space-5);\n      background: var(--diwa-bg-elevated);\n      border: var(--diwa-border-width-thin) solid var(--diwa-border);\n      border-radius: var(--diwa-radius-lg);\n      box-shadow: var(--diwa-shadow-lg);\n      font-family: var(--diwa-font-family-base);\n      font-size: var(--diwa-font-size-base);\n      color: var(--diwa-text-primary);\n      line-height: var(--diwa-line-height-normal);\n      white-space: normal;\n    }\n\n    .panel p,\n    .panel ::slotted(p) {\n      margin: 0;\n    }\n\n    ${r(".trigger")}\n  `};const d=class{constructor(e){a(this,e);this.direction="bottom";this.theme="dark";this.isOpen=false;this.toggle=()=>{this.isOpen=!this.isOpen}}handleGlobalKeydown(a){if(a.key==="Escape"&&this.isOpen){this.isOpen=false}}handleGlobalPointerDown(a){if(!this.isOpen){return}if(!a.composedPath().includes(this.host)){this.isOpen=false}}render(){return e(n,{key:"706d73f1ad8a20082daca4acfc0758ba50542169","data-theme":this.theme},e("style",{key:"331793aabac4e2555201b5242133f7d28e7fd484",innerHTML:s(this.isOpen,this.direction)}),e("slot",{key:"f79a4057076d939012b8e27c92e9883f3335a40f",name:"button"},e("button",{key:"c42272766f4a5c80b5120ce5f53a1f0d8634e2e1",class:"trigger",type:"button","aria-expanded":String(this.isOpen),"aria-haspopup":"true",onClick:this.toggle},e("svg",{key:"a93a6cb15e2ea6c146129a3373e9a2e69b71dde2",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},e("circle",{key:"62d9118c2f344d2fbb5ca97989f336e9e1368d90",cx:"12",cy:"12",r:"10"}),e("line",{key:"2f31265ac9c896eb36f53ee73271340543b5cba4",x1:"12",y1:"8",x2:"12",y2:"12"}),e("line",{key:"a9c6ff1a17ecd8694d0fef23dc3c5b79bab49b20",x1:"12",y1:"16",x2:"12.01",y2:"16"})))),e("div",{key:"0da742535b53bd3c40a6ee20e611c7740ce53e75",class:"panel",role:"tooltip","aria-hidden":String(!this.isOpen)},this.description&&e("p",{key:"8fcbb3c865aa604e9d1c13aa814ed453903fc341"},this.description),e("slot",{key:"51c6c0d6ca50f4a6444e8768d88203fa54cf4132"})))}static get delegatesFocus(){return true}get host(){return t(this)}};export{d as diwa_popover};
-//# sourceMappingURL=p-e9673253.entry.js.map
+import{r as e,h as a,H as n,g as t}from"./p-ed4017f0.js";import{g as i,a as r}from"./p-70bbb21a.js";const o={top:"bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%);",bottom:"top: calc(100% + 6px); left: 50%; transform: translateX(-50%);",start:"right: calc(100% + 6px); top: 50%; transform: translateY(-50%);",end:"left: calc(100% + 6px); top: 50%; transform: translateY(-50%);"};const d=(e,a)=>{const n=o[a];return`\n    :host {\n      display: inline-flex;\n      position: relative;\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    .trigger {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: var(--diwa-popover-trigger-size);\n      height: var(--diwa-popover-trigger-size);\n      padding: 0;\n      background: none;\n      border: none;\n      border-radius: var(--diwa-radius-sm);\n      transition: color var(--diwa-transition-base);\n    }\n    .trigger:hover {\n      color: var(--diwa-text-primary);\n    }\n    ${i(".trigger")}\n    .panel {\n      display: ${e?"block":"none"};\n      position: absolute;\n      ${n}\n      z-index: 100;\n      min-width: var(--diwa-popover-panel-min-width);\n      max-width: var(--diwa-popover-panel-max-width);\n      padding: var(--diwa-space-5);\n      background: var(--diwa-bg-elevated);\n      border: var(--diwa-border-width-thin) solid var(--diwa-border);\n      border-radius: var(--diwa-radius-lg);\n      box-shadow: var(--diwa-shadow-lg);\n      font-family: var(--diwa-font-family-base);\n      font-size: var(--diwa-font-size-base);\n      color: var(--diwa-text-primary);\n      line-height: var(--diwa-line-height-normal);\n      white-space: normal;\n    }\n\n    .panel p,\n    .panel ::slotted(p) {\n      margin: 0;\n    }\n\n    ${r(".trigger")}\n  `};const s=class{constructor(a){e(this,a);this.direction="bottom";this.theme="dark";this.isOpen=false;this.toggle=()=>{this.isOpen=!this.isOpen}}handleGlobalKeydown(e){if(e.key==="Escape"&&this.isOpen){this.isOpen=false}}handleGlobalPointerDown(e){if(!this.isOpen){return}if(!e.composedPath().includes(this.host)){this.isOpen=false}}render(){return a(n,{key:"09f649039a99b456fcedf4483383341810ac55be","data-theme":this.theme},a("style",{key:"0a2cf250642b076e60d87800f813c8155365b247",innerHTML:d(this.isOpen,this.direction)}),a("slot",{key:"14a103bb5c665cb9aed21496b06722e15f89f299",name:"button"},a("button",{key:"c156d661eedb2255e5c0817bcccc84494369a7c4",class:"trigger",type:"button","aria-expanded":String(this.isOpen),"aria-haspopup":"true",onClick:this.toggle},a("svg",{key:"48db1f2fb41745dc443e8f3c969184fa8da6fa6c",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("circle",{key:"f9994b25f044912cf2e97f35b3f8c91b112792fc",cx:"12",cy:"12",r:"10"}),a("line",{key:"234a8b16cd08ad0ecf2479483b7bfd6b1a3092e6",x1:"12",y1:"8",x2:"12",y2:"12"}),a("line",{key:"d5d52b35ad5894e196bff0f0af3ce7dde547aac1",x1:"12",y1:"16",x2:"12.01",y2:"16"})))),a("div",{key:"c91727245e163aebbd6db9f86d66cbd1d144dbf1",class:"panel",role:"tooltip","aria-hidden":String(!this.isOpen)},this.description&&a("p",{key:"6a6a451ad2bcc92588ea7319585e12b1eb21b2ab"},this.description),a("slot",{key:"54dad0ddb906415a13fedefe8994200b94ecbb6f"})))}static get delegatesFocus(){return true}get host(){return t(this)}};export{s as diwa_popover};
+//# sourceMappingURL=p-c427acf5.entry.js.map

package/dist/diwa-components/{p-b072ff72.entry.js → p-c862863d.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as e,H as r}from"./p-ed4017f0.js";const t=()=>`\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`;const d=class{constructor(e){a(this,e);this.theme="dark"}render(){return e(r,{key:"8b9ea28317fea6188af61dad423fe63058910913",role:"rowgroup","data-theme":this.theme},e("style",{key:"70d40b87e2b9a76d20424845492cd6d2addb775a",innerHTML:t()}),e("slot",{key:"af8f4b4e1e404c7c23a3d6d35b8b961167047c3c"}))}};export{d as diwa_table_head};
-//# sourceMappingURL=p-b072ff72.entry.js.map
+import{r as e,h as a,H as r}from"./p-ed4017f0.js";const d=()=>`\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`;const t=class{constructor(a){e(this,a);this.theme="dark"}render(){return a(r,{key:"519ba227e1dedb0b5e1d9e80bd4dffe07d30ecb2",role:"rowgroup","data-theme":this.theme},a("style",{key:"4688cc17dc1fdfbbbcd3fc6a47061ce47bc840a5",innerHTML:d()}),a("slot",{key:"856a4751d4e1a3df7209bac4ac4eb7dceb362b0e"}))}};export{t as diwa_table_head};
+//# sourceMappingURL=p-c862863d.entry.js.map

package/dist/diwa-components/{p-66c15f66.entry.js → p-c9ec0829.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,c as t,h as e,H as i,g as a}from"./p-ed4017f0.js";import{g as d}from"./p-35c7c864.js";import"./p-70bbb21a.js";const h=class{constructor(e){s(this,e);this.change=t(this,"change",7);this.input=t(this,"input",7);this.blur=t(this,"blur",3);this.focus=t(this,"focus",3);this._hasStart=false;this._hasEnd=false;this.label="";this.description="";this.message="";this.state="none";this.name="";this.value="";this.placeholder="";this.disabled=false;this.required=false;this.readonly=false;this.hideLabel=false;this.compact=false;this.theme="dark";this.handleInput=s=>{this.value=s.target.value;this.input.emit(this.value)};this.handleChange=s=>{this.value=s.target.value;this.change.emit(this.value)};this.handleBlur=s=>{this.blur.emit(s)};this.handleFocus=s=>{this.focus.emit(s)}}connectedCallback(){this._hasStart=!!this.el.querySelector('[slot="start"]');this._hasEnd=!!this.el.querySelector('[slot="end"]')}render(){const s="input";const t="desc";const a="msg";return e(i,{key:"87caa7dc1d48df433e2eae88019ded3183eeae63","data-theme":this.theme},e("style",{key:"41b65a4a5d365c0c186430ebe4b2a25e2cc1ac2d",innerHTML:d(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,false)}),e("div",{key:"b5c0cecd3d6baa09b8553589d5262a63daf15901",class:"root"},!this.hideLabel&&this.label&&e("div",{key:"d26fb0176e47d86e1fbb5584938a4ab3da1e0015",class:"label-row"},e("label",{key:"07434e386cd23734fd7fa089ad743286a3177b23",class:"label",htmlFor:s},this.label,this.required&&e("span",{key:"9c7c2102c465f0c353a33d2a05d4b563b3cdc822",class:"required","aria-hidden":"true"}," *")),e("slot",{key:"cc9958974d0d5cd2481ffa23d9d7f81be370a613",name:"label-after"})),e("div",{key:"3d6deb18bd746934c33361bb07c9a41abe84448c",class:"input-wrapper"},this._hasStart&&e("div",{key:"0d1e81e2efaa8e7fda4c42b69e354dc2afc966fa",class:"slot-start"},e("slot",{key:"8188e74066295e173f74ab954d23762fb44aa14a",name:"start"})),e("input",{key:"c140191e01f343ef9c1762df0772c2e33d878546",id:s,class:"input",type:"month",name:this.name||undefined,value:this.value,disabled:this.disabled,required:this.required,readOnly:this.readonly,min:this.min,max:this.max,autocomplete:this.autoComplete,"aria-label":this.hideLabel&&this.label?this.label:undefined,"aria-invalid":this.state==="error"?"true":undefined,"aria-required":this.required?"true":undefined,"aria-describedby":this.message?a:this.description?t:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus}),this._hasEnd&&e("div",{key:"9d2967ebaf8c1da5921707860be1c437f993c71a",class:"slot-end"},e("slot",{key:"80144029ad42a1bd0c7af25ea6c03ff49df012a4",name:"end"}))),!this.message&&this.description&&e("p",{key:"c538c3c320c02157796d8ab1c89747a1d6537a1a",id:t,class:"description"},this.description),this.message&&e("p",{key:"4b5c1074231824d3d7ab6ddcf67db4b673b4d6d5",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{h as diwa_input_month};
-//# sourceMappingURL=p-66c15f66.entry.js.map
+import{r as s,c as t,h as e,H as i,g as a}from"./p-ed4017f0.js";import{g as h}from"./p-35c7c864.js";import"./p-70bbb21a.js";const c=class{constructor(e){s(this,e);this.change=t(this,"change",7);this.input=t(this,"input",7);this.blur=t(this,"blur",3);this.focus=t(this,"focus",3);this._hasStart=false;this._hasEnd=false;this.label="";this.description="";this.message="";this.state="none";this.name="";this.value="";this.placeholder="";this.disabled=false;this.required=false;this.readonly=false;this.hideLabel=false;this.compact=false;this.theme="dark";this.handleInput=s=>{this.value=s.target.value;this.input.emit(this.value)};this.handleChange=s=>{this.value=s.target.value;this.change.emit(this.value)};this.handleBlur=s=>{this.blur.emit(s)};this.handleFocus=s=>{this.focus.emit(s)}}connectedCallback(){this._hasStart=!!this.el.querySelector('[slot="start"]');this._hasEnd=!!this.el.querySelector('[slot="end"]')}render(){const s="input";const t="desc";const a="msg";return e(i,{key:"7e2fc2fb4d5bc3a2d0626195ba455534c0b31cd9","data-theme":this.theme},e("style",{key:"297bf17e809ef4cb24527150bd10d527372f6ec4",innerHTML:h(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,false)}),e("div",{key:"40f803796b2ad4826bf1a29d2c1a64f036250e4a",class:"root"},!this.hideLabel&&this.label&&e("div",{key:"9efbe4ef3d630d871e7f8f769f52e6a1b1643c96",class:"label-row"},e("label",{key:"fb435d70eb71b86cc52a595652ecf65ca79ee687",class:"label",htmlFor:s},this.label,this.required&&e("span",{key:"75b7ca7a155ce5b928e7c0b53c7b234045feab53",class:"required","aria-hidden":"true"}," *")),e("slot",{key:"f6b1b3db76a7b1710204d1a1d773ff1f0e604011",name:"label-after"})),e("div",{key:"8dc462e725448e63fbbe4c9b567ef297cc446d53",class:"input-wrapper"},this._hasStart&&e("div",{key:"8705f9b3f279a000535818917f2e7c6ecbf83474",class:"slot-start"},e("slot",{key:"1f6e208903529967ce7937abf887d951101fe6b7",name:"start"})),e("input",{key:"2f5125325f6d05a89d9cb44036db46ca84ee54e3",id:s,class:"input",type:"month",name:this.name||undefined,value:this.value,disabled:this.disabled,required:this.required,readOnly:this.readonly,min:this.min,max:this.max,autocomplete:this.autoComplete,"aria-label":this.hideLabel&&this.label?this.label:undefined,"aria-invalid":this.state==="error"?"true":undefined,"aria-required":this.required?"true":undefined,"aria-describedby":this.message?a:this.description?t:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus}),this._hasEnd&&e("div",{key:"3b7cbeb4a6bda91bcc9104d01b93ddb2aec29ad8",class:"slot-end"},e("slot",{key:"1768bad83b473f6c765da4b8b3823423472c6c06",name:"end"}))),!this.message&&this.description&&e("p",{key:"7e728724297c93a9c46af72520d8b7f398a4e0fa",id:t,class:"description"},this.description),this.message&&e("p",{key:"96ba5eac1ac8d60a78d82cccbefda43daf109cdc",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{c as diwa_input_month};
+//# sourceMappingURL=p-c9ec0829.entry.js.map

package/dist/diwa-components/{p-9c89e586.entry.js → p-d57421af.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as n,H as a}from"./p-ed4017f0.js";const i=e=>`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .list {\n    margin: 0;\n    padding: 0;\n    color: var(--diwa-text-primary);\n    font-size: var(--diwa-font-size-base);\n    line-height: var(--diwa-line-height-normal);\n    ${e==="inline"?"":"padding-inline-start: 1.25em;"}\n    ${e==="inline"?"list-style: none; display: flex; flex-wrap: wrap; gap: 0.25em 1em;":""}\n  }\n`;const t=class{constructor(n){e(this,n);this.theme="dark";this.type="unordered"}render(){const e=this.type==="ordered"?"ol":"ul";return n(a,{key:"46a42d0fad4e36c43294095336094028eba05e28","data-theme":this.theme},n("style",{key:"fac6f5dfc2f131e718e808465e7bac609cf46665",innerHTML:i(this.type)}),n(e,{key:"40e9fc80b433d58834b3b1465a49c53ed968f171",class:"list"},n("slot",{key:"25af80ba0ae2f8dc8ff98e5fc5321fa271b52ebb"})))}};export{t as diwa_text_list};
-//# sourceMappingURL=p-9c89e586.entry.js.map
+import{r as e,h as n,H as a}from"./p-ed4017f0.js";const i=e=>`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .list {\n    margin: 0;\n    padding: 0;\n    color: var(--diwa-text-primary);\n    font-size: var(--diwa-font-size-base);\n    line-height: var(--diwa-line-height-normal);\n    ${e==="inline"?"":"padding-inline-start: 1.25em;"}\n    ${e==="inline"?"list-style: none; display: flex; flex-wrap: wrap; gap: 0.25em 1em;":""}\n  }\n`;const t=class{constructor(n){e(this,n);this.theme="dark";this.type="unordered"}render(){const e=this.type==="ordered"?"ol":"ul";return n(a,{key:"c7fa29c59cb816732f14a435da9766dd6a888986","data-theme":this.theme},n("style",{key:"32358a312591f433febdc699b9400c897e57b48c",innerHTML:i(this.type)}),n(e,{key:"fbe6590f1088ebf717de49fb2c94a884eb7347c2",class:"list"},n("slot",{key:"2e76f4e0b16e2a7361fe09f9b553554f22a4341f"})))}};export{t as diwa_text_list};
+//# sourceMappingURL=p-d57421af.entry.js.map

package/dist/diwa-components/{p-998dd88e.entry.js → p-e23fbe5f.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as n,H as s,g as a}from"./p-ed4017f0.js";const i=()=>`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .stepper {\n    display: flex;\n    align-items: flex-start;\n    overflow-x: auto;\n    scrollbar-width: none;\n  }\n\n  .stepper::-webkit-scrollbar {\n    display: none;\n  }\n`;const r=class{constructor(n){e(this,n);this.update=t(this,"update",1);this.theme="dark";this.activeStepIndex=0}handleIndexChange(){this.syncItems()}componentDidLoad(){this.syncItems()}componentDidUpdate(){this.syncItems()}getItems(){return Array.from(this.host.querySelectorAll("diwa-stepper-horizontal-item"))}syncItems(){const e=this.getItems();const t=e.length;e.forEach(((e,n)=>{if(n<this.activeStepIndex){e.state="complete"}else if(n===this.activeStepIndex){e.state="current"}else{e.state="incomplete"}e.stepNumber=n+1;e.isLast=n===t-1}))}render(){return n(s,{key:"52f3578b5ad1f46b649ff00de8fd081451c9df70","data-theme":this.theme},n("style",{key:"493175498aa8d24ba2744853e951a26569e3372f",innerHTML:i()}),n("div",{key:"f143d785d7934b688102764de95c4c5a77aa9a87",class:"stepper",role:"list","aria-label":"Progress"},n("slot",{key:"ff914a761531cadf1f56cbdfde003e9a230ed4f7"})))}get host(){return a(this)}static get watchers(){return{activeStepIndex:["handleIndexChange"]}}};export{r as diwa_stepper_horizontal};
-//# sourceMappingURL=p-998dd88e.entry.js.map
+import{r as e,c as t,h as n,H as s,g as a}from"./p-ed4017f0.js";const i=()=>`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .stepper {\n    display: flex;\n    align-items: flex-start;\n    overflow-x: auto;\n    scrollbar-width: none;\n  }\n\n  .stepper::-webkit-scrollbar {\n    display: none;\n  }\n`;const r=class{constructor(n){e(this,n);this.update=t(this,"update",1);this.theme="dark";this.activeStepIndex=0}handleIndexChange(){this.syncItems()}componentDidLoad(){this.syncItems()}componentDidUpdate(){this.syncItems()}getItems(){return Array.from(this.host.querySelectorAll("diwa-stepper-horizontal-item"))}syncItems(){const e=this.getItems();const t=e.length;e.forEach(((e,n)=>{if(n<this.activeStepIndex){e.state="complete"}else if(n===this.activeStepIndex){e.state="current"}else{e.state="incomplete"}e.stepNumber=n+1;e.isLast=n===t-1}))}render(){return n(s,{key:"2f3e3ab9f5968923e59b4d11016a034a44936165","data-theme":this.theme},n("style",{key:"ec8979d4bd2b04cd3b416fabf6f03d1f997842e9",innerHTML:i()}),n("div",{key:"77a3700aeded2ff1b69d8dd94482e55aeb48531d",class:"stepper",role:"list","aria-label":"Progress"},n("slot",{key:"29b9e4804e4451b008f602cc205a1532b663b2f9"})))}get host(){return a(this)}static get watchers(){return{activeStepIndex:["handleIndexChange"]}}};export{r as diwa_stepper_horizontal};
+//# sourceMappingURL=p-e23fbe5f.entry.js.map

package/dist/diwa-components/{p-863c88a4.entry.js → p-e6f7dd21.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,c as i,h as e,H as r}from"./p-ed4017f0.js";import{b as t,g as o,a}from"./p-70bbb21a.js";const s=n=>{const i=n==="success"?"var(--diwa-notification-success)":n==="error"?"var(--diwa-notification-error)":n==="warning"?"var(--diwa-notification-warning)":n==="info"?"var(--diwa-notification-info)":"var(--diwa-text-secondary)";const e=n==="success"?"var(--diwa-notification-success-soft)":n==="error"?"var(--diwa-notification-error-soft)":n==="warning"?"var(--diwa-notification-warning-soft)":n==="info"?"var(--diwa-notification-info-soft)":"var(--diwa-bg-elevated)";return`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    pointer-events: all;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .toast {\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-3);\n    min-width: var(--diwa-toast-min-width);\n    max-width: var(--diwa-toast-max-width);\n    padding: var(--diwa-space-4);\n    border-radius: var(--diwa-radius-md);\n    background: ${e};\n    border: var(--diwa-border-width-thin) solid ${i};\n    box-shadow: var(--diwa-shadow-md);\n    animation: slideIn var(--diwa-motion-duration-short) var(--diwa-motion-easing-out);\n  }\n\n  @keyframes slideIn {\n    from { opacity: 0; transform: translateY(8px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  .icon {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    color: ${i};\n  }\n\n  .text {\n    flex: 1;\n    font-size: var(--diwa-font-size-sm);\n    color: var(--diwa-text-primary);\n    line-height: 1.5;\n  }\n\n  .close {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--diwa-touch-target-min-size, 44px);\n    height: var(--diwa-touch-target-min-size, 44px);\n    border: none;\n    background: transparent;\n    color: var(--diwa-text-secondary);\n    cursor: pointer;\n    border-radius: var(--diwa-radius-sm);\n    padding: 0;\n    transition: color var(--diwa-transition-base);\n  }\n\n  ${t(".close","color: var(--diwa-text-primary);")}\n\n  ${o(".close")}\n\n  ${a(".toast",".close")}\n  `};const c={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>`,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>`,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>`,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>`,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>`};const d=`<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>`;const l=class{constructor(e){n(this,e);this.dismiss=i(this,"dismiss",1);this.theme="dark";this.text="";this.state="neutral";this.handleClose=()=>{this.dismiss.emit()}}render(){return e(r,{key:"333dc3ff2ce58d508fb129b7d415c431ca1c7090","data-theme":this.theme},e("style",{key:"33587d5ee1d57a09e175b3c6563fe04d57986ec2",innerHTML:s(this.state)}),e("div",{key:"f613e6c5351afcf85eeee2423b9c67fb4691e543",class:"toast"},e("span",{key:"6f2c5d046eef9c9c37ddb74e711e91a196fd89b6",class:"icon","aria-hidden":"true",innerHTML:c[this.state]}),e("span",{key:"ed412934617f70359b612d6e220410be69f47575",class:"text"},this.text),e("button",{key:"a71b252002e9573792860b6b068ccbd71dfa210e",type:"button",class:"close","aria-label":"Dismiss notification",onClick:this.handleClose,innerHTML:d})))}static get delegatesFocus(){return true}};export{l as diwa_toast_item};
-//# sourceMappingURL=p-863c88a4.entry.js.map
+import{r as n,c as i,h as r,H as t}from"./p-ed4017f0.js";import{b as e,g as o,a}from"./p-70bbb21a.js";const s=n=>{const i=n==="success"?"var(--diwa-notification-success)":n==="error"?"var(--diwa-notification-error)":n==="warning"?"var(--diwa-notification-warning)":n==="info"?"var(--diwa-notification-info)":"var(--diwa-text-secondary)";const r=n==="success"?"var(--diwa-notification-success-soft)":n==="error"?"var(--diwa-notification-error-soft)":n==="warning"?"var(--diwa-notification-warning-soft)":n==="info"?"var(--diwa-notification-info-soft)":"var(--diwa-bg-elevated)";return`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n    pointer-events: all;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .toast {\n    display: flex;\n    align-items: center;\n    gap: var(--diwa-space-3);\n    min-width: var(--diwa-toast-min-width);\n    max-width: var(--diwa-toast-max-width);\n    padding: var(--diwa-space-4);\n    border-radius: var(--diwa-radius-md);\n    background: ${r};\n    border: var(--diwa-border-width-thin) solid ${i};\n    box-shadow: var(--diwa-shadow-md);\n    animation: slideIn var(--diwa-motion-duration-short) var(--diwa-motion-easing-out);\n  }\n\n  @keyframes slideIn {\n    from { opacity: 0; transform: translateY(8px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  .icon {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    color: ${i};\n  }\n\n  .text {\n    flex: 1;\n    font-size: var(--diwa-font-size-sm);\n    color: var(--diwa-text-primary);\n    line-height: 1.5;\n  }\n\n  .close {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--diwa-touch-target-min-size, 44px);\n    height: var(--diwa-touch-target-min-size, 44px);\n    border: none;\n    background: transparent;\n    color: var(--diwa-text-secondary);\n    cursor: pointer;\n    border-radius: var(--diwa-radius-sm);\n    padding: 0;\n    transition: color var(--diwa-transition-base);\n  }\n\n  ${e(".close","color: var(--diwa-text-primary);")}\n\n  ${o(".close")}\n\n  ${a(".toast",".close")}\n  `};const c={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>`,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>`,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>`,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>`,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>`};const d=`<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>`;const l=class{constructor(r){n(this,r);this.dismiss=i(this,"dismiss",1);this.theme="dark";this.text="";this.state="neutral";this.handleClose=()=>{this.dismiss.emit()}}render(){return r(t,{key:"ac3356dce41b1ac82ce382cde9124ca1cbd9c898","data-theme":this.theme},r("style",{key:"44040474045678ea79593ba6053397bd6b3630ae",innerHTML:s(this.state)}),r("div",{key:"820679f0b38a44423bfda716b37713f0499a97c1",class:"toast"},r("span",{key:"b9a8da840cdd18267948cb651b1356ed822c36fd",class:"icon","aria-hidden":"true",innerHTML:c[this.state]}),r("span",{key:"628088dc4193bebb1f574eab30d9ea17f543f22e",class:"text"},this.text),r("button",{key:"51bb1b6d997d2a1e990480ffbf34f0d1b1a0a278",type:"button",class:"close","aria-label":"Dismiss notification",onClick:this.handleClose,innerHTML:d})))}static get delegatesFocus(){return true}};export{l as diwa_toast_item};
+//# sourceMappingURL=p-e6f7dd21.entry.js.map

package/dist/diwa-components/p-ecb1eabd.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as e,h as t,H as i,g as a}from"./p-ed4017f0.js";import{g as d}from"./p-35c7c864.js";import"./p-70bbb21a.js";const h=class{constructor(t){s(this,t);this.change=e(this,"change",7);this.input=e(this,"input",7);this.blur=e(this,"blur",3);this.focus=e(this,"focus",3);this._hasStart=false;this._hasEnd=false;this.label="";this.description="";this.message="";this.state="none";this.name="";this.value="";this.placeholder="";this.disabled=false;this.required=false;this.readonly=false;this.hideLabel=false;this.compact=false;this.theme="dark";this.handleInput=s=>{this.value=s.target.value;this.input.emit(this.value)};this.handleChange=s=>{this.value=s.target.value;this.change.emit(this.value)};this.handleBlur=s=>{this.blur.emit(s)};this.handleFocus=s=>{this.focus.emit(s)}}connectedCallback(){this._hasStart=!!this.el.querySelector('[slot="start"]');this._hasEnd=!!this.el.querySelector('[slot="end"]')}render(){const s="input";const e="desc";const a="msg";return t(i,{key:"590c42b8ac5040423364e94c2d609103ffe679c0","data-theme":this.theme},t("style",{key:"a9c044a7601adccaec56dfb2f75e97654811c008",innerHTML:d(this.state,this.disabled,this.readonly,this.compact,this._hasStart,this._hasEnd,false)}),t("div",{key:"a3044568670138fd9bda11db72fdc78b84b1d59d",class:"root"},!this.hideLabel&&this.label&&t("div",{key:"8eae3be59f2aeba38a828e11c041553812eb6837",class:"label-row"},t("label",{key:"bcad9a73a6394266ba095b9bcde4bf68d11c80de",class:"label",htmlFor:s},this.label,this.required&&t("span",{key:"271654dd6fafa2d754ae9b99e9428dac0d467033",class:"required","aria-hidden":"true"}," *")),t("slot",{key:"21cfdf2bcbf1ea587ef71fde155b149c7103f93d",name:"label-after"})),t("div",{key:"f9ee735610383bfd8efc1a1228929c211572f1e3",class:"input-wrapper"},this._hasStart&&t("div",{key:"41b6d07e9870cad44306fe45e41d9f918bb6558c",class:"slot-start"},t("slot",{key:"10166490543f315e2fc5001dfd43e61291251099",name:"start"})),t("input",{key:"8c9bde6aff78aca34d962d0ca514848bff75ed66",id:s,class:"input",type:"time",name:this.name||undefined,value:this.value,disabled:this.disabled,required:this.required,readOnly:this.readonly,min:this.min,max:this.max,step:this.step!==undefined?String(this.step):undefined,autocomplete:this.autoComplete,"aria-label":this.hideLabel&&this.label?this.label:undefined,"aria-invalid":this.state==="error"?"true":undefined,"aria-required":this.required?"true":undefined,"aria-describedby":this.message?a:this.description?e:undefined,onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus}),this._hasEnd&&t("div",{key:"170d89de3bf6b4482c7447759f5629ab9bc33510",class:"slot-end"},t("slot",{key:"816d59e53641c03eb1d5be6562e7cd8430e9af47",name:"end"}))),!this.message&&this.description&&t("p",{key:"02200cedb485798bb1de48d4cc51f58ea2db1e97",id:e,class:"description"},this.description),this.message&&t("p",{key:"6257763b76659c43f045ac9c7740eb55a1ee6255",id:a,class:"message"},this.message)))}static get delegatesFocus(){return true}get el(){return a(this)}};export{h as diwa_input_time};
+//# sourceMappingURL=p-ecb1eabd.entry.js.map

package/dist/diwa-components/{p-29419c9a.entry.js → p-f842df14.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as d,h as n,H as r}from"./p-ed4017f0.js";const e=(a,d,n,r)=>`\n  ${a?`\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  :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: ${n?"var(--diwa-border-width-thin, 1px) solid var(--diwa-border, currentColor)":"none"};\n    --diwa-table-stripe-color: ${r?"var(--diwa-bg-elevated, transparent)":"transparent"};\n    --diwa-table-header-bg: transparent;\n    ${n?`\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: ${a?"6px":"12px"} !important;\n    --diwa-table-padding-y: ${a?"var(--diwa-space-2, 6px)":"var(--diwa-space-5, 12px)"} !important;\n    --diwa-table-padding-x: ${a?"12px":"16px"} !important;\n    --diwa-table-padding-x: ${a?"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: ${n?"var(--diwa-border-width-thin, 1px) solid var(--diwa-border, currentColor)":"none"};\n    --diwa-table-stripe-color: ${r?"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    ${d==="fixed"?`\n    table-layout: fixed;\n    min-width: 100%;\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`;const i=class{constructor(n){a(this,n);this.update=d(this,"update",1);this.theme="dark";this.caption="";this.compact=false;this.layout="auto";this.bordered=false;this.striped=false}handleTableUpdate(a){a.stopPropagation();this.update.emit(a.detail)}render(){const a=this.caption||undefined;return n(r,{key:"dcecc9c66f8edbe62c2f7d705ffda0a1f2d76f97","data-theme":this.theme},n("style",{key:"183ada7a6f59ba400c6c6132dfb7685718ee2a40",innerHTML:e(this.compact,this.layout,this.bordered,this.striped)}),n("div",{key:"707f325328eba674677122a67f737bb47843d6ed",class:"table",role:"table","aria-label":a},n("slot",{key:"00a709c094a8a06a85dff9ad388cfdf8c5a8a7cf"})))}};export{i as diwa_table};
-//# sourceMappingURL=p-29419c9a.entry.js.map
+import{r as a,c as d,h as n,H as r}from"./p-ed4017f0.js";const e=(a,d,n,r)=>`\n  ${a?`\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  :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: ${n?"var(--diwa-border-width-thin, 1px) solid var(--diwa-border, currentColor)":"none"};\n    --diwa-table-stripe-color: ${r?"var(--diwa-bg-elevated, transparent)":"transparent"};\n    --diwa-table-header-bg: transparent;\n    ${n?`\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: ${a?"6px":"12px"} !important;\n    --diwa-table-padding-y: ${a?"var(--diwa-space-2, 6px)":"var(--diwa-space-5, 12px)"} !important;\n    --diwa-table-padding-x: ${a?"12px":"16px"} !important;\n    --diwa-table-padding-x: ${a?"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: ${n?"var(--diwa-border-width-thin, 1px) solid var(--diwa-border, currentColor)":"none"};\n    --diwa-table-stripe-color: ${r?"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    ${d==="fixed"?`\n    table-layout: fixed;\n    min-width: 100%;\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`;const i=class{constructor(n){a(this,n);this.update=d(this,"update",1);this.theme="dark";this.caption="";this.compact=false;this.layout="auto";this.bordered=false;this.striped=false}handleTableUpdate(a){a.stopPropagation();this.update.emit(a.detail)}render(){const a=this.caption||undefined;return n(r,{key:"ba6d8dc15f1b749d17d551f1d7da68b265e089f1","data-theme":this.theme},n("style",{key:"18ab26b2b3416c3fcaa363f9c6d4964ee2ea07ed",innerHTML:e(this.compact,this.layout,this.bordered,this.striped)}),n("div",{key:"9e3ceb6c632cd27c08b19d8208826e3f233c966b",class:"table",role:"table","aria-label":a},n("slot",{key:"6575fad2e3ff1aa77111f6d9363171ae80eeef41"})))}};export{i as diwa_table};
+//# sourceMappingURL=p-f842df14.entry.js.map

package/dist/diwa-components/{p-5f9139bc.entry.js → p-fa3f0cb0.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as n,h as t,H as e,g as i}from"./p-ed4017f0.js";import{g as r,a as s}from"./p-70bbb21a.js";const o=()=>`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .bar {\n    display: flex;\n    align-items: flex-end;\n    gap: 0;\n    border-bottom: var(--diwa-border-width-thin) solid var(--diwa-border);\n    overflow-x: auto;\n    scrollbar-width: none;\n  }\n\n  .bar::-webkit-scrollbar {\n    display: none;\n  }\n\n  .tab-btn {\n    display: inline-flex;\n    align-items: center;\n    min-height: var(--diwa-touch-target-min-size, 44px);\n    padding: var(--diwa-space-4) var(--diwa-space-7);\n    border: none;\n    border-bottom: var(--diwa-border-width-base) solid transparent;\n    background: transparent;\n    font-size: var(--diwa-font-size-base);\n    font-family: inherit;\n    white-space: nowrap;\n    cursor: pointer;\n    margin-bottom: -1px;\n    transition: color var(--diwa-transition-base), border-color var(--diwa-transition-base);\n    color: var(--diwa-text-secondary);\n    font-weight: var(--diwa-font-weight-medium);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tab-btn:hover {\n      color: var(--diwa-text-primary);\n    }\n  }\n\n  .tab-btn[aria-selected="true"] {\n    color: var(--diwa-accent);\n    border-bottom-color: var(--diwa-accent);\n    font-weight: var(--diwa-font-weight-medium);\n  }\n\n  ${r(".tab-btn")}\n\n  .panels {\n    padding: var(--diwa-space-4) var(--diwa-space-7);\n  }\n\n  ${s(".tab-btn")}\n`;const d=class{constructor(t){a(this,t);this.update=n(this,"update",1);this.theme="dark";this.activeTabIndex=0}handleIndexChange(){this.syncItems()}componentDidLoad(){this.syncItems()}componentDidUpdate(){this.syncItems()}getItems(){return Array.from(this.host.querySelectorAll("diwa-tabs-item"))}syncItems(){const a=this.getItems();a.forEach(((a,n)=>{a.active=n===this.activeTabIndex;a.setAttribute("id",`panel-${n}`)}))}handleTabClick(a){if(a===this.activeTabIndex)return;this.activeTabIndex=a;this.update.emit({activeTabIndex:a});this.syncItems()}render(){const a=this.getItems();return t(e,{key:"58e19e00620feeab361bb40e4b8ae53a5aae0bd4","data-theme":this.theme},t("style",{key:"3ff3a46b7df5caeaf1c670f72ca725f8218618c7",innerHTML:o()}),t("div",{key:"a1473f8f9bb7d88176d8825879985eed0a3fabba",class:"bar",role:"tablist"},a.map(((a,n)=>t("button",{class:"tab-btn",key:n,role:"tab",type:"button","aria-selected":n===this.activeTabIndex?"true":"false","aria-controls":`panel-${n}`,tabindex:n===this.activeTabIndex?0:-1,onClick:()=>this.handleTabClick(n)},a.label||`Tab ${n+1}`)))),t("div",{key:"49a664dd1f219421c05963cea3c4172e118b280a",class:"panels"},t("slot",{key:"41c47202452a8de31d9e64c20cb4728047a53b5a"})))}get host(){return i(this)}static get watchers(){return{activeTabIndex:["handleIndexChange"]}}};export{d as diwa_tabs};
-//# sourceMappingURL=p-5f9139bc.entry.js.map
+import{r as a,c as n,h as t,H as e,g as i}from"./p-ed4017f0.js";import{g as r,a as s}from"./p-70bbb21a.js";const o=()=>`\n  :host {\n    display: block;\n    font-family: var(--diwa-font-family-base);\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  .bar {\n    display: flex;\n    align-items: flex-end;\n    gap: 0;\n    border-bottom: var(--diwa-border-width-thin) solid var(--diwa-border);\n    overflow-x: auto;\n    scrollbar-width: none;\n  }\n\n  .bar::-webkit-scrollbar {\n    display: none;\n  }\n\n  .tab-btn {\n    display: inline-flex;\n    align-items: center;\n    min-height: var(--diwa-touch-target-min-size, 44px);\n    padding: var(--diwa-space-4) var(--diwa-space-7);\n    border: none;\n    border-bottom: var(--diwa-border-width-base) solid transparent;\n    background: transparent;\n    font-size: var(--diwa-font-size-base);\n    font-family: inherit;\n    white-space: nowrap;\n    cursor: pointer;\n    margin-bottom: -1px;\n    transition: color var(--diwa-transition-base), border-color var(--diwa-transition-base);\n    color: var(--diwa-text-secondary);\n    font-weight: var(--diwa-font-weight-medium);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .tab-btn:hover {\n      color: var(--diwa-text-primary);\n    }\n  }\n\n  .tab-btn[aria-selected="true"] {\n    color: var(--diwa-accent);\n    border-bottom-color: var(--diwa-accent);\n    font-weight: var(--diwa-font-weight-medium);\n  }\n\n  ${r(".tab-btn")}\n\n  .panels {\n    padding: var(--diwa-space-4) var(--diwa-space-7);\n  }\n\n  ${s(".tab-btn")}\n`;const d=class{constructor(t){a(this,t);this.update=n(this,"update",1);this.theme="dark";this.activeTabIndex=0}handleIndexChange(){this.syncItems()}componentDidLoad(){this.syncItems()}componentDidUpdate(){this.syncItems()}getItems(){return Array.from(this.host.querySelectorAll("diwa-tabs-item"))}syncItems(){const a=this.getItems();a.forEach(((a,n)=>{a.active=n===this.activeTabIndex;a.setAttribute("id",`panel-${n}`)}))}handleTabClick(a){if(a===this.activeTabIndex)return;this.activeTabIndex=a;this.update.emit({activeTabIndex:a});this.syncItems()}render(){const a=this.getItems();return t(e,{key:"812e11bc6b4aa5a659fd65ff6bcfcc7d5bd4b2d3","data-theme":this.theme},t("style",{key:"ab330530c33fa7af8ff48d1daa43b0b950520a66",innerHTML:o()}),t("div",{key:"9771b96e88954ad75dfac1b8d32c607e4b37e0e2",class:"bar",role:"tablist"},a.map(((a,n)=>t("button",{class:"tab-btn",key:n,role:"tab",type:"button","aria-selected":n===this.activeTabIndex?"true":"false","aria-controls":`panel-${n}`,tabindex:n===this.activeTabIndex?0:-1,onClick:()=>this.handleTabClick(n)},a.label||`Tab ${n+1}`)))),t("div",{key:"12613d9a3365b21d9feefe0cd60af4e1bdc30794",class:"panels"},t("slot",{key:"5643338d524a9504f1b091e872f23909eedac42b"})))}get host(){return i(this)}static get watchers(){return{activeTabIndex:["handleIndexChange"]}}};export{d as diwa_tabs};
+//# sourceMappingURL=p-fa3f0cb0.entry.js.map