@egose/shadcn-theme-ng 0.0.27 → 0.1.0

package/select/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "select",
+  "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/select.mjs",
+  "typings": "types/select.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/select.d.ts",
+      "default": "./fesm2022/select.mjs"
+    }
+  },
+  "type": "module"
+}

package/select/types/select.d.ts

@@ -0,0 +1,121 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@spartan-ng/brain/select';
+import * as i2 from '@spartan-ng/brain/popover';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ClassValue } from 'clsx';
+
+declare class HlmSelect {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSelect, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSelect, "[hlmSelect],hlm-select", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnSelect; inputs: { "disabled": "disabled"; "value": "value"; "isItemEqualToValue": "isItemEqualToValue"; "itemToString": "itemToString"; }; outputs: { "valueChange": "valueChange"; }; }, { directive: typeof i2.BrnPopover; inputs: { "align": "align"; "closeOnOutsidePointerEvents": "closeOnOutsidePointerEvents"; "sideOffset": "sideOffset"; "state": "state"; "offsetX": "offsetX"; }; outputs: { "stateChanged": "stateChanged"; "closed": "closed"; }; }]>;
+}
+
+declare class HlmSelectContent {
+    protected readonly _computedListboxClasses: i0.Signal<string>;
+    readonly showScroll: i0.InputSignalWithTransform<boolean, BooleanInput>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSelectContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmSelectContent, "hlm-select-content", never, { "showScroll": { "alias": "showScroll"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.BrnSelectContent; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmSelectGroup {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSelectGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSelectGroup, "[hlmSelectGroup],hlm-select-group", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnSelectGroup; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmSelectItem {
+    private readonly _brnSelectItem;
+    protected readonly _active: i0.Signal<boolean>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSelectItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmSelectItem, "hlm-select-item", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.BrnSelectItem; inputs: { "id": "id"; "disabled": "disabled"; "value": "value"; }; outputs: {}; }]>;
+}
+
+declare class HlmSelectLabel {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSelectLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSelectLabel, "[hlmSelectLabel],hlm-select-label", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnSelectLabel; inputs: { "id": "id"; }; outputs: {}; }]>;
+}
+
+declare class HlmSelectMultiple {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSelectMultiple, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSelectMultiple, "[hlmSelectMultiple],hlm-select-multiple", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnSelectMultiple; inputs: { "disabled": "disabled"; "value": "value"; "isItemEqualToValue": "isItemEqualToValue"; "itemToString": "itemToString"; }; outputs: { "valueChange": "valueChange"; }; }, { directive: typeof i2.BrnPopover; inputs: { "align": "align"; "closeOnOutsidePointerEvents": "closeOnOutsidePointerEvents"; "sideOffset": "sideOffset"; "state": "state"; "offsetX": "offsetX"; }; outputs: { "stateChanged": "stateChanged"; "closed": "closed"; }; }]>;
+}
+
+declare class HlmSelectPlaceholder {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSelectPlaceholder, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSelectPlaceholder, "[hlmSelectPlaceholder],hlm-select-placeholder", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnSelectPlaceholder; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmSelectPortal {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSelectPortal, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSelectPortal, "[hlmSelectPortal]", never, {}, {}, never, never, true, [{ directive: typeof i2.BrnPopoverContent; inputs: { "context": "context"; "class": "class"; }; outputs: {}; }]>;
+}
+
+declare class HlmSelectScrollDown {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSelectScrollDown, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmSelectScrollDown, "hlm-select-scroll-down", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnSelectScrollDown; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmSelectScrollUp {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSelectScrollUp, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmSelectScrollUp, "hlm-select-scroll-up", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnSelectScrollUp; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmSelectSeparator {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSelectSeparator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSelectSeparator, "[hlmSelectSeparator],hlm-select-separator", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnSelectSeparator; inputs: { "orientation": "orientation"; }; outputs: {}; }]>;
+}
+
+declare class HlmSelectTrigger {
+    private static _id;
+    readonly userClass: i0.InputSignal<ClassValue>;
+    protected readonly _computedClass: i0.Signal<string>;
+    readonly buttonId: i0.InputSignal<string>;
+    readonly ariaDescribedby: i0.InputSignal<string | null>;
+    readonly wrapperDisabled: i0.InputSignal<boolean>;
+    readonly size: i0.InputSignal<"default" | "sm">;
+    /** Whether to force the trigger into an invalid state. */
+    readonly forceInvalid: i0.InputSignalWithTransform<boolean, BooleanInput>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSelectTrigger, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmSelectTrigger, "hlm-select-trigger", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "buttonId": { "alias": "buttonId"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "wrapperDisabled": { "alias": "wrapperDisabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "forceInvalid": { "alias": "forceInvalid"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class HlmSelectValue {
+    private readonly _brnSelectValue;
+    protected readonly _hidden: i0.Signal<boolean>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSelectValue, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSelectValue, "[hlmSelectValue],hlm-select-value", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnSelectValue; inputs: { "placeholder": "placeholder"; }; outputs: {}; }]>;
+}
+
+declare class HlmSelectValueTemplate {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSelectValueTemplate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSelectValueTemplate, "[hlmSelectValueTemplate]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnSelectValueTemplate; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmSelectValues {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSelectValues, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSelectValues, "[hlmSelectValues]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnSelectValues; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmSelectValuesContent {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSelectValuesContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSelectValuesContent, "[hlmSelectValuesContent],hlm-select-values-content", never, {}, {}, never, never, true, never>;
+}
+
+declare const HlmSelectImports: readonly [typeof HlmSelect, typeof HlmSelectContent, typeof HlmSelectGroup, typeof HlmSelectItem, typeof HlmSelectLabel, typeof HlmSelectMultiple, typeof HlmSelectPlaceholder, typeof HlmSelectPortal, typeof HlmSelectScrollDown, typeof HlmSelectScrollUp, typeof HlmSelectSeparator, typeof HlmSelectTrigger, typeof HlmSelectValue, typeof HlmSelectValues, typeof HlmSelectValuesContent, typeof HlmSelectValueTemplate];
+declare class HlmSelectModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmSelectModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmSelectModule, never, [typeof HlmSelect, typeof HlmSelectContent, typeof HlmSelectGroup, typeof HlmSelectItem, typeof HlmSelectLabel, typeof HlmSelectMultiple, typeof HlmSelectPlaceholder, typeof HlmSelectPortal, typeof HlmSelectScrollDown, typeof HlmSelectScrollUp, typeof HlmSelectSeparator, typeof HlmSelectTrigger, typeof HlmSelectValue, typeof HlmSelectValues, typeof HlmSelectValuesContent, typeof HlmSelectValueTemplate], [typeof HlmSelect, typeof HlmSelectContent, typeof HlmSelectGroup, typeof HlmSelectItem, typeof HlmSelectLabel, typeof HlmSelectMultiple, typeof HlmSelectPlaceholder, typeof HlmSelectPortal, typeof HlmSelectScrollDown, typeof HlmSelectScrollUp, typeof HlmSelectSeparator, typeof HlmSelectTrigger, typeof HlmSelectValue, typeof HlmSelectValues, typeof HlmSelectValuesContent, typeof HlmSelectValueTemplate]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmSelectModule>;
+}
+
+export { HlmSelect, HlmSelectContent, HlmSelectGroup, HlmSelectImports, HlmSelectItem, HlmSelectLabel, HlmSelectModule, HlmSelectMultiple, HlmSelectPlaceholder, HlmSelectPortal, HlmSelectScrollDown, HlmSelectScrollUp, HlmSelectSeparator, HlmSelectTrigger, HlmSelectValue, HlmSelectValueTemplate, HlmSelectValues, HlmSelectValuesContent };

package/separator/README.md

@@ -1,64 +1,3 @@
-# Separator
+# Separator Subpath
 
-This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.3.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 separator
-```
-
-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/separator
-   ```
-
-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/separator` or `@egose/shadcn-theme-ng-tw/separator`. See the [package README](../../README.md) for installation, compatibility, Tailwind variant, test, and release guidance. Do not publish this project directory independently.

package/separator/fesm2022/separator.mjs

@@ -1,36 +1,38 @@
 import * as i0 from '@angular/core';
-import { input, computed, Directive, NgModule } from '@angular/core';
+import { Directive, NgModule } from '@angular/core';
 import * as i1 from '@spartan-ng/brain/separator';
 import { BrnSeparator } from '@spartan-ng/brain/separator';
-import { hlm } from '@egose/shadcn-theme-ng/utils';
+import { classes } from '@egose/shadcn-theme-ng/utils';
 
+const hlmSeparatorClass = "inline-flex shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch";
 class HlmSeparator {
-    userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
-    _computedClass = computed(() => hlm('bg-border inline-flex shrink-0 data-[orientation=horizontal]:h-px data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: HlmSeparator, isStandalone: true, selector: "[hlmSeparator],hlm-separator", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, hostDirectives: [{ directive: i1.BrnSeparator, inputs: ["orientation", "orientation", "decorative", "decorative"] }], ngImport: i0 });
+    constructor() {
+        classes(() => hlmSeparatorClass);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmSeparator, isStandalone: true, selector: "[hlmSeparator],hlm-separator", host: { attributes: { "data-slot": "separator" } }, hostDirectives: [{ directive: i1.BrnSeparator, inputs: ["orientation", "orientation", "decorative", "decorative"] }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmSeparator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSeparator, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmSeparator],hlm-separator',
                     hostDirectives: [{ directive: BrnSeparator, inputs: ['orientation', 'decorative'] }],
                     host: {
-                        '[class]': '_computedClass()',
+                        'data-slot': 'separator',
                     },
                 }]
-        }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+        }], ctorParameters: () => [] });
 
 /*
  * Public API Surface of separator
  */
 const HlmSeparatorImports = [HlmSeparator];
 class HlmSeparatorModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmSeparatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: HlmSeparatorModule, imports: [HlmSeparator], exports: [HlmSeparator] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmSeparatorModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSeparatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmSeparatorModule, imports: [HlmSeparator], exports: [HlmSeparator] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSeparatorModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HlmSeparatorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmSeparatorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...HlmSeparatorImports],
@@ -42,5 +44,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { HlmSeparator, HlmSeparatorImports, HlmSeparatorModule };
-//# sourceMappingURL=separator.mjs.map
+export { HlmSeparator, HlmSeparatorImports, HlmSeparatorModule, hlmSeparatorClass };
+

package/separator/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "separator",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^20.3.0 || ^22.0.0",
+    "@angular/core": "^20.3.0 || ^22.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/separator.mjs",
+  "typings": "types/separator.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/separator.d.ts",
+      "default": "./fesm2022/separator.mjs"
+    }
+  },
+  "type": "module"
+}

package/separator/{index.d.ts → types/separator.d.ts}

@@ -1,12 +1,11 @@
 import * as i0 from '@angular/core';
-import { ClassValue } from 'clsx';
 import * as i1 from '@spartan-ng/brain/separator';
 
+declare const hlmSeparatorClass = "tw:inline-flex tw:shrink-0 tw:bg-border tw:data-horizontal:h-px tw:data-horizontal:w-full tw:data-vertical:w-px tw:data-vertical:self-stretch";
 declare class HlmSeparator {
-    readonly userClass: i0.InputSignal<ClassValue>;
-    protected _computedClass: i0.Signal<string>;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<HlmSeparator, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSeparator, "[hlmSeparator],hlm-separator", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.BrnSeparator; inputs: { "orientation": "orientation"; "decorative": "decorative"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmSeparator, "[hlmSeparator],hlm-separator", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnSeparator; inputs: { "orientation": "orientation"; "decorative": "decorative"; }; outputs: {}; }]>;
 }
 
 declare const HlmSeparatorImports: readonly [typeof HlmSeparator];
@@ -16,4 +15,4 @@ declare class HlmSeparatorModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<HlmSeparatorModule>;
 }
 
-export { HlmSeparator, HlmSeparatorImports, HlmSeparatorModule };
+export { HlmSeparator, HlmSeparatorImports, HlmSeparatorModule, hlmSeparatorClass };

package/sheet/README.md

@@ -1,64 +1,3 @@
-# Sheet
+# Sheet Subpath
 
-This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.3.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 sheet
-```
-
-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/sheet
-   ```
-
-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/sheet` or `@egose/shadcn-theme-ng-tw/sheet`. See the [package README](../../README.md) for installation, compatibility, Tailwind variant, test, and release guidance. Do not publish this project directory independently.