@egose/shadcn-theme-ng-tw 0.0.28 → 0.2.0

package/button-group/README.md

@@ -1,11 +1,324 @@
-# ButtonGroup
+# Button Group (`@egose/shadcn-theme-ng/button-group`)
 
-This project was generated using [Angular CLI](https://github.com/angular/angular-cli).
+A joined, toolbar-style group layout that fuses buttons, inputs, selects, and static text into one visually continuous control — the Angular port of shadcn/ui `Button Group`. There is no interactive behavior of its own: `HlmButtonGroup` is a thin `cva`-styled layout directive (`orientation: horizontal | vertical`) that strips inner border-radii and collapses adjacent borders, while `HlmButtonGroupText` and `HlmButtonGroupSeparator` provide the static-text cell and the divider cell. The only headless primitive involved is `BrnSeparator` from `@spartan-ng/brain/separator` (used inside the separator directive).
 
-## Building
+Ships as `@egose/shadcn-theme-ng/button-group` and `@egose/shadcn-theme-ng-tw/button-group` (the `tw:`-prefixed variant). See the [package README](../../README.md) for install, peer dependencies, and Tailwind setup. Do not publish this project directory independently — it is consumed via the published subpath only.
 
-To build the library, run:
+## Installation
 
 ```bash
-ng build button-group
+# Plain Tailwind (no prefix):
+npm install @egose/shadcn-theme-ng
+
+# Or the tw:-prefixed variant:
+npm install @egose/shadcn-theme-ng-tw
+```
+
+Peer dependencies (Angular, `@spartan-ng/brain`, etc.) are documented in the [package README](../../README.md). This subpath itself declares `@angular/common`, `@angular/core`, and `@spartan-ng/brain` as peers (see `projects/button-group/package.json`).
+
+## Imports
+
+Named imports from the subpath public API (`projects/button-group/src/public-api.ts`):
+
+```ts
+import {
+  HlmButtonGroup,
+  HlmButtonGroupText,
+  HlmButtonGroupSeparator,
+  HlmButtonGroupImports,
+  HlmButtonGroupModule,
+} from '@egose/shadcn-theme-ng/button-group';
+// tw variant:
+// import { ... } from '@egose/shadcn-theme-ng-tw/button-group';
+```
+
+Standalone-component usage (preferred):
+
+```ts
+import { Component } from '@angular/core';
+import { HlmButtonGroupImports } from '@egose/shadcn-theme-ng/button-group';
+
+@Component({
+  selector: 'app-demo',
+  standalone: true,
+  imports: [...HlmButtonGroupImports],
+  template: `...`,
+})
+export class DemoComponent {}
+```
+
+NgModule usage:
+
+```ts
+import { NgModule } from '@angular/core';
+import { HlmButtonGroupModule } from '@egose/shadcn-theme-ng/button-group';
+
+@NgModule({ imports: [HlmButtonGroupModule] })
+export class DemoModule {}
+```
+
+You can also import the three directives individually (`HlmButtonGroup`, `HlmButtonGroupText`, `HlmButtonGroupSeparator`) instead of the whole `HlmButtonGroupImports` array.
+
+## Anatomy / Structure
+
+```html
+<!-- Element OR attribute form for the group itself -->
+<hlm-button-group orientation="horizontal">
+  <button hlmBtn variant="outline">Left</button>
+  <button hlmBtn variant="outline">Middle</button>
+  <button hlmBtn variant="outline">Right</button>
+</hlm-button-group>
+
+<!-- With static text + separator (attribute forms also work) -->
+<div hlmButtonGroup orientation="horizontal">
+  <span hlmButtonGroupText>https://</span>
+  <input hlmInput placeholder="example.com" />
+  <hlm-button-group-separator></hlm-button-group-separator>
+  <button hlmBtn>Go</button>
+</div>
+```
+
+Real selectors (from source):
+
+| Class                     | Selectors                                                 |
+| ------------------------- | --------------------------------------------------------- |
+| `HlmButtonGroup`          | `[hlmButtonGroup]`, `hlm-button-group`                    |
+| `HlmButtonGroupText`      | `[hlmButtonGroupText]`, `hlm-button-group-text`           |
+| `HlmButtonGroupSeparator` | `[hlmButtonGroupSeparator]`, `hlm-button-group-separator` |
+
+All three carry a `data-slot` host attribute (`button-group`, `button-group-text`, `button-group-separator`). The group host also sets `role="group"` and `[attr.data-orientation]`.
+
+## API reference
+
+### `HlmButtonGroup` (`[hlmButtonGroup]`, `hlm-button-group`)
+
+| Input         | Type                         | Default        | Description                                                                                                                                                            |
+| ------------- | ---------------------------- | -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `orientation` | `'horizontal' \| 'vertical'` | `'horizontal'` | Layout axis. `horizontal` collapses left/right radii and left borders; `vertical` stacks, collapses top/bottom radii and top borders. Reflected as `data-orientation`. |
+
+No outputs, no methods. Styling is computed by `buttonGroupVariants({ orientation })` (cva) plus helpers for nested `select-trigger`, `input`, and nested `button-group` spacing.
+
+### `HlmButtonGroupText` (`[hlmButtonGroupText]`, `hlm-button-group-text`)
+
+Thin directive wrapper — no inputs, outputs, or methods. Renders a muted, bordered, static-text cell (`bg-muted`, `rounded-lg`, `px-2.5`, icon-aware). Use for prefixes/suffixes such as `https://`, `.com`, currency symbols, or counts.
+
+### `HlmButtonGroupSeparator` (`[hlmButtonGroupSeparator]`, `hlm-button-group-separator`)
+
+| Brain input (via `BrnSeparator` hostDirective) | Type                         | Default                                        | Description                                                                                                                          |
+| ---------------------------------------------- | ---------------------------- | ---------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
+| `orientation`                                  | `'horizontal' \| 'vertical'` | `'vertical'` (via `provideBrnSeparatorConfig`) | Separator axis. The provider defaults it to `vertical` so it divides horizontal groups out of the box; override for vertical groups. |
+| `decorative`                                   | `boolean`                    | —                                              | Passed straight to `BrnSeparator` (aria-hidden handling).                                                                            |
+
+No outputs of its own. Host classes make it `self-stretch`, `bg-input`, 1px thick on the active axis.
+
+## Examples
+
+### 1. Basic horizontal button cluster
+
+Three outline buttons fused into one segmented control.
+
+```ts
+import { Component } from '@angular/core';
+import { HlmButtonGroupImports } from '@egose/shadcn-theme-ng/button-group';
+import { HlmButtonImports } from '@egose/shadcn-theme-ng/button';
+
+@Component({
+  selector: 'app-basic-group',
+  standalone: true,
+  imports: [...HlmButtonGroupImports, ...HlmButtonImports],
+  template: `
+    <hlm-button-group>
+      <button hlmBtn variant="outline">Left</button>
+      <button hlmBtn variant="outline">Center</button>
+      <button hlmBtn variant="outline">Right</button>
+    </hlm-button-group>
+  `,
+})
+export class BasicGroupComponent {}
+```
+
+### 2. All orientations
+
+`horizontal` (default) vs `vertical`. Vertical stacks children and collapses vertical borders instead.
+
+```ts
+import { Component } from '@angular/core';
+import { HlmButtonGroupImports } from '@egose/shadcn-theme-ng/button-group';
+import { HlmButtonImports } from '@egose/shadcn-theme-ng/button';
+
+@Component({
+  selector: 'app-orientations',
+  standalone: true,
+  imports: [...HlmButtonGroupImports, ...HlmButtonImports],
+  template: `
+    <div class="flex gap-8">
+      <hlm-button-group orientation="horizontal">
+        <button hlmBtn variant="outline">A</button>
+        <button hlmBtn variant="outline">B</button>
+        <button hlmBtn variant="outline">C</button>
+      </hlm-button-group>
+
+      <hlm-button-group orientation="vertical">
+        <button hlmBtn variant="outline">Top</button>
+        <button hlmBtn variant="outline">Middle</button>
+        <button hlmBtn variant="outline">Bottom</button>
+      </hlm-button-group>
+    </div>
+  `,
+})
+export class OrientationsComponent {}
+```
+
+### 3. Input group with static prefix/suffix text
+
+Classic URL / price field: muted text cells fused with a native-styled input and an action button.
+
+```ts
+import { Component } from '@angular/core';
+import { HlmButtonGroupImports } from '@egose/shadcn-theme-ng/button-group';
+import { HlmButtonImports } from '@egose/shadcn-theme-ng/button';
+import { HlmInput } from '@egose/shadcn-theme-ng/input';
+
+@Component({
+  selector: 'app-addon-group',
+  standalone: true,
+  imports: [...HlmButtonGroupImports, ...HlmButtonImports, HlmInput],
+  template: `
+    <div hlmButtonGroup>
+      <span hlmButtonGroupText>https://</span>
+      <input hlmInput placeholder="example.com" class="w-48" />
+      <span hlmButtonGroupText>.com</span>
+      <button hlmBtn>Visit</button>
+    </div>
+  `,
+})
+export class AddonGroupComponent {}
+```
+
+### 4. Separated actions (divider cells)
+
+Use `hlm-button-group-separator` between clusters instead of spacing utilities so the divider stretches to the group height.
+
+```ts
+import { Component } from '@angular/core';
+import { HlmButtonGroupImports } from '@egose/shadcn-theme-ng/button-group';
+import { HlmButtonImports } from '@egose/shadcn-theme-ng/button';
+
+@Component({
+  selector: 'app-separated-group',
+  standalone: true,
+  imports: [...HlmButtonGroupImports, ...HlmButtonImports],
+  template: `
+    <hlm-button-group>
+      <button hlmBtn variant="outline">Cut</button>
+      <button hlmBtn variant="outline">Copy</button>
+      <button hlmBtn variant="outline">Paste</button>
+      <hlm-button-group-separator></hlm-button-group-separator>
+      <button hlmBtn variant="outline">Undo</button>
+      <button hlmBtn variant="outline">Redo</button>
+    </hlm-button-group>
+  `,
+})
+export class SeparatedGroupComponent {}
+```
+
+Explanation: the separator defaults to `orientation="vertical"` via its provider. Inside a `orientation="vertical"` group, bind it explicitly:
+
+```html
+<hlm-button-group orientation="vertical">
+  <button hlmBtn variant="outline">One</button>
+  <hlm-button-group-separator orientation="horizontal"></hlm-button-group-separator>
+  <button hlmBtn variant="outline">Two</button>
+</hlm-button-group>
+```
+
+### 5. Mixed controls: select + input + button
+
+The group stylesheet special-cases `select-trigger` and `input` children (`w-fit` triggers, `flex-1` inputs), so mixed toolbars fuse cleanly.
+
+```ts
+import { Component, signal } from '@angular/core';
+import { HlmButtonGroupImports } from '@egose/shadcn-theme-ng/button-group';
+import { HlmButtonImports } from '@egose/shadcn-theme-ng/button';
+import { HlmInput } from '@egose/shadcn-theme-ng/input';
+import { HlmSelectImports } from '@egose/shadcn-theme-ng/select';
+
+@Component({
+  selector: 'app-mixed-group',
+  standalone: true,
+  imports: [...HlmButtonGroupImports, ...HlmButtonImports, HlmInput, ...HlmSelectImports],
+  template: `
+    <div hlmButtonGroup>
+      <hlm-select [value]="unit()">
+        <hlm-select-trigger class="w-28">
+          <hlm-select-value />
+        </hlm-select-trigger>
+        <hlm-select-content *hlmSelectPortal>
+          <hlm-select-item value="px">px</hlm-select-item>
+          <hlm-select-item value="rem">rem</hlm-select-item>
+          <hlm-select-item value="em">em</hlm-select-item>
+        </hlm-select-content>
+      </hlm-select>
+      <input hlmInput type="number" value="16" class="w-24" />
+      <button hlmBtn (click)="apply()">Apply</button>
+    </div>
+  `,
+})
+export class MixedGroupComponent {
+  readonly unit = signal('px');
+  apply() {
+    console.log('apply', this.unit());
+  }
+}
+```
+
+### 6. Icon toolbar with labels for assistive tech
+
+Buttons keep their own `aria-label`s; the group only adds `role="group"` — give it an `aria-label` for context.
+
+```ts
+import { Component } from '@angular/core';
+import { HlmButtonGroupImports } from '@egose/shadcn-theme-ng/button-group';
+import { HlmButtonImports } from '@egose/shadcn-theme-ng/button';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideBold, lucideItalic, lucideUnderline } from '@ng-icons/lucide';
+
+@Component({
+  selector: 'app-toolbar-group',
+  standalone: true,
+  imports: [...HlmButtonGroupImports, ...HlmButtonImports, NgIcon],
+  providers: [provideIcons({ lucideBold, lucideItalic, lucideUnderline })],
+  template: `
+    <hlm-button-group aria-label="Text formatting">
+      <button hlmBtn variant="outline" size="icon" aria-label="Bold">
+        <ng-icon name="lucideBold" />
+      </button>
+      <button hlmBtn variant="outline" size="icon" aria-label="Italic">
+        <ng-icon name="lucideItalic" />
+      </button>
+      <button hlmBtn variant="outline" size="icon" aria-label="Underline">
+        <ng-icon name="lucideUnderline" />
+      </button>
+    </hlm-button-group>
+  `,
+})
+export class ToolbarGroupComponent {}
 ```
+
+## Accessibility notes
+
+- The group host renders `role="group"` — always pair it with `aria-label` or `aria-labelledby` when the purpose is not obvious from the buttons alone.
+- `HlmButtonGroupSeparator` delegates to `BrnSeparator`: mark purely visual dividers `decorative`, otherwise keep them exposed so screen readers announce the grouping break.
+- `HlmButtonGroupText` is a plain `<span>`-style cell with no semantics; never put interactive content inside it.
+- Keyboard behavior is unchanged — Tab moves through each fused button/input normally; roving tabindex is not applied.
+
+## Theming / CSS variables
+
+No component-specific CSS variables. Styling is Tailwind-driven (`bg-muted` text cells, `bg-input` separators, ring/border tokens). Dark mode follows the shared `tw:dark:` theme tokens. Override via `class` on any cell — the `classes()` helper merges your classes with the defaults.
+
+## Related subpaths
+
+- `@egose/shadcn-theme-ng/button` — `hlmBtn` / `HlmBtn` used for every fused button.
+- `@egose/shadcn-theme-ng/input` — `hlmInput` fused text/number fields.
+- `@egose/shadcn-theme-ng/select` — triggers auto-size (`w-fit`) inside groups.
+- `@egose/shadcn-theme-ng/separator` — standalone separator primitive (the group ships its own opinionated divider).

package/button-group/fesm2022/button-group.mjs

@@ -5,11 +5,11 @@ import { cva } from 'class-variance-authority';
 import * as i1 from '@spartan-ng/brain/separator';
 import { provideBrnSeparatorConfig, BrnSeparator } from '@spartan-ng/brain/separator';
 
-const buttonGroupVariants = cva("has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+const buttonGroupVariants = cva("tw:has-[>[data-slot=button-group]]:gap-2 tw:has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg tw:flex tw:w-fit tw:items-stretch tw:*:focus-visible:relative tw:*:focus-visible:z-10 tw:[&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit tw:[&>input]:flex-1", {
     variants: {
         orientation: {
-            horizontal: '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-e-md [&>*:not(:first-child)]:rounded-s-none [&>*:not(:first-child)]:border-s-0 [&>*:not(:last-child)]:rounded-e-none',
-            vertical: '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-md flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',
+            horizontal: 'tw:[&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! tw:[&>*:not(:first-child)]:rounded-l-none tw:[&>*:not(:first-child)]:border-l-0 tw:[&>*:not(:last-child)]:rounded-r-none',
+            vertical: 'tw:[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! tw:flex-col tw:[&>*:not(:first-child)]:rounded-t-none tw:[&>*:not(:first-child)]:border-t-0 tw:[&>*:not(:last-child)]:rounded-b-none',
         },
     },
     defaultVariants: {
@@ -22,10 +22,10 @@ class HlmButtonGroup {
     }
     orientation = input('horizontal', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: HlmButtonGroup, isStandalone: true, selector: "[hlmButtonGroup],hlm-button-group", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "button-group", "role": "group" }, properties: { "attr.data-orientation": "orientation()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmButtonGroup, isStandalone: true, selector: "[hlmButtonGroup],hlm-button-group", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "button-group", "role": "group" }, properties: { "attr.data-orientation": "orientation()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonGroup, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmButtonGroup],hlm-button-group',
@@ -40,15 +40,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 class HlmButtonGroupSeparator {
     constructor() {
         classes(() => [
-            'bg-input relative self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto',
+            'tw:bg-input tw:relative tw:self-stretch tw:data-horizontal:mx-px tw:data-horizontal:w-auto tw:data-vertical:my-px tw:data-vertical:h-auto',
             // separator classes
-            'shrink-0 data-horizontal:h-px data-vertical:w-px data-vertical:self-stretch',
+            'tw:shrink-0 tw:data-horizontal:h-px tw:data-vertical:w-px tw:data-vertical:self-stretch',
         ]);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonGroupSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmButtonGroupSeparator, isStandalone: true, selector: "[hlmButtonGroupSeparator],hlm-button-group-separator", host: { attributes: { "data-slot": "button-group-separator" } }, providers: [provideBrnSeparatorConfig({ orientation: 'vertical' })], hostDirectives: [{ directive: i1.BrnSeparator, inputs: ["orientation", "orientation", "decorative", "decorative"] }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonGroupSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmButtonGroupSeparator, isStandalone: true, selector: "[hlmButtonGroupSeparator],hlm-button-group-separator", host: { attributes: { "data-slot": "button-group-separator" } }, providers: [provideBrnSeparatorConfig({ orientation: 'vertical' })], hostDirectives: [{ directive: i1.BrnSeparator, inputs: ["orientation", "orientation", "decorative", "decorative"] }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonGroupSeparator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonGroupSeparator, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmButtonGroupSeparator],hlm-button-group-separator',
@@ -62,12 +62,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 
 class HlmButtonGroupText {
     constructor() {
-        classes(() => "bg-muted gap-2 rounded-md border px-2.5 text-sm font-medium shadow-xs [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] flex items-center [&_ng-icon]:pointer-events-none");
+        classes(() => "tw:bg-muted tw:gap-2 tw:rounded-lg tw:border tw:px-2.5 tw:text-sm tw:font-medium tw:shadow-xs tw:[&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] tw:flex tw:items-center tw:[&_ng-icon]:pointer-events-none");
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonGroupText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmButtonGroupText, isStandalone: true, selector: "[hlmButtonGroupText],hlm-button-group-text", host: { attributes: { "data-slot": "button-group-text" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonGroupText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmButtonGroupText, isStandalone: true, selector: "[hlmButtonGroupText],hlm-button-group-text", host: { attributes: { "data-slot": "button-group-text" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonGroupText, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonGroupText, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmButtonGroupText],hlm-button-group-text',
@@ -82,11 +82,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
  */
 const HlmButtonGroupImports = [HlmButtonGroup, HlmButtonGroupText, HlmButtonGroupSeparator];
 class HlmButtonGroupModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonGroupModule, imports: [HlmButtonGroup, HlmButtonGroupText, HlmButtonGroupSeparator], exports: [HlmButtonGroup, HlmButtonGroupText, HlmButtonGroupSeparator] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonGroupModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonGroupModule, imports: [HlmButtonGroup, HlmButtonGroupText, HlmButtonGroupSeparator], exports: [HlmButtonGroup, HlmButtonGroupText, HlmButtonGroupSeparator] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonGroupModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmButtonGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmButtonGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...HlmButtonGroupImports],
@@ -99,4 +99,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
  */
 
 export { HlmButtonGroup, HlmButtonGroupImports, HlmButtonGroupModule, HlmButtonGroupSeparator, HlmButtonGroupText };
-//# sourceMappingURL=button-group.mjs.map
+