@radix-ng/primitives 0.28.0 → 0.30.0

package/schematics/ng-add/index.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ngAdd = ngAdd;
+const schematics_1 = require("@angular-devkit/schematics");
+const tasks_1 = require("@angular-devkit/schematics/tasks");
+const dependencies_1 = require("@schematics/angular/utility/dependencies");
+const pkgJson = require("../../package.json");
+const package_config_1 = require("./package-config");
+/**
+ * This is executed when `ng add @radix-ng/primitives` is run.
+ * It installs all dependencies in the 'package.json'.
+ */
+function ngAdd() {
+    return (tree, context) => {
+        const pkg = pkgJson;
+        context.logger.info(``);
+        context.logger.info(`Installing ${pkg.name} dependencies...`);
+        const ngCoreVersionTag = (0, package_config_1.getPackageVersionFromPackageJson)(tree, '@angular/core');
+        context.logger.info(`@angular/core version ${ngCoreVersionTag}`);
+        if (!ngCoreVersionTag) {
+            throw new schematics_1.SchematicsException('@angular/core version not found');
+        }
+        const projectDeps = [
+            {
+                name: '@angular/animations',
+                type: dependencies_1.NodeDependencyType.Default,
+                version: ngCoreVersionTag,
+                overwrite: false
+            },
+            { name: '@angular/common', type: dependencies_1.NodeDependencyType.Default, version: ngCoreVersionTag, overwrite: false },
+            { name: '@angular/core', type: dependencies_1.NodeDependencyType.Default, version: ngCoreVersionTag, overwrite: false }
+        ];
+        projectDeps.forEach((dep) => {
+            (0, dependencies_1.addPackageJsonDependency)(tree, dep);
+            context.logger.info(`Added dependency: ${dep.name}@${dep.version}`);
+        });
+        const libraryDeps = [
+            {
+                name: '@angular/cdk',
+                type: dependencies_1.NodeDependencyType.Default,
+                version: pkg.peerDependencies['@angular/cdk'],
+                overwrite: false
+            }
+        ];
+        libraryDeps.forEach((dep) => {
+            (0, dependencies_1.addPackageJsonDependency)(tree, dep);
+            context.logger.info(`Added dependency: ${dep.name}@${dep.version}`);
+        });
+        const library = {
+            name: pkg.name,
+            type: dependencies_1.NodeDependencyType.Default,
+            version: `~${pkg.version}`,
+            overwrite: true
+        };
+        (0, dependencies_1.addPackageJsonDependency)(tree, library);
+        context.logger.info(`Installing ${library.name}@${library.version}`);
+        context.addTask(new tasks_1.NodePackageInstallTask());
+        return tree;
+    };
+}
+//# sourceMappingURL=index.js.map

package/schematics/ng-add/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/primitives/schematics/ng-add/index.ts"],"names":[],"mappings":";;AAUA,sBA0DC;AApED,2DAA+F;AAC/F,4DAA0E;AAC1E,2EAAwH;AACxH,8CAA8C;AAC9C,qDAAiF;AAEjF;;;GAGG;AACH,SAAgB,KAAK;IACjB,OAAO,CAAC,IAAU,EAAE,OAAyB,EAAE,EAAE;QAC7C,MAAM,GAAG,GAAG,OAAiC,CAAC;QAE9C,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACxB,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,GAAG,CAAC,IAAI,kBAAkB,CAAC,CAAC;QAE9D,MAAM,gBAAgB,GAAG,IAAA,iDAAgC,EAAC,IAAI,EAAE,eAAe,CAAC,CAAC;QACjF,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,yBAAyB,gBAAgB,EAAE,CAAC,CAAC;QAEjE,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACpB,MAAM,IAAI,gCAAmB,CAAC,iCAAiC,CAAC,CAAC;QACrE,CAAC;QAED,MAAM,WAAW,GAAqB;YAClC;gBACI,IAAI,EAAE,qBAAqB;gBAC3B,IAAI,EAAE,iCAAkB,CAAC,OAAO;gBAChC,OAAO,EAAE,gBAAgB;gBACzB,SAAS,EAAE,KAAK;aACnB;YACD,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,iCAAkB,CAAC,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE;YAC1G,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,iCAAkB,CAAC,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE;SAC3G,CAAC;QAEF,WAAW,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACxB,IAAA,uCAAwB,EAAC,IAAI,EAAE,GAAG,CAAC,CAAC;YACpC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,qBAAqB,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;QAEH,MAAM,WAAW,GAAqB;YAClC;gBACI,IAAI,EAAE,cAAc;gBACpB,IAAI,EAAE,iCAAkB,CAAC,OAAO;gBAChC,OAAO,EAAE,GAAG,CAAC,gBAAgB,CAAC,cAAc,CAAC;gBAC7C,SAAS,EAAE,KAAK;aACnB;SACJ,CAAC;QAEF,WAAW,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACxB,IAAA,uCAAwB,EAAC,IAAI,EAAE,GAAG,CAAC,CAAC;YACpC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,qBAAqB,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;QAEH,MAAM,OAAO,GAAmB;YAC5B,IAAI,EAAE,GAAG,CAAC,IAAI;YACd,IAAI,EAAE,iCAAkB,CAAC,OAAO;YAChC,OAAO,EAAE,IAAI,GAAG,CAAC,OAAO,EAAE;YAC1B,SAAS,EAAE,IAAI;SAClB,CAAC;QAEF,IAAA,uCAAwB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACxC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;QAErE,OAAO,CAAC,OAAO,CAAC,IAAI,8BAAsB,EAAE,CAAC,CAAC;QAE9C,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;AACN,CAAC"}

package/schematics/ng-add/package-config.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Tree } from '@angular-devkit/schematics';
+export interface PackageJson {
+    dependencies: Record<string, string>;
+    name: string;
+    peerDependencies: Record<string, string>;
+    version: string;
+}
+/** Adds a package to the package.json in the given host tree. */
+export declare function addPackageToPackageJson(host: Tree, pkg: string, version: string): Tree;
+/** Gets the version of the specified package by looking at the package.json in the given tree. */
+export declare function getPackageVersionFromPackageJson(tree: Tree, name: string): string | null;

package/schematics/ng-add/package-config.js

@@ -0,0 +1,51 @@
+"use strict";
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addPackageToPackageJson = addPackageToPackageJson;
+exports.getPackageVersionFromPackageJson = getPackageVersionFromPackageJson;
+/**
+ * Sorts the keys of the given object.
+ * @returns A new object instance with sorted keys
+ */
+function sortObjectByKeys(obj) {
+    return Object.keys(obj)
+        .sort()
+        .reduce((result, key) => {
+        result[key] = obj[key];
+        return result;
+    }, {});
+}
+/** Adds a package to the package.json in the given host tree. */
+function addPackageToPackageJson(host, pkg, version) {
+    if (host.exists('package.json')) {
+        const sourceText = host.read('package.json').toString('utf-8');
+        const json = JSON.parse(sourceText);
+        if (!json.dependencies) {
+            json.dependencies = {};
+        }
+        if (!json.dependencies[pkg]) {
+            json.dependencies[pkg] = version;
+            json.dependencies = sortObjectByKeys(json.dependencies);
+        }
+        host.overwrite('package.json', JSON.stringify(json, null, 2));
+    }
+    return host;
+}
+/** Gets the version of the specified package by looking at the package.json in the given tree. */
+function getPackageVersionFromPackageJson(tree, name) {
+    if (!tree.exists('package.json')) {
+        return null;
+    }
+    const packageJson = JSON.parse(tree.read('package.json').toString('utf8'));
+    if (packageJson.dependencies && packageJson.dependencies[name]) {
+        return packageJson.dependencies[name];
+    }
+    return null;
+}
+//# sourceMappingURL=package-config.js.map

package/schematics/ng-add/package-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"package-config.js","sourceRoot":"","sources":["../../../../packages/primitives/schematics/ng-add/package-config.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;AA4BH,0DAkBC;AAGD,4EAYC;AAlDD;;;GAGG;AACH,SAAS,gBAAgB,CAAC,GAA2B;IACjD,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;SAClB,IAAI,EAAE;SACN,MAAM,CACH,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;QACZ,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;QACvB,OAAO,MAAM,CAAC;IAClB,CAAC,EACD,EAA4B,CAC/B,CAAC;AACV,CAAC;AAED,iEAAiE;AACjE,SAAgB,uBAAuB,CAAC,IAAU,EAAE,GAAW,EAAE,OAAe;IAC5E,IAAI,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,CAAC;QAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,cAAc,CAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAChE,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAgB,CAAC;QAEnD,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACrB,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;QAC3B,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;YAC1B,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC;YACjC,IAAI,CAAC,YAAY,GAAG,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC5D,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IAClE,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,kGAAkG;AAClG,SAAgB,gCAAgC,CAAC,IAAU,EAAE,IAAY;IACrE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAgB,CAAC;IAE3F,IAAI,WAAW,CAAC,YAAY,IAAI,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;QAC7D,OAAO,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC"}

package/separator/src/separator.directive.d.ts

@@ -50,7 +50,7 @@ export declare class RdxSeparatorRootDirective {
      *
      * @ignore
      */
-    protected readonly computedAriaOrientation: import("@angular/core").Signal<"vertical" | null>;
+    protected readonly computedAriaOrientation: import("@angular/core").Signal<"vertical" | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxSeparatorRootDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSeparatorRootDirective, "div[rdxSeparatorRoot]", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/slider/src/slider-horizontal.component.d.ts

@@ -1,5 +1,4 @@
 import { BooleanInput } from '@angular/cdk/coercion';
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class RdxSliderHorizontalComponent {
     private readonly rootContext;
@@ -8,15 +7,15 @@ export declare class RdxSliderHorizontalComponent {
     min: number;
     max: number;
     className: string;
-    slideStart: EventEmitter<number>;
-    slideMove: EventEmitter<number>;
-    slideEnd: EventEmitter<void>;
-    stepKeyDown: EventEmitter<{
+    readonly slideStart: import("@angular/core").OutputEmitterRef<number>;
+    readonly slideMove: import("@angular/core").OutputEmitterRef<number>;
+    readonly slideEnd: import("@angular/core").OutputEmitterRef<void>;
+    readonly stepKeyDown: import("@angular/core").OutputEmitterRef<{
         event: KeyboardEvent;
         direction: number;
     }>;
-    endKeyDown: EventEmitter<KeyboardEvent>;
-    homeKeyDown: EventEmitter<KeyboardEvent>;
+    readonly endKeyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
+    readonly homeKeyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
     private readonly sliderElement;
     private readonly rect;
     onSlideStart(event: PointerEvent): void;

package/slider/src/slider-impl.directive.d.ts

@@ -1,14 +1,13 @@
-import { EventEmitter } from '@angular/core';
 import { RdxSliderRootComponent } from './slider-root.component';
 import * as i0 from "@angular/core";
 export declare class RdxSliderImplDirective {
     protected readonly rootContext: RdxSliderRootComponent;
-    slideStart: EventEmitter<PointerEvent>;
-    slideMove: EventEmitter<PointerEvent>;
-    slideEnd: EventEmitter<PointerEvent>;
-    homeKeyDown: EventEmitter<KeyboardEvent>;
-    endKeyDown: EventEmitter<KeyboardEvent>;
-    stepKeyDown: EventEmitter<KeyboardEvent>;
+    readonly slideStart: import("@angular/core").OutputEmitterRef<PointerEvent>;
+    readonly slideMove: import("@angular/core").OutputEmitterRef<PointerEvent>;
+    readonly slideEnd: import("@angular/core").OutputEmitterRef<PointerEvent>;
+    readonly homeKeyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
+    readonly endKeyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
+    readonly stepKeyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
     onKeyDown(event: KeyboardEvent): void;
     onPointerDown(event: PointerEvent): void;
     onPointerMove(event: PointerEvent): void;

package/slider/src/slider-root.component.d.ts

@@ -1,22 +1,96 @@
 import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
-import { EventEmitter, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { RdxSliderOrientationContextService } from './slider-orientation-context.service';
 import * as i0 from "@angular/core";
+/**
+ * @group Components
+ */
 export declare class RdxSliderRootComponent implements OnInit {
     /** @ignore */
     readonly orientationContext: RdxSliderOrientationContextService;
+    /**
+     * The minimum value for the range.
+     *
+     * @group Props
+     * @defaultValue 0
+     */
     readonly min: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
+    /**
+     * The maximum value for the range.
+     *
+     * @group Props
+     * @defaultValue 100
+     */
     readonly max: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
+    /**
+     * The stepping interval.
+     *
+     * @group Props
+     * @defaultValue 1
+     */
     readonly step: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
+    /**
+     * The minimum permitted steps between multiple thumbs.
+     *
+     * @group Props
+     * @defaultValue 0
+     */
     readonly minStepsBetweenThumbs: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
+    /**
+     * The orientation of the slider.
+     *
+     * @group Props
+     * @defaultValue 'horizontal'
+     */
     readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+    /**
+     * When true, prevents the user from interacting with the slider.
+     *
+     * @group Props
+     * @defaultValue false
+     */
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Whether the slider is visually inverted.
+     *
+     * @group Props
+     * @defaultValue false
+     */
     readonly inverted: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * The reading direction of the combobox when applicable.
+     *
+     * @group Props
+     * @defaultValue 'ltr'
+     */
     readonly dir: import("@angular/core").InputSignal<"ltr" | "rtl">;
     className: string;
-    valueChange: EventEmitter<number[]>;
-    valueCommit: EventEmitter<number[]>;
+    /**
+     * Style class of the component.
+     *
+     * @group Props
+     */
+    readonly styleClass: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * The controlled value of the slider.
+     *
+     * @group Props
+     */
     readonly modelValue: import("@angular/core").ModelSignal<number[]>;
+    /**
+     * Event handler called when the slider value changes.
+     *
+     * @group Emits
+     */
+    readonly valueChange: import("@angular/core").OutputEmitterRef<number[]>;
+    /**
+     * Event handler called when the value changes at the end of an interaction.
+     *
+     * Useful when you only need to capture a final value e.g. to update a backend service.
+     *
+     * @group Emits
+     */
+    readonly valueCommit: import("@angular/core").OutputEmitterRef<number[]>;
     /** @ignore */
     readonly valueIndexToChange: import("@angular/core").ModelSignal<number>;
     /** @ignore */
@@ -45,5 +119,5 @@ export declare class RdxSliderRootComponent implements OnInit {
     /** @ignore */
     updateValues(value: number, atIndex: number, commit?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxSliderRootComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RdxSliderRootComponent, "rdx-slider", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "minStepsBetweenThumbs": { "alias": "minStepsBetweenThumbs"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; }; "modelValue": { "alias": "modelValue"; "required": false; "isSignal": true; }; "valueIndexToChange": { "alias": "valueIndexToChange"; "required": false; "isSignal": true; }; "valuesBeforeSlideStart": { "alias": "valuesBeforeSlideStart"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "valueCommit": "valueCommit"; "modelValue": "modelValueChange"; "valueIndexToChange": "valueIndexToChangeChange"; "valuesBeforeSlideStart": "valuesBeforeSlideStartChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RdxSliderRootComponent, "rdx-slider", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "minStepsBetweenThumbs": { "alias": "minStepsBetweenThumbs"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "modelValue": { "alias": "modelValue"; "required": false; "isSignal": true; }; "valueIndexToChange": { "alias": "valueIndexToChange"; "required": false; "isSignal": true; }; "valuesBeforeSlideStart": { "alias": "valuesBeforeSlideStart"; "required": false; "isSignal": true; }; }, { "modelValue": "modelValueChange"; "valueChange": "valueChange"; "valueCommit": "valueCommit"; "valueIndexToChange": "valueIndexToChangeChange"; "valuesBeforeSlideStart": "valuesBeforeSlideStartChange"; }, never, ["*"], true, never>;
 }

package/slider/src/slider-vertical.component.d.ts

@@ -1,5 +1,4 @@
 import { BooleanInput } from '@angular/cdk/coercion';
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class RdxSliderVerticalComponent {
     private readonly rootContext;
@@ -8,15 +7,15 @@ export declare class RdxSliderVerticalComponent {
     min: number;
     max: number;
     className: string;
-    slideStart: EventEmitter<number>;
-    slideMove: EventEmitter<number>;
-    slideEnd: EventEmitter<void>;
-    stepKeyDown: EventEmitter<{
+    readonly slideStart: import("@angular/core").OutputEmitterRef<number>;
+    readonly slideMove: import("@angular/core").OutputEmitterRef<number>;
+    readonly slideEnd: import("@angular/core").OutputEmitterRef<void>;
+    readonly stepKeyDown: import("@angular/core").OutputEmitterRef<{
         event: KeyboardEvent;
         direction: number;
     }>;
-    endKeyDown: EventEmitter<KeyboardEvent>;
-    homeKeyDown: EventEmitter<KeyboardEvent>;
+    readonly endKeyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
+    readonly homeKeyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
     private readonly sliderElement;
     private readonly rect;
     onSlideStart(event: PointerEvent): void;

package/toggle-group/index.d.ts

@@ -1,4 +1,5 @@
 export * from './src/toggle-group-item.directive';
 export * from './src/toggle-group-item.token';
+export * from './src/toggle-group-without-focus.directive';
 export * from './src/toggle-group.directive';
 export * from './src/toggle-group.token';

package/toggle-group/src/toggle-group-item.directive.d.ts

@@ -2,6 +2,9 @@ import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 import * as i1 from "@radix-ng/primitives/roving-focus";
 import * as i2 from "@radix-ng/primitives/toggle";
+/**
+ * @group Components
+ */
 export declare class RdxToggleGroupItemDirective {
     private readonly rdxToggleDirective;
     private readonly rdxRovingFocusItemDirective;
@@ -9,14 +12,17 @@ export declare class RdxToggleGroupItemDirective {
      * Access the toggle group.
      * @ignore
      */
-    protected readonly rootContext: import("@radix-ng/primitives/toggle-group").RdxToggleGroupDirective;
+    protected readonly rootContext: import("./toggle-group.token").IRdxToggleGroup;
     /**
      * The value of this toggle button.
+     *
+     * @group Props
      */
     readonly value: import("@angular/core").InputSignal<string>;
     /**
      * Whether this toggle button is disabled.
-     * @default false
+     * @defaultValue false
+     * @group Props
      */
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
     private readonly isPressed;

package/toggle-group/src/toggle-group-without-focus.directive.d.ts

@@ -0,0 +1,69 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class RdxToggleGroupWithoutFocusDirective implements ControlValueAccessor {
+    /**
+     * @ignore
+     */
+    readonly id: string;
+    /**
+     * @group Props
+     */
+    readonly value: import("@angular/core").ModelSignal<string | string[] | undefined>;
+    /**
+     * @group Props
+     */
+    readonly type: import("@angular/core").InputSignal<"single" | "multiple">;
+    /**
+     * Whether the toggle group is disabled.
+     * @defaultValue false
+     * @group Props
+     */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Event emitted when the selected toggle button changes.
+     * @group Emits
+     */
+    readonly onValueChange: import("@angular/core").OutputEmitterRef<string | string[] | undefined>;
+    /**
+     * The value change callback.
+     */
+    private onChange?;
+    /**
+     * onTouch function registered via registerOnTouch (ControlValueAccessor).
+     */
+    protected onTouched?: () => void;
+    /**
+     * Toggle a value.
+     * @param value The value to toggle.
+     * @ignore
+     */
+    toggle(value: string): void;
+    /**
+     * Select a value from Angular forms.
+     * @param value The value to select.
+     * @ignore
+     */
+    writeValue(value: string): void;
+    /**
+     * Register a callback to be called when the value changes.
+     * @param fn The callback to register.
+     * @ignore
+     */
+    registerOnChange(fn: (value: string | string[] | undefined) => void): void;
+    /**
+     * Register a callback to be called when the toggle group is touched.
+     * @param fn The callback to register.
+     * @ignore
+     */
+    registerOnTouched(fn: () => void): void;
+    private readonly accessorDisabled;
+    /**
+     * Set the disabled state of the toggle group.
+     * @param isDisabled Whether the toggle group is disabled.
+     * @ignore
+     */
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxToggleGroupWithoutFocusDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToggleGroupWithoutFocusDirective, "[rdxToggleGroupWithoutFocus]", ["rdxToggleGroupWithoutFocus"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; }, never, never, true, never>;
+}

package/toggle-group/src/toggle-group.directive.d.ts

@@ -2,20 +2,31 @@ import { BooleanInput } from '@angular/cdk/coercion';
 import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
 import * as i1 from "@radix-ng/primitives/roving-focus";
+/**
+ * @group Components
+ */
 export declare class RdxToggleGroupDirective implements ControlValueAccessor {
     /**
      * @ignore
      */
     readonly id: string;
+    /**
+     * @group Props
+     */
     readonly value: import("@angular/core").ModelSignal<string | string[] | undefined>;
+    /**
+     * @group Props
+     */
     readonly type: import("@angular/core").InputSignal<"single" | "multiple">;
     /**
      * Whether the toggle group is disabled.
-     * @default false
+     * @defaultValue false
+     * @group Props
      */
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
     /**
      * Event emitted when the selected toggle button changes.
+     * @group Emits
      */
     readonly onValueChange: import("@angular/core").OutputEmitterRef<string | string[] | undefined>;
     /**

package/toggle-group/src/toggle-group.token.d.ts

@@ -1,4 +1,9 @@
 import { InjectionToken } from '@angular/core';
-import type { RdxToggleGroupDirective } from './toggle-group.directive';
-export declare const RdxToggleGroupToken: InjectionToken<RdxToggleGroupDirective>;
-export declare function injectToggleGroup(): RdxToggleGroupDirective;
+export interface IRdxToggleGroup {
+    toggle(value: string): void;
+    disabled: any;
+    value: any;
+    type: any;
+}
+export declare const RdxToggleGroupToken: InjectionToken<IRdxToggleGroup>;
+export declare function injectToggleGroup(): IRdxToggleGroup;

package/toolbar/README.md

@@ -0,0 +1,3 @@
+# @radix-ng/primitives/toolbar
+
+Secondary entry point of `@radix-ng/primitives/toolbar`.

package/toolbar/index.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./src/toolbar-root.directive";
+import * as i2 from "./src/toolbar-button.directive";
+import * as i3 from "./src/toolbar-link.directive";
+import * as i4 from "./src/toolbar-toggle-group.directive";
+import * as i5 from "./src/toolbar-toggle-item.directive";
+import * as i6 from "./src/toolbar-separator.directive";
+export * from './src/toolbar-button.directive';
+export * from './src/toolbar-link.directive';
+export * from './src/toolbar-root.directive';
+export * from './src/toolbar-root.token';
+export * from './src/toolbar-separator.directive';
+export * from './src/toolbar-toggle-group.directive';
+export * from './src/toolbar-toggle-item.directive';
+export declare class RdxToolbarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxToolbarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RdxToolbarModule, never, [typeof i1.RdxToolbarRootDirective, typeof i2.RdxToolbarButtonDirective, typeof i3.RdxToolbarLinkDirective, typeof i4.RdxToolbarToggleGroupDirective, typeof i5.RdxToolbarToggleItemDirective, typeof i6.RdxToolbarSeparatorDirective], [typeof i1.RdxToolbarRootDirective, typeof i2.RdxToolbarButtonDirective, typeof i3.RdxToolbarLinkDirective, typeof i4.RdxToolbarToggleGroupDirective, typeof i5.RdxToolbarToggleItemDirective, typeof i6.RdxToolbarSeparatorDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RdxToolbarModule>;
+}

package/toolbar/src/toolbar-button.directive.d.ts

@@ -0,0 +1,11 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/roving-focus";
+export declare class RdxToolbarButtonDirective {
+    #private;
+    private readonly rdxRovingFocusItemDirective;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    private readonly isDisabled;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxToolbarButtonDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToolbarButtonDirective, "[rdxToolbarButton]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: { "focusable": "focusable"; }; outputs: {}; }]>;
+}

package/toolbar/src/toolbar-link.directive.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/roving-focus";
+export declare class RdxToolbarLinkDirective {
+    onKeyDown($event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxToolbarLinkDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToolbarLinkDirective, "[rdxToolbarLink]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: { "focusable": "focusable"; }; outputs: {}; }]>;
+}

package/toolbar/src/toolbar-root.directive.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/roving-focus";
+export declare class RdxToolbarRootDirective {
+    readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+    readonly dir: import("@angular/core").InputSignal<"ltr" | "rtl">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxToolbarRootDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToolbarRootDirective, "[rdxToolbarRoot]", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: { "dir": "dir"; "orientation": "orientation"; "loop": "loop"; }; outputs: {}; }]>;
+}

package/toolbar/src/toolbar-root.token.d.ts

@@ -0,0 +1,5 @@
+import { InjectionToken, Provider } from '@angular/core';
+import { RdxToolbarRootDirective } from './toolbar-root.directive';
+export declare const RDX_TOOLBAR_ROOT_TOKEN: InjectionToken<RdxToolbarRootDirective>;
+export declare function injectRootContext(): RdxToolbarRootDirective;
+export declare function provideRootContext(): Provider;

package/toolbar/src/toolbar-separator.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/separator";
+export declare class RdxToolbarSeparatorDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxToolbarSeparatorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToolbarSeparatorDirective, "[rdxToolbarSeparator]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxSeparatorRootDirective; inputs: { "orientation": "orientation"; "decorative": "decorative"; }; outputs: {}; }]>;
+}

package/toolbar/src/toolbar-toggle-group.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/toggle-group";
+export declare class RdxToolbarToggleGroupDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxToolbarToggleGroupDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToolbarToggleGroupDirective, "[rdxToolbarToggleGroup]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxToggleGroupWithoutFocusDirective; inputs: { "value": "value"; "type": "type"; "disabled": "disabled"; }; outputs: {}; }]>;
+}

package/toolbar/src/toolbar-toggle-item.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/toggle-group";
+export declare class RdxToolbarToggleItemDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxToolbarToggleItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToolbarToggleItemDirective, "[rdxToolbarToggleItem]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxToggleGroupItemDirective; inputs: { "value": "value"; "disabled": "disabled"; }; outputs: {}; }]>;
+}

package/tooltip/src/tooltip-root.directive.d.ts

@@ -79,7 +79,7 @@ export declare class RdxTooltipRootDirective {
         window: Window & typeof globalThis;
         primitiveConfigs?: import("./utils/types").PrimitiveConfigs;
         onDestroyCallbacks: Set<() => void>;
-        "__#11176@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
+        "__#11630@#clickDomRootEventCallbacks": Set<(event: MouseEvent) => void>;
         registerPrimitive<T extends object>(primitiveInstance: T): void;
         deregisterPrimitive<T extends object>(primitiveInstance: T): void;
         preventPrimitiveFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): void;
@@ -90,9 +90,9 @@ export declare class RdxTooltipRootDirective {
         primitivePreventedFromCdkEvent<T extends object>(primitiveInstance: T, eventType: import("./utils/types").EventType): boolean | undefined;
         addClickDomRootEventCallback(callback: (event: MouseEvent) => void): void;
         removeClickDomRootEventCallback(callback: (event: MouseEvent) => void): boolean;
-        "__#11176@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
-        "__#11176@#registerOnDestroyCallbacks"(): void;
-        "__#11176@#listenToClickDomRootEvent"(): void;
+        "__#11630@#setPreventPrimitiveFromCdkEvent"<T extends object, R extends import("./utils/types").EventType, K extends import("./utils/types").PrimitiveConfig[`prevent${Capitalize<R>}`]>(primitiveInstance: T, eventType: R, value: K): void;
+        "__#11630@#registerOnDestroyCallbacks"(): void;
+        "__#11630@#listenToClickDomRootEvent"(): void;
     } | null;
     /** @ignore */
     readonly destroyRef: DestroyRef;