angular-tailwind-components 1.6.0 → 1.6.1

package/README.md

@@ -1,5 +1,9 @@
 # Angular Tailwind Components
 
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/fork/github/giuseppemorale/angular-tailwind-components?startScript=stackblitz&title=Angular%20Tailwind%20Components%20%E2%80%94%20Storybook)
+
+Apri la demo live su StackBlitz: avvia **Storybook** (tutti i componenti, stesso sorgente del repo).
+
 A comprehensive Angular component library built entirely with **Tailwind CSS v4** — zero additional UI dependencies.
 
 ## Features
@@ -275,8 +279,11 @@ You can still override any token in your own CSS, for example:
 # Build the library
 ng build angular-tailwind-components
 
-# Start Storybook
+# Start Storybook (locale)
 npm run storybook
+
+# Storybook per StackBlitz (CI, host 0.0.0.0, porta 6006)
+npm run stackblitz
 ```
 
 ### Component Conventions

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-tailwind-components",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "files": [
     "fesm2022",
     "types",

package/types/angular-tailwind-components.d.ts

@@ -129,7 +129,7 @@ declare class TailwindButton extends TailwindComponent {
     /** Whether the button is disabled */
     readonly disabled: _angular_core.InputSignal<boolean>;
     /** HTML button type attribute */
-    readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
+    readonly type: _angular_core.InputSignal<"button" | "reset" | "submit">;
     /** Emitted when the button is clicked (not disabled). */
     readonly onClick: _angular_core.OutputEmitterRef<MouseEvent>;
     /** Computed Tailwind classes based on color, kind, size, and state */
@@ -198,7 +198,7 @@ declare class TailwindTextarea extends TailwindComponent implements ControlValue
     /** Maximum character length (HTML maxlength) */
     readonly maxlength: _angular_core.InputSignal<number | undefined>;
     /** Resize behavior */
-    readonly resize: _angular_core.InputSignal<"horizontal" | "vertical" | "none" | "both">;
+    readonly resize: _angular_core.InputSignal<"vertical" | "none" | "both" | "horizontal">;
     /** Size variant */
     readonly size: _angular_core.InputSignal<TailwindSize>;
     /** Whether the textarea is readonly */
@@ -232,7 +232,7 @@ declare class TailwindUpload extends TailwindComponent implements ControlValueAc
     private readonly fallbackFileId;
     readonly fileInput: _angular_core.Signal<ElementRef<HTMLInputElement>>;
     /** Visual layout: compact button or drop zone */
-    readonly variant: _angular_core.InputSignal<"button" | "area">;
+    readonly variant: _angular_core.InputSignal<"area" | "button">;
     /** Field label */
     readonly label: _angular_core.InputSignal<string>;
     /** Button label when `variant` is `button` */
@@ -387,7 +387,7 @@ declare class TailwindRadioGroup<T = unknown> extends TailwindComponent implemen
     /** Size variant */
     readonly size: _angular_core.InputSignal<TailwindSize>;
     /** Layout orientation */
-    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
     /** Currently selected value */
     readonly value: _angular_core.ModelSignal<T | null>;
     /** Internal disabled state */
@@ -572,7 +572,7 @@ declare class TailwindSpinner extends TailwindComponent {
     /** Aria label for accessibility */
     readonly ariaLabel: _angular_core.InputSignal<string>;
     /** Layout orientation */
-    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
     readonly containerClasses: _angular_core.Signal<string>;
     readonly spinnerClasses: _angular_core.Signal<string>;
     readonly labelClasses: _angular_core.Signal<string>;
@@ -1119,7 +1119,7 @@ declare class TailwindToolbar extends TailwindComponent {
      */
     readonly variant: _angular_core.InputSignal<TailwindSeverity | "default">;
     /** `horizontal` for a top app bar; `vertical` for a side rail (logo → menu → end). */
-    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
     /** Navigation / actions rendered between logo and end slots. */
     readonly menu: _angular_core.InputSignal<TailwindMenuItem[]>;
     /** Emitted when a non-disabled, non-divider menu entry is activated. */
@@ -1128,7 +1128,7 @@ declare class TailwindToolbar extends TailwindComponent {
     /** Foreground on semantic surface (`text-on-*`), aligned with solid toolbar shade per variant. */
     readonly variantContrastTextClass: _angular_core.Signal<string | null>;
     /** Heroicons are `<img>`; on light-on-color variants tint SVG strokes to match `text-on-*`. */
-    readonly menuItemIconClasses: _angular_core.Signal<"toolbar-menu-icon-on-light" | "">;
+    readonly menuItemIconClasses: _angular_core.Signal<"" | "toolbar-menu-icon-on-light">;
     readonly menuItemToneClasses: _angular_core.Signal<string>;
     readonly menuItemButtonClasses: _angular_core.Signal<string>;
     readonly mobileMenuToggleClasses: _angular_core.Signal<string>;
@@ -1147,7 +1147,7 @@ declare class TailwindToolbar extends TailwindComponent {
 
 declare class TailwindDivider extends TailwindComponent {
     /** Rule direction */
-    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
     /** Adds horizontal margin to the rule (horizontal orientation only). */
     readonly inset: _angular_core.InputSignal<boolean>;
     /** Border style for the rule */
@@ -1214,7 +1214,7 @@ declare class TailwindSlider extends TailwindComponent implements ControlValueAc
     /** Two-thumb range mode */
     readonly range: _angular_core.InputSignal<boolean>;
     /** Layout */
-    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
     /** Tick marks at each step */
     readonly showTicks: _angular_core.InputSignal<boolean>;
     /** Control size */