@ngneers/controls-themes 0.0.1-next.0

package/base/radio-group/index.js

@@ -0,0 +1,18 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { radioGroupControlTemplate } from '@ngneers/controls-themes/templates/radio-group';
+export const radioGroupStyles = createThemePart({
+    controlTemplate: radioGroupControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ c }) => css `
+      ${c('root')} {
+        display: inline-flex;
+        flex-direction: row;
+        gap: 0.75rem;
+      }
+      ${c('root')}[aria-orientation='vertical'] {
+        flex-direction: column;
+      }
+    `,
+    },
+});

package/base/scroller/index.d.ts

@@ -0,0 +1,2 @@
+export declare const scrollerStyles: import("@ngneers/controls-themes").ThemePart<"scroller", import("@ngneers/controls-themes").ControlTemplate<"scroller", ["root", "virtual", "item", "item-sticky"], readonly []>, import("@ngneers/controls-themes").VariableTemplate<"scroller">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/scroller/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base/scroller/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,0PA4CzB,CAAC"}

package/base/scroller/index.js

@@ -0,0 +1,47 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { scrollerControlTemplate } from '@ngneers/controls-themes/templates/scroller';
+export const scrollerStyles = createThemePart({
+    controlTemplate: scrollerControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ v, c }) => css `
+      ${c('root')} {
+        display: block;
+        height: 100%;
+        width: 100%;
+        overflow-y: auto;
+        overflow-x: hidden;
+        position: relative;
+        overflow-anchor: none;
+      }
+      ${c('virtual')} {
+        display: flex;
+        flex-direction: column;
+        &::before,
+        &::after {
+          content: '';
+          display: block;
+          flex-shrink: 0;
+        }
+        &::before {
+          height: var(--ngn-scroller-padding-top, 0px);
+        }
+        &::after {
+          height: var(--ngn-scroller-padding-bottom, 0px);
+        }
+        ${c('item')} {
+          flex-shrink: 0;
+          height: var(--ngn-scroller-item-height, unset);
+        }
+      }
+      ${c('item-sticky')} {
+        z-index: 1;
+        position: sticky;
+        top: 0;
+      }
+      ${c('item')} {
+        display: block;
+      }
+    `,
+    },
+});

package/base/select/index.d.ts

@@ -0,0 +1,21 @@
+export declare const selectStyles: import("@ngneers/controls-themes").ThemePart<"select", import("@ngneers/controls-themes").ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter-icon", "list-box-empty"], readonly [{
+    readonly class: "popover";
+    readonly template: import("@ngneers/controls-themes").ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
+}, {
+    readonly class: "list-box";
+    readonly template: import("@ngneers/controls-themes").ControlTemplate<"list-box", ["root", "empty", "invalid", "item", "group", "default-item", "default-group", "item-selected", "item-highlighted", "item-disabled"], readonly [{
+        readonly class: "checkbox";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"checkbox", ["root", "input", "box", "box-checked", "box-indeterminate", "box-icon", "box-icon-visible", "invalid"], readonly []>;
+    }, {
+        readonly class: "scroller";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"scroller", ["root", "virtual", "item", "item-sticky"], readonly []>;
+    }]>;
+}, {
+    readonly class: "filter";
+    readonly template: import("@ngneers/controls-themes").ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+        readonly class: "input";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
+        readonly projected: true;
+    }]>;
+}]>, import("@ngneers/controls-themes").VariableTemplate<"select">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base/select/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;yEAoCvB,CAAC"}

package/base/select/index.js

@@ -0,0 +1,39 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { selectControlTemplate } from '@ngneers/controls-themes/templates/select';
+export const selectStyles = createThemePart({
+    controlTemplate: selectControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ v, c, d }) => css `
+      ${c('input')} {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        white-space: nowrap;
+        user-select: none;
+        width: 100%;
+        outline: none;
+      }
+      ${c('root')} {
+        width: 100%;
+      }
+      ${c('combobox')} {
+        width: 100%;
+      }
+      ${c('input-editable')} {
+        cursor: text;
+      }
+      ${c('popover-content')} {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+      }
+      ${c('root')} ${d('popover', 'content')} {
+        padding: 0;
+      }
+      ${c('root')} ${d('list-box')} {
+        border-width: 0;
+      }
+    `,
+    },
+});

package/base/select-button/index.d.ts

@@ -0,0 +1,16 @@
+export declare const selectButtonStyles: import("@ngneers/controls-themes").ThemePart<"select-button", import("@ngneers/controls-themes").ControlTemplate<"select-button", ["root", "invalid"], readonly [{
+    readonly class: "group";
+    readonly template: import("@ngneers/controls-themes").ControlTemplate<"button-group", ["root", "vertical", "horizontal"], readonly [{
+        readonly class: "button";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
+        readonly projected: true;
+    }, {
+        readonly class: "toggle-button";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"toggle-button", ["root", "invalid", "button", "label", "active", "placeholder", "placeholder-active"], readonly []>;
+        readonly projected: true;
+    }]>;
+}, {
+    readonly class: "button";
+    readonly template: import("@ngneers/controls-themes").ControlTemplate<"toggle-button", ["root", "invalid", "button", "label", "active", "placeholder", "placeholder-active"], readonly []>;
+}]>, import("@ngneers/controls-themes").VariableTemplate<"select-button">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/select-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base/select-button/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;gFAU7B,CAAC"}

package/base/select-button/index.js

@@ -0,0 +1,13 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { selectButtonControlTemplate } from '@ngneers/controls-themes/templates/select-button';
+export const selectButtonStyles = createThemePart({
+    controlTemplate: selectButtonControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ v: _v, c, d: _d }) => css `
+      ${c('root')} {
+        /* Base styles - implementation pending */
+      }
+    `,
+    },
+});

package/base/slider/index.d.ts

@@ -0,0 +1,2 @@
+export declare const sliderStyles: import("@ngneers/controls-themes").ThemePart<"slider", import("@ngneers/controls-themes").ControlTemplate<"slider", ["root", "horizontal", "vertical", "track", "thumb", "fill", "invalid"], readonly []>, import("@ngneers/controls-themes").VariableTemplate<"slider">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base/slider/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,iRA8DvB,CAAC"}

package/base/slider/index.js

@@ -0,0 +1,65 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { sliderControlTemplate } from '@ngneers/controls-themes/templates/slider';
+export const sliderStyles = createThemePart({
+    controlTemplate: sliderControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ v, c, d }) => css `
+      ${c('root')} {
+        user-select: none;
+        display: flex;
+      }
+      ${c('track')} {
+        position: relative;
+      }
+      ${c('fill')} {
+        position: absolute;
+      }
+      ${c('thumb')} {
+        position: absolute;
+        width: var(--thumbSize);
+        height: var(--thumbSize);
+      }
+      ${c('horizontal')} {
+        width: 100%;
+        max-height: min-content;
+        ${c('track')} {
+          width: calc(100% - var(--thumbSize));
+          height: var(--trackThickness);
+          margin: calc((var(--thumbSize) - var(--trackThickness)) / 2) calc(var(--thumbSize) / 2);
+        }
+        ${c('fill')} {
+          height: 100%;
+          inset-block-start: 0;
+          inset-inline-start: 0;
+          width: var(--valuePercent);
+        }
+        ${c('thumb')} {
+          inset-inline-start: calc(var(--valuePercent) - var(--thumbSize) / 2);
+          inset-block-start: 50%;
+          transform: translateY(-50%);
+        }
+      }
+      ${c('vertical')} {
+        height: 100%;
+        max-width: min-content;
+        ${c('track')} {
+          height: calc(100% - var(--thumbSize));
+          width: var(--trackThickness);
+          margin: calc(var(--thumbSize) / 2) calc((var(--thumbSize) - var(--trackThickness)) / 2);
+        }
+        ${c('fill')} {
+          width: 100%;
+          inset-block-end: 0;
+          inset-inline-start: 0;
+          height: var(--valuePercent);
+        }
+        ${c('thumb')} {
+          inset-block-end: calc(var(--valuePercent) - var(--thumbSize) / 2);
+          inset-inline-start: 50%;
+          transform: translateX(-50%);
+        }
+      }
+    `,
+    },
+});

package/base/snackbar/index.d.ts

@@ -0,0 +1,2 @@
+export declare const snackbarStyles: import("@ngneers/controls-themes").ThemePart<"snackbar", import("@ngneers/controls-themes").ControlTemplate<"snackbar", ["root", "host", "body", "anim-enter", "anim-leave", "defaultHeader", "defaultHeaderText", "defaultContent", "actions", "progressBar", "closeButton", "sr-only", `color-${string}`], readonly []>, import("@ngneers/controls-themes").VariableTemplate<"snackbar">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/snackbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base/snackbar/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,mYA0EzB,CAAC"}

package/base/snackbar/index.js

@@ -0,0 +1,77 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { snackbarControlTemplate } from '@ngneers/controls-themes/templates/snackbar';
+export const snackbarStyles = createThemePart({
+    controlTemplate: snackbarControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ c }) => css `
+      ${c('host')} {
+        display: none;
+        /* Newest snackbar (first in DOM) sits at the bottom; leaving items reflow their
+           following siblings toward the bottom anchor. */
+        flex-direction: column-reverse;
+        align-items: center;
+        margin: unset;
+        inset: unset;
+        position: fixed;
+        &:popover-open {
+          display: flex;
+        }
+      }
+      ${c('root')} {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        position: relative;
+        &:focus {
+          outline: none;
+        }
+        &:focus-visible {
+          outline: 2px solid currentColor;
+          outline-offset: 2px;
+        }
+      }
+      ${c('body')} {
+        display: flex;
+        flex-direction: column;
+      }
+      ${c('sr-only')} {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+        border: 0;
+      }
+      ${c('defaultHeader')} {
+        display: flex;
+        align-items: center;
+      }
+      ${c('actions')} {
+        display: flex;
+        align-items: center;
+      }
+      ${c('progressBar')} {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        transform-origin: left center;
+        animation-name: ${c('progressBar', 'animation')};
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+      }
+      @keyframes ${c('progressBar', 'animation')} {
+        from {
+          transform: scaleX(1);
+        }
+        to {
+          transform: scaleX(0);
+        }
+      }
+    `,
+    },
+});

package/base/spin-buttons/index.d.ts

@@ -0,0 +1,8 @@
+export declare const spinButtonsStyles: import("@ngneers/controls-themes").ThemePart<"spinButtons", import("@ngneers/controls-themes").ControlTemplate<"spinButtons", ["root", "leading", "trailing", "pair", `kind-${string}`], readonly [{
+    readonly class: "decrement";
+    readonly template: import("@ngneers/controls-themes").ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
+}, {
+    readonly class: "increment";
+    readonly template: import("@ngneers/controls-themes").ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
+}]>, import("@ngneers/controls-themes").VariableTemplate<"spinButtons">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/spin-buttons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base/spin-buttons/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB;;;;;;8EA8C5B,CAAC"}

package/base/spin-buttons/index.js

@@ -0,0 +1,49 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { spinButtonsControlTemplate } from '@ngneers/controls-themes/templates/spin-buttons';
+export const spinButtonsStyles = createThemePart({
+    controlTemplate: spinButtonsControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ c, d }) => css `
+      ${c('root')} {
+        display: inline-flex;
+        /* stacked by default: increment on top, decrement below
+         * (DOM order is decrement, increment) */
+        flex-direction: column-reverse;
+        align-self: stretch;
+        justify-content: center;
+        flex: none;
+      }
+      /* A leading (flanking) button is pulled before the input via flex order,
+       * regardless of its content-projection slot. */
+      ${c('leading')} {
+        order: -1;
+      }
+      ${c('kind-inline')} {
+        flex-direction: row;
+        /* stretch so the buttons fill the full field height, not just their content */
+        align-items: stretch;
+      }
+      ${d('decrement')},
+      ${d('increment')} {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        user-select: none;
+        touch-action: none;
+        background: transparent;
+        border: none;
+      }
+      /* Lone / inline buttons fill the full field height for a large hit area. */
+      ${d('decrement')},
+      ${d('increment')} {
+        flex: 1 1 auto;
+      }
+      ${d('decrement')}:disabled,
+      ${d('increment')}:disabled {
+        cursor: default;
+      }
+    `,
+    },
+});

package/base/spinner/index.d.ts

@@ -0,0 +1,2 @@
+export declare const spinnerStyles: import("@ngneers/controls-themes").ThemePart<"spinner", import("@ngneers/controls-themes").ControlTemplate<"spinner", ["root", "circle", "svg", `color-${string}`, "centered"], readonly []>, import("@ngneers/controls-themes").VariableTemplate<"spinner">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/spinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base/spinner/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,qQA0BxB,CAAC"}

package/base/spinner/index.js

@@ -0,0 +1,29 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { spinnerControlTemplate } from '@ngneers/controls-themes/templates/spinner';
+export const spinnerStyles = createThemePart({
+    controlTemplate: spinnerControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ v, c, d }) => css `
+      ${c('centered')} {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        z-index: 2;
+      }
+      *:has(> ${c('centered')}) {
+        position: relative;
+      }
+      ${c('root')} {
+        display: inline-block;
+        width: calc(1px * var(--size));
+        height: calc(1px * var(--size));
+      }
+      ${c('svg')} {
+        width: 100%;
+        height: 100%;
+      }
+    `,
+    },
+});

package/base/splitter/index.d.ts

@@ -0,0 +1,2 @@
+export declare const splitterStyles: import("@ngneers/controls-themes").ThemePart<"splitter", import("@ngneers/controls-themes").ControlTemplate<"splitter", ["root", "horizontal", "vertical", "panel", "divider", "divider-handle", "dragging", "divider-dragging", `kind-${string}`], readonly []>, import("@ngneers/controls-themes").VariableTemplate<"splitter">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/splitter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base/splitter/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,0UA4JzB,CAAC"}

package/base/splitter/index.js

@@ -0,0 +1,159 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { splitterControlTemplate } from '@ngneers/controls-themes/templates/splitter';
+export const splitterStyles = createThemePart({
+    controlTemplate: splitterControlTemplate,
+    dependencies: [],
+    root: {
+        css: ({ c }) => css `
+      ${c('root')} {
+        display: grid;
+        width: 100%;
+        height: 100%;
+      }
+
+      ${c('panel')} {
+        min-height: 0;
+        min-width: 0;
+      }
+
+      ${c('divider')} {
+        touch-action: none;
+      }
+
+      ${c('divider-handle')} {
+        display: block;
+        border: none;
+        padding: 0;
+        position: relative;
+      }
+
+      ${c('horizontal')} {
+        ${c('divider')}, ${c('divider-handle')} {
+          height: 100%;
+          cursor: col-resize;
+        }
+      }
+
+      ${c('vertical')} {
+        ${c('divider')}, ${c('divider-handle')} {
+          width: 100%;
+          cursor: row-resize;
+        }
+      }
+
+      @media (hover: none) and (pointer: coarse) {
+        ${c('divider-handle')}::before {
+          content: '';
+          position: absolute;
+          top: -20px;
+          left: -20px;
+          right: -20px;
+          bottom: -20px;
+          background: transparent;
+          pointer-events: auto;
+        }
+      }
+
+      /*
+       * Thin & invisible kinds.
+       *
+       * The splitter measures the divider element's offset size to build the grid
+       * track (see splitter-calculator). To expand the handle on interaction
+       * WITHOUT shifting content, the divider stays a fixed size (1px / 0px) and
+       * the handle is taken out of flow. The visible bar is a centered ::after
+       * whose size animates from the resting line width up to the default width.
+       */
+      ${c('kind-thin')}, ${c('kind-invisible')} {
+        ${c('divider')} {
+          position: relative;
+          overflow: visible;
+          z-index: 1;
+        }
+
+        ${c('divider-handle')} {
+          position: absolute;
+          background: transparent;
+        }
+
+        ${c('divider-handle')}::after {
+          content: '';
+          position: absolute;
+          left: 50%;
+          top: 50%;
+          transform: translate(-50%, -50%);
+          transition:
+            width 0.15s ease,
+            height 0.15s ease;
+        }
+      }
+
+      /* Horizontal: fixed-width divider, centered vertical grab zone + bar. */
+      ${c('horizontal')}${c('kind-thin')} ${c('divider')} {
+        width: 1px;
+      }
+      ${c('horizontal')}${c('kind-invisible')} ${c('divider')} {
+        width: 0;
+      }
+      ${c('horizontal')}${c('kind-thin')} ${c('divider-handle')},
+      ${c('horizontal')}${c('kind-invisible')} ${c('divider-handle')} {
+        width: 8px;
+        height: 100%;
+        left: 50%;
+        top: 0;
+        transform: translateX(-50%);
+      }
+      ${c('horizontal')}${c('kind-thin')} ${c('divider-handle')}::after,
+      ${c('horizontal')}${c('kind-invisible')} ${c('divider-handle')}::after {
+        height: 100%;
+      }
+      ${c('horizontal')}${c('kind-thin')} ${c('divider-handle')}::after {
+        width: 1px;
+      }
+      ${c('horizontal')}${c('kind-invisible')} ${c('divider-handle')}::after {
+        width: 0;
+      }
+      ${c('horizontal')}${c('kind-thin')} ${c('divider-handle')}:hover::after,
+      ${c('horizontal')}${c('kind-thin')} ${c('divider-handle')}:focus::after,
+      ${c('horizontal')}${c('kind-thin')} ${c('divider-handle')}:active::after,
+      ${c('horizontal')}${c('kind-invisible')} ${c('divider-handle')}:hover::after,
+      ${c('horizontal')}${c('kind-invisible')} ${c('divider-handle')}:focus::after,
+      ${c('horizontal')}${c('kind-invisible')} ${c('divider-handle')}:active::after {
+        width: 0.25rem;
+      }
+
+      /* Vertical: fixed-height divider, centered horizontal grab zone + bar. */
+      ${c('vertical')}${c('kind-thin')} ${c('divider')} {
+        height: 1px;
+      }
+      ${c('vertical')}${c('kind-invisible')} ${c('divider')} {
+        height: 0;
+      }
+      ${c('vertical')}${c('kind-thin')} ${c('divider-handle')},
+      ${c('vertical')}${c('kind-invisible')} ${c('divider-handle')} {
+        height: 8px;
+        width: 100%;
+        top: 50%;
+        left: 0;
+        transform: translateY(-50%);
+      }
+      ${c('vertical')}${c('kind-thin')} ${c('divider-handle')}::after,
+      ${c('vertical')}${c('kind-invisible')} ${c('divider-handle')}::after {
+        width: 100%;
+      }
+      ${c('vertical')}${c('kind-thin')} ${c('divider-handle')}::after {
+        height: 1px;
+      }
+      ${c('vertical')}${c('kind-invisible')} ${c('divider-handle')}::after {
+        height: 0;
+      }
+      ${c('vertical')}${c('kind-thin')} ${c('divider-handle')}:hover::after,
+      ${c('vertical')}${c('kind-thin')} ${c('divider-handle')}:focus::after,
+      ${c('vertical')}${c('kind-thin')} ${c('divider-handle')}:active::after,
+      ${c('vertical')}${c('kind-invisible')} ${c('divider-handle')}:hover::after,
+      ${c('vertical')}${c('kind-invisible')} ${c('divider-handle')}:focus::after,
+      ${c('vertical')}${c('kind-invisible')} ${c('divider-handle')}:active::after {
+        height: 0.25rem;
+      }
+    `,
+    },
+});

package/base/state/index.d.ts

@@ -0,0 +1,20 @@
+export declare const stateStyles: import("@ngneers/controls-themes").ThemePart<"state", import("@ngneers/controls-themes").ControlTemplate<"state", ["root", "visible", "replace-content", "indicator", "sr-only", `kind-${string}`], readonly [{
+    readonly class: "icon";
+    readonly template: import("@ngneers/controls-themes").ControlTemplate<"icon", ["root", "default"], readonly []>;
+}, {
+    readonly class: "spinner";
+    readonly template: import("@ngneers/controls-themes").ControlTemplate<"spinner", ["root", "circle", "svg", `color-${string}`, "centered"], readonly []>;
+}, {
+    readonly class: "button";
+    readonly template: import("@ngneers/controls-themes").ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
+    readonly projected: true;
+}, {
+    readonly class: "input-field";
+    readonly template: import("@ngneers/controls-themes").ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [{
+        readonly class: "input";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"input", ["root", "invalid", "empty"], readonly []>;
+        readonly projected: true;
+    }]>;
+    readonly projected: true;
+}]>, import("@ngneers/controls-themes").VariableTemplate<"state">[], []>;
+//# sourceMappingURL=index.d.ts.map

package/base/state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base/state/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;wEA0FtB,CAAC"}