@cruglobal/cornerstone-components 0.1.0

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

@@ -0,0 +1,242 @@
+import { type PropertyValues } from 'lit';
+import type { TemplateResult } from 'lit-html';
+import '../../components/popup/popup.js';
+import type CsPopup from '../../components/popup/popup.js';
+import { CornerstoneFormAssociatedElement } from '../../internal/cornerstone-form-associated-element.js';
+export type CsTimeInputSize = 'xs' | 's' | 'm' | 'l' | 'xl';
+export type CsTimeInputPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end';
+export type CsTimeInputHourFormat = 'auto' | '12' | '24';
+/**
+ * @summary Time pickers let users enter a time through a segmented field or select one visually from a popup column
+ *  picker. They support 12- and 24-hour formats, optional seconds, and locale-aware segment order.
+ * @documentation https://cruglobal.github.io/cornerstone-design-system/components/time-input
+ * @status experimental
+ * @since 3.8
+ *
+ * @dependency cs-icon
+ * @dependency cs-popup
+ *
+ * @slot label - The time picker's label. Alternatively, use the `label` attribute.
+ * @slot hint - Text that describes how to use the time picker. Alternatively, use the `hint` attribute.
+ * @slot start - An element placed at the start of the input.
+ * @slot end - An element placed at the end of the input.
+ * @slot clear-icon - An icon to use in lieu of the default clear icon.
+ * @slot expand-icon - The icon to show on the popup toggle button. Defaults to a clock icon.
+ * @slot footer - Content shown below the column picker in the popup. Replaces the default Now button when present.
+ *
+ * @event change - Emitted when the committed value changes.
+ * @event input - Emitted as the user types into a segment or interacts with the popup columns.
+ * @event focus - Emitted when the control receives focus.
+ * @event blur - Emitted when the control loses focus.
+ * @event cs-clear - Emitted when the clear button is activated.
+ * @event cs-show - Emitted when the popup is about to open. Cancelable.
+ * @event cs-after-show - Emitted after the popup opens and animations complete.
+ * @event cs-hide - Emitted when the popup is about to close. Cancelable.
+ * @event cs-after-hide - Emitted after the popup closes and animations complete.
+ * @event cs-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+ *
+ * @csspart form-control - The form control that wraps the label, input, and hint.
+ * @csspart form-control-label - The label.
+ * @csspart form-control-input - The input's wrapper.
+ * @csspart hint - The hint's wrapper.
+ * @csspart time-input - The component's outer wrapper.
+ * @csspart input-wrapper - The container around the start slot, segmented input, clear button, and expand button.
+ * @csspart start - The container that wraps the `start` slot.
+ * @csspart end - The container that wraps the `end` slot.
+ * @csspart input - The segmented input group.
+ * @csspart segment - Each editable segment (hour/minute/second/AM-PM spinbutton). Use `[part~="segment"]` to style all.
+ * @csspart segment-literal - Inert literal text between segments (separators).
+ * @csspart clear-button - The clear button.
+ * @csspart expand-button - The popup toggle button.
+ * @csspart expand-icon - The expand icon wrapper.
+ * @csspart popup - The popup container.
+ * @csspart columns - The row of column listboxes inside the popup.
+ * @csspart column - Each column listbox.
+ * @csspart column-hour - The hour column listbox.
+ * @csspart column-minute - The minute column listbox.
+ * @csspart column-second - The second column listbox.
+ * @csspart column-day-period - The AM/PM column listbox.
+ * @csspart column-item - Each option inside a column.
+ * @csspart column-item-selected - The currently selected option inside a column.
+ * @csspart now-button - The default "Now" button rendered in the popup footer when `with-now` is set.
+ *
+ * @cssproperty [--show-duration=var(--cs-transition-fast)] - The duration of the show animation.
+ * @cssproperty [--hide-duration=var(--cs-transition-fast)] - The duration of the hide animation.
+ * @cssproperty [--column-item-height=2.25em] - Height of each option inside a popup column.
+ * @cssproperty [--column-width=3em] - Width of each popup column.
+ *
+ * @cssstate blank - The time picker has no committed value.
+ * @cssstate open - The popup is open.
+ * @cssstate disabled - The time picker is disabled.
+ */
+export default class CsTimeInput 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>[];
+    /** Every segment edit dispatches `input`, so a single observed `input` event marks the field as interacted with. */
+    assumeInteractionOn: string[];
+    private readonly hasSlotController;
+    private readonly localize;
+    private readonly popupId;
+    private readonly keyboardHelpId;
+    private pendingValue;
+    /** When true, the next `show()` will move focus into the first popup column (set by Alt+ArrowDown). */
+    private moveFocusToColumnOnShow;
+    /** Debounces duplicate `change` events when the value hasn't transitioned. */
+    private lastEmittedValue;
+    popup: CsPopup;
+    valueInput: HTMLInputElement;
+    /** The segments displayed in the input and popup. The wire value is derived from these. */
+    private segments;
+    /**
+     * Generic segmented-input plumbing. Owns per-segment digit buffers, roving tabindex, navigation keys
+     * (arrows / Home / End / Tab flush / Backspace / Delete), and separator advance. Time-specific rules
+     * (per-field digit semantics, wraparound stepping, layout derivation) are plugged in below.
+     */
+    private readonly segmentsController;
+    /** Localized term lookup. Falls back to the English string if a locale hasn't translated the key yet. */
+    private term;
+    get validationTarget(): HTMLInputElement;
+    /** The time picker's name, submitted as a name/value pair with form data. */
+    name: string;
+    private _value;
+    /**
+     * The time picker's value as a wire-format string matching HTML `<input type="time">`: `HH:mm`, `HH:mm:ss`, or
+     * `HH:mm:ss.sss` (always 24-hour). The setter also accepts a `Date` (extracts local h/m/s) or `null`.
+     */
+    get value(): string;
+    set value(val: string | Date | null);
+    /** The default value of the form control. Used for form reset. */
+    defaultValue: string;
+    /** Disables the time picker. */
+    disabled: boolean;
+    /** Makes the time picker required for form submission. */
+    required: boolean;
+    /** Makes the input non-editable. The popup still opens for browsing. */
+    readonly: boolean;
+    /** The time picker's size. */
+    size: CsTimeInputSize;
+    /** The time picker's visual appearance. */
+    appearance: 'filled' | 'outlined' | 'filled-outlined';
+    /** Draws a pill-style time picker with rounded edges. */
+    pill: boolean;
+    /** The time picker's label. If you need to display HTML, use the `label` slot instead. */
+    label: string;
+    /** The time picker's hint. If you need to display HTML, use the `hint` slot instead. */
+    hint: string;
+    /** Forwarded to the hidden form input to enable browser autofill (`on`/`off`/custom tokens). */
+    autocomplete: string;
+    /** Shows a clear button when the time picker has a value. */
+    withClear: boolean;
+    /** Renders a "Now" button in the popup footer. */
+    withNow: boolean;
+    /** 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;
+    /** Only required for SSR. Set to `true` if you're slotting in a `footer` element. */
+    ssrFooter: boolean;
+    /**
+     * The earliest selectable time in wire format. May be later than `max` to represent an overnight range. The picker
+     * delegates reversed-range semantics to the mirrored native `<input type="time">`.
+     */
+    min: string;
+    /** The latest selectable time in wire format. */
+    max: string;
+    /**
+     * The granularity, in seconds, matching HTML `<input type="time">`. Default `60` hides the seconds segment.
+     * Values below 60 reveal the seconds segment. `'any'` disables `stepMismatch` enforcement.
+     */
+    step: number | 'any';
+    /** Whether the UI uses a 12-hour or 24-hour clock. `auto` follows the resolved locale. */
+    hourFormat: CsTimeInputHourFormat;
+    /** Whether the popup is open. */
+    open: boolean;
+    /** Preferred popup placement. */
+    placement: CsTimeInputPlacement;
+    /** Distance in pixels between the popup and the input. */
+    distance: number;
+    disconnectedCallback(): void;
+    firstUpdated(changedProperties: PropertyValues<typeof this>): void;
+    protected updated(changed: Map<string, unknown>): void;
+    handleDisabledChange(): void;
+    handleOpenChange(): Promise<void>;
+    /** Sets focus on the first empty (else first) segment. */
+    focus(options?: FocusOptions): void;
+    /** Removes focus from the time picker. */
+    blur(): void;
+    /** Opens the popup. */
+    show(): Promise<void>;
+    /** Closes the popup. */
+    hide(): Promise<void>;
+    /** The time as a `Date` (today + wire value), or `null` when empty. */
+    get valueAsDate(): Date | null;
+    /** Milliseconds since midnight, or `NaN` when empty. */
+    get valueAsNumber(): number;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string | File | FormData | null): void;
+    private get resolvedLocale();
+    private get isRtl();
+    /** Final hour12 decision: `auto` defers to the locale; explicit `'12'` / `'24'` overrides. */
+    private get resolvedHour12();
+    /** Whether the seconds segment is shown given the current `step` value. */
+    private get resolvedWithSeconds();
+    private getLayout;
+    private normalizeIncomingValue;
+    /** Recompute the segment state from the canonical `_value`. Discards any in-progress digit buffers. */
+    private syncSegmentsFromCanonical;
+    private updateHiddenInput;
+    /**
+     * Recompute the canonical value from the current segments. Fires `input` always, and `change` when the value
+     * transitions, matching `<input type="time">` semantics.
+     */
+    private recomputeValue;
+    private addOpenListeners;
+    private removeOpenListeners;
+    private handleDocumentFocusIn;
+    private handleDocumentKeyDown;
+    private handleDocumentMouseDown;
+    private focusActiveSegment;
+    private handleSegmentFocus;
+    private handleSegmentBlur;
+    private handleInputWrapperPointerDown;
+    private handleSegmentKeyDown;
+    private handleExpandButtonClick;
+    private handleClearClick;
+    private handleClearMouseDown;
+    private handleNowClick;
+    /** Field list for the visible columns, based on the resolved layout. */
+    private get columnFields();
+    private columnItemsFor;
+    private focusFirstColumn;
+    private scrollColumnsToCurrent;
+    /**
+     * Scroll `column` only as far as needed to keep `item` in view. Equivalent to `scrollIntoView({ block: 'nearest' })`
+     * but scoped to the column so it can't scroll ancestors (the page, popup, etc.). Measured with
+     * `getBoundingClientRect` because the items' `offsetParent` isn't the column.
+     */
+    private keepItemInView;
+    private handleColumnItemClick;
+    private handleColumnKeyDown;
+    /** Visual placeholder rendered in an empty segment. Matches the native `<input type="time">` UI. */
+    private placeholderFor;
+    /** Localized readable name of the field, used for the spinbutton's aria-label. */
+    private fieldLabelFor;
+    private segmentAriaValueText;
+    render(): TemplateResult<1>;
+    private renderSegmentGroup;
+    private renderSegment;
+    private renderColumn;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cs-time-input': CsTimeInput;
+    }
+}

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

@@ -0,0 +1,32 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsTimeInput
+} from "../../chunks/chunk.3TDBUBJM.js";
+import "../../chunks/chunk.MD7QGXV6.js";
+import "../../chunks/chunk.3CUSENSO.js";
+import "../../chunks/chunk.BNGGMXK5.js";
+import "../../chunks/chunk.5MGJKMWB.js";
+import "../../chunks/chunk.A2JHAWF4.js";
+import "../../chunks/chunk.KCSF6NHY.js";
+import "../../chunks/chunk.HKGYFZKM.js";
+import "../../chunks/chunk.37FJIXOD.js";
+import "../../chunks/chunk.N46QJHPG.js";
+import "../../chunks/chunk.E3WBPNHV.js";
+import "../../chunks/chunk.ITDZMCUA.js";
+import "../../chunks/chunk.LJBXODA4.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.QSXSR2S5.js";
+import "../../chunks/chunk.IQJMSIWD.js";
+import "../../chunks/chunk.3QOMHIHS.js";
+import "../../chunks/chunk.MHH4NIPT.js";
+import "../../chunks/chunk.QGC4W2JQ.js";
+import "../../chunks/chunk.EXOHZSKZ.js";
+import "../../chunks/chunk.M2YES2WV.js";
+export {
+  CsTimeInput as default
+};

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

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

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

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

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

@@ -0,0 +1,83 @@
+import CornerstoneElement from '../../internal/cornerstone-element.js';
+import '../toast-item/toast-item.js';
+import type CsToastItem from '../toast-item/toast-item.js';
+export interface ToastIconOptions {
+    /** The name of the icon to draw. */
+    name: string;
+    /** The name of a registered custom icon library. */
+    library?: string;
+    /** The family of icons to choose from (e.g., 'sharp', 'outlined', 'rounded'). */
+    family?: string;
+    /** The icon variant (e.g., 'regular', 'fill'). */
+    variant?: string;
+}
+export interface ToastCreateOptions {
+    /**
+     * Set to true to process the message as HTML instead of plain text. Make sure you trust the content, otherwise your
+     * app may become vulnerable to XSS exploits!
+     */
+    allowHtml?: boolean;
+    /**
+     * The length of time in milliseconds to show the notification before removing it. Set to 0 to keep the notification
+     * open until the user dismisses it.
+     */
+    duration?: number;
+    /**
+     * An optional icon to display at the start of the toast item. Can be a string (icon name) or an object with
+     * additional icon options like library, family, and variant.
+     */
+    icon?: string | ToastIconOptions;
+    /** The toast item's variant. */
+    variant?: 'brand' | 'highlight' | 'information' | 'success' | 'warning' | 'danger' | 'neutral';
+    /** The toast item's size. */
+    size?: 'xs' | 's' | 'm' | 'l' | 'xl';
+}
+/**
+ * @summary Toasts display brief, non-blocking notifications that appear temporarily above the page content.
+ * @documentation https://cruglobal.github.io/cornerstone-design-system/components/toast
+ * @status stable
+ * @since 3.3
+ *
+ * @dependency cs-toast-item
+ *
+ * @slot - Place `<cs-toast-item>` elements here to show them as notifications.
+ *
+ * @csspart stack - The container that holds the toast items.
+ *
+ * @cssproperty [--gap=var(--cs-space-s)] - The gap between stacked toast items.
+ * @cssproperty [--width=28rem] - The width of the toast stack.
+ *
+ * @cssstate visible - Applied when the toast stack has one or more visible toast items.
+ */
+export default class CsToast extends CornerstoneElement {
+    static css: import("lit").CSSResult;
+    private activatedToastItems;
+    private positionCache;
+    stack: HTMLElement;
+    /** The placement of the toast stack on the screen. */
+    placement: 'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end';
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleDocumentKeyDown;
+    private handleSlotChange;
+    private announceToastItem;
+    private handleAfterHide;
+    private getToastItems;
+    /** Captures the current position of all toast items for FLIP animation. */
+    private capturePositions;
+    /** Animates toast items from their cached positions to their new positions using FLIP. */
+    private animatePositions;
+    private showStack;
+    private hideStack;
+    /**
+     * Creates a toast notification programmatically and adds it to the stack. Returns a reference to the created toast
+     * item element.
+     */
+    create(message: string, options?: ToastCreateOptions): Promise<CsToastItem>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cs-toast': CsToast;
+    }
+}

package/dist/unbundled/components/toast/toast.js

@@ -0,0 +1,35 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsToast
+} from "../../chunks/chunk.HMDFBHVJ.js";
+import "../../chunks/chunk.SPCF5JL6.js";
+import "../../chunks/chunk.YBRM4CVR.js";
+import "../../chunks/chunk.SOGOWBTP.js";
+import "../../chunks/chunk.ED5RACWZ.js";
+import "../../chunks/chunk.RBEGIVXE.js";
+import "../../chunks/chunk.BNGGMXK5.js";
+import "../../chunks/chunk.5MGJKMWB.js";
+import "../../chunks/chunk.A2JHAWF4.js";
+import "../../chunks/chunk.KCSF6NHY.js";
+import "../../chunks/chunk.3XMRDGUU.js";
+import "../../chunks/chunk.AANKWLOE.js";
+import "../../chunks/chunk.4BSDHHLS.js";
+import "../../chunks/chunk.T24BSOWI.js";
+import "../../chunks/chunk.IQJMSIWD.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 {
+  CsToast as default
+};

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

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

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

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

package/dist/unbundled/components/toast-item/toast-item.d.ts

@@ -0,0 +1,86 @@
+import CornerstoneElement from '../../internal/cornerstone-element.js';
+import '../icon/icon.js';
+import '../progress-ring/progress-ring.js';
+/**
+ * @summary Toast items are individual notifications displayed within a toast container.
+ * @documentation https://cruglobal.github.io/cornerstone-design-system/components/toast
+ * @status stable
+ * @since 3.3
+ *
+ * @dependency cs-icon
+ * @dependency cs-progress-ring
+ *
+ * @slot - The toast item's message content.
+ * @slot icon - An optional icon to show at the start of the toast item.
+ *
+ * @event cs-show - Emitted when the toast item begins to show.
+ * @event cs-after-show - Emitted after the toast item has finished showing.
+ * @event cs-hide - Emitted when the toast item begins to hide.
+ * @event cs-after-hide - Emitted after the toast item has finished hiding.
+ *
+ * @csspart toast-item - The toast item's main container.
+ * @csspart accent - The colored accent line on the start side.
+ * @csspart icon - The icon container.
+ * @csspart content - The message content container.
+ * @csspart close-button - The close button element.
+ * @csspart progress-ring - The progress ring component.
+ * @csspart progress-ring__progress-ring - The progress ring's exported `progress-ring` part.
+ * @csspart progress-ring__label - The progress ring's exported label part.
+ * @csspart progress-ring__track - The progress ring's exported track part.
+ * @csspart progress-ring__indicator - The progress ring's exported indicator part.
+ * @csspart close-icon - The close icon element.
+ * @csspart close-icon__svg - The close icon's exported svg part.
+ *
+ * @cssproperty --accent-width - The width of the accent line. Defaults to 4px.
+ * @cssproperty --padding - The internal spacing of the toast item. Scales with the `size` attribute.
+ * @cssproperty [--show-duration=var(--cs-transition-normal)] - The animation duration when showing.
+ * @cssproperty [--hide-duration=var(--cs-transition-normal)] - The animation duration when hiding.
+ */
+export default class CsToastItem extends CornerstoneElement {
+    static css: import("lit").CSSResult[];
+    private readonly hasSlotController;
+    private readonly localize;
+    private animationFrame;
+    private startTime;
+    private isHovering;
+    private isFocused;
+    toastItemElement: HTMLElement;
+    /** @internal The time remaining as a percentage (100 to 0). */
+    timeLeft: number;
+    /** The toast item's variant. */
+    variant: 'brand' | 'highlight' | 'information' | 'success' | 'warning' | 'danger' | 'neutral';
+    /** The toast item's size. */
+    size: 'xs' | 's' | 'm' | 'l' | 'xl';
+    /**
+     * The length of time in milliseconds before the toast item is automatically dismissed. Set to 0 to keep the toast
+     * item open until the user dismisses it.
+     */
+    duration: number;
+    /**
+     * Only required for SSR. Set to `true` if you're slotting in an `icon` element so the server-rendered markup
+     * includes the icon before the component hydrates on the client.
+     */
+    ssrIcon: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** @internal Starts the toast item's timer and shows it. Called by the parent toast component. */
+    startTimer(): Promise<void>;
+    /** @internal Stops the toast item's timer. */
+    stopTimer(): void;
+    private tick;
+    /** Hides the toast item with animation and removes it from the DOM. */
+    hide(): Promise<void>;
+    private handleCloseClick;
+    private pauseTimer;
+    private resumeTimer;
+    private handlePointerEnter;
+    private handlePointerLeave;
+    private handleFocusIn;
+    private handleFocusOut;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cs-toast-item': CsToastItem;
+    }
+}

package/dist/unbundled/components/toast-item/toast-item.js

@@ -0,0 +1,32 @@
+/*! Cornerstone Components 0.1.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import {
+  CsToastItem
+} from "../../chunks/chunk.YBRM4CVR.js";
+import "../../chunks/chunk.SOGOWBTP.js";
+import "../../chunks/chunk.ED5RACWZ.js";
+import "../../chunks/chunk.RBEGIVXE.js";
+import "../../chunks/chunk.BNGGMXK5.js";
+import "../../chunks/chunk.5MGJKMWB.js";
+import "../../chunks/chunk.A2JHAWF4.js";
+import "../../chunks/chunk.KCSF6NHY.js";
+import "../../chunks/chunk.3XMRDGUU.js";
+import "../../chunks/chunk.4BSDHHLS.js";
+import "../../chunks/chunk.T24BSOWI.js";
+import "../../chunks/chunk.IQJMSIWD.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 {
+  CsToastItem as default
+};

package/dist/unbundled/components/toast-item/toast-item.styles.d.ts

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

package/dist/unbundled/components/toast-item/toast-item.styles.js

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

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

@@ -0,0 +1,91 @@
+import { type PropertyValues } from 'lit';
+import CornerstoneElement from '../../internal/cornerstone-element.js';
+import CsPopup from '../popup/popup.js';
+/**
+ * @summary Tooltips display brief contextual information when the user hovers, focuses, or taps a target element.
+ * @documentation https://cruglobal.github.io/cornerstone-design-system/components/tooltip
+ * @status stable
+ * @since 2.0
+ *
+ * @dependency cs-popup
+ *
+ * @slot - The tooltip's default slot where any content should live. Interactive content should be avoided.
+ *
+ * @event cs-show - Emitted when the tooltip begins to show.
+ * @event cs-after-show - Emitted after the tooltip has shown and all animations are complete.
+ * @event cs-hide - Emitted when the tooltip begins to hide.
+ * @event cs-after-hide - Emitted after the tooltip has hidden and all animations are complete.
+ *
+ * @csspart tooltip - The component's outer wrapper.
+ * @csspart tooltip__popup - The popup's exported `popup` part. Use this to target the tooltip's popup container.
+ * @csspart tooltip__arrow - The popup's exported `arrow` part. Use this to target the tooltip's arrow.
+ * @csspart body - The tooltip's body where its content is rendered.
+ *
+ * @cssproperty --max-width - The maximum width of the tooltip before its content will wrap.
+ */
+export default class CsTooltip extends CornerstoneElement {
+    static css: import("lit").CSSResult;
+    static dependencies: {
+        'cs-popup': typeof CsPopup;
+    };
+    private hoverTimeout;
+    defaultSlot: HTMLSlotElement;
+    body: HTMLElement;
+    popup: CsPopup;
+    /**
+     * The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
+     * inside of the viewport.
+     */
+    placement: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+    /** Disables the tooltip so it won't show when triggered. */
+    disabled: boolean;
+    /** The distance in pixels from which to offset the tooltip away from its target. */
+    distance: number;
+    /** Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods. */
+    open: boolean;
+    /** The distance in pixels from which to offset the tooltip along its target. */
+    skidding: number;
+    /** The amount of time to wait before showing the tooltip when the user mouses in. */
+    showDelay: number;
+    /** The amount of time to wait before hiding the tooltip when the user mouses out. */
+    hideDelay: number;
+    /**
+     * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple
+     * options can be passed by separating them with a space. When manual is used, the tooltip must be activated
+     * programmatically.
+     */
+    trigger: string;
+    /** Removes the arrow from the tooltip. */
+    withoutArrow: boolean;
+    for: string | null;
+    anchor: null | Element;
+    private eventController;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(changedProperties: PropertyValues<typeof this>): void;
+    private handleBlur;
+    private handleClick;
+    private handleFocus;
+    private handleDocumentKeyDown;
+    private handleMouseOver;
+    private handleMouseOut;
+    private hasTrigger;
+    /** Adds the tooltip ID to the aria-labelledby attribute */
+    private addToAriaLabelledBy;
+    /** Removes the tooltip ID from the aria-labelledby attribute */
+    private removeFromAriaLabelledBy;
+    handleOpenChange(): Promise<void>;
+    handleForChange(): void;
+    handleOptionsChange(): Promise<void>;
+    handleDisabledChange(): void;
+    /** Shows the tooltip. */
+    show(): Promise<void>;
+    /** Hides the tooltip */
+    hide(): Promise<void>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cs-tooltip': CsTooltip;
+    }
+}