@cruglobal/cornerstone-components 0.1.0

package/dist/unbundled/components/known-date/known-date.styles.js

@@ -0,0 +1,8 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  known_date_styles_default
+} from "../../chunks/chunk.4UDHOT6G.js";
+import "../../chunks/chunk.M2YES2WV.js";
+export {
+  known_date_styles_default as default
+};

package/dist/unbundled/components/markdown/markdown.d.ts

@@ -0,0 +1,42 @@
+import { Marked } from 'marked';
+import CornerstoneElement from '../../internal/cornerstone-element.js';
+/**
+ * @summary Markdown elements render markdown content as HTML directly in the browser, making it easy to display
+ *  user-generated content or documentation without a server-side build step.
+ * @documentation https://cruglobal.github.io/cornerstone-design-system/components/markdown
+ * @status experimental
+ * @since 3.4
+ *
+ * @ssr - `<cs-markdown>` parses the content of its children at runtime, which requires a DOM. It can't render during SSR — use it on the client only.
+ */
+export default class CsMarkdown extends CornerstoneElement {
+    static css: import("lit").CSSResult;
+    /** Returns the shared Marked instance used by all `<cs-markdown>` components. */
+    static getMarked(): Marked;
+    /** Re-renders all connected `<cs-markdown>` instances. Call this after changing the Marked configuration. */
+    static updateAll(): void;
+    private renderGeneration;
+    private suppressSlotChange;
+    /** The tab stop width used when converting leading tabs to spaces during whitespace normalization. */
+    tabSize: number;
+    /** A reference to the shared Marked instance for convenience. Equivalent to `CsMarkdown.getMarked()`. */
+    get marked(): Marked;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Normalizes whitespace in the given text by converting leading tabs to spaces, trimming leading/trailing blank
+     * lines, and removing the common indentation prefix from all lines.
+     */
+    private dedent;
+    /** Finds the `<script type="text/markdown">` source element inside this component. */
+    private getSourceScript;
+    /** Reads the script content, normalizes whitespace, parses markdown, and injects the result. */
+    renderMarkdown(): void;
+    private handleSlotChange;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cs-markdown': CsMarkdown;
+    }
+}

package/dist/unbundled/components/markdown/markdown.js

@@ -0,0 +1,10 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsMarkdown
+} from "../../chunks/chunk.4ZQWNE4C.js";
+import "../../chunks/chunk.GSVRMFIX.js";
+import "../../chunks/chunk.MHH4NIPT.js";
+import "../../chunks/chunk.M2YES2WV.js";
+export {
+  CsMarkdown as default
+};

package/dist/unbundled/components/markdown/markdown.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/unbundled/components/markdown/markdown.styles.js

@@ -0,0 +1,8 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  markdown_styles_default
+} from "../../chunks/chunk.GSVRMFIX.js";
+import "../../chunks/chunk.M2YES2WV.js";
+export {
+  markdown_styles_default as default
+};

package/dist/unbundled/components/mutation-observer/mutation-observer.d.ts

@@ -0,0 +1,44 @@
+import CornerstoneElement from '../../internal/cornerstone-element.js';
+/**
+ * @summary Mutation observers watch for changes to an element's DOM tree and emit an event when they occur. Provides a
+ *  thin, declarative interface to the browser's MutationObserver API.
+ * @documentation https://cruglobal.github.io/cornerstone-design-system/components/mutation-observer
+ * @status stable
+ * @since 2.0
+ *
+ * @event {{ mutationList: MutationRecord[] }} cs-mutation - Emitted when a mutation occurs.
+ *
+ * @slot - The content to watch for mutations.
+ */
+export default class CsMutationObserver extends CornerstoneElement {
+    static css: import("lit").CSSResult;
+    private mutationObserver;
+    /**
+     * Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.
+     * `attr="class id title"`. To watch all attributes, use `*`.
+     */
+    attr: string;
+    /** Indicates whether or not the attribute's previous value should be recorded when monitoring changes. */
+    attrOldValue: boolean;
+    /** Watches for changes to the character data contained within the node. */
+    charData: boolean;
+    /** Indicates whether or not the previous value of the node's text should be recorded. */
+    charDataOldValue: boolean;
+    /** Watches for the addition or removal of new child nodes. */
+    childList: boolean;
+    /** Disables the observer. */
+    disabled: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleMutation;
+    private startObserver;
+    private stopObserver;
+    handleDisabledChange(): void;
+    handleChange(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cs-mutation-observer': CsMutationObserver;
+    }
+}

package/dist/unbundled/components/mutation-observer/mutation-observer.js

@@ -0,0 +1,12 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsMutationObserver
+} from "../../chunks/chunk.FMKRKVP5.js";
+import "../../chunks/chunk.DM7SWWJJ.js";
+import "../../chunks/chunk.25M5Z6XD.js";
+import "../../chunks/chunk.3QOMHIHS.js";
+import "../../chunks/chunk.MHH4NIPT.js";
+import "../../chunks/chunk.M2YES2WV.js";
+export {
+  CsMutationObserver as default
+};

package/dist/unbundled/components/mutation-observer/mutation-observer.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/unbundled/components/mutation-observer/mutation-observer.styles.js

@@ -0,0 +1,8 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  mutation_observer_styles_default
+} from "../../chunks/chunk.25M5Z6XD.js";
+import "../../chunks/chunk.M2YES2WV.js";
+export {
+  mutation_observer_styles_default as default
+};

package/dist/unbundled/components/number-input/number-input.d.ts

@@ -0,0 +1,146 @@
+import { type PropertyValues } from 'lit';
+import { CornerstoneFormAssociatedElement } from '../../internal/cornerstone-form-associated-element.js';
+import '../icon/icon.js';
+/**
+ * @summary Number inputs let users enter and edit numeric values, with optional stepper buttons for incrementing and
+ *  decrementing. Use them for quantities, measurements, and other numeric form fields.
+ * @documentation https://cruglobal.github.io/cornerstone-design-system/components/number-input
+ * @status stable
+ * @since 3.2
+ *
+ * @dependency cs-icon
+ *
+ * @slot label - The input's label. Alternatively, you can use the `label` attribute.
+ * @slot start - An element, such as `<cs-icon>`, placed at the start of the input control.
+ * @slot end - An element, such as `<cs-icon>`, placed at the end of the input control (before steppers).
+ * @slot increment-icon - An icon to use in lieu of the default increment icon.
+ * @slot decrement-icon - An icon to use in lieu of the default decrement icon.
+ * @slot hint - Text that describes how to use the input. Alternatively, you can use the `hint` attribute.
+ *
+ * @event blur - Emitted when the control loses focus.
+ * @event change - Emitted when an alteration to the control's value is committed by the user.
+ * @event focus - Emitted when the control gains focus.
+ * @event input - Emitted when the control receives input.
+ * @event beforeinput - Emitted before the value changes. Can be cancelled with `event.preventDefault()` to prevent the
+ *  value from changing.
+ * @event cs-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+ *
+ * @csspart form-control-label - The label.
+ * @csspart hint - The hint element.
+ * @csspart number-input - The component's outer wrapper.
+ * @csspart input - The internal `<input>` control.
+ * @csspart start - The container that wraps the `start` slot.
+ * @csspart end - The container that wraps the `end` slot.
+ * @csspart stepper - Both stepper buttons (for shared styling).
+ * @csspart stepper-increment - The increment (+) button on the end side.
+ * @csspart stepper-decrement - The decrement (-) button on the start side.
+ *
+ * @cssstate blank - The input is empty.
+ * @cssstate focused - The input has focus.
+ */
+export default class CsNumberInput extends CornerstoneFormAssociatedElement {
+    static css: import("lit").CSSResult[];
+    static shadowRootOptions: {
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry | null;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+        delegatesFocus: boolean;
+    };
+    static get validators(): import("../../internal/cornerstone-form-associated-element.js").Validator<CornerstoneFormAssociatedElement>[];
+    assumeInteractionOn: string[];
+    private readonly hasSlotController;
+    private readonly localize;
+    input: HTMLInputElement;
+    title: string;
+    private _value;
+    /** The current value of the input, submitted as a name/value pair with form data. */
+    get value(): string | null;
+    set value(val: string | null);
+    /** The default value of the form control. Primarily used for resetting the form control. */
+    defaultValue: string | null;
+    /** The input's size. */
+    size: 'xs' | 's' | 'm' | 'l' | 'xl';
+    /** The input's visual appearance. */
+    appearance: 'filled' | 'outlined' | 'filled-outlined';
+    /** Draws a pill-style input with rounded edges. */
+    pill: boolean;
+    /** The input's label. If you need to display HTML, use the `label` slot instead. */
+    label: string;
+    /** The input's hint. If you need to display HTML, use the `hint` slot instead. */
+    hint: string;
+    /** Placeholder text to show as a hint when the input is empty. */
+    placeholder: string;
+    /** Makes the input readonly. */
+    readonly: boolean;
+    /** Makes the input a required field. */
+    required: boolean;
+    /** The input's minimum value. */
+    min: number;
+    /** The input's maximum value. */
+    max: number;
+    /**
+     * Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is
+     * implied, allowing any numeric value.
+     */
+    step: number | 'any';
+    /** Hides the increment/decrement stepper buttons. */
+    withoutSteppers: boolean;
+    /**
+     * Specifies what permission the browser has to provide assistance in filling out form field values. Refer to
+     * [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.
+     */
+    autocomplete: string;
+    /** Indicates that the input should receive focus on page load. */
+    autofocus: boolean;
+    /** Used to customize the label or icon of the Enter key on virtual keyboards. */
+    enterkeyhint: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
+    /**
+     * Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual
+     * keyboard on supportive devices.
+     */
+    inputmode: 'numeric' | 'decimal';
+    /**
+     * Only required for SSR. Set to `true` if you're slotting in a `label` element so the server-rendered markup
+     * includes the label before the component hydrates on the client.
+     */
+    ssrLabel: boolean;
+    /**
+     * Only required for SSR. Set to `true` if you're slotting in a `hint` element so the server-rendered markup
+     * includes the hint before the component hydrates on the client.
+     */
+    ssrHint: boolean;
+    /**
+     * @internal
+     */
+    protected updateFormValue(value: unknown): void;
+    /** Returns true if the value is at or below the minimum. */
+    private get isAtMin();
+    /** Returns true if the value is at or above the maximum. */
+    private get isAtMax();
+    private handleChange;
+    private handleInput;
+    private handleKeyDown;
+    private handleStepperPointerUp;
+    private handleStepperPointerDown;
+    updated(changedProperties: PropertyValues<this>): void;
+    handleStepChange(): void;
+    /** Sets focus on the input. */
+    focus(options?: FocusOptions): void;
+    /** Removes focus from the input. */
+    blur(): void;
+    /** Selects all the text in the input. */
+    select(): void;
+    /** Increments the value by the step amount. */
+    stepUp(): void;
+    /** Decrements the value by the step amount. */
+    stepDown(): void;
+    formResetCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cs-number-input': CsNumberInput;
+    }
+}

package/dist/unbundled/components/number-input/number-input.js

@@ -0,0 +1,29 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsNumberInput
+} from "../../chunks/chunk.F4MW6YHP.js";
+import "../../chunks/chunk.J6XQ7PPB.js";
+import "../../chunks/chunk.YFRAY3EX.js";
+import "../../chunks/chunk.Y7YQ7MTR.js";
+import "../../chunks/chunk.3XMRDGUU.js";
+import "../../chunks/chunk.MDV4MWU5.js";
+import "../../chunks/chunk.G5KWAXZV.js";
+import "../../chunks/chunk.DJGKLHDS.js";
+import "../../chunks/chunk.4BSDHHLS.js";
+import "../../chunks/chunk.ZQ7G474G.js";
+import "../../chunks/chunk.RKGCFOCD.js";
+import "../../chunks/chunk.O6L7CNGM.js";
+import "../../chunks/chunk.VXLBZXY3.js";
+import "../../chunks/chunk.3QOMHIHS.js";
+import "../../chunks/chunk.MHH4NIPT.js";
+import "../../chunks/chunk.QGC4W2JQ.js";
+import "../../chunks/chunk.EXOHZSKZ.js";
+import "../../chunks/chunk.EJSU7GFZ.js";
+import "../../chunks/chunk.FGNU55DN.js";
+import "../../chunks/chunk.GT5PEMIO.js";
+import "../../chunks/chunk.HVRBYPAL.js";
+import "../../chunks/chunk.V3WAYU6A.js";
+import "../../chunks/chunk.M2YES2WV.js";
+export {
+  CsNumberInput as default
+};

package/dist/unbundled/components/number-input/number-input.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/unbundled/components/number-input/number-input.styles.js

@@ -0,0 +1,8 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  number_input_styles_default
+} from "../../chunks/chunk.J6XQ7PPB.js";
+import "../../chunks/chunk.M2YES2WV.js";
+export {
+  number_input_styles_default as default
+};

package/dist/unbundled/components/option/option.d.ts

@@ -0,0 +1,74 @@
+import type { PropertyValues } from 'lit';
+import { nothing } from 'lit';
+import CornerstoneElement from '../../internal/cornerstone-element.js';
+import '../icon/icon.js';
+/**
+ * @summary Options represent the individual choices inside a select or similar form control. Each option holds a value
+ *  and the label shown to the user.
+ * @documentation https://cruglobal.github.io/cornerstone-design-system/components/option
+ * @status stable
+ * @since 2.0
+ *
+ * @dependency cs-icon
+ *
+ * @slot - The option's label.
+ * @slot start - An element, such as `<cs-icon>`, placed before the label.
+ * @slot end - An element, such as `<cs-icon>`, placed after the label.
+ *
+ * @csspart checked-icon - The checked icon, a `<cs-icon>` element.
+ * @csspart label - The option's label.
+ * @csspart start - The container that wraps the `start` slot.
+ * @csspart end - The container that wraps the `end` slot.
+ *
+ * @cssstate current - The user has keyed into the option, but hasn't selected it yet (shows a highlight)
+ * @cssstate selected - The option is selected and has aria-selected="true"
+ * @cssstate disabled - Applied when the option is disabled
+ * @cssstate hover - Like `:hover` but works while dragging in Safari
+ *
+ * @cssproperty --current-text-color - The text color of the current (highlighted) option, paired with `--cs-form-control-activated-color`.
+ */
+export default class CsOption extends CornerstoneElement {
+    static css: import("lit").CSSResult;
+    private readonly localize;
+    private cachedDefaultLabel;
+    private isInitialized;
+    private isDefaultLabelDirty;
+    defaultSlot: HTMLSlotElement;
+    current: boolean;
+    /**
+     * The option's value. When selected, the containing form control will receive this value. The value must be unique
+     * from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing
+     * multiple values.
+     */
+    value: string;
+    /** Draws the option in a disabled state, preventing selection. */
+    disabled: boolean;
+    /** @internal */
+    selected: boolean;
+    /** Selects an option initially. */
+    defaultSelected: boolean;
+    _label: string;
+    /**
+     * The option’s plain text label.
+     * Usually automatically generated, but can be useful to provide manually for cases involving complex content.
+     */
+    set label(value: string);
+    get label(): string;
+    /** The default label, generated from the element contents. Will be equal to `label` in most cases. */
+    get defaultLabel(): string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleDefaultSlotChange;
+    private handleHover;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    syncDefaultSelected(): void;
+    updated(changedProperties: PropertyValues<this>): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): Promise<void>;
+    private updateDefaultLabel;
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cs-option': CsOption;
+    }
+}

package/dist/unbundled/components/option/option.js

@@ -0,0 +1,22 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsOption
+} from "../../chunks/chunk.OACS5EXV.js";
+import "../../chunks/chunk.A7ZNKNLV.js";
+import "../../chunks/chunk.ZQ7G474G.js";
+import "../../chunks/chunk.RKGCFOCD.js";
+import "../../chunks/chunk.O6L7CNGM.js";
+import "../../chunks/chunk.VXLBZXY3.js";
+import "../../chunks/chunk.3QOMHIHS.js";
+import "../../chunks/chunk.MHH4NIPT.js";
+import "../../chunks/chunk.QGC4W2JQ.js";
+import "../../chunks/chunk.EXOHZSKZ.js";
+import "../../chunks/chunk.EJSU7GFZ.js";
+import "../../chunks/chunk.FGNU55DN.js";
+import "../../chunks/chunk.GT5PEMIO.js";
+import "../../chunks/chunk.HVRBYPAL.js";
+import "../../chunks/chunk.V3WAYU6A.js";
+import "../../chunks/chunk.M2YES2WV.js";
+export {
+  CsOption as default
+};

package/dist/unbundled/components/option/option.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/unbundled/components/option/option.styles.js

@@ -0,0 +1,8 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  option_styles_default
+} from "../../chunks/chunk.A7ZNKNLV.js";
+import "../../chunks/chunk.M2YES2WV.js";
+export {
+  option_styles_default as default
+};

package/dist/unbundled/components/otp-input/otp-input.d.ts

@@ -0,0 +1,146 @@
+import { type PropertyValues } from 'lit';
+import { CornerstoneFormAssociatedElement } from '../../internal/cornerstone-form-associated-element.js';
+/**
+ * @summary OTP inputs collect one-time passcodes, PINs, and other fixed-length codes, one character per segment.
+ * Use them for SMS verification, two-factor authentication, and invite codes.
+ * @documentation https://cruglobal.github.io/cornerstone-design-system/components/otp-input
+ * @status experimental
+ * @since 3.11
+ *
+ * @slot label - An optional label. Use this for labels that contain HTML. Takes precedence over the `label` attribute, which is its fallback.
+ * @slot hint - Optional hint text. Use this for hints that contain HTML. Takes precedence over the `hint` attribute, which is its fallback.
+ *
+ * @event focus - Emitted when the control gains focus.
+ * @event blur - Emitted when the control loses focus.
+ * @event input - Emitted when a character is entered or removed.
+ * @event change - Emitted when the value changes and the field loses focus.
+ * @event cs-complete - Emitted once when all segments are filled. Cancelable — call `preventDefault()` to stop
+ *   `autosubmit` from submitting the form for this completion.
+ * @event cs-clear - Emitted when the control's value is cleared.
+ * @event cs-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+ *
+ * @csspart label - The label element.
+ * @csspart hint - The hint element.
+ * @csspart segments - The wrapper around all segment cells and separators.
+ * @csspart segment - An individual character segment cell.
+ * @csspart segment-literal - Inert literal text between segment groups (e.g. space or dash).
+ *
+ * @cssstate --blank - Applied when no characters have been entered.
+ * @cssstate --filled - Applied when all segments are filled.
+ * @cssstate disabled - Applied when the component is disabled.
+ * @cssstate readonly - Applied when the component is readonly.
+ * @cssstate user-invalid - Applied when validation fails after interaction.
+ *
+ * @cssproperty [--segment-size=2.5em] - Width and height of each segment cell.
+ * @cssproperty [--segment-gap=var(--cs-space-xs)] - Gap between segments (not used in `contained` appearance).
+ * @cssproperty [--segment-border-radius=var(--cs-form-control-border-radius)] - Corner radius of each segment.
+ * @cssproperty [--mask-char='•'] - Character shown in place of entered values when `mask` is set, and as a hint
+ *   in empty segments when `with-mask` is set.
+ */
+export default class CsOtpInput extends CornerstoneFormAssociatedElement {
+    static shadowRootOptions: {
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry | null;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+        delegatesFocus: boolean;
+    };
+    static css: import("lit").CSSResult[];
+    static get validators(): import("../../internal/cornerstone-form-associated-element.js").Validator<CornerstoneFormAssociatedElement>[];
+    private readonly hasSlotController;
+    /** The real `<input>` used for form association and validation (visually hidden). */
+    input: HTMLInputElement;
+    private segmentsContainer;
+    get validationTarget(): HTMLElement;
+    private _focused;
+    private _activeIndex;
+    private _selectionAnchor;
+    private _pendingClickIndex;
+    private get hasSelection();
+    private setCaretIndex;
+    private _value;
+    /** The current value of the OTP field, submitted as a name/value pair with form data. */
+    get value(): string;
+    set value(val: string);
+    /** The default value. Used to restore the field on form reset. Reflects the `value` HTML attribute. */
+    defaultValue: string | null;
+    /** Number of character segments to display. Overridden by `format` when set. */
+    length: number;
+    /** Visual appearance of the segments. */
+    appearance: 'outlined' | 'filled' | 'filled-outlined' | 'contained';
+    /** Allowed character class. */
+    type: 'numeric' | 'alpha' | 'alphanumeric';
+    /** When true, entered characters are displayed as `--mask-char` instead of their real value. */
+    mask: boolean;
+    /** Case transformation applied to entered characters. */
+    case: 'preserve' | 'upper' | 'lower';
+    /** The size of each segment. */
+    size: 'xs' | 's' | 'm' | 'l' | 'xl';
+    /** A label shown above the segments. Use the `label` slot for HTML content. */
+    label: string;
+    /** Hint text shown below the segments. Use the `hint` slot for HTML content. */
+    hint: string;
+    /** Only required for SSR. Set to `true` if you're slotting in a `label` element. */
+    ssrLabel: boolean;
+    /** Only required for SSR. Set to `true` if you're slotting in a `hint` element. */
+    ssrHint: boolean;
+    /**
+     * Segment format string using `#` as a segment placeholder and any other character as a literal separator.
+     * Setting `format` overrides `length` (the segment count is derived from the number of `#` characters).
+     * @example "### ###" → two groups of three with a space between them
+     * @example "####-####" → two groups of four joined by a dash
+     */
+    format: string;
+    /** The `autocomplete` attribute forwarded to the underlying input. */
+    autocomplete: string;
+    /** Makes the field required. A partially-filled field is always invalid regardless of this attribute. */
+    required: boolean;
+    /** Makes the field readonly — the value displays but cannot be edited by the user. */
+    readonly: boolean;
+    /** When true, the form is submitted automatically once all segments are filled. */
+    autosubmit: boolean;
+    /** Automatically focuses the field when the page loads. */
+    autofocus: boolean;
+    /**
+     * When true, empty segments show `--mask-char` as a hint instead of appearing blank, similar to
+     * how a password field communicates its expected length before anything is typed.
+     */
+    withMask: boolean;
+    assumeInteractionOn: string[];
+    private _lastChangeValue;
+    /** Number of segments derived from `format` (count of `#`) or `length`. */
+    get effectiveLength(): number;
+    /** Parsed format array — each entry is a segment slot or a literal separator character. */
+    private get parsedFormat();
+    private filterAndTransform;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    protected updated(changedProperties: PropertyValues): void;
+    private syncCursor;
+    formResetCallback(): void;
+    private handleInput;
+    private maybeDispatchComplete;
+    private handleKeyDown;
+    private spliceValue;
+    private handlePaste;
+    private handleFocus;
+    private handleSelect;
+    private handleBlur;
+    private segmentIndexAt;
+    private handleSegmentsPointerDown;
+    private handleSegmentsClick;
+    /** Clears the current value and returns focus to the field. */
+    clear(): void;
+    /** Focuses the field. */
+    focus(options?: FocusOptions): void;
+    /** Removes focus from the field. */
+    blur(): void;
+    /** Selects all entered characters in the hidden input. */
+    select(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cs-otp-input': CsOtpInput;
+    }
+}

package/dist/unbundled/components/otp-input/otp-input.js

@@ -0,0 +1,20 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsOtpInput
+} from "../../chunks/chunk.3MAZCRKI.js";
+import "../../chunks/chunk.2OLAKXLK.js";
+import "../../chunks/chunk.IREAU2QM.js";
+import "../../chunks/chunk.6INMSSKP.js";
+import "../../chunks/chunk.HKGYFZKM.js";
+import "../../chunks/chunk.YFRAY3EX.js";
+import "../../chunks/chunk.Y7YQ7MTR.js";
+import "../../chunks/chunk.3XMRDGUU.js";
+import "../../chunks/chunk.MDV4MWU5.js";
+import "../../chunks/chunk.G5KWAXZV.js";
+import "../../chunks/chunk.DJGKLHDS.js";
+import "../../chunks/chunk.4BSDHHLS.js";
+import "../../chunks/chunk.MHH4NIPT.js";
+import "../../chunks/chunk.M2YES2WV.js";
+export {
+  CsOtpInput as default
+};

package/dist/unbundled/components/otp-input/otp-input.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/unbundled/components/otp-input/otp-input.styles.js

@@ -0,0 +1,8 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  otp_input_styles_default
+} from "../../chunks/chunk.IREAU2QM.js";
+import "../../chunks/chunk.M2YES2WV.js";
+export {
+  otp_input_styles_default as default
+};