ngx-com 0.0.21 → 0.1.0

package/types/ngx-com-components-card.d.ts

@@ -15,8 +15,8 @@ type CardBadgePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-righ
 /**
  * CVA variants for the card container.
  *
- * @tokens `--color-popover`, `--color-popover-foreground`, `--color-muted`, `--color-muted-hover`,
- *         `--color-foreground`, `--color-border`, `--color-primary`, `--color-ring`
+ * @tokens `--color-card`, `--color-card-foreground`, `--color-muted`, `--color-muted-hover`,
+ *         `--color-foreground`, `--color-border`, `--color-primary`, `--color-ring`, `--shadow-card`
  */
 declare const cardVariants: (props?: {
     variant?: CardVariant;

package/types/ngx-com-components-carousel.d.ts

@@ -44,6 +44,8 @@ type CarouselDotVariants = VariantProps<typeof carouselDotVariants>;
  * Apply this directive to each direct child element that should be
  * treated as a slide within `<com-carousel>`.
  *
+ * @tokens none
+ *
  * @example
  * ```html
  * <com-carousel>
@@ -64,6 +66,8 @@ declare class ComCarouselItem {
  * The template receives a boolean context (`$implicit`) indicating
  * whether the carousel can navigate backward.
  *
+ * @tokens none
+ *
  * @example
  * ```html
  * <com-carousel>
@@ -87,6 +91,8 @@ declare class ComCarouselPrevTpl {
  * The template receives a boolean context (`$implicit`) indicating
  * whether the carousel can navigate forward.
  *
+ * @tokens none
+ *
  * @example
  * ```html
  * <com-carousel>
@@ -110,6 +116,8 @@ declare class ComCarouselNextTpl {
  * Rendered once per "page" in the carousel. The template receives
  * a context with the page index, active state, and total count.
  *
+ * @tokens none
+ *
  * @example
  * ```html
  * <com-carousel>
@@ -165,7 +173,9 @@ declare class ComCarouselPaginationTpl {
  * @example Auto-play with loop
  * ```html
  * <com-carousel autoPlay loop [autoPlayInterval]="4000">
- *   <img comCarouselItem *ngFor="let img of images" [src]="img.url" [alt]="img.alt" />
+ *   @for (img of images(); track img.url) {
+ *     <img comCarouselItem [src]="img.url" [alt]="img.alt" />
+ *   }
  * </com-carousel>
  * ```
  *

package/types/ngx-com-components-code-block.d.ts

@@ -38,7 +38,7 @@ type CodeBlockVariants = VariantProps<typeof codeBlockVariants>;
  * <com-code-block [code]="htmlSnippet" language="HTML" variant="outlined" />
  * ```
  */
-declare class ComCodeBlockComponent {
+declare class ComCodeBlock {
     /** The raw code string to display. */
     readonly code: InputSignal<string>;
     /** Language label shown in the header (e.g. 'TypeScript', 'HTML'). */
@@ -58,9 +58,9 @@ declare class ComCodeBlockComponent {
     private copyTimeoutId;
     /** Copies the code to clipboard and shows feedback for 2 seconds. */
     protected copyToClipboard(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ComCodeBlockComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ComCodeBlockComponent, "com-code-block", ["comCodeBlock"], { "code": { "alias": "code"; "required": true; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "copied": "copied"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComCodeBlock, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComCodeBlock, "com-code-block", ["comCodeBlock"], { "code": { "alias": "code"; "required": true; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "copied": "copied"; }, never, never, true, never>;
 }
 
-export { ComCodeBlockComponent, codeBlockVariants };
+export { ComCodeBlock, codeBlockVariants };
 export type { CodeBlockVariant, CodeBlockVariants };

package/types/ngx-com-components-collapsible.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import * as i0 from '@angular/core';
-import { TemplateRef, ModelSignal, InputSignalWithTransform, InputSignal, Signal, WritableSignal } from '@angular/core';
+import { TemplateRef, ModelSignal, InputSignalWithTransform, InputSignal, Signal } from '@angular/core';
 
 /**
  * Context provided to the trigger template.
@@ -72,6 +72,8 @@ type CollapsibleTriggerVariants = VariantProps<typeof collapsibleTriggerVariants
  * Directive to mark a template as the custom trigger layout template.
  * Replaces the inner content of the trigger while preserving ARIA and keyboard handling.
  *
+ * @tokens none
+ *
  * @example
  * ```html
  * <button comCollapsibleTrigger>
@@ -104,6 +106,8 @@ declare class ComCollapsibleTriggerTpl {
  * Wraps the content with custom chrome (headers, footers, padding).
  * The grid animation still applies on the host.
  *
+ * @tokens none
+ *
  * @example
  * ```html
  * <com-collapsible-content>
@@ -137,6 +141,8 @@ declare class ComCollapsibleContentTpl {
  * Directive to mark a template as the custom icon template.
  * Replaces only the chevron icon inside the default trigger layout.
  *
+ * @tokens none
+ *
  * @example
  * ```html
  * <button comCollapsibleTrigger>
@@ -163,6 +169,8 @@ declare class ComCollapsibleIconTpl {
  * Structural directive for lazy content rendering.
  * Content is only instantiated on first expand, preserving state on subsequent toggles.
  *
+ * @tokens none
+ *
  * @example
  * ```html
  * <com-collapsible-content>
@@ -361,7 +369,7 @@ declare class ComCollapsibleContent {
     /** Lazy content template. */
     protected readonly lazyTpl: Signal<ComCollapsibleLazy | undefined>;
     /** Track if collapsible has ever been opened (for lazy rendering). */
-    protected readonly hasBeenOpened: WritableSignal<boolean>;
+    protected readonly hasBeenOpened: Signal<boolean>;
     /** Transition duration in milliseconds. */
     readonly duration: InputSignal<number>;
     /** Consumer CSS classes for the inner wrapper. */

package/types/ngx-com-components-confirm.d.ts

@@ -32,7 +32,7 @@ interface ConfirmTemplateContext {
  *
  * @tokens `--color-popover`, `--color-popover-foreground`, `--color-border`,
  *         `--color-foreground`, `--color-muted-foreground`, `--color-backdrop`,
- *         `--shadow-lg`, `--radius-popover`
+ *         `--shadow-overlay`, `--radius-popover`
  *
  * @example Basic confirmation
  * ```html
@@ -134,7 +134,7 @@ declare const confirmBackdropVariants: (props?: {
 /**
  * CVA variants for the confirmation panel container.
  *
- * @tokens `--color-popover`, `--color-popover-foreground`, `--color-border`, `--shadow-lg`, `--radius-popover`
+ * @tokens `--color-popover`, `--color-popover-foreground`, `--color-border`, `--shadow-overlay`, `--radius-popover`
  */
 declare const confirmPanelVariants: (props?: {
     visible?: boolean;