@skdx/web-components 0.28.0 → 0.30.0

package/dist/breadcrumb/BreadcrumbSeparator.d.ts

@@ -1,10 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-breadcrumb-separator>` — divider between two
- * `<skdx-breadcrumb-item>`s: renders an `<li role="presentation"
- * aria-hidden="true">` so assistive tech skips it. With no children of its
- * own it falls back to the nearest `<skdx-breadcrumb>`'s `separator` prop
- * (`/` by default); slot content (e.g. an icon) overrides it.
+ * `<skdx-breadcrumb-separator>` is a divider between two `<skdx-breadcrumb-item>`s, falling back to the ancestor's `separator` prop.
  *
  * @csspart separator - The inner `<li>` element inside the shadow root.
  */
@@ -15,7 +11,7 @@ export declare class SkdxBreadcrumbSeparator extends LitElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     private get fallback();
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/breadcrumb/BreadcrumbSeparator.js

@@ -1,4 +1,8 @@
-var c=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var n=(i,t,s,o)=>{for(var e=o>1?void 0:o?d(t,s):t,a=i.length-1,l;a>=0;a--)(l=i[a])&&(e=(o?l(t,s,e):l(e))||e);return o&&e&&c(t,s,e),e};import{css as b,html as h,LitElement as p}from"lit";import{customElement as u}from"../internal/define.js";import{hiddenHostStyles as m}from"../internal/styles.js";var r=class extends p{constructor(){super(...arguments);this.root=null;this.rootObserver=new MutationObserver(()=>this.requestUpdate())}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true"),this.root=this.closest("skdx-breadcrumb"),this.root&&this.rootObserver.observe(this.root,{attributes:!0,attributeFilter:["separator"]})}disconnectedCallback(){this.rootObserver.disconnect(),super.disconnectedCallback()}get fallback(){return this.root?.getAttribute("separator")??"/"}render(){return h`<li part="separator" role="presentation" aria-hidden="true">
+var c=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var n=(s,t,i,o)=>{for(var e=o>1?void 0:o?d(t,i):t,a=s.length-1,l;a>=0;a--)(l=s[a])&&(e=(o?l(t,i,e):l(e))||e);return o&&e&&c(t,i,e),e};import{css as b,html as p,LitElement as u}from"lit";import{customElement as h}from"../internal/define.js";import{hiddenHostStyles as m}from"../internal/styles.js";var r=class extends u{constructor(){super(...arguments);this.root=null;this.rootObserver=new MutationObserver(()=>this.requestUpdate())}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true"),this.root=this.closest("skdx-breadcrumb"),this.root&&this.rootObserver.observe(this.root,{attributes:!0,attributeFilter:["separator"]})}disconnectedCallback(){this.rootObserver.disconnect(),super.disconnectedCallback()}get fallback(){return this.root?.getAttribute("separator")??"/"}render(){return p`<li
+      part="separator"
+      role="presentation"
+      aria-hidden="true"
+    >
       <slot>${this.fallback}</slot>
     </li>`}};r.styles=[m,b`
       :host {
@@ -8,4 +12,4 @@ var c=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var n=(i,t,s,o
         font: inherit;
         color: inherit;
       }
-    `],r=n([u("skdx-breadcrumb-separator","breadcrumb","separator")],r);export{r as SkdxBreadcrumbSeparator};
+    `],r=n([h("skdx-breadcrumb-separator","breadcrumb","separator")],r);export{r as SkdxBreadcrumbSeparator};

package/dist/breadcrumb/primitives.d.cts

@@ -1,14 +1,12 @@
 /**
- * Advanced primitives for `<skdx-breadcrumb>` — component parts you can
- * compose when the derived anatomy doesn't suit your needs. Examples include
- * a menu trigger beside an ellipsis or rich-markup crumb labels.
+ * Advanced primitives for `<skdx-breadcrumb>` — component parts you can compose when the derived anatomy doesn't suit your needs.
  *
  * @example
  * ```ts
  * import * as Breadcrumb from '@skdx/web-components/primitives/breadcrumb';
  * ```
  * ```html
- * <skdx-breadcrumb aria-label="Breadcrumb">
+ * <skdx-breadcrumb label="Breadcrumb">
  *   <skdx-breadcrumb-list>
  *     <skdx-breadcrumb-item><skdx-breadcrumb-link href="/">Home</skdx-breadcrumb-link></skdx-breadcrumb-item>
  *     <skdx-breadcrumb-separator></skdx-breadcrumb-separator>

package/dist/breadcrumb/primitives.d.ts

@@ -1,14 +1,12 @@
 /**
- * Advanced primitives for `<skdx-breadcrumb>` — component parts you can
- * compose when the derived anatomy doesn't suit your needs. Examples include
- * a menu trigger beside an ellipsis or rich-markup crumb labels.
+ * Advanced primitives for `<skdx-breadcrumb>` — component parts you can compose when the derived anatomy doesn't suit your needs.
  *
  * @example
  * ```ts
  * import * as Breadcrumb from '@skdx/web-components/primitives/breadcrumb';
  * ```
  * ```html
- * <skdx-breadcrumb aria-label="Breadcrumb">
+ * <skdx-breadcrumb label="Breadcrumb">
  *   <skdx-breadcrumb-list>
  *     <skdx-breadcrumb-item><skdx-breadcrumb-link href="/">Home</skdx-breadcrumb-link></skdx-breadcrumb-item>
  *     <skdx-breadcrumb-separator></skdx-breadcrumb-separator>

package/dist/button/Button.cjs

@@ -1,21 +1,22 @@
-"use strict";var b=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var O=(o,t)=>{for(var e in t)b(o,e,{get:t[e],enumerable:!0})},T=(o,t,e,d)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of $(t))!L.call(o,i)&&i!==e&&b(o,i,{get:()=>t[i],enumerable:!(d=f(t,i))||d.enumerable});return o};var E=o=>T(b({},"__esModule",{value:!0}),o),r=(o,t,e,d)=>{for(var i=d>1?void 0:d?f(t,e):t,h=o.length-1,p;h>=0;h--)(p=o[h])&&(i=(d?p(t,e,i):p(i))||i);return d&&i&&b(t,e,i),i};var H={};O(H,{SkdxButton:()=>s});module.exports=E(H);var a=require("lit"),n=require("lit/decorators.js"),u=require("lit/static-html.js"),g=require("../form/described-by.cjs"),m=require("../internal/define.cjs"),c=require("../internal/form-associated.cjs"),y=require("../internal/ids.cjs"),v=require("../internal/part.cjs"),l=require("../internal/styles.cjs"),D=require("../utils/polymorphic.cjs"),W=require("../utils/visually-hidden.cjs");var s=class extends(0,c.FormAssociated)(a.LitElement){constructor(){super(...arguments);this.loading=!1;this.loadingLabel="Loading";this.loadingLabelId=(0,y.nextId)("skdx-button-loading-label");this.disabled=!1;this.focusableWhenDisabled=!1;this.type="button";this.as="button";this.handleClick=e=>{if(this.pressSuppressed){e.preventDefault(),e.stopPropagation();return}this.nativeButton&&(this.type==="submit"?this.form?.requestSubmit():this.type==="reset"&&this.form?.reset())}}get nativeButton(){return this.as==="button"}get busy(){return this.loading&&!this.disabled}get softDisabled(){return this.disabled&&this.focusableWhenDisabled||this.busy}get nativelyDisabled(){return this.disabled&&!this.focusableWhenDisabled}get hardDisabledOffButton(){return this.nativelyDisabled&&!this.nativeButton}get pressSuppressed(){return this.softDisabled||this.hardDisabledOffButton}updated(){(0,v.reflectHostState)(this,{"data-disabled":this.disabled||this.loading?"":null,"data-loading":this.loading?"":null})}render(){let e=(0,D.resolveTag)(this.as,"button");return u.html`
-      <${e}
+"use strict";var b=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var O=(o,t)=>{for(var i in t)b(o,i,{get:t[i],enumerable:!0})},T=(o,t,i,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of D(t))!L.call(o,s)&&s!==i&&b(o,s,{get:()=>t[s],enumerable:!(n=f(t,s))||n.enumerable});return o};var H=o=>T(b({},"__esModule",{value:!0}),o),r=(o,t,i,n)=>{for(var s=n>1?void 0:n?f(t,i):t,u=o.length-1,h;u>=0;u--)(h=o[u])&&(s=(n?h(t,i,s):h(s))||s);return n&&s&&b(t,i,s),s};var w={};O(w,{SkdxButton:()=>e});module.exports=H(w);var a=require("lit"),l=require("lit/decorators.js"),p=require("lit/static-html.js"),g=require("../form/described-by.cjs"),c=require("../internal/define.cjs"),m=require("../internal/form-associated.cjs"),y=require("../internal/ids.cjs"),v=require("../internal/part.cjs"),d=require("../internal/styles.cjs"),$=require("../utils/polymorphic.cjs"),I=require("../utils/visually-hidden.cjs");var e=class extends(0,m.FormAssociated)(a.LitElement){constructor(){super(...arguments);this.loading=!1;this.loadingLabel="Loading";this.loadingLabelId=(0,y.nextId)("skdx-button-loading-label");this.ariaLabel=null;this.disabled=!1;this.focusableWhenDisabled=!1;this.type="button";this.as="button";this.iconOnly=!1;this.handleClick=i=>{if(this.pressSuppressed){i.preventDefault(),i.stopPropagation();return}this.nativeButton&&(this.type==="submit"?this.form?.requestSubmit():this.type==="reset"&&this.form?.reset())}}get nativeButton(){return this.as==="button"}get busy(){return this.loading&&!this.disabled}get softDisabled(){return this.disabled&&this.focusableWhenDisabled||this.busy}get nativelyDisabled(){return this.disabled&&!this.focusableWhenDisabled}get hardDisabledOffButton(){return this.nativelyDisabled&&!this.nativeButton}get pressSuppressed(){return this.softDisabled||this.hardDisabledOffButton}updated(){(0,v.reflectHostState)(this,{"data-disabled":this.disabled||this.loading?"":null,"data-loading":this.loading?"":null})}render(){let i=(0,$.resolveTag)(this.as,"button"),n=a.nothing;return this.disabled&&this.focusableWhenDisabled?n="0":this.hardDisabledOffButton&&(n="-1"),p.html`
+      <${i}
         part="button"
         type=${this.nativeButton?this.type:a.nothing}
         ?disabled=${this.nativeButton&&this.nativelyDisabled}
+        aria-label=${this.ariaLabel??a.nothing}
         aria-disabled=${this.pressSuppressed?"true":a.nothing}
         aria-busy=${this.busy?"true":a.nothing}
         aria-describedby=${this.loading?(0,g.mergeDescribedBy)(this.getAttribute("aria-describedby"),this.loadingLabelId):a.nothing}
-        tabindex=${this.disabled&&this.focusableWhenDisabled?"0":this.hardDisabledOffButton?"-1":a.nothing}
+        tabindex=${n}
         data-disabled=${this.disabled||this.loading?"":a.nothing}
         data-loading=${this.loading?"":a.nothing}
         @click=${this.handleClick}
       >
         <slot></slot>
-        ${this.loading?u.html`<skdx-visually-hidden id=${this.loadingLabelId}>${this.loadingLabel}</skdx-visually-hidden>`:a.nothing}
-      </${e}>
-    `}};s.shadowRootOptions=l.delegatesFocusShadowRootOptions,s.styles=[l.resetNativeControl,l.hiddenHostStyles,a.css`
+        ${this.loading?p.html`<skdx-visually-hidden id=${this.loadingLabelId}>${this.loadingLabel}</skdx-visually-hidden>`:a.nothing}
+      </${i}>
+    `}};e.shadowRootOptions=d.delegatesFocusShadowRootOptions,e.styles=[d.resetNativeControl,d.hiddenHostStyles,a.css`
       :host {
         display: inline-block;
       }
-    `,l.controlBoxOnHost],r([(0,n.property)({type:Boolean,reflect:!0})],s.prototype,"loading",2),r([(0,n.property)({type:String,attribute:"loading-label"})],s.prototype,"loadingLabel",2),r([(0,n.property)({type:Boolean,reflect:!0})],s.prototype,"disabled",2),r([(0,n.property)({type:Boolean,reflect:!0,attribute:"focusable-when-disabled"})],s.prototype,"focusableWhenDisabled",2),r([(0,n.property)({type:String,reflect:!0})],s.prototype,"type",2),r([(0,n.property)({type:String,reflect:!0})],s.prototype,"as",2),s=r([(0,m.customElement)("skdx-button","button","root")],s);0&&(module.exports={SkdxButton});
+    `,d.controlBoxOnHost],r([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"loading",2),r([(0,l.property)({type:String,attribute:"loading-label"})],e.prototype,"loadingLabel",2),r([(0,l.property)({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",2),r([(0,l.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",2),r([(0,l.property)({type:Boolean,reflect:!0,attribute:"focusable-when-disabled"})],e.prototype,"focusableWhenDisabled",2),r([(0,l.property)({type:String,reflect:!0})],e.prototype,"type",2),r([(0,l.property)({type:String,reflect:!0})],e.prototype,"as",2),r([(0,l.property)({type:Boolean,reflect:!0,attribute:"data-icon-only"})],e.prototype,"iconOnly",2),r([(0,l.property)({type:String,reflect:!0,attribute:"data-size"})],e.prototype,"size",2),r([(0,l.property)({type:String,reflect:!0,attribute:"data-status"})],e.prototype,"status",2),r([(0,l.property)({type:String,reflect:!0,attribute:"data-variant"})],e.prototype,"variant",2),e=r([(0,c.customElement)("skdx-button","button","root")],e);0&&(module.exports={SkdxButton});

package/dist/button/Button.d.cts

@@ -1,12 +1,11 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 import { type PolymorphicTag } from '../utils/polymorphic.cjs';
 import '../utils/visually-hidden.cjs';
-declare const SkdxButton_base: typeof LitElement & (new (...args: any[]) => import("../internal/form-associated.cjs").SkdxFormAssociated) & {
+declare const SkdxButton_base: typeof LitElement & (new (...args: any[]) => import("../index.cjs").SkdxFormAssociated) & {
     formAssociated: boolean;
 };
 /**
- * Form-associated button. Renders as native `<button>` or other tags via `as`.
- * Supports `loading` state and soft-disable for menu/toolbar contexts.
+ * Form-associated button that renders as a native `<button>` or other tag via `as`, with `loading` and soft-disable states.
  *
  * @example
  * ```html
@@ -27,12 +26,12 @@ export declare class SkdxButton extends SkdxButton_base {
     loadingLabel: string;
     /** Id of the loading-label node, referenced by the button's `aria-describedby` while `loading`. */
     private readonly loadingLabelId;
+    /** Accessible name for icon-only buttons, forwarded to the shadow `<button>`. */
+    ariaLabel: string | null;
     /** Native disabled state. Outranks `loading`: sets the native `disabled` attribute. */
     disabled: boolean;
     /**
-     * Keeps a disabled button in the tab order via `aria-disabled` and `tabindex="0"`,
-     * suppressing activation. Needed for disabled actions in Toolbar or menu bar,
-     * where arrow navigation requires the control to remain reachable.
+     * Keeps a disabled button in the tab order via `aria-disabled` and `tabindex="0"`, suppressing activation.
      * @default false
      */
     focusableWhenDisabled: boolean;
@@ -40,6 +39,26 @@ export declare class SkdxButton extends SkdxButton_base {
     type: 'button' | 'submit' | 'reset';
     /** Tag name to render (e.g., `"a"` for a link styled as a button). @default 'button' */
     as: PolymorphicTag;
+    /**
+     * Renders as a square icon-only control, reflected as the `data-icon-only` presence attribute.
+     * @default false
+     */
+    iconOnly: boolean;
+    /**
+     * Control scale the skin renders, reflected as `data-size`; may be written as that attribute directly.
+     * @default undefined — the skin’s own default.
+     */
+    size?: 'md' | 'sm' | 'lg' | (string & {}) | undefined;
+    /**
+     * Semantic status rung the skin colours from, reflected as `data-status`; may be written as that attribute directly.
+     * @default undefined — the skin’s own default.
+     */
+    status?: 'neutral' | 'brand' | 'info' | 'success' | 'warning' | 'danger' | (string & {}) | undefined;
+    /**
+     * Visual weight the skin renders, reflected as `data-variant`; may be written as that attribute directly.
+     * @default undefined — the skin’s own default.
+     */
+    variant?: 'secondary' | 'primary' | 'danger' | 'outline' | 'ghost' | (string & {}) | undefined;
     /** Whether the rendered element is a native `<button>` — `type` and the native `disabled` attribute apply only there. */
     private get nativeButton();
     /** Whether the button is busy (loading and not explicitly disabled). */
@@ -54,7 +73,7 @@ export declare class SkdxButton extends SkdxButton_base {
     private get pressSuppressed();
     private handleClick;
     protected updated(): void;
-    render(): import("lit").TemplateResult;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/button/Button.d.ts

@@ -1,12 +1,11 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 import { type PolymorphicTag } from '../utils/polymorphic.js';
 import '../utils/visually-hidden.js';
-declare const SkdxButton_base: typeof LitElement & (new (...args: any[]) => import("../internal/form-associated.js").SkdxFormAssociated) & {
+declare const SkdxButton_base: typeof LitElement & (new (...args: any[]) => import("../index.js").SkdxFormAssociated) & {
     formAssociated: boolean;
 };
 /**
- * Form-associated button. Renders as native `<button>` or other tags via `as`.
- * Supports `loading` state and soft-disable for menu/toolbar contexts.
+ * Form-associated button that renders as a native `<button>` or other tag via `as`, with `loading` and soft-disable states.
  *
  * @example
  * ```html
@@ -27,12 +26,12 @@ export declare class SkdxButton extends SkdxButton_base {
     loadingLabel: string;
     /** Id of the loading-label node, referenced by the button's `aria-describedby` while `loading`. */
     private readonly loadingLabelId;
+    /** Accessible name for icon-only buttons, forwarded to the shadow `<button>`. */
+    ariaLabel: string | null;
     /** Native disabled state. Outranks `loading`: sets the native `disabled` attribute. */
     disabled: boolean;
     /**
-     * Keeps a disabled button in the tab order via `aria-disabled` and `tabindex="0"`,
-     * suppressing activation. Needed for disabled actions in Toolbar or menu bar,
-     * where arrow navigation requires the control to remain reachable.
+     * Keeps a disabled button in the tab order via `aria-disabled` and `tabindex="0"`, suppressing activation.
      * @default false
      */
     focusableWhenDisabled: boolean;
@@ -40,6 +39,26 @@ export declare class SkdxButton extends SkdxButton_base {
     type: 'button' | 'submit' | 'reset';
     /** Tag name to render (e.g., `"a"` for a link styled as a button). @default 'button' */
     as: PolymorphicTag;
+    /**
+     * Renders as a square icon-only control, reflected as the `data-icon-only` presence attribute.
+     * @default false
+     */
+    iconOnly: boolean;
+    /**
+     * Control scale the skin renders, reflected as `data-size`; may be written as that attribute directly.
+     * @default undefined — the skin’s own default.
+     */
+    size?: 'md' | 'sm' | 'lg' | (string & {}) | undefined;
+    /**
+     * Semantic status rung the skin colours from, reflected as `data-status`; may be written as that attribute directly.
+     * @default undefined — the skin’s own default.
+     */
+    status?: 'neutral' | 'brand' | 'info' | 'success' | 'warning' | 'danger' | (string & {}) | undefined;
+    /**
+     * Visual weight the skin renders, reflected as `data-variant`; may be written as that attribute directly.
+     * @default undefined — the skin’s own default.
+     */
+    variant?: 'secondary' | 'primary' | 'danger' | 'outline' | 'ghost' | (string & {}) | undefined;
     /** Whether the rendered element is a native `<button>` — `type` and the native `disabled` attribute apply only there. */
     private get nativeButton();
     /** Whether the button is busy (loading and not explicitly disabled). */
@@ -54,7 +73,7 @@ export declare class SkdxButton extends SkdxButton_base {
     private get pressSuppressed();
     private handleClick;
     protected updated(): void;
-    render(): import("lit").TemplateResult;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/button/Button.js

@@ -1,21 +1,22 @@
-var p=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var i=(d,r,e,l)=>{for(var a=l>1?void 0:l?u(r,e):r,n=d.length-1,b;n>=0;n--)(b=d[n])&&(a=(l?b(r,e,a):b(a))||a);return l&&a&&p(r,e,a),a};import{css as f,LitElement as g,nothing as s}from"lit";import{property as o}from"lit/decorators.js";import{html as h}from"lit/static-html.js";import{mergeDescribedBy as m}from"../form/described-by.js";import{customElement as c}from"../internal/define.js";import{FormAssociated as y}from"../internal/form-associated.js";import{nextId as v}from"../internal/ids.js";import{reflectHostState as D}from"../internal/part.js";import{controlBoxOnHost as $,delegatesFocusShadowRootOptions as L,hiddenHostStyles as O,resetNativeControl as T}from"../internal/styles.js";import{resolveTag as E}from"../utils/polymorphic.js";import"../utils/visually-hidden.js";var t=class extends y(g){constructor(){super(...arguments);this.loading=!1;this.loadingLabel="Loading";this.loadingLabelId=v("skdx-button-loading-label");this.disabled=!1;this.focusableWhenDisabled=!1;this.type="button";this.as="button";this.handleClick=e=>{if(this.pressSuppressed){e.preventDefault(),e.stopPropagation();return}this.nativeButton&&(this.type==="submit"?this.form?.requestSubmit():this.type==="reset"&&this.form?.reset())}}get nativeButton(){return this.as==="button"}get busy(){return this.loading&&!this.disabled}get softDisabled(){return this.disabled&&this.focusableWhenDisabled||this.busy}get nativelyDisabled(){return this.disabled&&!this.focusableWhenDisabled}get hardDisabledOffButton(){return this.nativelyDisabled&&!this.nativeButton}get pressSuppressed(){return this.softDisabled||this.hardDisabledOffButton}updated(){D(this,{"data-disabled":this.disabled||this.loading?"":null,"data-loading":this.loading?"":null})}render(){let e=E(this.as,"button");return h`
-      <${e}
+var h=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var t=(n,o,a,r)=>{for(var l=r>1?void 0:r?p(o,a):o,d=n.length-1,b;d>=0;d--)(b=n[d])&&(l=(r?b(o,a,l):b(l))||l);return r&&l&&h(o,a,l),l};import{css as f,LitElement as g,nothing as s}from"lit";import{property as i}from"lit/decorators.js";import{html as u}from"lit/static-html.js";import{mergeDescribedBy as c}from"../form/described-by.js";import{customElement as m}from"../internal/define.js";import{FormAssociated as y}from"../internal/form-associated.js";import{nextId as v}from"../internal/ids.js";import{reflectHostState as $}from"../internal/part.js";import{controlBoxOnHost as D,delegatesFocusShadowRootOptions as L,hiddenHostStyles as O,resetNativeControl as T}from"../internal/styles.js";import{resolveTag as H}from"../utils/polymorphic.js";import"../utils/visually-hidden.js";var e=class extends y(g){constructor(){super(...arguments);this.loading=!1;this.loadingLabel="Loading";this.loadingLabelId=v("skdx-button-loading-label");this.ariaLabel=null;this.disabled=!1;this.focusableWhenDisabled=!1;this.type="button";this.as="button";this.iconOnly=!1;this.handleClick=a=>{if(this.pressSuppressed){a.preventDefault(),a.stopPropagation();return}this.nativeButton&&(this.type==="submit"?this.form?.requestSubmit():this.type==="reset"&&this.form?.reset())}}get nativeButton(){return this.as==="button"}get busy(){return this.loading&&!this.disabled}get softDisabled(){return this.disabled&&this.focusableWhenDisabled||this.busy}get nativelyDisabled(){return this.disabled&&!this.focusableWhenDisabled}get hardDisabledOffButton(){return this.nativelyDisabled&&!this.nativeButton}get pressSuppressed(){return this.softDisabled||this.hardDisabledOffButton}updated(){$(this,{"data-disabled":this.disabled||this.loading?"":null,"data-loading":this.loading?"":null})}render(){let a=H(this.as,"button"),r=s;return this.disabled&&this.focusableWhenDisabled?r="0":this.hardDisabledOffButton&&(r="-1"),u`
+      <${a}
         part="button"
         type=${this.nativeButton?this.type:s}
         ?disabled=${this.nativeButton&&this.nativelyDisabled}
+        aria-label=${this.ariaLabel??s}
         aria-disabled=${this.pressSuppressed?"true":s}
         aria-busy=${this.busy?"true":s}
-        aria-describedby=${this.loading?m(this.getAttribute("aria-describedby"),this.loadingLabelId):s}
-        tabindex=${this.disabled&&this.focusableWhenDisabled?"0":this.hardDisabledOffButton?"-1":s}
+        aria-describedby=${this.loading?c(this.getAttribute("aria-describedby"),this.loadingLabelId):s}
+        tabindex=${r}
         data-disabled=${this.disabled||this.loading?"":s}
         data-loading=${this.loading?"":s}
         @click=${this.handleClick}
       >
         <slot></slot>
-        ${this.loading?h`<skdx-visually-hidden id=${this.loadingLabelId}>${this.loadingLabel}</skdx-visually-hidden>`:s}
-      </${e}>
-    `}};t.shadowRootOptions=L,t.styles=[T,O,f`
+        ${this.loading?u`<skdx-visually-hidden id=${this.loadingLabelId}>${this.loadingLabel}</skdx-visually-hidden>`:s}
+      </${a}>
+    `}};e.shadowRootOptions=L,e.styles=[T,O,f`
       :host {
         display: inline-block;
       }
-    `,$],i([o({type:Boolean,reflect:!0})],t.prototype,"loading",2),i([o({type:String,attribute:"loading-label"})],t.prototype,"loadingLabel",2),i([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([o({type:Boolean,reflect:!0,attribute:"focusable-when-disabled"})],t.prototype,"focusableWhenDisabled",2),i([o({type:String,reflect:!0})],t.prototype,"type",2),i([o({type:String,reflect:!0})],t.prototype,"as",2),t=i([c("skdx-button","button","root")],t);export{t as SkdxButton};
+    `,D],t([i({type:Boolean,reflect:!0})],e.prototype,"loading",2),t([i({type:String,attribute:"loading-label"})],e.prototype,"loadingLabel",2),t([i({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([i({type:Boolean,reflect:!0,attribute:"focusable-when-disabled"})],e.prototype,"focusableWhenDisabled",2),t([i({type:String,reflect:!0})],e.prototype,"type",2),t([i({type:String,reflect:!0})],e.prototype,"as",2),t([i({type:Boolean,reflect:!0,attribute:"data-icon-only"})],e.prototype,"iconOnly",2),t([i({type:String,reflect:!0,attribute:"data-size"})],e.prototype,"size",2),t([i({type:String,reflect:!0,attribute:"data-status"})],e.prototype,"status",2),t([i({type:String,reflect:!0,attribute:"data-variant"})],e.prototype,"variant",2),e=t([m("skdx-button","button","root")],e);export{e as SkdxButton};

package/dist/calendar/Calendar.cjs

@@ -1,5 +1,5 @@
-"use strict";var A=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var J=Object.prototype.hasOwnProperty;var K=(e,n)=>{for(var t in n)A(e,t,{get:n[t],enumerable:!0})},Q=(e,n,t,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of j(n))!J.call(e,i)&&i!==t&&A(e,i,{get:()=>n[i],enumerable:!(a=R(n,i))||a.enumerable});return e};var X=e=>Q(A({},"__esModule",{value:!0}),e),s=(e,n,t,a)=>{for(var i=a>1?void 0:a?R(n,t):n,l=e.length-1,d;l>=0;l--)(d=e[l])&&(i=(a?d(n,t,i):d(i))||i);return a&&i&&A(n,t,i),i};var ue={};K(ue,{CALENDAR_VIEWS:()=>p,CALENDAR_YEAR_PAGE:()=>M,SkdxCalendar:()=>r,addDays:()=>T,addMonths:()=>y,addYears:()=>Z,anchorOf:()=>c,clampToDateRange:()=>N,clampToMonth:()=>q,clampView:()=>S,emptySelection:()=>se,endOfWeek:()=>k,formatViewPageLabel:()=>B,getDaysInMonth:()=>Y,getISOWeek:()=>ae,getVisibleWeeks:()=>re,hasAvailableDate:()=>ne,isDateDisabled:()=>ee,isDateRange:()=>_,isDateSelected:()=>oe,isSameDay:()=>w,isSameMonth:()=>V,nextSelection:()=>z,rangePositionOf:()=>G,resetInstantDateWarning:()=>te,resolveCalendarDisabled:()=>P,selectionAnnouncement:()=>H,startOfMonth:()=>g,startOfWeek:()=>O,stripTime:()=>u,toISODateString:()=>ie,warnInstantDate:()=>W,yearPageStart:()=>L});module.exports=X(ue);var v=require("lit"),o=require("lit/decorators.js"),F=require("../internal/authored.cjs"),D=require("../internal/date-value.cjs"),U=require("../internal/define.cjs"),$=require("../utils/is-dev-mode.cjs"),C=require("../utils/live-announcer.cjs"),b=require("./CalendarAnatomy.cjs"),h=require("./locale.cjs");function Y(e,n){return new Date(e,n+1,0).getDate()}function g(e){return new Date(e.getFullYear(),e.getMonth(),1)}function y(e,n){let t=e.getDate(),a=new Date(e.getFullYear(),e.getMonth(),1);a.setMonth(a.getMonth()+n);let i=Y(a.getFullYear(),a.getMonth());return a.setDate(Math.min(t,i)),a}function Z(e,n){return y(e,n*12)}function T(e,n){let t=new Date(e);return t.setDate(t.getDate()+n),t}function w(e,n){return!e||!n?!1:e.getFullYear()===n.getFullYear()&&e.getMonth()===n.getMonth()&&e.getDate()===n.getDate()}function V(e,n){return e.getFullYear()===n.getFullYear()&&e.getMonth()===n.getMonth()}function O(e,n){let t=new Date(e.getFullYear(),e.getMonth(),e.getDate()),a=(t.getDay()-n+7)%7;return t.setDate(t.getDate()-a),t}function k(e,n){return T(O(e,n),6)}function u(e){return new Date(e.getFullYear(),e.getMonth(),e.getDate())}function N(e,n,t){return n&&u(e).getTime()<u(n).getTime()?n:t&&u(e).getTime()>u(t).getTime()?t:e}function ee(e,n,t,a){let i=u(e).getTime();return!!(n&&i<u(n).getTime()||t&&i>u(t).getTime()||a?.(e))}function P(e,n){return{disabled:e??!1,isDateDisabled:n}}var x=!1;function te(){x=!1}function W(e,n){!e||x||!(e.getUTCHours()===0&&e.getUTCMinutes()===0&&e.getUTCSeconds()===0&&e.getUTCMilliseconds()===0)||e.getDate()===e.getUTCDate()&&e.getMonth()===e.getUTCMonth()||(x=!0,(0,$.isDevMode)()&&console.warn(`[skdx] Calendar: \`${n}\` was given ${e.toISOString()}, which is midnight UTC and therefore ${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")} in this time zone \u2014 a different day from the one the string says. A selection here is a local wall-clock date, never an instant: build it as \`new Date(year, monthIndex, day)\` rather than \`new Date('YYYY-MM-DD')\`, which the platform reads as UTC.`))}var p=["day","month","year"],M=20;function S(e,n,t){let a=p.indexOf(n),i=Math.max(a,p.indexOf(t));return p[Math.min(Math.max(p.indexOf(e),a),i)]}function L(e){return Math.floor(e/M)*M}function ne(e,n,t,a,i){let l=t&&u(t)>u(e)?u(t):u(e),d=a&&u(a)<u(n)?u(a):u(n);if(l.getTime()>d.getTime())return!1;if(!i)return!0;for(let f=l;f.getTime()<=d.getTime();f=T(f,1))if(!i(f))return!0;return!1}function B(e,n,t){if(n==="day")return(0,h.formatMonthLabel)(e,t);if(n==="month")return(0,h.formatYear)(e.getFullYear(),t);let a=L(e.getFullYear());return(0,h.formatYearRange)(a,a+M-1,t)}function ae(e){let n=new Date(e.getFullYear(),e.getMonth(),e.getDate());n.setDate(n.getDate()-(n.getDay()+6)%7+3);let t=new Date(n.getFullYear(),0,4);return t.setDate(t.getDate()-(t.getDay()+6)%7+3),1+Math.round((n.getTime()-t.getTime())/(10080*60*1e3))}function ie(e){let n=e.getFullYear(),t=String(e.getMonth()+1).padStart(2,"0"),a=String(e.getDate()).padStart(2,"0");return`${n}-${t}-${a}`}function q(e,n){if(V(e,n))return e;let t=Y(n.getFullYear(),n.getMonth());return new Date(n.getFullYear(),n.getMonth(),Math.min(e.getDate(),t))}function re(e,n=0){let t=O(g(e),n),a=[],i=t;for(let l=0;l<6;l++){let d=[];for(let f=0;f<7;f++)d.push({date:i,outsideMonth:!V(i,e)}),i=T(i,1);a.push(d)}return a}function _(e){return e!==null&&!Array.isArray(e)&&!(e instanceof Date)}function se(e){return e==="multiple"?[]:null}function G(e,n){let t=u(n).getTime(),a=u(e.start).getTime();if(e.end===null)return t===a?"start":void 0;let i=u(e.end).getTime();if(!(t<a||t>i))return t===a?"start":t===i?"end":"middle"}function oe(e,n){return e===null?!1:Array.isArray(e)?e.some(t=>w(t,n)):_(e)?G(e,n)!==void 0:w(e,n)}function z(e,n,t){if(e==="single")return t;if(e==="multiple"){let i=Array.isArray(n)?n:[],l=i.filter(d=>!w(d,t));return l.length!==i.length?l:[...i,t].sort((d,f)=>d.getTime()-f.getTime())}let a=_(n)&&n.end===null?n:void 0;return a?u(t).getTime()<u(a.start).getTime()?{start:t,end:a.start}:{start:a.start,end:t}:{start:t,end:null}}function H(e,n){return _(e)?e.end===null?`${(0,h.formatDateLabel)(e.start,n)} selected as the range start. Select an end date.`:`Range selected, ${(0,h.formatDateLabel)(e.start,n)} to ${(0,h.formatDateLabel)(e.end,n)}.`:Array.isArray(e)?`${e.length} ${e.length===1?"date":"dates"} selected.`:""}var m={fromAttribute(e){if(e!=null)return(0,D.toDate)(e,"a date attribute")??void 0},toAttribute(){}},E={fromAttribute(e){return e==null?null:(0,D.toCalendarValue)(e,"single","value")??null},toAttribute(){}};function c(e){return e===null?null:Array.isArray(e)?e[0]??null:_(e)?e.start:e}var r=class extends v.LitElement{constructor(){super(...arguments);this.selectionMode="single";this._value=null;this.month=g(new Date);this._constructedMonth=this.month;this._monthSeeded=!1;this._valueSeeded=!1;this.numberOfMonths=1;this.readOnly=!1;this.outsideDaySelectable=!1;this.disabled=!1;this.pageBehavior="visible";this._constructedToday=new Date;this._focusedDate=c(this.value)??this.month;this._focusAuto=!0;this._focusSeeded=!1;this._view="day";this._viewAuto=!0;this._viewSeeded=!1;this.minView="day";this.maxView="year";this.weekNumbers=!1;this._anatomyFilledFor="";this.fillAnatomy=()=>{if((0,F.hasAuthoredContent)(this,b.CALENDAR_ANATOMY_GENERATED)){(0,F.removeGeneratedContent)(this,b.CALENDAR_ANATOMY_GENERATED),this._anatomyFilledFor="";return}let t=String(this.numberOfMonths);t===this._anatomyFilledFor&&this.children.length>0||(this._anatomyFilledFor=t,(0,b.fillCalendarAnatomy)(this))}}get value(){return this._value}set value(t){let a=this._value;this._value=(0,D.toCalendarValue)(t,"single","value")??null,this.requestUpdate("value",a)}get defaultValue(){return this._defaultValue}set defaultValue(t){let a=this._defaultValue;this._defaultValue=(0,D.toCalendarValue)(t,"single","defaultValue"),this.requestUpdate("defaultValue",a)}get resolvedDisabled(){return P(this.disabled,this.isDateDisabled)}get todayDate(){return this.today??this._constructedToday}get focusedDate(){return this._focusedDate}set focusedDate(t){this._focusAuto=!1,this.moveFocusedDate(t)}moveFocusedDate(t){let a=this._focusedDate;this._focusedDate=t,this.requestUpdate("focusedDate",a)}get view(){return S(this._view,this.minView,this.maxView)}set view(t){this._viewAuto=!1,this.moveView(t)}moveView(t){let a=this._view;this._view=t,this.requestUpdate("view",a)}get valueAsString(){return(0,D.toCalendarString)(this.value)}get resolvedWeekStartsOn(){return this.weekStartsOn??(0,h.getLocaleWeekStartsOn)(this.locale)}get months(){return Array.from({length:Math.max(1,this.numberOfMonths)},(t,a)=>y(this.month,a))}get weekDayNames(){let t=this.resolvedWeekStartsOn,a=(0,h.getWeekDayNames)(this.locale,t,"short"),i=(0,h.getWeekDayNames)(this.locale,t,"long");return a.map((l,d)=>({short:l,long:i[d]}))}connectedCallback(){super.connectedCallback(),this._focusAuto&&this.moveFocusedDate(c(this.value)??this.month),queueMicrotask(this.fillAnatomy)}setValue(t){if(this.readOnly||this.resolvedDisabled.disabled)return;let a=z(this.selectionMode,this.value,t);this.value=a,this.setFocusedDate(t),this.emit("value-change",a);let i=(this.getSelectionAnnouncement??H)(a,this.locale);i&&(0,C.announce)(i)}setMonth(t){let a=g(t);a.getTime()!==g(this.month).getTime()&&(this.month=a,this.emit("month-change",this.month))}pageMonths(t){let a=this.view;if(a!=="day"){let f=a==="month"?12:12*M,I=y(this.focusedDate,t*f);this.setFocusedDate(I),(0,C.announce)(B(I,a,this.locale));return}let i=this.pageBehavior==="single"?1:Math.max(1,this.numberOfMonths),l=y(this.month,t*i);this.setMonth(l),this.setFocusedDate(q(this.focusedDate,l));let d=(this.getMonthAnnouncement??h.formatMonthLabel)(g(l),this.locale);d&&(0,C.announce)(d)}setFocusedDate(t){let a=N(t,this.minDate,this.maxDate);w(a,this._focusedDate)||(this.moveFocusedDate(a),this.emit("focus-change",a))}setView(t){let a=S(t,this.minView,this.maxView);a!==this.view&&(this.moveView(a),this.emit("view-change",a))}navigateToUnit(t){this.setFocusedDate(t),this.months.some(a=>V(t,a))||this.setMonth(t),this.setView(p[p.indexOf(this.view)-1]??"day")}emit(t,a){this.dispatchEvent(new CustomEvent(t,{detail:a,bubbles:!0,composed:!0})),this.notify()}notify(){this.dispatchEvent(new CustomEvent("skdx-calendar-internal-update",{bubbles:!0,composed:!0})),this.requestUpdate()}willUpdate(t){if(this.selectionMode==="multiple"&&(this.value instanceof Date&&(this.value=[this.value]),this.defaultValue instanceof Date&&(this.defaultValue=[this.defaultValue])),!this._viewSeeded&&t.has("defaultView")&&(this._viewSeeded=!0,this.defaultView&&this._viewAuto&&this.moveView(this.defaultView)),!this._focusSeeded&&t.has("defaultFocusedDate")&&(this._focusSeeded=!0,this.defaultFocusedDate&&this._focusAuto&&this.moveFocusedDate(this.defaultFocusedDate)),!this._valueSeeded&&t.has("defaultValue")){this._valueSeeded=!0;let i=this.defaultValue??null,l=this.value===null||Array.isArray(this.value)&&this.value.length===0;i!==null&&l&&(this.value=i,this.moveFocusedDate(c(i)??this._focusedDate))}if(this._monthSeeded||!(t.has("defaultMonth")||t.has("value")))return;if(this.month!==this._constructedMonth){this._monthSeeded=!0;return}let a=this.defaultMonth??c(this.value);a&&(this._monthSeeded=!0,this.month=g(a),this._focusAuto&&this.moveFocusedDate(c(this.value)??this.month))}update(t){if(super.update(t),t.has("value")&&W(c(this.value),"value"),!t.has("value")||!this._monthSeeded)return;let a=c(this.value);a&&(this.months.some(i=>V(a,i))||(this.setFocusedDate(a),this.setMonth(a)))}updated(t){this.fillAnatomy(),t.size>0&&this.dispatchEvent(new CustomEvent("skdx-calendar-internal-update",{bubbles:!0,composed:!0}))}render(){return v.html`<slot @slotchange=${this.fillAnatomy}></slot>`}};r.styles=v.css`
+"use strict";var _=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var K=Object.getOwnPropertyNames;var Q=Object.prototype.hasOwnProperty;var X=(e,a)=>{for(var t in a)_(e,t,{get:a[t],enumerable:!0})},Z=(e,a,t,n)=>{if(a&&typeof a=="object"||typeof a=="function")for(let i of K(a))!Q.call(e,i)&&i!==t&&_(e,i,{get:()=>a[i],enumerable:!(n=U(a,i))||n.enumerable});return e};var k=e=>Z(_({},"__esModule",{value:!0}),e),s=(e,a,t,n)=>{for(var i=n>1?void 0:n?U(a,t):a,l=e.length-1,d;l>=0;l--)(d=e[l])&&(i=(n?d(a,t,i):d(i))||i);return n&&i&&_(a,t,i),i};var de={};X(de,{CALENDAR_VIEWS:()=>p,CALENDAR_YEAR_PAGE:()=>M,SkdxCalendar:()=>r,addDays:()=>C,addMonths:()=>y,addYears:()=>ee,anchorOf:()=>c,clampToDateRange:()=>L,clampToMonth:()=>z,clampView:()=>Y,emptySelection:()=>ue,endOfWeek:()=>te,formatViewPageLabel:()=>G,getDaysInMonth:()=>O,getISOWeek:()=>re,getVisibleWeeks:()=>oe,hasAvailableDate:()=>ie,isDateDisabled:()=>ne,isDateRange:()=>A,isDateSelected:()=>le,isSameDay:()=>b,isSameMonth:()=>V,nextSelection:()=>j,rangePositionOf:()=>H,resetInstantDateWarning:()=>ae,resolveCalendarDisabled:()=>W,selectionAnnouncement:()=>J,startOfMonth:()=>g,startOfWeek:()=>R,stripTime:()=>u,toISODateString:()=>se,warnInstantDate:()=>B,yearPageStart:()=>q});module.exports=k(de);var v=require("lit"),o=require("lit/decorators.js"),T=require("../internal/authored.cjs"),h=require("../internal/calendar-locale.cjs"),D=require("../internal/date-value.cjs"),$=require("../internal/define.cjs"),E=require("../internal/dev-mode.cjs"),N=require("../internal/events.cjs"),F=require("../utils/live-announcer.cjs"),w=require("./CalendarAnatomy.cjs"),x=require("./family.cjs");function O(e,a){return new Date(e,a+1,0).getDate()}function g(e){return new Date(e.getFullYear(),e.getMonth(),1)}function y(e,a){let t=e.getDate(),n=new Date(e.getFullYear(),e.getMonth(),1);n.setMonth(n.getMonth()+a);let i=O(n.getFullYear(),n.getMonth());return n.setDate(Math.min(t,i)),n}function ee(e,a){return y(e,a*12)}function C(e,a){let t=new Date(e);return t.setDate(t.getDate()+a),t}function b(e,a){return!e||!a?!1:e.getFullYear()===a.getFullYear()&&e.getMonth()===a.getMonth()&&e.getDate()===a.getDate()}function V(e,a){return e.getFullYear()===a.getFullYear()&&e.getMonth()===a.getMonth()}function R(e,a){let t=new Date(e.getFullYear(),e.getMonth(),e.getDate()),n=(t.getDay()-a+7)%7;return t.setDate(t.getDate()-n),t}function te(e,a){return C(R(e,a),6)}function u(e){return new Date(e.getFullYear(),e.getMonth(),e.getDate())}function L(e,a,t){return a&&u(e).getTime()<u(a).getTime()?a:t&&u(e).getTime()>u(t).getTime()?t:e}function ne(e,a,t,n){let i=u(e).getTime();return!!(a&&i<u(a).getTime()||t&&i>u(t).getTime()||n?.(e))}function W(e,a){return{disabled:e??!1,isDateDisabled:a}}var S=!1;function ae(){S=!1}function B(e,a){!e||S||!(e.getUTCHours()===0&&e.getUTCMinutes()===0&&e.getUTCSeconds()===0&&e.getUTCMilliseconds()===0)||e.getDate()===e.getUTCDate()&&e.getMonth()===e.getUTCMonth()||(S=!0,(0,E.isDevMode)()&&console.warn(`[skdx] Calendar: \`${a}\` was given ${e.toISOString()}, which is midnight UTC and therefore ${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")} in this time zone \u2014 a different day from the one the string says. A selection here is a local wall-clock date, never an instant: build it as \`new Date(year, monthIndex, day)\` rather than \`new Date('YYYY-MM-DD')\`, which the platform reads as UTC.`))}var p=["day","month","year"],M=20;function Y(e,a,t){let n=p.indexOf(a),i=Math.max(n,p.indexOf(t));return p[Math.min(Math.max(p.indexOf(e),n),i)]}function q(e){return Math.floor(e/M)*M}function ie(e,a,t,n,i){let l=t&&u(t)>u(e)?u(t):u(e),d=n&&u(n)<u(a)?u(n):u(a);if(l.getTime()>d.getTime())return!1;if(!i)return!0;for(let f=l;f.getTime()<=d.getTime();f=C(f,1))if(!i(f))return!0;return!1}function G(e,a,t){if(a==="day")return(0,h.formatMonthLabel)(e,t);if(a==="month")return(0,h.formatYear)(e.getFullYear(),t);let n=q(e.getFullYear());return(0,h.formatYearRange)(n,n+M-1,t)}function re(e){let a=new Date(e.getFullYear(),e.getMonth(),e.getDate());a.setDate(a.getDate()-(a.getDay()+6)%7+3);let t=new Date(a.getFullYear(),0,4);return t.setDate(t.getDate()-(t.getDay()+6)%7+3),1+Math.round((a.getTime()-t.getTime())/(10080*60*1e3))}function se(e){let a=e.getFullYear(),t=String(e.getMonth()+1).padStart(2,"0"),n=String(e.getDate()).padStart(2,"0");return`${a}-${t}-${n}`}function z(e,a){if(V(e,a))return e;let t=O(a.getFullYear(),a.getMonth());return new Date(a.getFullYear(),a.getMonth(),Math.min(e.getDate(),t))}function oe(e,a=0){let t=R(g(e),a),n=[],i=t;for(let l=0;l<6;l++){let d=[];for(let f=0;f<7;f++)d.push({date:i,outsideMonth:!V(i,e)}),i=C(i,1);n.push(d)}return n}function A(e){return e!==null&&!Array.isArray(e)&&!(e instanceof Date)}function ue(e){return e==="multiple"?[]:null}function H(e,a){let t=u(a).getTime(),n=u(e.start).getTime();if(e.end===null)return t===n?"start":void 0;let i=u(e.end).getTime();if(!(t<n||t>i))return t===n?"start":t===i?"end":"middle"}function le(e,a){return e===null?!1:Array.isArray(e)?e.some(t=>b(t,a)):A(e)?H(e,a)!==void 0:b(e,a)}function j(e,a,t){if(e==="single")return t;if(e==="multiple"){let i=Array.isArray(a)?a:[],l=i.filter(d=>!b(d,t));return l.length!==i.length?l:[...i,t].sort((d,f)=>d.getTime()-f.getTime())}let n=A(a)&&a.end===null?a:void 0;return n?u(t).getTime()<u(n.start).getTime()?{start:t,end:n.start}:{start:n.start,end:t}:{start:t,end:null}}function J(e,a){return A(e)?e.end===null?`${(0,h.formatDateLabel)(e.start,a)} selected as the range start. Select an end date.`:`Range selected, ${(0,h.formatDateLabel)(e.start,a)} to ${(0,h.formatDateLabel)(e.end,a)}.`:Array.isArray(e)?`${e.length} ${e.length===1?"date":"dates"} selected.`:""}var m={fromAttribute(e){if(e!=null)return(0,D.toDate)(e,"a date attribute")??void 0},toAttribute(){}},P={fromAttribute(e){return e==null?null:(0,D.toCalendarValue)(e,"single","value")??null},toAttribute(){}};function c(e){return e===null?null:Array.isArray(e)?e[0]??null:A(e)?e.start:e}var r=class extends v.LitElement{constructor(){super(...arguments);this.selectionMode="single";this._value=null;this.month=g(new Date);this._constructedMonth=this.month;this._monthSeeded=!1;this._valueSeeded=!1;this.numberOfMonths=1;this.readOnly=!1;this.outsideDaySelectable=!1;this.disabled=!1;this.pageBehavior="visible";this._constructedToday=new Date;this._focusedDate=c(this.value)??this.month;this._focusAuto=!0;this._focusSeeded=!1;this._view="day";this._viewAuto=!0;this._viewSeeded=!1;this.minView="day";this.maxView="year";this.weekNumbers=!1;this._anatomyFilledFor="";this.fillAnatomy=()=>{if((0,T.hasAuthoredContent)(this,w.CALENDAR_ANATOMY_GENERATED)){(0,T.removeGeneratedContent)(this,w.CALENDAR_ANATOMY_GENERATED),this._anatomyFilledFor="";return}let t=String(this.numberOfMonths);t===this._anatomyFilledFor&&this.children.length>0||(this._anatomyFilledFor=t,(0,w.fillCalendarAnatomy)(this))}}get value(){return this._value}set value(t){let n=this._value;this._value=(0,D.toCalendarValue)(t,"single","value")??null,this.requestUpdate("value",n)}get defaultValue(){return this._defaultValue}set defaultValue(t){let n=this._defaultValue;this._defaultValue=(0,D.toCalendarValue)(t,"single","defaultValue"),this.requestUpdate("defaultValue",n)}get resolvedDisabled(){return W(this.disabled,this.isDateDisabled)}get todayDate(){return this.today??this._constructedToday}get focusedDate(){return this._focusedDate}set focusedDate(t){this._focusAuto=!1,this.moveFocusedDate(t)}moveFocusedDate(t){let n=this._focusedDate;this._focusedDate=t,this.requestUpdate("focusedDate",n)}get view(){return Y(this._view,this.minView,this.maxView)}set view(t){this._viewAuto=!1,this.moveView(t)}moveView(t){let n=this._view;this._view=t,this.requestUpdate("view",n)}get valueAsString(){return(0,D.toCalendarString)(this.value)}get resolvedWeekStartsOn(){return this.weekStartsOn??(0,h.getLocaleWeekStartsOn)(this.locale)}get months(){return Array.from({length:Math.max(1,this.numberOfMonths)},(t,n)=>y(this.month,n))}get weekDayNames(){let t=this.resolvedWeekStartsOn,n=(0,h.getWeekDayNames)(this.locale,t,"short"),i=(0,h.getWeekDayNames)(this.locale,t,"long");return n.map((l,d)=>({short:l,long:i[d]}))}connectedCallback(){super.connectedCallback(),this._focusAuto&&this.moveFocusedDate(c(this.value)??this.month),queueMicrotask(this.fillAnatomy)}setValue(t){if(this.readOnly||this.resolvedDisabled.disabled)return;let n=j(this.selectionMode,this.value,t);this.value=n,this.setFocusedDate(t),this.emit("value-change",n);let i=(this.getSelectionAnnouncement??J)(n,this.locale);i&&(0,F.announce)(i)}setMonth(t){let n=g(t);n.getTime()!==g(this.month).getTime()&&(this.month=n,this.emit("month-change",this.month))}pageMonths(t){let n=this.view;if(n!=="day"){let f=n==="month"?12:12*M,I=y(this.focusedDate,t*f);this.setFocusedDate(I),(0,F.announce)(G(I,n,this.locale));return}let i=this.pageBehavior==="single"?1:Math.max(1,this.numberOfMonths),l=y(this.month,t*i);this.setMonth(l),this.setFocusedDate(z(this.focusedDate,l));let d=(this.getMonthAnnouncement??h.formatMonthLabel)(g(l),this.locale);d&&(0,F.announce)(d)}setFocusedDate(t){let n=L(t,this.minDate,this.maxDate);b(n,this._focusedDate)||(this.moveFocusedDate(n),this.emit("focus-change",n))}setView(t){let n=Y(t,this.minView,this.maxView);n!==this.view&&(this.moveView(n),this.emit("view-change",n))}navigateToUnit(t){this.setFocusedDate(t),this.months.some(n=>V(t,n))||this.setMonth(t),this.setView(p[p.indexOf(this.view)-1]??"day")}emit(t,n){(0,N.emit)(this,t,n),this.notify()}notify(){x.CALENDAR_FAMILY.notify(this),this.requestUpdate()}willUpdate(t){this.selectionMode==="multiple"&&(this.value instanceof Date&&(this.value=[this.value]),this.defaultValue instanceof Date&&(this.defaultValue=[this.defaultValue])),this.seedView(t),this.seedFocusedDate(t),this.seedValue(t),this.seedMonth(t)}seedView(t){this._viewSeeded||!t.has("defaultView")||(this._viewSeeded=!0,this.defaultView&&this._viewAuto&&this.moveView(this.defaultView))}seedFocusedDate(t){this._focusSeeded||!t.has("defaultFocusedDate")||(this._focusSeeded=!0,this.defaultFocusedDate&&this._focusAuto&&this.moveFocusedDate(this.defaultFocusedDate))}seedValue(t){if(this._valueSeeded||!t.has("defaultValue"))return;this._valueSeeded=!0;let n=this.defaultValue??null,i=this.value===null||Array.isArray(this.value)&&this.value.length===0;n!==null&&i&&(this.value=n,this.moveFocusedDate(c(n)??this._focusedDate))}seedMonth(t){if(this._monthSeeded||!(t.has("defaultMonth")||t.has("value")))return;if(this.month!==this._constructedMonth){this._monthSeeded=!0;return}let n=this.defaultMonth??c(this.value);n&&(this._monthSeeded=!0,this.month=g(n),this._focusAuto&&this.moveFocusedDate(c(this.value)??this.month))}update(t){if(super.update(t),t.has("value")&&B(c(this.value),"value"),!t.has("value")||!this._monthSeeded)return;let n=c(this.value);n&&(this.months.some(i=>V(n,i))||(this.setFocusedDate(n),this.setMonth(n)))}updated(t){this.fillAnatomy(),t.size>0&&x.CALENDAR_FAMILY.notify(this)}render(){return v.html`<slot @slotchange=${this.fillAnatomy}></slot>`}};r.styles=v.css`
     :host {
       display: block;
     }
-  `,s([(0,o.property)({type:String,reflect:!0,attribute:"selection-mode"})],r.prototype,"selectionMode",2),s([(0,o.property)({converter:E})],r.prototype,"value",1),s([(0,o.property)({converter:m})],r.prototype,"month",2),s([(0,o.property)({converter:m,attribute:"default-month"})],r.prototype,"defaultMonth",2),s([(0,o.property)({type:Number,attribute:"number-of-months"})],r.prototype,"numberOfMonths",2),s([(0,o.property)({type:String})],r.prototype,"locale",2),s([(0,o.property)({type:Number,attribute:"week-starts-on"})],r.prototype,"weekStartsOn",2),s([(0,o.property)({converter:m,attribute:"min-date"})],r.prototype,"minDate",2),s([(0,o.property)({converter:m,attribute:"max-date"})],r.prototype,"maxDate",2),s([(0,o.property)({converter:E,attribute:"default-value"})],r.prototype,"defaultValue",1),s([(0,o.property)({type:Boolean,reflect:!0,attribute:"read-only"})],r.prototype,"readOnly",2),s([(0,o.property)({type:Boolean,reflect:!0,attribute:"outside-day-selectable"})],r.prototype,"outsideDaySelectable",2),s([(0,o.property)({type:Boolean})],r.prototype,"disabled",2),s([(0,o.property)({attribute:!1})],r.prototype,"isDateDisabled",2),s([(0,o.property)({attribute:!1})],r.prototype,"isDateUnavailable",2),s([(0,o.property)({attribute:!1})],r.prototype,"getSelectionAnnouncement",2),s([(0,o.property)({attribute:!1})],r.prototype,"getMonthAnnouncement",2),s([(0,o.property)({type:String,attribute:"page-behavior"})],r.prototype,"pageBehavior",2),s([(0,o.property)({converter:m})],r.prototype,"today",2),s([(0,o.property)({converter:m,attribute:"focused-date"})],r.prototype,"focusedDate",1),s([(0,o.property)({converter:m,attribute:"default-focused-date"})],r.prototype,"defaultFocusedDate",2),s([(0,o.property)({type:String,reflect:!0})],r.prototype,"view",1),s([(0,o.property)({type:String,attribute:"default-view"})],r.prototype,"defaultView",2),s([(0,o.property)({type:String,attribute:"min-view"})],r.prototype,"minView",2),s([(0,o.property)({type:String,attribute:"max-view"})],r.prototype,"maxView",2),s([(0,o.property)({type:Boolean,reflect:!0,attribute:"week-numbers"})],r.prototype,"weekNumbers",2),r=s([(0,U.customElement)("skdx-calendar","calendar","root")],r);0&&(module.exports={CALENDAR_VIEWS,CALENDAR_YEAR_PAGE,SkdxCalendar,addDays,addMonths,addYears,anchorOf,clampToDateRange,clampToMonth,clampView,emptySelection,endOfWeek,formatViewPageLabel,getDaysInMonth,getISOWeek,getVisibleWeeks,hasAvailableDate,isDateDisabled,isDateRange,isDateSelected,isSameDay,isSameMonth,nextSelection,rangePositionOf,resetInstantDateWarning,resolveCalendarDisabled,selectionAnnouncement,startOfMonth,startOfWeek,stripTime,toISODateString,warnInstantDate,yearPageStart});
+  `,s([(0,o.property)({type:String,reflect:!0,attribute:"selection-mode"})],r.prototype,"selectionMode",2),s([(0,o.property)({converter:P})],r.prototype,"value",1),s([(0,o.property)({converter:m})],r.prototype,"month",2),s([(0,o.property)({converter:m,attribute:"default-month"})],r.prototype,"defaultMonth",2),s([(0,o.property)({type:Number,attribute:"number-of-months"})],r.prototype,"numberOfMonths",2),s([(0,o.property)({type:String})],r.prototype,"locale",2),s([(0,o.property)({type:Number,attribute:"week-starts-on"})],r.prototype,"weekStartsOn",2),s([(0,o.property)({converter:m,attribute:"min-date"})],r.prototype,"minDate",2),s([(0,o.property)({converter:m,attribute:"max-date"})],r.prototype,"maxDate",2),s([(0,o.property)({converter:P,attribute:"default-value"})],r.prototype,"defaultValue",1),s([(0,o.property)({type:Boolean,reflect:!0,attribute:"read-only"})],r.prototype,"readOnly",2),s([(0,o.property)({type:Boolean,reflect:!0,attribute:"outside-day-selectable"})],r.prototype,"outsideDaySelectable",2),s([(0,o.property)({type:Boolean})],r.prototype,"disabled",2),s([(0,o.property)({attribute:!1})],r.prototype,"isDateDisabled",2),s([(0,o.property)({attribute:!1})],r.prototype,"isDateUnavailable",2),s([(0,o.property)({attribute:!1})],r.prototype,"getSelectionAnnouncement",2),s([(0,o.property)({attribute:!1})],r.prototype,"getMonthAnnouncement",2),s([(0,o.property)({type:String,attribute:"page-behavior"})],r.prototype,"pageBehavior",2),s([(0,o.property)({converter:m})],r.prototype,"today",2),s([(0,o.property)({converter:m,attribute:"focused-date"})],r.prototype,"focusedDate",1),s([(0,o.property)({converter:m,attribute:"default-focused-date"})],r.prototype,"defaultFocusedDate",2),s([(0,o.property)({type:String,reflect:!0})],r.prototype,"view",1),s([(0,o.property)({type:String,attribute:"default-view"})],r.prototype,"defaultView",2),s([(0,o.property)({type:String,attribute:"min-view"})],r.prototype,"minView",2),s([(0,o.property)({type:String,attribute:"max-view"})],r.prototype,"maxView",2),s([(0,o.property)({type:Boolean,reflect:!0,attribute:"week-numbers"})],r.prototype,"weekNumbers",2),r=s([(0,$.customElement)("skdx-calendar","calendar","root")],r);0&&(module.exports={CALENDAR_VIEWS,CALENDAR_YEAR_PAGE,SkdxCalendar,addDays,addMonths,addYears,anchorOf,clampToDateRange,clampToMonth,clampView,emptySelection,endOfWeek,formatViewPageLabel,getDaysInMonth,getISOWeek,getVisibleWeeks,hasAvailableDate,isDateDisabled,isDateRange,isDateSelected,isSameDay,isSameMonth,nextSelection,rangePositionOf,resetInstantDateWarning,resolveCalendarDisabled,selectionAnnouncement,startOfMonth,startOfWeek,stripTime,toISODateString,warnInstantDate,yearPageStart});

package/dist/calendar/Calendar.d.cts

@@ -1,4 +1,4 @@
-import { LitElement, type PropertyValues } from 'lit';
+import { LitElement, type PropertyValues, type TemplateResult } from 'lit';
 import { type DateInput } from '../internal/date-value.cjs';
 /** @internal */
 export declare function getDaysInMonth(year: number, month: number): number;
@@ -27,25 +27,20 @@ export declare function isDateDisabled(date: Date, minDate: Date | undefined, ma
 /** The whole-calendar and per-date disabled states. */
 export interface ResolvedCalendarDisabled {
     disabled: boolean;
-    isDateDisabled?: (date: Date) => boolean;
+    isDateDisabled?: ((date: Date) => boolean) | undefined;
 }
 /** @internal Resolves disabled and isDateDisabled props. */
 export declare function resolveCalendarDisabled(disabled: boolean | undefined, isDateDisabled: ((date: Date) => boolean) | undefined): ResolvedCalendarDisabled;
 /** @internal */
 export declare function resetInstantDateWarning(): void;
 /**
- * Warn once per process when a bare `YYYY-MM-DD` string was handed to `new Date()`,
- * which reads it as UTC midnight (a different day west of Greenwich). Fires only
- * when `date` is at UTC midnight with a different local date.
+ * Warns once per process when a bare `YYYY-MM-DD` string was read by `new Date()` as UTC midnight, a different local day.
  *
  * @param date - Date supplied or null/undefined
  * @param source - Prop name for the message
  */
 export declare function warnInstantDate(date: Date | null | undefined, source: string): void;
-/**
- * Which grid is showing: day, month, or year view. Ordered coarsest-last —
- * heading steps *up* this list, activating a cell steps *down* it.
- */
+/** Which grid is showing: day, month, or year. */
 export type CalendarView = 'day' | 'month' | 'year';
 /** The three views, most granular first. */
 export declare const CALENDAR_VIEWS: readonly ["day", "month", "year"];
@@ -60,8 +55,7 @@ export declare function hasAvailableDate(from: Date, to: Date, minDate: Date | u
 /** @internal */
 export declare function formatViewPageLabel(date: Date, view: CalendarView, locale?: string): string;
 /**
- * ISO-8601 week number (1-53). Week 1 contains the year's first Thursday.
- * Independent of `week-starts-on`. Uses local time, not UTC.
+ * ISO-8601 week number (1-53), where week 1 contains the year's first Thursday.
  *
  * @param date - Any day of the week to number; not mutated
  * @returns The ISO week number, 1-53
@@ -91,10 +85,7 @@ export interface DateRange {
 /** Calendar selection: `Date`, `Date[]`, `DateRange`, or `null`. Not discriminated (framework parity). */
 export type CalendarValue = Date | Date[] | DateRange | null;
 /**
- * Lenient input form of {@link CalendarValue}. Each Date position accepts ISO
- * strings; the whole selection accepts wire strings ('2026-08-10' single,
- * '2026-08-10,2026-08-14' set, '2026-08-10/2026-08-14' range, trailing / for
- * anchored range). Strings read as local-time calendar dates, never UTC.
+ * Lenient input form of {@link CalendarValue}, accepting ISO date strings and wire-format single/set/range strings, read as local calendar dates.
  */
 export type CalendarValueInput = DateInput | ReadonlyArray<DateInput> | {
     start: DateInput;
@@ -112,21 +103,14 @@ export declare function emptySelection(mode: CalendarSelectionMode): CalendarVal
 export declare function rangePositionOf(range: DateRange, date: Date): RangePosition | undefined;
 /** @internal */
 export declare function isDateSelected(value: CalendarValue, date: Date): boolean;
-/**
- * @internal New selection after choosing `date`: single returns `date`; multiple
- * toggles it in/out, sorted; range anchors a new range or closes the anchored
- * one, always ensuring `start <= end`.
- */
+/** @internal New selection after choosing `date`, per `mode` (single/multiple/range). */
 export declare function nextSelection(mode: CalendarSelectionMode, current: CalendarValue, date: Date): CalendarValue;
 /** @internal */
 export declare function selectionAnnouncement(value: CalendarValue, locale: string | undefined): string;
 /** @internal */
 export declare function anchorOf(value: CalendarValue): Date | null;
 /**
- * Month-grid date picker (WAI-ARIA grid) built on native `Date` math and
- * `Intl` for names. Selects single date, multiple dates, or start/end range
- * over consecutive months. Renders no box; manages state and exposes it to
- * descendant parts via `closest('skdx-calendar')`. Properties are source of truth.
+ * Month-grid date picker (WAI-ARIA grid) that selects a single date, multiple dates, or a date range over consecutive months.
  *
  * @example
  * ```html
@@ -146,8 +130,7 @@ export declare class SkdxCalendar extends LitElement {
      */
     selectionMode: CalendarSelectionMode;
     /**
-     * Current selection shaped by `selectionMode`. Property carries `Date`s;
-     * attribute carries local ISO-8601 wire form. Listen for `value-change`.
+     * Current selection shaped by `selectionMode`; the property carries `Date`s, the attribute a local ISO-8601 wire form.
      * @default null
      */
     get value(): CalendarValue;
@@ -199,60 +182,47 @@ export declare class SkdxCalendar extends LitElement {
     set defaultValue(next: CalendarValueInput | undefined);
     private _defaultValue?;
     /**
-     * Non-editable: cells stay focusable, `value-change` never fires,
-     * grid carries `aria-readonly="true"`. Distinct from `disabled`.
+     * Non-editable: cells stay focusable and `aria-readonly` is set, but `value-change` never fires.
      * @default false
      */
     readOnly: boolean;
     /**
-     * Allow selecting adjacent-month days. Enabled cells stay focusable
-     * and page the calendar on selection.
+     * Allows selecting adjacent-month days, which stay focusable and page the calendar on selection.
      * @default false
      */
     outsideDaySelectable: boolean;
     /**
-     * Disables the whole calendar: cells carry the native `disabled`
-     * attribute, grid leaves the tab order, carries `aria-disabled="true"`.
-     * Use `isDateDisabled` for per-date disabling.
+     * Disables the whole calendar: cells get the native `disabled` attribute, and the grid leaves the tab order.
      * @default false
      */
     disabled: boolean;
     /**
-     * Mark dates as disabled beyond `min-date`/`max-date`. Disabled cells
-     * are not focusable or clickable. Property only (is a function).
+     * Marks dates as disabled beyond `min-date`/`max-date`; disabled cells are not focusable or clickable.
      */
     isDateDisabled?: (date: Date) => boolean;
     /**
-     * Mark dates as unavailable. Unlike `isDateDisabled`, unavailable cells
-     * stay keyboard-reachable and are announced via `aria-disabled`. Property only.
+     * Marks dates as unavailable; unlike `isDateDisabled`, these cells stay keyboard-reachable and announce via `aria-disabled`.
      */
     isDateUnavailable?: (date: Date) => boolean;
     /** @internal */
     get resolvedDisabled(): ResolvedCalendarDisabled;
     /**
-     * Announce selection changes in `multiple` and `range` mode. Return empty
-     * string to announce nothing. This is the one string a `locale` cannot
-     * translate on its own. Property only (is a function).
+     * Announces selection changes in `multiple` and `range` mode; return an empty string to announce nothing.
      * @default undefined — built-in English wording
      */
     getSelectionAnnouncement?: (value: CalendarValue, locale: string | undefined) => string;
     /**
-     * Announce navigation button paging. Return empty string to announce
-     * nothing. Paging replaces all cells and moves no focus a screen reader reports.
-     * Property only (is a function).
+     * Announces navigation button paging; return an empty string to announce nothing.
      * @default undefined — `formatMonthLabel`
      */
     getMonthAnnouncement?: (month: Date, locale: string | undefined) => string;
     /**
-     * Navigation step size: 'visible' pages by the whole displayed span,
-     * 'single' always moves one month. Only observable with `number-of-months` > 1.
+     * Navigation step size: `'visible'` pages by the whole displayed span, `'single'` always moves one month.
      * @default 'visible'
      */
     pageBehavior: CalendarPageBehavior;
     /**
-     * Date treated as today: carries `data-today` and `aria-current="date"`.
-     * Read once at construction. Pass it explicitly to prevent SSR/client
-     * time-zone disagreements.
+     * Date treated as today, carrying `data-today` and `aria-current="date"`.
      * @default undefined — `new Date()` read once at construction
      */
     today?: Date;
@@ -260,8 +230,7 @@ export declare class SkdxCalendar extends LitElement {
     get todayDate(): Date;
     private readonly _constructedToday;
     /**
-     * Roving tab stop date. Listen for `focus-change` to observe or override.
-     * Moves with arrow keys and selects nothing, distinct from {@link value}.
+     * Roving tab stop date that moves with arrow keys and selects nothing, distinct from {@link value}.
      * @default selection's anchor or displayed month
      */
     get focusedDate(): Date;
@@ -277,9 +246,7 @@ export declare class SkdxCalendar extends LitElement {
     defaultFocusedDate?: Date;
     private _focusSeeded;
     /**
-     * Grid showing: day, month, or year view. Non-day grids navigate only;
-     * activating a cell steps the view down, leaving `value` untouched.
-     * Clamped into `min-view`/`max-view`.
+     * Grid showing (day, month, or year), clamped into `min-view`/`max-view`; activating a cell in a non-day view steps it down.
      * @default 'day'
      */
     get view(): CalendarView;
@@ -289,15 +256,13 @@ export declare class SkdxCalendar extends LitElement {
     /** @internal */
     private moveView;
     /**
-     * Grid shown first for uncontrolled usage, seeds {@link view}.
-     * Clamped to `min-view`/`max-view`.
+     * Grid shown first for uncontrolled usage, seeds {@link view}, clamped to `min-view`/`max-view`.
      * @default undefined — day grid
      */
     defaultView?: CalendarView;
     private _viewSeeded;
     /**
-     * Most granular view the calendar can step to. Raising it restricts
-     * navigation.
+     * Most granular view the calendar can step to; raising it restricts navigation.
      * @default 'day'
      */
     minView: CalendarView;
@@ -307,15 +272,11 @@ export declare class SkdxCalendar extends LitElement {
      */
     maxView: CalendarView;
     /**
-     * Label each week with its ISO-8601 number. ISO numbering runs from Monday
-     * independently of `week-starts-on`.
+     * Labels each week with its ISO-8601 number, which runs from Monday independently of `week-starts-on`.
      * @default false
      */
     weekNumbers: boolean;
-    /**
-     * Current selection in wire form (same as `value` attribute). Read half of
-     * the attribute for persisting; kept off event detail for framework parity.
-     */
+    /** Current selection in wire form, the same as the `value` attribute. */
     get valueAsString(): string | null;
     /** @internal */
     get resolvedWeekStartsOn(): 0 | 1 | 2 | 3 | 4 | 5 | 6;
@@ -331,8 +292,7 @@ export declare class SkdxCalendar extends LitElement {
     /** @internal Draws auto anatomy when no consumer children present. */
     private readonly fillAnatomy;
     /**
-     * Folds `date` into current selection per `selectionMode`, moves focus to it,
-     * and dispatches `value-change`. Range/multi changes go through LiveAnnouncer.
+     * Folds `date` into the current selection per `selectionMode`, moves focus to it, and dispatches `value-change`.
      */
     setValue(date: Date): void;
     /** @internal */
@@ -350,9 +310,13 @@ export declare class SkdxCalendar extends LitElement {
     /** @internal */
     private notify;
     protected willUpdate(changed: PropertyValues): void;
+    private seedView;
+    private seedFocusedDate;
+    private seedValue;
+    private seedMonth;
     protected update(changed: PropertyValues): void;
     protected updated(changed: Map<string, unknown>): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {