@ngneers/controls-themes 0.0.1-next.0

package/shade/tree/index.js

@@ -0,0 +1,87 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { baseStyles } from '@ngneers/controls-themes/base';
+import { colorsTemplate, fontTemplate, sizesTemplate } from '@ngneers/controls-themes/shade/base';
+import { treeControlTemplate } from '@ngneers/controls-themes/templates/tree';
+export const treeStyles = createThemePart({
+    controlTemplate: treeControlTemplate,
+    base: baseStyles.tree,
+    dependencies: [colorsTemplate, sizesTemplate, fontTemplate],
+    root: {
+        css: ({ v, c, d }) => css `
+      ${c('root')} {
+        border-radius: ${v('size.rounded.md')};
+        border: 1px solid ${v('color.border')};
+        padding: ${v('size.padding.sm')};
+        background: ${v('color.background')};
+        color: ${v('color.foreground')};
+        font-size: ${v('font.size.sm')};
+      }
+      ${c('invalid')} {
+        border-color: ${v('color.destructive.base')};
+      }
+      ${c('item')},
+      ${c('group')} {
+        gap: ${v('size.padding.sm')};
+        min-height: 2.25rem;
+        padding-inline-end: ${v('size.padding.md')};
+        border-radius: ${v('size.rounded.sm')};
+        user-select: none;
+        cursor: default;
+        &:hover {
+          background: ${v('color.accent.base')};
+          color: ${v('color.accent.foreground')};
+        }
+      }
+      ${c('item-highlighted')} {
+        background: ${v('color.accent.base')};
+        color: ${v('color.accent.foreground')};
+      }
+      ${c('item-selected')}:not(:has(${d('item-checkbox')})) {
+        background: ${v('color.accent.base')};
+        color: ${v('color.accent.foreground')};
+        &:hover {
+          background: ${v('color.accent.base')};
+        }
+      }
+      ${c('item-disabled')} {
+        opacity: 0.5;
+        &:hover {
+          background: transparent;
+          color: inherit;
+        }
+      }
+      ${c('toggle-icon')} {
+        border-radius: ${v('size.rounded.sm')};
+        color: ${v('color.muted.foreground')};
+      }
+      ${c('toggle')}:hover ${c('toggle-icon')} {
+        background: ${v('color.accent.base')};
+        color: ${v('color.accent.foreground')};
+      }
+      ${c('toggle-arrow')} {
+        width: 0;
+        height: 0;
+        border-top: 0.4rem solid transparent;
+        border-bottom: 0.4rem solid transparent;
+        border-left: 0.5rem solid currentColor;
+      }
+      ${c('item-selectable')} {
+        cursor: pointer;
+      }
+      ${c('default-item')} {
+        max-width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+      ${c('empty')} {
+        text-align: center;
+        padding: ${v('size.padding.md')};
+        color: ${v('color.muted.foreground')};
+      }
+      ${c('root')} ${d('scroller', 'item')} {
+        align-items: center;
+      }
+    `,
+    },
+});

package/shade/upload/index.d.ts

@@ -0,0 +1,155 @@
+export declare const uploadStyles: import("@ngneers/controls-themes").ThemePart<"upload", import("@ngneers/controls-themes").ControlTemplate<"upload", ["root", "dragover", "disabled", "clickable", "draggable", "has-files", "list-top", "list-bottom", "list-left", "list-right", "main", "zone", "icon", "placeholder", "list", "item", "item-pending", "item-uploading", "item-done", "item-failed", "status", "file", "name", "size", "progress", "actions", "action", "footer", "trigger"], readonly []>, import("@ngneers/controls-themes").VariableTemplate<"upload">[], [import("@ngneers/controls-themes").VariableTemplate<"color", {
+    background: null;
+    foreground: null;
+    text: null;
+    border: null;
+    input: null;
+    ring: null;
+    popover: {
+        base: null;
+        foreground: null;
+    };
+    primary: {
+        25: null;
+        50: null;
+        100: null;
+        200: null;
+        300: null;
+        400: null;
+        500: null;
+        600: null;
+        700: null;
+        800: null;
+        900: null;
+        950: null;
+        975: null;
+        base: null;
+        foreground: null;
+    };
+    secondary: {
+        25: null;
+        50: null;
+        100: null;
+        200: null;
+        300: null;
+        400: null;
+        500: null;
+        600: null;
+        700: null;
+        800: null;
+        900: null;
+        950: null;
+        975: null;
+        base: null;
+        foreground: null;
+    };
+    accent: {
+        25: null;
+        50: null;
+        100: null;
+        200: null;
+        300: null;
+        400: null;
+        500: null;
+        600: null;
+        700: null;
+        800: null;
+        900: null;
+        950: null;
+        975: null;
+        base: null;
+        foreground: null;
+    };
+    surface: {
+        25: null;
+        50: null;
+        100: null;
+        200: null;
+        300: null;
+        400: null;
+        500: null;
+        600: null;
+        700: null;
+        800: null;
+        900: null;
+        950: null;
+        975: null;
+        base: null;
+        foreground: null;
+    };
+    muted: {
+        25: null;
+        50: null;
+        100: null;
+        200: null;
+        300: null;
+        400: null;
+        500: null;
+        600: null;
+        700: null;
+        800: null;
+        900: null;
+        950: null;
+        975: null;
+        base: null;
+        foreground: null;
+    };
+    destructive: {
+        25: null;
+        50: null;
+        100: null;
+        200: null;
+        300: null;
+        400: null;
+        500: null;
+        600: null;
+        700: null;
+        800: null;
+        900: null;
+        950: null;
+        975: null;
+        base: null;
+        foreground: null;
+    };
+}>, import("@ngneers/controls-themes").VariableTemplate<"size", {
+    rounded: {
+        sm: null;
+        md: null;
+        lg: null;
+        full: null;
+    };
+    padding: {
+        sm: null;
+        md: null;
+        lg: null;
+        xl: null;
+    };
+}>, import("@ngneers/controls-themes").VariableTemplate<"font", {
+    family: null;
+    weight: {
+        normal: null;
+        medium: null;
+        semibold: null;
+        bold: null;
+        extrabold: null;
+        black: null;
+    };
+    size: {
+        xs: null;
+        sm: null;
+        md: null;
+        lg: null;
+        xl: null;
+        '2xl': null;
+    };
+}>, import("@ngneers/controls-themes").VariableTemplate<"anim", {
+    time: {
+        fade: null;
+        snappyFade: null;
+    };
+    ease: {
+        fade: null;
+        snappyFade: null;
+    };
+}>]>;
+//# sourceMappingURL=index.d.ts.map

package/shade/upload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shade/upload/index.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8EvB,CAAC"}

package/shade/upload/index.js

@@ -0,0 +1,83 @@
+import { createThemePart, css } from '@ngneers/controls-themes/api';
+import { baseStyles } from '@ngneers/controls-themes/base';
+import { animationTemplate, colorsTemplate, fontTemplate, sizesTemplate, } from '@ngneers/controls-themes/shade/base';
+import { uploadControlTemplate } from '@ngneers/controls-themes/templates/upload';
+export const uploadStyles = createThemePart({
+    controlTemplate: uploadControlTemplate,
+    base: baseStyles.upload,
+    dependencies: [colorsTemplate, sizesTemplate, fontTemplate, animationTemplate],
+    root: {
+        css: ({ v, c }) => css `
+      ${c('zone')} {
+        padding: ${v('size.padding.xl')};
+        border: 2px solid ${v('color.border')};
+        border-radius: ${v('size.rounded.lg')};
+        background: ${v('color.background')};
+        color: ${v('color.foreground')};
+        transition:
+          border-color ${v('anim.time.fade')} ${v('anim.ease.fade')},
+          background ${v('anim.time.fade')} ${v('anim.ease.fade')};
+      }
+      /* The dashed outline reads as "droppable" — only when drag is enabled. */
+      ${c('draggable')} ${c('zone')} {
+        border-style: dashed;
+      }
+      /* Focus lives on the projected native input; surface the ring on the zone. */
+      ${c('zone')}:has(:focus-visible) {
+        outline: 2px solid ${v('color.ring')};
+        outline-offset: 2px;
+      }
+      ${c('clickable')} ${c('zone')}:hover {
+        border-color: ${v('color.primary.base')};
+        background: ${v('color.muted.base')};
+      }
+      ${c('dragover')} ${c('zone')} {
+        border-color: ${v('color.primary.base')};
+        border-style: solid;
+        background: ${v('color.muted.base')};
+      }
+      ${c('disabled')} ${c('zone')} {
+        background: ${v('color.muted.base')};
+        color: ${v('color.muted.foreground')};
+      }
+
+      ${c('icon')} {
+        font-size: ${v('font.size.xl')};
+        color: ${v('color.muted.foreground')};
+      }
+      ${c('placeholder')} {
+        font-size: ${v('font.size.sm')};
+        color: ${v('color.muted.foreground')};
+      }
+
+      ${c('list')} {
+        gap: 0.25rem;
+      }
+      ${c('item')} {
+        padding: ${v('size.padding.sm')};
+        border-radius: ${v('size.rounded.md')};
+        background: ${v('color.muted.base')};
+      }
+      ${c('item-failed')} {
+        background: color-mix(in srgb, ${v('color.destructive.base')} 15%, transparent);
+      }
+
+      ${c('name')} {
+        font-size: ${v('font.size.sm')};
+        font-weight: ${v('font.weight.medium')};
+      }
+      ${c('size')} {
+        font-size: ${v('font.size.xs')};
+        color: ${v('color.muted.foreground')};
+      }
+
+      ${c('item-done')} ${c('status')} {
+        color: ${v('color.primary.base')};
+      }
+      ${c('item-failed')} ${c('status')},
+      ${c('item-failed')} ${c('name')} {
+        color: ${v('color.destructive.base')};
+      }
+    `,
+    },
+});

package/templates/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export declare const accordionControlTemplate: import("@ngneers/controls-themes").ControlTemplate<"accordion", ["root"], readonly []>;
+//# sourceMappingURL=index.d.ts.map

package/templates/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/accordion/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,wFAGnC,CAAC"}

package/templates/accordion/index.js

@@ -0,0 +1,5 @@
+import { createControlTemplate } from '@ngneers/controls-themes/api';
+export const accordionControlTemplate = createControlTemplate({
+    scope: 'accordion',
+    classNames: ['root'],
+});

package/templates/accordion-panel/index.d.ts

@@ -0,0 +1,2 @@
+export declare const accordionPanelControlTemplate: import("@ngneers/controls-themes").ControlTemplate<"accordion-panel", ["root", "header", "header-disabled", "header-text", "content-expander", "content-expander-collapsed", "content"], readonly []>;
+//# sourceMappingURL=index.d.ts.map

package/templates/accordion-panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/accordion-panel/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,6BAA6B,uMAWxC,CAAC"}

package/templates/accordion-panel/index.js

@@ -0,0 +1,13 @@
+import { createControlTemplate } from '@ngneers/controls-themes/api';
+export const accordionPanelControlTemplate = createControlTemplate({
+    scope: 'accordion-panel',
+    classNames: [
+        'root',
+        'header',
+        'header-disabled',
+        'header-text',
+        'content-expander',
+        'content-expander-collapsed',
+        'content',
+    ],
+});

package/templates/api/index.d.ts

@@ -0,0 +1,4 @@
+export * from './movable';
+export * from './resizable';
+export * from './scroll-shadow';
+//# sourceMappingURL=index.d.ts.map

package/templates/api/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/api/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC"}

package/templates/api/index.js

@@ -0,0 +1,3 @@
+export * from './movable';
+export * from './resizable';
+export * from './scroll-shadow';

package/templates/api/movable.d.ts

@@ -0,0 +1,2 @@
+export declare const movableDirectiveTemplate: import("@ngneers/controls-themes").ControlTemplate<"movable", ["root", "movable", "moved", "drag-handle-grab", "drag-handle-grabbing"], readonly []>;
+//# sourceMappingURL=movable.d.ts.map

package/templates/api/movable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"movable.d.ts","sourceRoot":"","sources":["../../../src/templates/api/movable.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,sJAGnC,CAAC"}

package/templates/api/movable.js

@@ -0,0 +1,5 @@
+import { createControlTemplate } from '@ngneers/controls-themes/api';
+export const movableDirectiveTemplate = createControlTemplate({
+    scope: 'movable',
+    classNames: ['root', 'movable', 'moved', 'drag-handle-grab', 'drag-handle-grabbing'],
+});

package/templates/api/resizable.d.ts

@@ -0,0 +1,2 @@
+export declare const resizableDirectiveTemplate: import("@ngneers/controls-themes").ControlTemplate<"resizable", ["root", "resizable", "resized"], readonly []>;
+//# sourceMappingURL=resizable.d.ts.map

package/templates/api/resizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../src/templates/api/resizable.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,gHAGrC,CAAC"}

package/templates/api/resizable.js

@@ -0,0 +1,5 @@
+import { createControlTemplate } from '@ngneers/controls-themes/api';
+export const resizableDirectiveTemplate = createControlTemplate({
+    scope: 'resizable',
+    classNames: ['root', 'resizable', 'resized'],
+});

package/templates/api/scroll-shadow.d.ts

@@ -0,0 +1,2 @@
+export declare const scrollShadowDirectiveTemplate: import("@ngneers/controls-themes").ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom"], readonly []>;
+//# sourceMappingURL=scroll-shadow.d.ts.map

package/templates/api/scroll-shadow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-shadow.d.ts","sourceRoot":"","sources":["../../../src/templates/api/scroll-shadow.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,6BAA6B,gKAGxC,CAAC"}

package/templates/api/scroll-shadow.js

@@ -0,0 +1,5 @@
+import { createControlTemplate } from '@ngneers/controls-themes/api';
+export const scrollShadowDirectiveTemplate = createControlTemplate({
+    scope: 'scrollShadow',
+    classNames: ['root', 'scrolled-start', 'scrolled-end', 'scrolled-top', 'scrolled-bottom'],
+});

package/templates/avatar/index.d.ts

@@ -0,0 +1,7 @@
+export declare const avatarControlTemplate: import("@ngneers/controls-themes").ControlTemplate<"avatar", ["root", "image", "initials", `kind-${string}`], readonly []>;
+export declare const avatarGroupControlTemplate: import("@ngneers/controls-themes").ControlTemplate<"avatar-group", ["root", `kind-${string}`], readonly [{
+    readonly class: "avatar";
+    readonly template: import("@ngneers/controls-themes").ControlTemplate<"avatar", ["root", "image", "initials", `kind-${string}`], readonly []>;
+    readonly projected: true;
+}]>;
+//# sourceMappingURL=index.d.ts.map

package/templates/avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/avatar/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,4HAGhC,CAAC;AAEH,eAAO,MAAM,0BAA0B;;;;GAIrC,CAAC"}

package/templates/avatar/index.js

@@ -0,0 +1,10 @@
+import { createControlTemplate } from '@ngneers/controls-themes/api';
+export const avatarControlTemplate = createControlTemplate({
+    scope: 'avatar',
+    classNames: ['root', 'image', 'initials', 'kind-*'],
+});
+export const avatarGroupControlTemplate = createControlTemplate({
+    scope: 'avatar-group',
+    dependencies: [{ class: 'avatar', template: avatarControlTemplate, projected: true }],
+    classNames: ['root', 'kind-*'],
+});

package/templates/breadcrumb/index.d.ts

@@ -0,0 +1,11 @@
+export declare const breadcrumbControlTemplate: import("@ngneers/controls-themes").ControlTemplate<"breadcrumb", ["root", "item", "item-clickable", "separator", "overflow"], readonly [{
+    readonly class: "item-view";
+    readonly template: import("@ngneers/controls-themes").ControlTemplate<"item-view", ["root", "item", "item-overflowing", "more-items", "more-items-hidden", "more-items-default", "hidden-separator"], readonly []>;
+}, {
+    readonly class: "menu";
+    readonly template: import("@ngneers/controls-themes").ControlTemplate<"menu", ["root", "submenu", "item", "item-opened", "icon-children", "separator"], readonly [{
+        readonly class: "popover";
+        readonly template: import("@ngneers/controls-themes").ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
+    }]>;
+}]>;
+//# sourceMappingURL=index.d.ts.map

package/templates/breadcrumb/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/breadcrumb/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,yBAAyB;;;;;;;;;GAOpC,CAAC"}

package/templates/breadcrumb/index.js

@@ -0,0 +1,11 @@
+import { createControlTemplate } from '@ngneers/controls-themes/api';
+import { itemViewControlTemplate } from '@ngneers/controls-themes/templates/item-view';
+import { menuControlTemplate } from '@ngneers/controls-themes/templates/menu';
+export const breadcrumbControlTemplate = createControlTemplate({
+    scope: 'breadcrumb',
+    classNames: ['root', 'item', 'item-clickable', 'separator', 'overflow'],
+    dependencies: [
+        { class: 'item-view', template: itemViewControlTemplate },
+        { class: 'menu', template: menuControlTemplate },
+    ],
+});

package/templates/button/index.d.ts

@@ -0,0 +1,2 @@
+export declare const buttonControlTemplate: import("@ngneers/controls-themes").ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
+//# sourceMappingURL=index.d.ts.map

package/templates/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/button/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,+IAGhC,CAAC"}

package/templates/button/index.js

@@ -0,0 +1,5 @@
+import { createControlTemplate } from '@ngneers/controls-themes/api';
+export const buttonControlTemplate = createControlTemplate({
+    scope: 'button',
+    classNames: ['root', 'inline', 'loading', 'kind-*', 'color-*'],
+});

package/templates/button-group/index.d.ts

@@ -0,0 +1,10 @@
+export declare const buttonGroupControlTemplate: 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;
+}]>;
+//# sourceMappingURL=index.d.ts.map

package/templates/button-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/button-group/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,0BAA0B;;;;;;;;GAOrC,CAAC"}

package/templates/button-group/index.js

@@ -0,0 +1,11 @@
+import { createControlTemplate } from '@ngneers/controls-themes/api';
+import { buttonControlTemplate } from '@ngneers/controls-themes/templates/button';
+import { toggleButtonControlTemplate } from '@ngneers/controls-themes/templates/toggle-button';
+export const buttonGroupControlTemplate = createControlTemplate({
+    scope: 'button-group',
+    classNames: ['root', 'vertical', 'horizontal'],
+    dependencies: [
+        { class: 'button', template: buttonControlTemplate, projected: true },
+        { class: 'toggle-button', template: toggleButtonControlTemplate, projected: true },
+    ],
+});

package/templates/calendar/index.d.ts

@@ -0,0 +1,75 @@
+export declare const calendarControlTemplate: import("@ngneers/controls-themes").ControlTemplate<"calendar", ["root", "inline", "invalid", "details", "header", "navigation", "days", "week-day", "day", "day-selected", "day-today", "day-other-month", "months", "month", "time", "input-field"], readonly [{
+    readonly class: "input";
+    readonly template: import("@ngneers/controls-themes").ControlTemplate<"mask-input", ["root", "section", "section-active", "section-placeholder", "separator", "proxy", "sr-only"], readonly []>;
+}, {
+    readonly class: "trigger-icon";
+    readonly template: import("@ngneers/controls-themes").ControlTemplate<"icon", ["root", "default"], readonly []>;
+}, {
+    readonly class: "popover";
+    readonly template: import("@ngneers/controls-themes").ControlTemplate<"popover", ["root", "content", "content-closing"], readonly []>;
+}, {
+    readonly class: "previous";
+    readonly template: import("@ngneers/controls-themes").ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
+}, {
+    readonly class: "next";
+    readonly template: import("@ngneers/controls-themes").ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly []>;
+}, {
+    readonly class: "current-month";
+    readonly template: 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;
+        }]>;
+    }]>;
+}, {
+    readonly class: "current-year";
+    readonly template: 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;
+        }]>;
+    }]>;
+}, {
+    readonly class: "current-month-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 class: "current-year-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;
+    }]>;
+}]>;
+//# sourceMappingURL=index.d.ts.map

package/templates/calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/calendar/index.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BlC,CAAC"}

package/templates/calendar/index.js

@@ -0,0 +1,39 @@
+import { createControlTemplate } from '@ngneers/controls-themes/api';
+import { buttonControlTemplate } from '@ngneers/controls-themes/templates/button';
+import { iconControlTemplate } from '@ngneers/controls-themes/templates/icon';
+import { inputFieldControlTemplate } from '@ngneers/controls-themes/templates/input-field';
+import { maskInputControlTemplate } from '@ngneers/controls-themes/templates/mask-input';
+import { popoverControlTemplate } from '@ngneers/controls-themes/templates/popover';
+import { selectControlTemplate } from '@ngneers/controls-themes/templates/select';
+export const calendarControlTemplate = createControlTemplate({
+    scope: 'calendar',
+    classNames: [
+        'root',
+        'inline',
+        'invalid',
+        'details',
+        'header',
+        'navigation',
+        'days',
+        'week-day',
+        'day',
+        'day-selected',
+        'day-today',
+        'day-other-month',
+        'months',
+        'month',
+        'time',
+        'input-field',
+    ],
+    dependencies: [
+        { class: 'input', template: maskInputControlTemplate },
+        { class: 'trigger-icon', template: iconControlTemplate },
+        { class: 'popover', template: popoverControlTemplate },
+        { class: 'previous', template: buttonControlTemplate },
+        { class: 'next', template: buttonControlTemplate },
+        { class: 'current-month', template: selectControlTemplate },
+        { class: 'current-year', template: selectControlTemplate },
+        { class: 'current-month-field', template: inputFieldControlTemplate },
+        { class: 'current-year-field', template: inputFieldControlTemplate },
+    ],
+});