@egose/shadcn-theme-ng 0.0.27 → 0.0.28

package/toggle/fesm2022/toggle.mjs

@@ -0,0 +1,78 @@
+import * as i0 from '@angular/core';
+import { input, Directive, NgModule } from '@angular/core';
+import * as i1 from '@spartan-ng/brain/toggle';
+import { BrnToggle } from '@spartan-ng/brain/toggle';
+import { classes } from '@egose/shadcn-theme-ng/utils';
+import { cva } from 'class-variance-authority';
+
+const toggleVariants = cva("hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 gap-1 rounded-md text-sm font-medium transition-[color,box-shadow] [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] group/toggle hover:bg-muted inline-flex items-center justify-center whitespace-nowrap outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_ng-icon]:pointer-events-none [&_ng-icon]:shrink-0", {
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            outline: 'border-input hover:bg-muted border bg-transparent shadow-xs',
+        },
+        size: {
+            default: 'h-9 min-w-9 px-2.5',
+            sm: 'h-8 min-w-8 px-2.5',
+            lg: 'h-10 min-w-10 px-2.5',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+class HlmToggle {
+    variant = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    size = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    constructor() {
+        classes(() => toggleVariants({
+            variant: this.variant(),
+            size: this.size(),
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmToggle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: HlmToggle, isStandalone: true, selector: "button[hlmToggle]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "toggle" } }, hostDirectives: [{ directive: i1.BrnToggle, inputs: ["id", "id", "value", "value", "disabled", "disabled", "state", "state", "aria-label", "aria-label", "type", "type"], outputs: ["stateChange", "stateChange"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmToggle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[hlmToggle]',
+                    hostDirectives: [
+                        {
+                            directive: BrnToggle,
+                            inputs: ['id', 'value', 'disabled', 'state', 'aria-label', 'type'],
+                            outputs: ['stateChange'],
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'toggle',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+/*
+ * Public API Surface of toggle
+ */
+const HlmToggleImports = [HlmToggle];
+class HlmToggleModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmToggleModule, imports: [HlmToggle], exports: [HlmToggle] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmToggleModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmToggleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmToggleImports],
+                    exports: [...HlmToggleImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmToggle, HlmToggleImports, HlmToggleModule, toggleVariants };
+//# sourceMappingURL=toggle.mjs.map

package/toggle/fesm2022/toggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.mjs","sources":["../../../projects/toggle/src/lib/hlm-toggle.ts","../../../projects/toggle/src/public-api.ts","../../../projects/toggle/src/toggle.ts"],"sourcesContent":["import { Directive, input } from '@angular/core';\nimport { BrnToggle } from '@spartan-ng/brain/toggle';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nexport const toggleVariants = cva(\n  \"hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 gap-1 rounded-md text-sm font-medium transition-[color,box-shadow] [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] group/toggle hover:bg-muted inline-flex items-center justify-center whitespace-nowrap outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_ng-icon]:pointer-events-none [&_ng-icon]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline: 'border-input hover:bg-muted border bg-transparent shadow-xs',\n      },\n      size: {\n        default: 'h-9 min-w-9 px-2.5',\n        sm: 'h-8 min-w-8 px-2.5',\n        lg: 'h-10 min-w-10 px-2.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\nexport type ToggleVariants = VariantProps<typeof toggleVariants>;\n\n@Directive({\n  selector: 'button[hlmToggle]',\n  hostDirectives: [\n    {\n      directive: BrnToggle,\n      inputs: ['id', 'value', 'disabled', 'state', 'aria-label', 'type'],\n      outputs: ['stateChange'],\n    },\n  ],\n  host: {\n    'data-slot': 'toggle',\n  },\n})\nexport class HlmToggle {\n  public readonly variant = input<ToggleVariants['variant']>('default');\n  public readonly size = input<ToggleVariants['size']>('default');\n  constructor() {\n    classes(() =>\n      toggleVariants({\n        variant: this.variant(),\n        size: this.size(),\n      }),\n    );\n  }\n}\n","/*\n * Public API Surface of toggle\n */\n\nimport { NgModule } from '@angular/core';\n\nimport { HlmToggle } from './lib/hlm-toggle';\n\nexport * from './lib/hlm-toggle';\n\nexport const HlmToggleImports = [HlmToggle] as const;\n\n@NgModule({\n  imports: [...HlmToggleImports],\n  exports: [...HlmToggleImports],\n})\nexport class HlmToggleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/toggle/package.json

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

package/toggle/types/toggle.d.ts

@@ -0,0 +1,27 @@
+import * as i0 from '@angular/core';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import * as i1 from '@spartan-ng/brain/toggle';
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ToggleVariants = VariantProps<typeof toggleVariants>;
+declare class HlmToggle {
+    readonly variant: i0.InputSignal<"default" | "outline" | null | undefined>;
+    readonly size: i0.InputSignal<"default" | "sm" | "lg" | null | undefined>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmToggle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmToggle, "button[hlmToggle]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.BrnToggle; inputs: { "id": "id"; "value": "value"; "disabled": "disabled"; "state": "state"; "aria-label": "aria-label"; "type": "type"; }; outputs: { "stateChange": "stateChange"; }; }]>;
+}
+
+declare const HlmToggleImports: readonly [typeof HlmToggle];
+declare class HlmToggleModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmToggleModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmToggleModule, never, [typeof HlmToggle], [typeof HlmToggle]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmToggleModule>;
+}
+
+export { HlmToggle, HlmToggleImports, HlmToggleModule, toggleVariants };
+export type { ToggleVariants };

package/toggle-group/README.md

@@ -0,0 +1,11 @@
+# ToggleGroup
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli).
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build toggle-group
+```

package/toggle-group/fesm2022/toggle-group.mjs

@@ -0,0 +1,117 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, numberAttribute, Directive, computed, NgModule } from '@angular/core';
+import * as i1 from '@spartan-ng/brain/toggle-group';
+import { BrnToggleGroup, BrnToggleGroupItem } from '@spartan-ng/brain/toggle-group';
+import { classes } from '@egose/shadcn-theme-ng/utils';
+import { toggleVariants } from '@egose/shadcn-theme-ng/toggle';
+
+const HlmToggleGroupToken = new InjectionToken('HlmToggleGroupToken');
+function injectHlmToggleGroup() {
+    return inject(HlmToggleGroupToken);
+}
+function provideHlmToggleGroup(toggleGroup) {
+    return { provide: HlmToggleGroupToken, useExisting: toggleGroup };
+}
+
+class HlmToggleGroup {
+    variant = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    size = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    spacing = input(0, { ...(ngDevMode ? { debugName: "spacing" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    orientation = input('horizontal', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    constructor() {
+        classes(() => 'rounded-md data-[spacing=0]:data-[variant=outline]:shadow-xs group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] data-vertical:flex-col data-vertical:items-stretch');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmToggleGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: HlmToggleGroup, isStandalone: true, selector: "[hlmToggleGroup],hlm-toggle-group", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "toggle-group" }, properties: { "attr.data-variant": "variant()", "attr.data-size": "size()", "attr.data-spacing": "spacing()", "attr.data-orientation": "orientation()", "style.--gap": "spacing()" } }, providers: [provideHlmToggleGroup(HlmToggleGroup)], hostDirectives: [{ directive: i1.BrnToggleGroup, inputs: ["type", "type", "value", "value", "nullable", "nullable", "disabled", "disabled"], outputs: ["valueChange", "valueChange"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmToggleGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmToggleGroup],hlm-toggle-group',
+                    providers: [provideHlmToggleGroup(HlmToggleGroup)],
+                    hostDirectives: [
+                        {
+                            directive: BrnToggleGroup,
+                            inputs: ['type', 'value', 'nullable', 'disabled'],
+                            outputs: ['valueChange'],
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'toggle-group',
+                        '[attr.data-variant]': 'variant()',
+                        '[attr.data-size]': 'size()',
+                        '[attr.data-spacing]': 'spacing()',
+                        '[attr.data-orientation]': 'orientation()',
+                        '[style.--gap]': 'spacing()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], spacing: [{ type: i0.Input, args: [{ isSignal: true, alias: "spacing", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }] } });
+
+class HlmToggleGroupItem {
+    _toggleGroup = injectHlmToggleGroup();
+    variant = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    size = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    _variant = computed(() => this._toggleGroup.variant() || this.variant(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_variant" }] : /* istanbul ignore next */ []));
+    _size = computed(() => this._toggleGroup.size() || this.size(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_size" }] : /* istanbul ignore next */ []));
+    constructor() {
+        classes(() => [
+            'data-[state=on]:bg-muted group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 group-data-[spacing=0]/toggle-group:shadow-none group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-s-md group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-e-md group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-md shrink-0 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-s-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-s group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t',
+            toggleVariants({
+                variant: this._variant(),
+                size: this._size(),
+            }),
+        ]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmToggleGroupItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: HlmToggleGroupItem, isStandalone: true, selector: "button[hlmToggleGroupItem]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "toggle-group-item" }, properties: { "attr.data-variant": "_variant()", "attr.data-size": "_size()", "attr.data-spacing": "_toggleGroup.spacing()" } }, hostDirectives: [{ directive: i1.BrnToggleGroupItem, inputs: ["id", "id", "value", "value", "disabled", "disabled", "state", "state", "aria-label", "aria-label", "type", "type"], outputs: ["stateChange", "stateChange"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmToggleGroupItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[hlmToggleGroupItem]',
+                    hostDirectives: [
+                        {
+                            directive: BrnToggleGroupItem,
+                            inputs: ['id', 'value', 'disabled', 'state', 'aria-label', 'type'],
+                            outputs: ['stateChange'],
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'toggle-group-item',
+                        '[attr.data-variant]': '_variant()',
+                        '[attr.data-size]': '_size()',
+                        '[attr.data-spacing]': '_toggleGroup.spacing()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+/*
+ * Public API Surface of toggle-group
+ */
+const HlmToggleGroupImports = [HlmToggleGroup, HlmToggleGroupItem];
+class HlmToggleGroupModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmToggleGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmToggleGroupModule, imports: [HlmToggleGroup, HlmToggleGroupItem], exports: [HlmToggleGroup, HlmToggleGroupItem] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmToggleGroupModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmToggleGroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmToggleGroupImports],
+                    exports: [...HlmToggleGroupImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmToggleGroup, HlmToggleGroupImports, HlmToggleGroupItem, HlmToggleGroupModule, HlmToggleGroupToken, injectHlmToggleGroup, provideHlmToggleGroup };
+//# sourceMappingURL=toggle-group.mjs.map

package/toggle-group/fesm2022/toggle-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.mjs","sources":["../../../projects/toggle-group/src/lib/hlm-toggle-group.token.ts","../../../projects/toggle-group/src/lib/hlm-toggle-group.ts","../../../projects/toggle-group/src/lib/hlm-toggle-group-item.ts","../../../projects/toggle-group/src/public-api.ts","../../../projects/toggle-group/src/toggle-group.ts"],"sourcesContent":["import { type ExistingProvider, InjectionToken, type Type, inject } from '@angular/core';\nimport type { HlmToggleGroup } from './hlm-toggle-group';\n\nexport const HlmToggleGroupToken = new InjectionToken<HlmToggleGroup>('HlmToggleGroupToken');\n\nexport function injectHlmToggleGroup(): HlmToggleGroup {\n  return inject(HlmToggleGroupToken);\n}\n\nexport function provideHlmToggleGroup(toggleGroup: Type<HlmToggleGroup>): ExistingProvider {\n  return { provide: HlmToggleGroupToken, useExisting: toggleGroup };\n}\n","import { NumberInput } from '@angular/cdk/coercion';\nimport { Directive, input, numberAttribute } from '@angular/core';\nimport { BrnToggleGroup } from '@spartan-ng/brain/toggle-group';\nimport { ToggleVariants } from '@egose/shadcn-theme-ng/toggle';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\nimport { provideHlmToggleGroup } from './hlm-toggle-group.token';\n\n@Directive({\n  selector: '[hlmToggleGroup],hlm-toggle-group',\n  providers: [provideHlmToggleGroup(HlmToggleGroup)],\n  hostDirectives: [\n    {\n      directive: BrnToggleGroup,\n      inputs: ['type', 'value', 'nullable', 'disabled'],\n      outputs: ['valueChange'],\n    },\n  ],\n  host: {\n    'data-slot': 'toggle-group',\n    '[attr.data-variant]': 'variant()',\n    '[attr.data-size]': 'size()',\n    '[attr.data-spacing]': 'spacing()',\n    '[attr.data-orientation]': 'orientation()',\n    '[style.--gap]': 'spacing()',\n  },\n})\nexport class HlmToggleGroup {\n  public readonly variant = input<ToggleVariants['variant']>('default');\n  public readonly size = input<ToggleVariants['size']>('default');\n  public readonly spacing = input<number, NumberInput>(0, { transform: numberAttribute });\n  public readonly orientation = input<'horizontal' | 'vertical'>('horizontal');\n\n  constructor() {\n    classes(\n      () =>\n        'rounded-md data-[spacing=0]:data-[variant=outline]:shadow-xs group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] data-vertical:flex-col data-vertical:items-stretch',\n    );\n  }\n}\n","import { computed, Directive, input } from '@angular/core';\nimport { BrnToggleGroupItem } from '@spartan-ng/brain/toggle-group';\nimport { toggleVariants, ToggleVariants } from '@egose/shadcn-theme-ng/toggle';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\nimport { injectHlmToggleGroup } from './hlm-toggle-group.token';\n\n@Directive({\n  selector: 'button[hlmToggleGroupItem]',\n  hostDirectives: [\n    {\n      directive: BrnToggleGroupItem,\n      inputs: ['id', 'value', 'disabled', 'state', 'aria-label', 'type'],\n      outputs: ['stateChange'],\n    },\n  ],\n  host: {\n    'data-slot': 'toggle-group-item',\n    '[attr.data-variant]': '_variant()',\n    '[attr.data-size]': '_size()',\n    '[attr.data-spacing]': '_toggleGroup.spacing()',\n  },\n})\nexport class HlmToggleGroupItem {\n  protected readonly _toggleGroup = injectHlmToggleGroup();\n\n  public readonly variant = input<ToggleVariants['variant']>('default');\n  public readonly size = input<ToggleVariants['size']>('default');\n\n  protected readonly _variant = computed(() => this._toggleGroup.variant() || this.variant());\n  protected readonly _size = computed(() => this._toggleGroup.size() || this.size());\n\n  constructor() {\n    classes(() => [\n      'data-[state=on]:bg-muted group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 group-data-[spacing=0]/toggle-group:shadow-none group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-s-md group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-e-md group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-md shrink-0 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-s-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-s group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t',\n      toggleVariants({\n        variant: this._variant(),\n        size: this._size(),\n      }),\n    ]);\n  }\n}\n","/*\n * Public API Surface of toggle-group\n */\n\nimport { NgModule } from '@angular/core';\n\nimport { HlmToggleGroup } from './lib/hlm-toggle-group';\nimport { HlmToggleGroupItem } from './lib/hlm-toggle-group-item';\n\nexport * from './lib/hlm-toggle-group';\nexport * from './lib/hlm-toggle-group-item';\nexport * from './lib/hlm-toggle-group.token';\n\nexport const HlmToggleGroupImports = [HlmToggleGroup, HlmToggleGroupItem] as const;\n\n@NgModule({\n  imports: [...HlmToggleGroupImports],\n  exports: [...HlmToggleGroupImports],\n})\nexport class HlmToggleGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/toggle-group/package.json

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

package/toggle-group/types/toggle-group.d.ts

@@ -0,0 +1,39 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken, Type, ExistingProvider } from '@angular/core';
+import { NumberInput } from '@angular/cdk/coercion';
+import * as i1 from '@spartan-ng/brain/toggle-group';
+import * as toggle_group from 'toggle-group';
+
+declare class HlmToggleGroup {
+    readonly variant: _angular_core.InputSignal<"default" | "outline" | null | undefined>;
+    readonly size: _angular_core.InputSignal<"default" | "sm" | "lg" | null | undefined>;
+    readonly spacing: _angular_core.InputSignalWithTransform<number, NumberInput>;
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmToggleGroup, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HlmToggleGroup, "[hlmToggleGroup],hlm-toggle-group", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.BrnToggleGroup; inputs: { "type": "type"; "value": "value"; "nullable": "nullable"; "disabled": "disabled"; }; outputs: { "valueChange": "valueChange"; }; }]>;
+}
+
+declare class HlmToggleGroupItem {
+    protected readonly _toggleGroup: toggle_group.HlmToggleGroup;
+    readonly variant: _angular_core.InputSignal<"default" | "outline" | null | undefined>;
+    readonly size: _angular_core.InputSignal<"default" | "sm" | "lg" | null | undefined>;
+    protected readonly _variant: _angular_core.Signal<"default" | "outline" | null | undefined>;
+    protected readonly _size: _angular_core.Signal<"default" | "sm" | "lg" | null | undefined>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmToggleGroupItem, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HlmToggleGroupItem, "button[hlmToggleGroupItem]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.BrnToggleGroupItem; inputs: { "id": "id"; "value": "value"; "disabled": "disabled"; "state": "state"; "aria-label": "aria-label"; "type": "type"; }; outputs: { "stateChange": "stateChange"; }; }]>;
+}
+
+declare const HlmToggleGroupToken: InjectionToken<HlmToggleGroup>;
+declare function injectHlmToggleGroup(): HlmToggleGroup;
+declare function provideHlmToggleGroup(toggleGroup: Type<HlmToggleGroup>): ExistingProvider;
+
+declare const HlmToggleGroupImports: readonly [typeof HlmToggleGroup, typeof HlmToggleGroupItem];
+declare class HlmToggleGroupModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HlmToggleGroupModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<HlmToggleGroupModule, never, [typeof HlmToggleGroup, typeof HlmToggleGroupItem], [typeof HlmToggleGroup, typeof HlmToggleGroupItem]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<HlmToggleGroupModule>;
+}
+
+export { HlmToggleGroup, HlmToggleGroupImports, HlmToggleGroupItem, HlmToggleGroupModule, HlmToggleGroupToken, injectHlmToggleGroup, provideHlmToggleGroup };

package/tooltip/README.md

@@ -0,0 +1,64 @@
+# Tooltip
+
+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 tooltip
+```
+
+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/tooltip
+   ```
+
+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.

package/tooltip/fesm2022/tooltip.mjs

@@ -0,0 +1,72 @@
+import * as i0 from '@angular/core';
+import { Directive, NgModule } from '@angular/core';
+import * as i1 from '@spartan-ng/brain/tooltip';
+import { provideBrnTooltipDefaultOptions, BrnTooltip } from '@spartan-ng/brain/tooltip';
+import { hlm } from '@egose/shadcn-theme-ng/utils';
+import { cva } from 'class-variance-authority';
+
+const DEFAULT_TOOLTIP_SVG_CLASS = 'bg-foreground fill-foreground z-50 block size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px]';
+const DEFAULT_TOOLTIP_CONTENT_CLASSES = hlm('data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 rounded-md px-3 py-1.5 text-xs bg-foreground text-background data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) text-balance');
+const tooltipPositionVariants = cva('absolute', {
+    variants: {
+        position: {
+            top: 'bottom-0 left-[calc(50%-5px)] translate-y-full',
+            bottom: '-top-2.5 left-[calc(50%-5px)] translate-y-0 rotate-180',
+            left: '-end-2.5 top-[calc(50%-5px)] translate-y-0 rotate-270 rtl:-rotate-270',
+            right: '-start-2.5 top-[calc(50%-5px)] translate-y-0 rotate-90 rtl:-rotate-90',
+        },
+    },
+});
+class HlmTooltip {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmTooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmTooltip, isStandalone: true, selector: "[hlmTooltip]", providers: [
+            provideBrnTooltipDefaultOptions({
+                svgClasses: DEFAULT_TOOLTIP_SVG_CLASS,
+                tooltipContentClasses: DEFAULT_TOOLTIP_CONTENT_CLASSES,
+                arrowClasses: (position) => hlm(tooltipPositionVariants({ position })),
+            }),
+        ], hostDirectives: [{ directive: i1.BrnTooltip, inputs: ["brnTooltip", "hlmTooltip", "position", "position", "hideDelay", "hideDelay", "showDelay", "showDelay", "tooltipDisabled", "tooltipDisabled"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmTooltip, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmTooltip]',
+                    providers: [
+                        provideBrnTooltipDefaultOptions({
+                            svgClasses: DEFAULT_TOOLTIP_SVG_CLASS,
+                            tooltipContentClasses: DEFAULT_TOOLTIP_CONTENT_CLASSES,
+                            arrowClasses: (position) => hlm(tooltipPositionVariants({ position })),
+                        }),
+                    ],
+                    hostDirectives: [
+                        {
+                            directive: BrnTooltip,
+                            inputs: ['brnTooltip: hlmTooltip', 'position', 'hideDelay', 'showDelay', 'tooltipDisabled'],
+                        },
+                    ],
+                }]
+        }] });
+
+/*
+ * Public API Surface of tooltip
+ */
+const HlmTooltipImports = [HlmTooltip];
+class HlmTooltipModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmTooltipModule, imports: [HlmTooltip], exports: [HlmTooltip] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmTooltipModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmTooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmTooltipImports],
+                    exports: [...HlmTooltipImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DEFAULT_TOOLTIP_CONTENT_CLASSES, DEFAULT_TOOLTIP_SVG_CLASS, HlmTooltip, HlmTooltipImports, HlmTooltipModule, tooltipPositionVariants };
+//# sourceMappingURL=tooltip.mjs.map

package/tooltip/fesm2022/tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.mjs","sources":["../../../projects/tooltip/src/lib/hlm-tooltip.ts","../../../projects/tooltip/src/public-api.ts","../../../projects/tooltip/src/tooltip.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { BrnTooltip, BrnTooltipPosition, provideBrnTooltipDefaultOptions } from '@spartan-ng/brain/tooltip';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport { cva } from 'class-variance-authority';\n\nexport const DEFAULT_TOOLTIP_SVG_CLASS =\n  'bg-foreground fill-foreground z-50 block size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px]';\n\nexport const DEFAULT_TOOLTIP_CONTENT_CLASSES = hlm(\n  'data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 rounded-md px-3 py-1.5 text-xs bg-foreground text-background data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) text-balance',\n);\n\nexport const tooltipPositionVariants = cva('absolute', {\n  variants: {\n    position: {\n      top: 'bottom-0 left-[calc(50%-5px)] translate-y-full',\n      bottom: '-top-2.5 left-[calc(50%-5px)] translate-y-0 rotate-180',\n      left: '-end-2.5 top-[calc(50%-5px)] translate-y-0 rotate-270 rtl:-rotate-270',\n      right: '-start-2.5 top-[calc(50%-5px)] translate-y-0 rotate-90 rtl:-rotate-90',\n    },\n  },\n});\n\n@Directive({\n  selector: '[hlmTooltip]',\n  providers: [\n    provideBrnTooltipDefaultOptions({\n      svgClasses: DEFAULT_TOOLTIP_SVG_CLASS,\n      tooltipContentClasses: DEFAULT_TOOLTIP_CONTENT_CLASSES,\n      arrowClasses: (position: BrnTooltipPosition) => hlm(tooltipPositionVariants({ position })),\n    }),\n  ],\n  hostDirectives: [\n    {\n      directive: BrnTooltip,\n      inputs: ['brnTooltip: hlmTooltip', 'position', 'hideDelay', 'showDelay', 'tooltipDisabled'],\n    },\n  ],\n})\nexport class HlmTooltip {}\n","/*\n * Public API Surface of tooltip\n */\n\nimport { NgModule } from '@angular/core';\n\nimport { HlmTooltip } from './lib/hlm-tooltip';\n\nexport * from './lib/hlm-tooltip';\n\nexport const HlmTooltipImports = [HlmTooltip] as const;\n\n@NgModule({\n  imports: [...HlmTooltipImports],\n  exports: [...HlmTooltipImports],\n})\nexport class HlmTooltipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;AAKO,MAAM,yBAAyB,GACpC;MAEW,+BAA+B,GAAG,GAAG,CAChD,s6BAAs6B;AAGj6B,MAAM,uBAAuB,GAAG,GAAG,CAAC,UAAU,EAAE;AACrD,IAAA,QAAQ,EAAE;AACR,QAAA,QAAQ,EAAE;AACR,YAAA,GAAG,EAAE,gDAAgD;AACrD,YAAA,MAAM,EAAE,wDAAwD;AAChE,YAAA,IAAI,EAAE,uEAAuE;AAC7E,YAAA,KAAK,EAAE,uEAAuE;AAC/E,SAAA;AACF,KAAA;AACF,CAAA;MAkBY,UAAU,CAAA;uGAAV,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAV,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,SAAA,EAdV;AACT,YAAA,+BAA+B,CAAC;AAC9B,gBAAA,UAAU,EAAE,yBAAyB;AACrC,gBAAA,qBAAqB,EAAE,+BAA+B;AACtD,gBAAA,YAAY,EAAE,CAAC,QAA4B,KAAK,GAAG,CAAC,uBAAuB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;aAC3F,CAAC;AACH,SAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAQU,UAAU,EAAA,UAAA,EAAA,CAAA;kBAhBtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,SAAS,EAAE;AACT,wBAAA,+BAA+B,CAAC;AAC9B,4BAAA,UAAU,EAAE,yBAAyB;AACrC,4BAAA,qBAAqB,EAAE,+BAA+B;AACtD,4BAAA,YAAY,EAAE,CAAC,QAA4B,KAAK,GAAG,CAAC,uBAAuB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;yBAC3F,CAAC;AACH,qBAAA;AACD,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,UAAU;4BACrB,MAAM,EAAE,CAAC,wBAAwB,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,CAAC;AAC5F,yBAAA;AACF,qBAAA;AACF,iBAAA;;;ACtCD;;AAEG;AAQI,MAAM,iBAAiB,GAAG,CAAC,UAAU;MAM/B,gBAAgB,CAAA;uGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAhB,gBAAgB,EAAA,OAAA,EAAA,CANK,UAAU,CAAA,EAAA,OAAA,EAAA,CAAV,UAAU,CAAA,EAAA,CAAA;wGAM/B,gBAAgB,EAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,GAAG,iBAAiB,CAAC;AAC/B,oBAAA,OAAO,EAAE,CAAC,GAAG,iBAAiB,CAAC;AAChC,iBAAA;;;ACfD;;AAEG;;;;"}

package/tooltip/package.json

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

package/tooltip/types/tooltip.d.ts

@@ -0,0 +1,22 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as i0 from '@angular/core';
+import * as i1 from '@spartan-ng/brain/tooltip';
+
+declare const DEFAULT_TOOLTIP_SVG_CLASS = "bg-foreground fill-foreground z-50 block size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px]";
+declare const DEFAULT_TOOLTIP_CONTENT_CLASSES: string;
+declare const tooltipPositionVariants: (props?: ({
+    position?: "top" | "bottom" | "left" | "right" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare class HlmTooltip {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmTooltip, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmTooltip, "[hlmTooltip]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnTooltip; inputs: { "brnTooltip": "hlmTooltip"; "position": "position"; "hideDelay": "hideDelay"; "showDelay": "showDelay"; "tooltipDisabled": "tooltipDisabled"; }; outputs: {}; }]>;
+}
+
+declare const HlmTooltipImports: readonly [typeof HlmTooltip];
+declare class HlmTooltipModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmTooltipModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmTooltipModule, never, [typeof HlmTooltip], [typeof HlmTooltip]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmTooltipModule>;
+}
+
+export { DEFAULT_TOOLTIP_CONTENT_CLASSES, DEFAULT_TOOLTIP_SVG_CLASS, HlmTooltip, HlmTooltipImports, HlmTooltipModule, tooltipPositionVariants };

package/typography/README.md

@@ -0,0 +1,11 @@
+# Typography
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli).
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build typography
+```