@egose/shadcn-theme-ng-tw 0.0.27 → 0.1.0

package/README.md

@@ -14,17 +14,28 @@ npm install @egose/shadcn-theme-ng
 npm install @egose/shadcn-theme-ng-tw
 ```
 
-`pnpm` / `yarn` equivalents work too. Make sure your project's versions satisfy the peer ranges below.
+`pnpm` / `yarn` equivalents work too. npm installs peer dependencies automatically when it can resolve compatible
+versions; applications must keep their existing framework versions inside the supported ranges below.
 
 ### Peer dependencies
 
-| Package             | Supported version   |
-| ------------------- | ------------------- |
-| `@angular/common`   | `^20.2.0`           |
-| `@angular/core`     | `^20.2.0`           |
-| `@spartan-ng/brain` | `^0.0.1-alpha.512+` |
+| Package             | Supported version  | Tested version |
+| ------------------- | ------------------ | -------------- |
+| `@angular/cdk`      | `>=22.0.0 <23.0.0` | `22.1.3`       |
+| `@angular/common`   | `>=22.0.0 <23.0.0` | `22.1.3`       |
+| `@angular/core`     | `>=22.0.0 <23.0.0` | `22.1.3`       |
+| `@angular/forms`    | `>=22.0.0 <23.0.0` | `22.1.3`       |
+| `@angular/router`   | `>=22.0.0 <23.0.0` | `22.1.3`       |
+| `@ng-icons/core`    | `>=35.0.1 <36.0.0` | `35.0.1`       |
+| `@spartan-ng/brain` | `>=1.3.2 <2.0.0`   | `1.3.2`        |
+| `rxjs`              | `>=7.8.0 <8.0.0`   | `7.8.2`        |
 
-`@spartan-ng/brain` is the underlying primitive library that powers most components.
+Angular and CDK must use the same major version. The tested consumer contract is Angular 22, CDK 22, and Spartan 1.3.2;
+the ranges above are copied from the published peer metadata and validated with strict isolated installs.
+
+Runtime implementation dependencies such as `@ng-icons/lucide`, `@ng-icons/tabler-icons`, `class-variance-authority`,
+`clsx`, `embla-carousel`, `embla-carousel-angular`, `ngx-scrollbar`, `ngx-sonner`, `tailwind-merge`, and `tslib` are
+installed transitively. Do not install them directly unless your application also imports them.
 
 ### Tailwind variants
 
@@ -37,6 +48,59 @@ There are two published variants of this package. They produce identical markup
 
 If your project mixes shadcn styles with other Tailwind utilities that share class names, use the `-tw` variant to avoid collisions.
 
+Class utilities are normalized to one unprefixed canonical representation during packaging. The plain artifact emits
+unprefixed utilities, while the `-tw` artifact prefixes every recognized utility with `tw:`. Generated JavaScript source
+maps are intentionally excluded because this post-build class and package-identity transformation invalidates ng-packagr's
+maps; shipping no map is safer than shipping a map that points at different generated code.
+
+## Release preparation
+
+Prepare both release candidates without publishing by supplying the intended version explicitly:
+
+```bash
+pnpm --dir packages/angular prepare:release --version 1.2.3
+```
+
+This runs `@repo-toolkit/publish-package` with `publish.config.mjs`: it serially
+builds, validates, and packs the plain (`release/plain` → `@egose/shadcn-theme-ng`)
+and `tw:` (`release/tw` → `@egose/shadcn-theme-ng-tw`) variants. The inspectable
+stages and two exact `.tgz` artifacts are written under `packages/angular/release/`.
+Neither package is published unless both candidates pass every step. Publishing is
+intended to run from protected CI with npm trusted publishing/OIDC; `--otp` remains
+available for manual publishes (passed to the toolkit publish command, never logged).
+
+## Source tests
+
+Headless-test prerequisite (local and CI): the Karma suites need a
+Chrome-compatible binary. The repository-supported setup downloads it into
+the repo-local `.puppeteer-cache/` directory:
+
+```bash
+pnpm --dir packages/angular install:browser
+```
+
+Alternatively, set `CHROME_BIN` to any Chrome/Chromium binary yourself
+(`test/karma.conf.js` honors a pre-set `CHROME_BIN`, then falls back to a
+system Chrome).
+
+Focused library tests are intentionally separate from staged-package and artifact validation:
+
+```bash
+# One selected library
+pnpm --dir packages/angular test:library form-text-input
+pnpm --dir packages/angular test:library utils
+
+# Source export contracts plus every selected library, serially and headlessly
+pnpm --dir packages/angular test:libraries
+
+# The example shell and router behavior
+pnpm --dir packages/angular/@examples/standard test:ci
+```
+
+The browser suites share `packages/angular/test/setup.ts`, which provides zoneless Angular setup and assertions for form
+bindings and resource teardown. DOM reconciliation uses real `MutationObserver` and animation-frame scheduling; server-mode
+coverage verifies those browser resources are not created. All CI commands disable watch mode so they terminate after one run.
+
 ## Import forms
 
 Import each component via its own npm subpath:
@@ -72,23 +136,27 @@ export class MyModule {}
 
 Import by component name. Component `NameX` is reachable at `@egose/shadcn-theme-ng/<name-x>` (kebab-case). The current surface:
 
-`accordion`, `alert`, `autocomplete`, `badge`, `basic-alert`, `button`, `calendar`, `checkbox`, `confirmation-dialog`, `date-picker`, `dialog`, `form-checkbox`, `form-date-picker`, `form-field`, `form-field-simple`, `form-searchable-multiselect`, `form-select`, `form-text-input`, `form-textarea`, `icon`, `input`, `label`, `layout-simple`, `menu`, `popover`, `radio-group`, `searchable-multiselect`, `select`, `separator`, `sheet`, `sonner`, `spinner`, `switch`, `tabs`, `tooltip`, `utils`.
+<!-- BEGIN GENERATED SUBPATHS -->
+
+`accordion`, `alert`, `alert-dialog`, `aspect-ratio`, `autocomplete`, `avatar`, `badge`, `basic-alert`, `breadcrumb`, `button`, `button-group`, `calendar`, `card`, `carousel`, `checkbox`, `collapsible`, `combobox`, `command`, `confirmation-dialog`, `context-menu`, `date-picker`, `dialog`, `drawer`, `dropdown-menu`, `empty`, `field`, `form-checkbox`, `form-date-picker`, `form-field`, `form-field-simple`, `form-searchable-multiselect`, `form-select`, `form-text-input`, `form-textarea`, `hover-card`, `icon`, `input`, `input-group`, `input-otp`, `item`, `kbd`, `label`, `layout-simple`, `menu`, `menubar`, `native-select`, `navigation-menu`, `pagination`, `popover`, `progress`, `radio-group`, `resizable`, `scroll-area`, `searchable-multiselect`, `select`, `separator`, `sheet`, `sidebar`, `skeleton`, `slider`, `sonner`, `spinner`, `switch`, `table`, `tabs`, `textarea`, `toggle`, `toggle-group`, `tooltip`, `typography`, `utils`.
+
+<!-- END GENERATED SUBPATHS -->
 
 Anything not in this list is not part of the public surface. The published `exports` map in `package.json` reflects this set exactly — if a subpath is not listed, do not assume it is importable.
 
 ## Quick start (Angular standalone)
 
 ```ts
-import { Component } from "@angular/core";
-import { HlmButtonImports } from "@egose/shadcn-theme-ng/button";
-import { EgLayoutSimple, MenuItem } from "@egose/shadcn-theme-ng/layout-simple";
+import { Component } from '@angular/core';
+import { HlmButtonImports } from '@egose/shadcn-theme-ng/button';
+import { EgLayoutSimple, MenuItem } from '@egose/shadcn-theme-ng/layout-simple';
 
 @Component({
   selector: "app-demo",
   standalone: true,
-  imports: [...HlmButtonImports],
+  imports: [EgLayoutSimple, ...HlmButtonImports],
   template: \`
-    <eg-layout-simple [menuItems]="items">
+    <eg-layout-simple [leftMenus]="items">
       <button hlmBtn variant="primary">Click</button>
     </eg-layout-simple>
   \`,
@@ -98,6 +166,55 @@ export class DemoComponent {
 }
 ```
 
+## Date picker values
+
+`hlm-date-picker` emits a native JS `Date` (or `null` when cleared) via the `dateChange` output. Read it in the
+controller with `(dateChange)`, a template ref (`picker.value()`), or a form binding (`ngModel`/`formControlName`,
+the picker is a `ControlValueAccessor`):
+
+```html
+<hlm-date-picker (dateChange)="onDate($event)">
+  <hlm-date-picker-input placeholder="Pick a date" />
+</hlm-date-picker>
+```
+
+```ts
+onDate(date: Date | null) {
+  // date is a JS Date, e.g. 2026-09-23T00:00:00 local time (or null on clear)
+}
+```
+
+Unlike the React `FormDatePicker` (which normalizes to local midnight), the Angular picker passes dates through
+untouched by default: calendar clicks usually arrive at local midnight already, but dates typed into the input are
+parsed with `new Date(value)`, where `"YYYY-MM-DD"` means UTC midnight — so the time portion can be non-zero. To
+normalize every value reaching the controller to local midnight, provide a custom config (no library changes needed):
+
+```ts
+import { provideHlmDatePickerConfig } from '@egose/shadcn-theme-ng/date-picker';
+
+@Component({
+  // ...
+  providers: [
+    provideHlmDatePickerConfig({
+      // Strip the time portion, mirroring React's normalizeDate.
+      transformDate: (date: Date) => new Date(date.getFullYear(), date.getMonth(), date.getDate()),
+      // Parse typed "YYYY-MM-DD" as a local date instead of new Date(value) (UTC).
+      parseDate: (value: string) => {
+        const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value);
+        if (!match) return null;
+        const date = new Date(+match[1], +match[2] - 1, +match[3]);
+        return isNaN(date.getTime()) ? null : date;
+      },
+    }),
+  ],
+})
+export class MyComponent {}
+```
+
+`transformDate` runs on every path into the model (calendar selection, typed input, `writeValue`), so the controller
+then always sees local-midnight dates. Related: the picker stays open after selection by default; add the
+`autoCloseOnSelect` attribute (or set it in the same config) to close it on select.
+
 ## Working example
 
 A complete Angular consumer app lives at [`@examples/standard`](https://github.com/egose/shadcn-theme/tree/main/packages/angular/@examples/standard) — see its `src/app/...` for real usage of `@egose/shadcn-theme-ng/button`, `.../layout-simple`, `.../form-text-input`, `.../autocomplete`, `.../select`, `.../form-checkbox`, `.../sheet`, etc.

package/accordion/README.md

@@ -0,0 +1,3 @@
+# Accordion Subpath
+
+This project ships only as `@egose/shadcn-theme-ng/accordion` or `@egose/shadcn-theme-ng-tw/accordion`. See the [package README](../../README.md) for installation, compatibility, Tailwind variant, test, and release guidance. Do not publish this project directory independently.

package/accordion/fesm2022/accordion.mjs

@@ -0,0 +1,160 @@
+import * as i0 from '@angular/core';
+import { inject, input, computed, Directive, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import * as i1 from '@spartan-ng/brain/accordion';
+import { BrnAccordion, BrnAccordionContent, BrnAccordionItem, BrnAccordionTrigger } from '@spartan-ng/brain/accordion';
+import { hlm } from '@egose/shadcn-theme-ng-tw/utils';
+import { provideIcons } from '@ng-icons/core';
+import { lucideChevronDown } from '@ng-icons/lucide';
+import { provideHlmIconConfig } from '@egose/shadcn-theme-ng-tw/icon';
+
+class HlmAccordion {
+    _brn = inject(BrnAccordion);
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm('tw:flex', this._brn.orientation() === 'horizontal' ? 'tw:flex-row' : 'tw:flex-col', this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAccordion, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmAccordion, isStandalone: true, selector: "[hlmAccordion], hlm-accordion", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, hostDirectives: [{ directive: i1.BrnAccordion, inputs: ["type", "type", "orientation", "orientation"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAccordion, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAccordion], hlm-accordion',
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                    hostDirectives: [{ directive: BrnAccordion, inputs: ['type', 'orientation'] }],
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmAccordionContent extends BrnAccordionContent {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => {
+        const gridRows = this.state() === 'open' ? 'tw:grid-rows-[1fr]' : 'tw:hidden';
+        return hlm('tw:grid tw:text-sm tw:transition-all', gridRows, this.userClass());
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAccordionContent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmAccordionContent, isStandalone: true, selector: "hlm-accordion-content", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, usesInheritance: true, ngImport: i0, template: `
+    <div [attr.inert]="_inert()" style="tw:overflow:hidden">
+      <div class="tw:flex tw:flex-col tw:gap-4 tw:text-balance tw:pb-4 tw:pt-0">
+        <ng-content />
+      </div>
+    </div>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAccordionContent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-accordion-content',
+                    template: `
+    <div [attr.inert]="_inert()" style="tw:overflow:hidden">
+      <div class="tw:flex tw:flex-col tw:gap-4 tw:text-balance tw:pb-4 tw:pt-0">
+        <ng-content />
+      </div>
+    </div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmAccordionIcon {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm('tw:text-muted-foreground tw:pointer-events-none tw:size-4 tw:shrink-0 tw:translate-y-0.5 tw:transition-transform tw:duration-200', this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAccordionIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmAccordionIcon, isStandalone: true, selector: "ng-icon[egAccordionIcon], ng-icon[hlmAccIcon]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, providers: [provideIcons({ lucideChevronDown }), provideHlmIconConfig({ size: 'sm' })], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAccordionIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-icon[egAccordionIcon], ng-icon[hlmAccIcon]',
+                    providers: [provideIcons({ lucideChevronDown }), provideHlmIconConfig({ size: 'sm' })],
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmAccordionItem {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm('tw:border-border tw:flex tw:flex-1 tw:flex-col tw:border-b', this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmAccordionItem, isStandalone: true, selector: "[hlmAccordionItem],brn-accordion-item[hlm],hlm-accordion-item", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, hostDirectives: [{ directive: i1.BrnAccordionItem, inputs: ["isOpened", "isOpened"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAccordionItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAccordionItem],brn-accordion-item[hlm],hlm-accordion-item',
+                    host: {
+                        '[class]': '_computedClass()',
+                    },
+                    hostDirectives: [
+                        {
+                            directive: BrnAccordionItem,
+                            inputs: ['isOpened'],
+                        },
+                    ],
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class HlmAccordionTrigger {
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm('tw:focus-visible:border-ring tw:focus-visible:ring-ring/50 tw:flex tw:flex-1 tw:items-start tw:justify-between tw:gap-4 tw:rounded-md tw:py-4 tw:text-left tw:text-sm tw:font-medium tw:outline-none tw:transition-all tw:hover:underline tw:focus-visible:ring-[3px] tw:disabled:pointer-events-none tw:disabled:opacity-50 tw:[&[data-state=open]>[egAccIcon]]:rotate-180', this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAccordionTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmAccordionTrigger, isStandalone: true, selector: "[hlmAccordionTrigger]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--tw-ring-offset-shadow": "\"0 0 #000\"", "class": "_computedClass()" } }, hostDirectives: [{ directive: i1.BrnAccordionTrigger }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAccordionTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmAccordionTrigger]',
+                    host: {
+                        '[style.--tw-ring-offset-shadow]': '"0 0 #000"',
+                        '[class]': '_computedClass()',
+                    },
+                    hostDirectives: [BrnAccordionTrigger],
+                }]
+        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+/*
+ * Public API Surface of accordion
+ */
+const HlmAccordionImports = [
+    HlmAccordion,
+    HlmAccordionItem,
+    HlmAccordionTrigger,
+    HlmAccordionIcon,
+    HlmAccordionContent,
+];
+class HlmAccordionModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmAccordionModule, imports: [HlmAccordion,
+            HlmAccordionItem,
+            HlmAccordionTrigger,
+            HlmAccordionIcon,
+            HlmAccordionContent], exports: [HlmAccordion,
+            HlmAccordionItem,
+            HlmAccordionTrigger,
+            HlmAccordionIcon,
+            HlmAccordionContent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAccordionModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAccordionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmAccordionImports],
+                    exports: [...HlmAccordionImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmAccordion, HlmAccordionContent, HlmAccordionIcon, HlmAccordionImports, HlmAccordionItem, HlmAccordionModule, HlmAccordionTrigger };
+

package/accordion/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "accordion",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^20.2.0 || ^22.0.0",
+    "@angular/core": "^20.2.0 || ^22.0.0",
+    "@spartan-ng/brain": "^0.0.1-alpha.512"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/accordion.mjs",
+  "typings": "types/accordion.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/accordion.d.ts",
+      "default": "./fesm2022/accordion.mjs"
+    }
+  },
+  "type": "module"
+}

package/accordion/types/accordion.d.ts

@@ -0,0 +1,49 @@
+import * as i0 from '@angular/core';
+import { ClassValue } from 'clsx';
+import * as i1 from '@spartan-ng/brain/accordion';
+import { BrnAccordionContent } from '@spartan-ng/brain/accordion';
+
+declare class HlmAccordion {
+    private readonly _brn;
+    readonly userClass: i0.InputSignal<ClassValue>;
+    protected readonly _computedClass: i0.Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAccordion, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAccordion, "[hlmAccordion], hlm-accordion", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.BrnAccordion; inputs: { "type": "type"; "orientation": "orientation"; }; outputs: {}; }]>;
+}
+
+declare class HlmAccordionContent extends BrnAccordionContent {
+    readonly userClass: i0.InputSignal<ClassValue>;
+    protected readonly _computedClass: i0.Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAccordionContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmAccordionContent, "hlm-accordion-content", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class HlmAccordionIcon {
+    readonly userClass: i0.InputSignal<ClassValue>;
+    protected readonly _computedClass: i0.Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAccordionIcon, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAccordionIcon, "ng-icon[egAccordionIcon], ng-icon[hlmAccIcon]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class HlmAccordionItem {
+    readonly userClass: i0.InputSignal<ClassValue>;
+    protected readonly _computedClass: i0.Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAccordionItem, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAccordionItem, "[hlmAccordionItem],brn-accordion-item[hlm],hlm-accordion-item", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.BrnAccordionItem; inputs: { "isOpened": "isOpened"; }; outputs: {}; }]>;
+}
+
+declare class HlmAccordionTrigger {
+    readonly userClass: i0.InputSignal<ClassValue>;
+    protected readonly _computedClass: i0.Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAccordionTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAccordionTrigger, "[hlmAccordionTrigger]", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.BrnAccordionTrigger; inputs: {}; outputs: {}; }]>;
+}
+
+declare const HlmAccordionImports: readonly [typeof HlmAccordion, typeof HlmAccordionItem, typeof HlmAccordionTrigger, typeof HlmAccordionIcon, typeof HlmAccordionContent];
+declare class HlmAccordionModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAccordionModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmAccordionModule, never, [typeof HlmAccordion, typeof HlmAccordionItem, typeof HlmAccordionTrigger, typeof HlmAccordionIcon, typeof HlmAccordionContent], [typeof HlmAccordion, typeof HlmAccordionItem, typeof HlmAccordionTrigger, typeof HlmAccordionIcon, typeof HlmAccordionContent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmAccordionModule>;
+}
+
+export { HlmAccordion, HlmAccordionContent, HlmAccordionIcon, HlmAccordionImports, HlmAccordionItem, HlmAccordionModule, HlmAccordionTrigger };

package/alert/README.md

@@ -1,64 +1,3 @@
-# Alert
+# Alert Subpath
 
-This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.2.0.
-
-## Code scaffolding
-
-Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
-
-```bash
-ng generate component component-name
-```
-
-For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
-
-```bash
-ng generate --help
-```
-
-## Building
-
-To build the library, run:
-
-```bash
-ng build alert
-```
-
-This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
-
-### Publishing the Library
-
-Once the project is built, you can publish your library by following these steps:
-
-1. Navigate to the `dist` directory:
-
-   ```bash
-   cd dist/alert
-   ```
-
-2. Run the `npm publish` command to publish your library to the npm registry:
-   ```bash
-   npm publish
-   ```
-
-## Running unit tests
-
-To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
-
-```bash
-ng test
-```
-
-## Running end-to-end tests
-
-For end-to-end (e2e) testing, run:
-
-```bash
-ng e2e
-```
-
-Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
-
-## Additional Resources
-
-For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
+This project ships only as `@egose/shadcn-theme-ng/alert` or `@egose/shadcn-theme-ng-tw/alert`. See the [package README](../../README.md) for installation, compatibility, Tailwind variant, test, and release guidance. Do not publish this project directory independently.

package/alert/fesm2022/alert.mjs

@@ -68,7 +68,7 @@ const alertVariants = cva('tw:relative tw:w-full tw:items-start tw:gap-y-0.5 tw:
             class: 'tw:bg-dark/20 tw:text-dark tw:[&>[hlmAlertDescription]]:text-dark',
         },
         {
-            variant: 'accent',
+            variant: "tw:accent",
             appearance: 'light',
             class: 'tw:bg-accent/20 tw:text-accent tw:[&>[hlmAlertDescription]]:text-accent',
         },
@@ -99,17 +99,20 @@ const alertVariants = cva('tw:relative tw:w-full tw:items-start tw:gap-y-0.5 tw:
     },
 });
 class HlmAlert {
-    userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
-    variant = input('primary', ...(ngDevMode ? [{ debugName: "variant" }] : []));
-    appearance = input('solid', ...(ngDevMode ? [{ debugName: "appearance" }] : []));
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    variant = input('primary', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    appearance = input('solid', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
     _computedClass = computed(() => hlm(alertVariants({
         variant: this.variant(),
         appearance: this.appearance(),
-    }), this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmAlert, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: HlmAlert, isStandalone: true, selector: "[hlmAlert]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "alert" }, properties: { "class": "_computedClass()" } }, ngImport: i0 });
+    }), this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlert, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmAlert, isStandalone: true, selector: "[hlmAlert]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "alert" }, properties: { "class": "_computedClass()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmAlert, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlert, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmAlert]',
@@ -121,12 +124,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
         }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }] } });
 
 class HlmAlertDescription {
-    userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
-    _computedClass = computed(() => hlm('tw:text-current tw:col-start-2 tw:grid tw:justify-items-start tw:gap-1 tw:text-sm tw:[&_p]:leading-relaxed', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmAlertDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: HlmAlertDescription, isStandalone: true, selector: "[hlmAlertDesc],[hlmAlertDescription]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0 });
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm('tw:text-current tw:col-start-2 tw:grid tw:justify-items-start tw:gap-1 tw:text-sm tw:[&_p]:leading-relaxed', this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmAlertDescription, isStandalone: true, selector: "[hlmAlertDesc],[hlmAlertDescription]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmAlertDescription, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertDescription, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmAlertDesc],[hlmAlertDescription]',
@@ -137,10 +141,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
         }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
 
 class HlmAlertIcon {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmAlertIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: HlmAlertIcon, isStandalone: true, selector: "[hlmAlertIcon]", providers: [provideHlmIconConfig({ size: 'sm' })], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmAlertIcon, isStandalone: true, selector: "[hlmAlertIcon]", providers: [provideHlmIconConfig({ size: 'sm' })], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmAlertIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertIcon, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmAlertIcon]',
@@ -149,12 +153,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
         }] });
 
 class HlmAlertTitle {
-    userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
-    _computedClass = computed(() => hlm('tw:col-start-2 tw:line-clamp-1 tw:min-h-4 tw:text-md tw:font-semibold tw:tracking-tight', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: HlmAlertTitle, isStandalone: true, selector: "[hlmAlertTitle]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0 });
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    _computedClass = computed(() => hlm('tw:col-start-2 tw:line-clamp-1 tw:min-h-4 tw:text-md tw:font-semibold tw:tracking-tight', this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmAlertTitle, isStandalone: true, selector: "[hlmAlertTitle]", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmAlertTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertTitle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmAlertTitle]',
@@ -169,11 +174,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  */
 const HlmAlertImports = [HlmAlert, HlmAlertTitle, HlmAlertDescription, HlmAlertIcon];
 class HlmAlertModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: HlmAlertModule, imports: [HlmAlert, HlmAlertTitle, HlmAlertDescription, HlmAlertIcon], exports: [HlmAlert, HlmAlertTitle, HlmAlertDescription, HlmAlertIcon] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmAlertModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertModule, imports: [HlmAlert, HlmAlertTitle, HlmAlertDescription, HlmAlertIcon], exports: [HlmAlert, HlmAlertTitle, HlmAlertDescription, HlmAlertIcon] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmAlertModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmAlertModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...HlmAlertImports],
@@ -186,4 +191,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  */
 
 export { HlmAlert, HlmAlertDescription, HlmAlertIcon, HlmAlertImports, HlmAlertModule, HlmAlertTitle };
-//# sourceMappingURL=alert.mjs.map
+