@cumulus-ui/components 0.1.0

package/dist/tiles/interfaces.d.ts

@@ -0,0 +1,71 @@
+export interface TilesProps {
+    /**
+     * Specify a custom name for the native radio buttons. If not provided, the tiles component generates a random name.
+     */
+    name?: string;
+    /**
+     * Specifies the value of the selected tile.
+     * If you want to clear the selection, use `null`.
+     */
+    value: string | null;
+    /**
+     * List of tile definitions. Each tile has the following properties:
+     *
+     * - `value` [string] - The value that will be associated with the tile. This is the value the tiles will get when the radio button is selected.
+     * - `label` [unknown] - A short description for the option the tile represents.
+     * - `description` [unknown] - (Optional) Further explanatory guidance on the tile option, shown below the `label`.
+     * - `image` [unknown] - (Optional) Visually distinctive image for the tile option, shown below the `description`.
+     * - `disabled` [boolean] - (Optional) Specifies whether the tile is disabled. Users can't select disabled tiles.
+     * - `controlId` [string] - (Optional) The ID of the internal input. You can use this to relate a label element's `for` attribute to this control.
+     *            We recommend that you don't set this property because it's automatically set by the tiles component.
+     */
+    items?: ReadonlyArray<TilesProps.TilesDefinition>;
+    /**
+     * Adds `aria-label` on the group. Don't set this property if you are using this form element within a form field
+     * because the form field component automatically sets the correct labels to make the component accessible.
+     */
+    ariaLabel?: string;
+    /**
+     * Adds `aria-required` on the group.
+     */
+    ariaRequired?: boolean;
+    /**
+     * The number of columns for the tiles to be displayed in. Valid values are integers between 1 and 4.
+     * If no value is specified, the number of columns is determined based on the number of items, with a maximum of 3.
+     * It is set to 2 if 4 or 8 items are supplied in order to optimize the layout.
+     */
+    columns?: number;
+    /** @event change — CustomEvent<TilesProps.ChangeDetail> */
+    /**
+     * Adds `aria-controls` attribute to the component.
+     * If the component controls any secondary content (for example, another form field), use this to provide an ID referring to the secondary content.
+     */
+    ariaControls?: string;
+    /**
+     * Specifies if the control is read-only, which prevents the
+     * user from modifying the value, but does not prevent the value from
+     * being included in a form submission. A read-only control is still focusable.
+     */
+    readOnly?: boolean;
+}
+export declare namespace TilesProps {
+    type Breakpoint = _Breakpoint;
+    interface TilesDefinition {
+        value: string;
+        label: unknown;
+        description?: unknown;
+        image?: unknown;
+        disabled?: boolean;
+        controlId?: string;
+    }
+    interface ChangeDetail {
+        value: string;
+    }
+    interface Ref {
+        /**
+         * Sets input focus onto the UI control.
+         */
+        focus(): void;
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/tiles/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/tiles/interfaces.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAClD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2DAA2D;IAC3D;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,CAAC,OAAO,WAAW,UAAU,CAAC;IAClC,KAAK,UAAU,GAAG,WAAW,CAAC;IAC9B,UAAU,eAAe;QACvB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,OAAO,CAAC;QACf,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;IACD,UAAU,YAAY;QACpB,KAAK,EAAE,MAAM,CAAC;KACf;IACD,UAAU,GAAG;QACX;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}

package/dist/tiles/internal.d.ts

@@ -0,0 +1,34 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { LitElement } from 'lit';
+import type { TilesProps } from './interfaces.js';
+declare const Base: (new (...args: any[]) => import("../internal/mixins/form-associated.js").FormAssociatedHost) & typeof LitElement;
+export declare class CsTilesInternal extends Base {
+    static styles: import("lit").CSSResult[];
+    value: string;
+    items: ReadonlyArray<TilesProps.TilesDefinition>;
+    controlAriaLabel: string;
+    controlAriaRequired: boolean;
+    controlAriaControls: string;
+    columns?: number;
+    readOnly: boolean;
+    private readonly _groupName;
+    private _focusedIndex;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    willUpdate(changed: PropertyValues): void;
+    focus(): void;
+    private _computeColumns;
+    private _getRadioInputs;
+    private _getSelectedIndex;
+    private _getFirstEnabledIndex;
+    private _getEnabledIndices;
+    private _onKeyDown;
+    private _onTileClick;
+    private _onFocus;
+    private _selectItem;
+    private _getTabIndex;
+    render(): TemplateResult;
+    private _renderTile;
+}
+export {};
+//# sourceMappingURL=internal.d.ts.map

package/dist/tiles/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/tiles/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,QAAA,MAAM,IAAI,kHAAkC,CAAC;AAI7C,qBAAa,eAAgB,SAAQ,IAAI;IACvC,OAAgB,MAAM,4BAAwF;IAGrG,KAAK,SAAM;IAGpB,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,eAAe,CAAC,CAAM;IAGtD,gBAAgB,SAAM;IAGtB,mBAAmB,UAAS;IAG5B,mBAAmB,SAAM;IAGzB,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,QAAQ,UAAS;IAEjB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA6B;IACxD,OAAO,CAAC,aAAa,CAAM;IAElB,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQlD,KAAK,IAAI,IAAI;IAWb,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,UAAU,CAiChB;IAEF,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,YAAY;IASX,MAAM,IAAI,cAAc;IAwBjC,OAAO,CAAC,WAAW;CAiFpB"}

package/dist/tiles/styles.d.ts

@@ -0,0 +1,5 @@
+import { sharedStyles } from '../internal/styles/shared.js';
+export declare const componentStyles: import("lit").CSSResult;
+export { componentStyles as tilesStyles };
+export { sharedStyles };
+//# sourceMappingURL=styles.d.ts.map

package/dist/tiles/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/tiles/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,eAAO,MAAM,eAAe,yBAsS3B,CAAC;AAEF,OAAO,EAAE,eAAe,IAAI,WAAW,EAAE,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/time-input/interfaces.d.ts

@@ -0,0 +1,31 @@
+import { BaseChangeDetail, BaseInputProps, InputAutoCorrect } from '../input/interfaces.js';
+export interface TimeInputProps extends BaseInputProps, InputAutoCorrect {
+    /**
+     * Specifies the format of the time input.
+     *
+     * Use it to restrict the granularity of time that the user can enter.
+     */
+    format?: TimeInputProps.Format;
+    /**
+     * Specifies whether the component should use 12-hour or 24-hour format.
+     * When using 12-hour format, there is no option for picking AM or PM.
+     */
+    use24Hour?: boolean;
+    /**
+     * Specifies whether to enable a browser's autocomplete functionality for this input.
+     * In some cases it might be appropriate to disable autocomplete (for
+     * example, for security-sensitive fields). To use it correctly, set the `name` property.
+     */
+    autoComplete?: boolean;
+}
+export declare namespace TimeInputProps {
+    type Format = 'hh' | 'hh:mm' | 'hh:mm:ss';
+    type ChangeDetail = BaseChangeDetail;
+    interface Ref {
+        /**
+         * Sets input focus on the input control.
+         */
+        focus(): void;
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/time-input/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/time-input/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5F,MAAM,WAAW,cAAe,SAAQ,cAAc,EAAE,gBAAgB;IACtE;;;;OAIG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AACD,MAAM,CAAC,OAAO,WAAW,cAAc,CAAC;IACtC,KAAK,MAAM,GAAG,IAAI,GAAG,OAAO,GAAG,UAAU,CAAC;IAC1C,KAAK,YAAY,GAAG,gBAAgB,CAAC;IACrC,UAAU,GAAG;QACX;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}

package/dist/toggle/interfaces.d.ts

@@ -0,0 +1,53 @@
+import { BaseCheckboxProps } from '../checkbox/base-checkbox.js';
+export interface ToggleProps extends BaseCheckboxProps {
+    /** @slot default — The control's label that's displayed next to the toggle */
+    /** @event change — CustomEvent<ToggleProps.ChangeDetail> */
+    /**
+     * An object containing CSS properties to customize the toggle's visual appearance.
+     * Refer to the [style](/components/toggle/?tabId=style) tab for more details.
+     */
+    style?: ToggleProps.Style;
+}
+export declare namespace ToggleProps {
+    interface Ref {
+        /**
+         * Sets input focus onto the UI control.
+         */
+        focus(): void;
+    }
+    interface ChangeDetail {
+        checked: boolean;
+    }
+    interface Style {
+        input: {
+            background?: {
+                checked?: string;
+                default?: string;
+                disabled?: string;
+                readOnly?: string;
+            };
+            handle?: {
+                background?: {
+                    checked?: string;
+                    default?: string;
+                    disabled?: string;
+                    readOnly?: string;
+                };
+            };
+            focusRing?: {
+                borderColor?: string;
+                borderRadius?: string;
+                borderWidth?: string;
+            };
+        };
+        label?: {
+            color?: {
+                checked?: string;
+                default?: string;
+                disabled?: string;
+                readOnly?: string;
+            };
+        };
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/toggle/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/toggle/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,MAAM,WAAW,WAAY,SAAQ,iBAAiB;IACpD,8EAA8E;IAC9E,4DAA4D;IAC5D;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;CAC3B;AACD,MAAM,CAAC,OAAO,WAAW,WAAW,CAAC;IACnC,UAAU,GAAG;QACX;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;IACD,UAAU,YAAY;QACpB,OAAO,EAAE,OAAO,CAAC;KAClB;IACD,UAAU,KAAK;QACb,KAAK,EAAE;YACL,UAAU,CAAC,EAAE;gBACX,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,MAAM,CAAC,EAAE;gBACP,UAAU,CAAC,EAAE;oBACX,OAAO,CAAC,EAAE,MAAM,CAAC;oBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;oBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;oBAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;iBACnB,CAAC;aACH,CAAC;YACF,SAAS,CAAC,EAAE;gBACV,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;QACF,KAAK,CAAC,EAAE;YACN,KAAK,CAAC,EAAE;gBACN,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;SACH,CAAC;KACH;CACF"}

package/dist/toggle-button/interfaces.d.ts

@@ -0,0 +1,49 @@
+import { BaseButtonProps } from '../button/interfaces.js';
+import { IconProps } from '../icon/interfaces.js';
+export interface ToggleButtonProps extends Omit<BaseButtonProps, 'nativeAnchorAttributes'> {
+    /** Determines the general styling of the toggle button as follows:
+     * * `normal` for secondary buttons.
+     * * `icon` to display an icon only (no text).
+     *
+     * Defaults to `normal` if not specified.
+     */
+    variant?: ToggleButtonProps.Variant;
+    /**
+     * Displays an icon next to the text.
+     */
+    iconName?: IconProps.Name;
+    /**
+     * Displays an icon next to the text in pressed state.
+     */
+    pressedIconName?: IconProps.Name;
+    /**
+     * Specifies the URL of a custom icon in pressed state. Use this property if the icon needed for your use case isn't available.
+     *
+     * `pressedIconSvg` will take precedence if you set both `pressedIconUrl` and `pressedIconSvg`.
+     */
+    pressedIconUrl?: string;
+    /** @slot pressedIconSvg — Specifies the SVG of a custom icon in pressed state */
+    /**
+     * Sets the toggle button to pressed state.
+     */
+    pressed: boolean;
+    /**
+     * Provides a reason why the button is disabled (only when `disabled` is `true`).
+     * If provided, the button becomes focusable.
+     * Applicable only for the normal variant.
+     */
+    disabledReason?: string;
+}
+export declare namespace ToggleButtonProps {
+    type Variant = 'normal' | 'icon';
+    interface ChangeDetail {
+        pressed: boolean;
+    }
+    interface Ref {
+        /**
+         * Focuses the underlying native button.
+         */
+        focus(options?: FocusOptions): void;
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/toggle-button/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/toggle-button/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,eAAe,EAAE,wBAAwB,CAAC;IACxF;;;;;OAKG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IACjC;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iFAAiF;IACjF;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CAEzB;AACD,MAAM,CAAC,OAAO,WAAW,iBAAiB,CAAC;IACzC,KAAK,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACjC,UAAU,YAAY;QACpB,OAAO,EAAE,OAAO,CAAC;KAClB;IACD,UAAU,GAAG;QACX;;WAEG;QACH,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;KACrC;CACF"}

package/dist/token/interfaces.d.ts

@@ -0,0 +1,89 @@
+export interface TokenProps {
+    /** Slot for the label of the token as text or an element.
+     *
+     * For `variant="inline"`, only plain text is supported, for example, strings or numbers.
+     */
+    /** @slot label */
+    /**
+     * Adds an `aria-label` to the token.
+     *
+     * Use this if the label is not plain text.
+     */
+    ariaLabel?: string;
+    /** A label tag that provides additional guidance, shown next to the label. */
+    labelTag?: string;
+    /** Further information about the token that appears below the label. */
+    description?: string;
+    /** A list of tags giving further guidance about the token. */
+    tags?: ReadonlyArray<string>;
+    /** An icon at the start of the token.
+     *
+     * When `variant="normal"`, if a description or tags are set, icon size should be `normal`.
+     *
+     * When `variant="inline"`, icon size should be `small`.
+     */
+    /** @slot icon */
+    /**
+     * Specifies the token's visual style and functionality.
+     *
+     * For `inline` only label, icon and dismiss button are displayed.
+     *
+     * Defaults to `normal` if not specified.
+     */
+    variant?: TokenProps.Variant;
+    /** Determines whether the token is disabled. */
+    disabled?: boolean;
+    /**
+     * Specifies if the control is read-only. A read-only control is still focusable.
+     */
+    readOnly?: boolean;
+    /** Adds an `aria-label` to the dismiss button. */
+    dismissLabel?: string;
+    /** @event dismiss — CustomEvent<void> */
+    /**
+     * Content to display in the tooltip when `variant="inline"`. The tooltip appears when the token label is truncated due to insufficient space.
+     *
+     * Only applies to plain text labels.
+     */
+    tooltipContent?: string;
+    /**
+     * An object containing CSS properties to customize the token's visual appearance.
+     * Refer to the [style](/components/token/?tabId=style) tab for more details.
+     */
+    style?: TokenProps.Style;
+}
+export declare namespace TokenProps {
+    type Variant = 'normal' | 'inline';
+    interface Style {
+        root?: {
+            background?: {
+                default?: string;
+                disabled?: string;
+                readOnly?: string;
+            };
+            borderColor?: {
+                default?: string;
+                disabled?: string;
+                readOnly?: string;
+            };
+            borderRadius?: string;
+            borderWidth?: string;
+            paddingBlock?: string;
+            paddingInline?: string;
+        };
+        dismissButton?: {
+            color?: {
+                default?: string;
+                disabled?: string;
+                hover?: string;
+                readOnly?: string;
+            };
+            focusRing?: {
+                borderColor?: string;
+                borderRadius?: string;
+                borderWidth?: string;
+            };
+        };
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/token/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/token/interfaces.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,kBAAkB;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B;;;;;OAKG;IACH,iBAAiB;IACjB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC;IAC7B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC;CAC1B;AACD,MAAM,CAAC,OAAO,WAAW,UAAU,CAAC;IAClC,KAAK,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACnC,UAAU,KAAK;QACb,IAAI,CAAC,EAAE;YACL,UAAU,CAAC,EAAE;gBACX,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,WAAW,CAAC,EAAE;gBACZ,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QACF,aAAa,CAAC,EAAE;YACd,KAAK,CAAC,EAAE;gBACN,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,SAAS,CAAC,EAAE;gBACV,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;KACH;CACF"}

package/dist/token-group/interfaces.d.ts

@@ -0,0 +1,76 @@
+import { IconProps } from '../icon/interfaces.js';
+export interface TokenGroupProps {
+    /**
+     * An object containing all the necessary localized strings required by the component.
+     * @i18n
+     */
+    i18nStrings?: TokenGroupProps.I18nStrings;
+    /**
+     * Specifies the maximum number of displayed tokens. If the property isn't set, all of the tokens are displayed.
+     */
+    limit?: number;
+    /**
+     * Specifies the direction in which tokens are aligned (`horizontal | vertical`).
+     */
+    alignment?: TokenGroupProps.Alignment;
+    /**
+     * Removes any outer padding from the component.
+     * We recommend to always enable this property.
+     */
+    disableOuterPadding?: boolean;
+    /**
+     *
+     * An array of objects representing token items. Each token has the following properties:
+     *
+     * - `label` (string) - Title text of the token.
+     * - `description` (string) - (Optional) Further information about the token that appears below the label.
+     * - `disabled` [boolean] - (Optional) Determines whether the token is disabled.
+     * - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.
+     * - `tags` [string[]] - (Optional) A list of tags giving further guidance about the token.
+     * - `dismissLabel` (string) - (Optional) Adds an `aria-label` to the dismiss button.
+     * - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the token.
+     * - `iconAlt` (string) - (Optional) Specifies alternate text for a custom icon, for use with `iconUrl`.
+     * - `iconUrl` (string) - (Optional) URL of a custom icon.
+     * - `iconSvg` (unknown) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).
+     */
+    items?: ReadonlyArray<TokenGroupProps.Item>;
+    /** @event dismiss — CustomEvent<TokenGroupProps.DismissDetail> */
+    /**
+     * Adds an `aria-label` to the "Show fewer" button.
+     * Use to assign unique labels when there are multiple token groups with the same `limitShowFewer` label on one page.
+     */
+    limitShowFewerAriaLabel?: string;
+    /**
+     * Adds an `aria-label` to the "Show more" button.
+     * Use to assign unique labels when there are multiple token groups with the same `limitShowMore` label on one page.
+     */
+    limitShowMoreAriaLabel?: string;
+    /**
+     * Specifies if the control is read-only, which prevents the
+     * user from modifying the value. A read-only control is still focusable.
+     */
+    readOnly?: boolean;
+}
+export declare namespace TokenGroupProps {
+    type Alignment = 'horizontal' | 'vertical';
+    interface Item {
+        label?: string;
+        disabled?: boolean;
+        labelTag?: string;
+        description?: string;
+        iconAlt?: string;
+        iconName?: IconProps.Name;
+        iconUrl?: string;
+        iconSvg?: unknown;
+        tags?: ReadonlyArray<string>;
+        dismissLabel?: string;
+    }
+    interface DismissDetail {
+        itemIndex: number;
+    }
+    interface I18nStrings {
+        limitShowFewer?: string;
+        limitShowMore?: string;
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/token-group/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/token-group/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC;IAC1C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC;IACtC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;;;;;;;;;;OAcG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IAC5C,kEAAkE;IAClE;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,CAAC,OAAO,WAAW,eAAe,CAAC;IACvC,KAAK,SAAS,GAAG,YAAY,GAAG,UAAU,CAAC;IAC3C,UAAU,IAAI;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;QAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;QAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB;IACD,UAAU,aAAa;QACrB,SAAS,EAAE,MAAM,CAAC;KACnB;IACD,UAAU,WAAW;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB;CACF"}

package/dist/tooltip/interfaces.d.ts

@@ -0,0 +1,30 @@
+import { PopoverProps } from '../popover/interfaces.js';
+export interface TooltipProps {
+    /** @slot content — Content to display in the tooltip */
+    /**
+     * Function that returns the element the tooltip points to.
+     * Can return null if the element is not yet mounted or available.
+     */
+    getTrack: () => null | HTMLElement | SVGElement;
+    /**
+     * Determines where the tooltip is displayed when opened, relative to the trigger. If the tooltip doesn't have enough space to open in this direction, it automatically chooses a better direction based on available space.
+     */
+    position?: TooltipProps.Position;
+}
+export declare namespace TooltipProps {
+    /**
+     * Position of the tooltip relative to the tracked element.
+     */
+    type Position = PopoverProps.Position;
+}
+/**
+ * Internal tooltip props - includes props not exposed in public API.
+ * Note: position defaults to 'top' in both index.tsx and internal.tsx
+ */
+export interface InternalTooltipProps extends TooltipProps {
+    /**
+     * Additional CSS class for the tooltip container.
+     */
+    className?: string;
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/tooltip/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/tooltip/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,MAAM,WAAW,YAAY;IAC3B,wDAAwD;IACxD;;;OAGG;IACH,QAAQ,EAAE,MAAM,IAAI,GAAG,WAAW,GAAG,UAAU,CAAC;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC;CAElC;AACD,MAAM,CAAC,OAAO,WAAW,YAAY,CAAC;IACpC;;OAEG;IACH,KAAK,QAAQ,GAAG,YAAY,CAAC,QAAQ,CAAC;CACvC;AACD;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/top-navigation/interfaces.d.ts

@@ -0,0 +1,112 @@
+import { ButtonProps } from '../button/interfaces.js';
+import { ButtonDropdownProps } from '../button-dropdown/interfaces.js';
+import { IconProps } from '../icon/interfaces.js';
+export interface TopNavigationProps {
+    /**
+     * Properties describing the product identity. They are as follows:
+     *
+     * * `title` (string) - Specifies the title text.
+     * * `logo` ({ src: string, alt: string }) - Specifies the logo for the product. Use fixed width and height for SVG images to ensure proper rendering.
+     * * `href` (string) - Specifies the `href` that the header links to.
+     * * `onFollow` (() => void) - Specifies the event handler called when the identity is clicked without any modifier keys.
+     */
+    identity: TopNavigationProps.Identity;
+    /** @slot search — Use with an input or autosuggest control for a global search query */
+    /**
+     * A list of utility navigation elements.
+     * The supported utility types are: `button` and `menu-dropdown`.
+     *
+     * The following properties are supported across all utility types:
+     *
+     * * `type` (string) - The type of the utility. Can be `button` or `menu-dropdown`.
+     * * `text` (string) - Specifies the text shown in the top navigation or the title inside the dropdown if no explicit `title` property is set.
+     * * `title` (string) - The title displayed inside the dropdown.
+     * * `iconName` (string) - The name of an existing icon to display next to the utility.
+     * * `iconUrl` (string) - Specifies the URL of a custom icon. Use this property if the icon you want isn't available.
+     * * `iconAlt` (string) - Specifies alternate text for a custom icon provided using `iconUrl`. We recommend that you provide this for accessibility.
+     * * `iconSvg` (string) - Specifies the SVG of a custom icon.
+     * * `ariaLabel` (string) - Adds `aria-label` to the button or dropdown trigger. This is recommended for accessibility if a text is not provided.
+     * * `badge` (boolean) - Adds a badge to the corner of the icon to indicate a state change. For example: Unread notifications.
+     * * `disableTextCollapse` (boolean) - Prevents the utility text from being hidden on smaller screens.
+     * * `disableUtilityCollapse` (boolean) - Prevents the utility from being moved to an overflow menu on smaller screens.
+     *
+     * ### button
+     *
+     * * `variant` ('primary-button' | 'link') - The visual appearance of the button. The default value is 'link'.
+     * * `href` (string) - Specifies the `href` for a link styled as a button.
+     * * `target` (string) - Specifies where to open the linked URL (for example, to open in a new browser window or tab use `_blank`). This property only applies when an `href` is provided.
+     * * `rel` (string) - Adds a `rel` attribute to the link. By default, the component sets the `rel` attribute to "noopener noreferrer" when `target` is `"_blank"`. If the `rel` property is provided, it overrides the default behavior.
+     * * `external` (boolean) - Marks the link as external by adding an icon after the text. When clicked, the link opens in a new tab.
+     * * `externalIconAriaLabel` (string) - Adds an `aria-label` for the external icon.
+     * * `onClick` (() => void) - Specifies the event handler called when the utility is clicked.
+     * * `onFollow` (() => void) - Specifies the event handler called when the utility is clicked without pressing modifier keys, and the utility has an `href` set.
+     *
+     * ### menu-dropdown
+     *
+     * * `description` (string) - The description displayed inside the dropdown.
+     * * `items` (ButtonDropdownProps.Items) - An array of dropdown items. This follows the same structure as the `items` property of the [button dropdown component](/components/button-dropdown).
+     * * `onItemClick` ((event: CustomEvent<ButtonDropdownProps.ItemClickDetails>) => void) - Specifies the event handler called when a dropdown item is selected.
+     * * `onItemFollow` ((event: CustomEvent<ButtonDropdownProps.ItemClickDetails>) => void) - Specifies the event handler called when a dropdown item is selected without pressing modifier keys, and the item has an `href` set.
+     * * `expandableGroups` (boolean) - Controls expandability of the item groups.
+     */
+    utilities?: ReadonlyArray<TopNavigationProps.Utility>;
+    /**
+     * An object containing all the localized strings required by the component.
+     * @i18n
+     */
+    i18nStrings?: TopNavigationProps.I18nStrings;
+}
+export declare namespace TopNavigationProps {
+    export interface Identity {
+        title?: string;
+        logo?: Logo;
+        href: string;
+        onFollow?: (event: CustomEvent<void>) => void;
+    }
+    export interface Logo {
+        src: string;
+        alt?: string;
+    }
+    interface BaseUtility {
+        text?: string;
+        title?: string;
+        iconName?: IconProps.Name;
+        iconUrl?: string;
+        iconAlt?: string;
+        iconSvg?: unknown;
+        ariaLabel?: string;
+        badge?: boolean;
+        disableUtilityCollapse?: boolean;
+        disableTextCollapse?: boolean;
+    }
+    export interface MenuDropdownUtility extends BaseUtility {
+        type: 'menu-dropdown';
+        description?: string;
+        items: ButtonDropdownProps.Items;
+        expandableGroups?: boolean;
+        onItemClick?: (event: CustomEvent<ButtonDropdownProps.ItemClickDetails>) => void;
+        onItemFollow?: (event: CustomEvent<ButtonDropdownProps.ItemClickDetails>) => void;
+    }
+    export interface ButtonUtility extends BaseUtility {
+        type: 'button';
+        variant?: 'primary-button' | 'link';
+        onClick?: (event: CustomEvent<void>) => void;
+        onFollow?: (event: CustomEvent<ButtonProps.FollowDetail>) => void;
+        href?: string;
+        target?: string;
+        rel?: string;
+        external?: boolean;
+        externalIconAriaLabel?: string;
+    }
+    export type Utility = MenuDropdownUtility | ButtonUtility;
+    export interface I18nStrings {
+        searchIconAriaLabel?: string;
+        searchDismissIconAriaLabel?: string;
+        overflowMenuDismissIconAriaLabel?: string;
+        overflowMenuBackIconAriaLabel?: string;
+        overflowMenuTriggerText?: string;
+        overflowMenuTitleText?: string;
+    }
+    export {};
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/top-navigation/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/top-navigation/interfaces.ts"],"names":[],"mappings":"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"}

package/dist/tree-view/index.d.ts

@@ -0,0 +1,5 @@
+import { CsTreeViewInternal } from './internal.js';
+export declare class CsTreeView extends CsTreeViewInternal {
+}
+export type { TreeViewProps } from './interfaces.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/tree-view/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tree-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD,qBAAa,UAAW,SAAQ,kBAAkB;CAAG;AAIrD,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}