@cdevhub/ngx-tw 0.2.0

package/fesm2022/cdevhub-ngx-tw-badge.mjs

@@ -0,0 +1,332 @@
+import * as i0 from '@angular/core';
+import { input, output, contentChild, computed, ChangeDetectionStrategy, Component, Directive } from '@angular/core';
+import { tv } from 'tailwind-variants';
+import { AvatarComponent } from '@cdevhub/ngx-tw/avatar';
+import { IconComponent } from '@cdevhub/ngx-tw/icon';
+
+const badgeVariants = tv({
+    slots: {
+        root: 'inline-flex items-center font-medium w-fit',
+        content: 'inline-flex items-center',
+        dismiss: 'inline-flex items-center justify-center rounded-md cursor-pointer hover:bg-surface-muted transition-colors duration-normal motion-reduce:transition-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500',
+        dismissIcon: 'shrink-0',
+        leadingAvatar: 'inline-flex shrink-0 rounded-full overflow-hidden [&>tw-avatar]:size-full',
+        leadingIcon: 'inline-flex shrink-0 [&>tw-icon]:size-full',
+    },
+    variants: {
+        variant: {
+            solid: { root: '' },
+            outline: { root: 'border' },
+            soft: { root: '' },
+        },
+        color: {
+            primary: {},
+            secondary: {},
+            accent: {},
+            neutral: {},
+            info: {},
+            success: {},
+            warning: {},
+            error: {},
+        },
+        size: {
+            xs: {
+                root: 'px-1.5 py-0.5 text-xs gap-1',
+                // size-6 (24px) meets WCAG 2.5.8 target-size; negative margins keep
+                // the visible badge box centred without inflating its layout height.
+                dismiss: 'size-6 -my-1 -mr-1',
+                dismissIcon: 'size-3',
+                leadingAvatar: 'size-4',
+                leadingIcon: 'size-3',
+            },
+            sm: {
+                root: 'px-2 py-0.5 text-xs gap-1',
+                dismiss: 'size-6 -my-1 -mr-1',
+                dismissIcon: 'size-3',
+                leadingAvatar: 'size-4',
+                leadingIcon: 'size-3',
+            },
+            md: {
+                root: 'px-2 py-1 text-xs gap-1.5',
+                // size-7 (28px) keeps the dismiss target comfortable at md density;
+                // negative margins absorb the overflow so the badge height is unchanged.
+                dismiss: 'size-7 -my-1.5 -mr-1.5',
+                // size-3.5 (14px) half-step: sits between the size-3 used at xs/sm and
+                // the size-4 used at lg/xl, balancing the X glyph against text-xs at
+                // md density without dominating the dismiss button.
+                dismissIcon: 'size-3.5',
+                leadingAvatar: 'size-5',
+                // size-3.5 (14px) half-step: the md badge sits between xs/sm (size-3
+                // leading icon, text-xs) and lg/xl (size-4, text-sm); 14px is the
+                // visual mid-point that lines up with text-xs at this density.
+                leadingIcon: 'size-3.5',
+            },
+            lg: {
+                root: 'px-3 py-1.5 text-sm gap-1.5',
+                dismiss: 'size-8 -my-1.5 -mr-1.5',
+                dismissIcon: 'size-4',
+                leadingAvatar: 'size-5',
+                leadingIcon: 'size-4',
+            },
+            xl: {
+                root: 'px-3 py-1.5 text-sm gap-1.5',
+                dismiss: 'size-8 -my-1.5 -mr-1.5',
+                dismissIcon: 'size-4',
+                leadingAvatar: 'size-6',
+                leadingIcon: 'size-4',
+            },
+        },
+        pill: {
+            true: { root: 'rounded-full' },
+            false: { root: 'rounded-md' },
+        },
+        hasAvatar: {
+            true: {},
+            false: {},
+        },
+    },
+    compoundVariants: [
+        // ===== Primary =====
+        { variant: 'solid', color: 'primary', class: { root: 'bg-primary-600 text-on-primary' } },
+        { variant: 'outline', color: 'primary', class: { root: 'border-primary-300 text-primary-700' } },
+        { variant: 'soft', color: 'primary', class: { root: 'bg-primary-50 text-primary-800' } },
+        // ===== Secondary =====
+        { variant: 'solid', color: 'secondary', class: { root: 'bg-secondary-600 text-on-secondary' } },
+        { variant: 'outline', color: 'secondary', class: { root: 'border-secondary-300 text-secondary-700' } },
+        { variant: 'soft', color: 'secondary', class: { root: 'bg-secondary-50 text-secondary-800' } },
+        // ===== Accent =====
+        { variant: 'solid', color: 'accent', class: { root: 'bg-accent-600 text-on-accent' } },
+        { variant: 'outline', color: 'accent', class: { root: 'border-accent-300 text-accent-700' } },
+        { variant: 'soft', color: 'accent', class: { root: 'bg-accent-50 text-accent-800' } },
+        // ===== Neutral ===== (surface/fg tokens auto-adapt to dark mode)
+        { variant: 'solid', color: 'neutral', class: { root: 'bg-surface-muted text-fg' } },
+        { variant: 'outline', color: 'neutral', class: { root: 'border-border text-fg' } },
+        { variant: 'soft', color: 'neutral', class: { root: 'bg-surface-muted text-fg-muted' } },
+        // ===== Info =====
+        { variant: 'solid', color: 'info', class: { root: 'bg-info-600 text-on-info' } },
+        { variant: 'outline', color: 'info', class: { root: 'border-info-300 text-info-700' } },
+        { variant: 'soft', color: 'info', class: { root: 'bg-info-50 text-info-800' } },
+        // ===== Success =====
+        { variant: 'solid', color: 'success', class: { root: 'bg-success-600 text-on-success' } },
+        { variant: 'outline', color: 'success', class: { root: 'border-success-300 text-success-700' } },
+        { variant: 'soft', color: 'success', class: { root: 'bg-success-50 text-success-800' } },
+        // ===== Warning =====
+        { variant: 'solid', color: 'warning', class: { root: 'bg-warning-500 text-on-warning' } },
+        { variant: 'outline', color: 'warning', class: { root: 'border-warning-300 text-warning-700' } },
+        { variant: 'soft', color: 'warning', class: { root: 'bg-warning-50 text-warning-800' } },
+        // ===== Error =====
+        { variant: 'solid', color: 'error', class: { root: 'bg-error-600 text-on-error' } },
+        { variant: 'outline', color: 'error', class: { root: 'border-error-300 text-error-700' } },
+        { variant: 'soft', color: 'error', class: { root: 'bg-error-50 text-error-800' } },
+        // ===== Reduced left padding when avatar is present =====
+        { hasAvatar: true, size: 'xs', class: { root: 'pl-0.5' } },
+        { hasAvatar: true, size: 'sm', class: { root: 'pl-1' } },
+        { hasAvatar: true, size: 'md', class: { root: 'pl-1' } },
+        { hasAvatar: true, size: 'lg', class: { root: 'pl-1.5' } },
+        { hasAvatar: true, size: 'xl', class: { root: 'pl-1.5' } },
+    ],
+    defaultVariants: {
+        variant: 'soft',
+        color: 'neutral',
+        size: 'md',
+        pill: false,
+        hasAvatar: false,
+    },
+}, {
+    twMerge: true,
+});
+/**
+ * Compact status label, tag, or count attached to any host element.
+ *
+ * Uses an attribute selector (`[twBadge]`) rather than the library's canonical
+ * element selector so consumers can apply the badge styling to any inline
+ * element — `<span>`, `<a>`, `<div>` — without an extra wrapper. The trade-off
+ * is intentional: badges most often live inside an existing text flow or list
+ * item where wrapping in a `<tw-badge>` element would add structural noise.
+ *
+ * For dot-only presence indicators (no text, no padding), use the sibling
+ * `[twBadgeDot]` directive — its rendering shape (no children, no dismiss,
+ * no leading slot) is structurally distinct from the labelled badge.
+ */
+class BadgeComponent {
+    /** Sets the semantic color palette. Defaults to `'neutral'`. */
+    color = input('neutral', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+    /** Controls the visual style. Defaults to `'soft'`. */
+    variant = input('soft', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Controls badge size (padding, font, icon size). Defaults to `'md'`. */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** When true, uses fully rounded corners instead of default `rounded-md`. Defaults to `false`. */
+    pill = input(false, ...(ngDevMode ? [{ debugName: "pill" }] : /* istanbul ignore next */ []));
+    /** When true, renders a dismiss button inside the badge. Defaults to `false`. */
+    dismissible = input(false, ...(ngDevMode ? [{ debugName: "dismissible" }] : /* istanbul ignore next */ []));
+    /**
+     * When true, exposes the badge as an ARIA live region (`role="status"`)
+     * so assistive technology announces content changes. Defaults to `false`
+     * because most badges are decorative tags or labels — opt in only when
+     * the badge represents a value that actually updates in place.
+     */
+    live = input(false, ...(ngDevMode ? [{ debugName: "live" }] : /* istanbul ignore next */ []));
+    /** Accessible label for the dismiss button. Override for localization. Defaults to `'Dismiss'`. */
+    dismissLabel = input('Dismiss', ...(ngDevMode ? [{ debugName: "dismissLabel" }] : /* istanbul ignore next */ []));
+    /** Fires when the dismiss button is clicked. */
+    dismissed = output();
+    /** @internal */
+    avatarChild = contentChild(AvatarComponent, ...(ngDevMode ? [{ debugName: "avatarChild" }] : /* istanbul ignore next */ []));
+    /** @internal */
+    iconChild = contentChild(IconComponent, ...(ngDevMode ? [{ debugName: "iconChild" }] : /* istanbul ignore next */ []));
+    hasLeadingAvatar = computed(() => !!this.avatarChild(), ...(ngDevMode ? [{ debugName: "hasLeadingAvatar" }] : /* istanbul ignore next */ []));
+    hasLeadingIcon = computed(() => !!this.iconChild(), ...(ngDevMode ? [{ debugName: "hasLeadingIcon" }] : /* istanbul ignore next */ []));
+    variantResult = computed(() => badgeVariants({
+        variant: this.variant(),
+        color: this.color(),
+        size: this.size(),
+        pill: this.pill(),
+        hasAvatar: this.hasLeadingAvatar(),
+    }), ...(ngDevMode ? [{ debugName: "variantResult" }] : /* istanbul ignore next */ []));
+    rootClasses = computed(() => this.variantResult().root(), ...(ngDevMode ? [{ debugName: "rootClasses" }] : /* istanbul ignore next */ []));
+    contentClasses = computed(() => this.variantResult().content(), ...(ngDevMode ? [{ debugName: "contentClasses" }] : /* istanbul ignore next */ []));
+    dismissClasses = computed(() => this.variantResult().dismiss(), ...(ngDevMode ? [{ debugName: "dismissClasses" }] : /* istanbul ignore next */ []));
+    dismissIconClasses = computed(() => this.variantResult().dismissIcon(), ...(ngDevMode ? [{ debugName: "dismissIconClasses" }] : /* istanbul ignore next */ []));
+    leadingAvatarClasses = computed(() => this.variantResult().leadingAvatar(), ...(ngDevMode ? [{ debugName: "leadingAvatarClasses" }] : /* istanbul ignore next */ []));
+    leadingIconClasses = computed(() => this.variantResult().leadingIcon(), ...(ngDevMode ? [{ debugName: "leadingIconClasses" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: BadgeComponent, isStandalone: true, selector: "[twBadge]", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, pill: { classPropertyName: "pill", publicName: "pill", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, live: { classPropertyName: "live", publicName: "live", isSignal: true, isRequired: false, transformFunction: null }, dismissLabel: { classPropertyName: "dismissLabel", publicName: "dismissLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { properties: { "class": "rootClasses()", "attr.role": "live() ? \"status\" : null" } }, queries: [{ propertyName: "avatarChild", first: true, predicate: AvatarComponent, descendants: true, isSignal: true }, { propertyName: "iconChild", first: true, predicate: IconComponent, descendants: true, isSignal: true }], exportAs: ["twBadge"], ngImport: i0, template: `
+    @if (hasLeadingAvatar()) {
+      <span [class]="leadingAvatarClasses()"><ng-content select="tw-avatar" /></span>
+    }
+    @if (hasLeadingIcon() && !hasLeadingAvatar()) {
+      <span [class]="leadingIconClasses()"><ng-content select="tw-icon" /></span>
+    }
+    <span [class]="contentClasses()"><ng-content /></span>
+    @if (dismissible()) {
+      <button
+        type="button"
+        [attr.aria-label]="dismissLabel()"
+        [class]="dismissClasses()"
+        (click)="dismissed.emit()"
+      >
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" [class]="dismissIconClasses()">
+          <path d="M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z"/>
+        </svg>
+      </button>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BadgeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[twBadge]',
+                    exportAs: 'twBadge',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'rootClasses()',
+                        '[attr.role]': 'live() ? "status" : null',
+                    },
+                    template: `
+    @if (hasLeadingAvatar()) {
+      <span [class]="leadingAvatarClasses()"><ng-content select="tw-avatar" /></span>
+    }
+    @if (hasLeadingIcon() && !hasLeadingAvatar()) {
+      <span [class]="leadingIconClasses()"><ng-content select="tw-icon" /></span>
+    }
+    <span [class]="contentClasses()"><ng-content /></span>
+    @if (dismissible()) {
+      <button
+        type="button"
+        [attr.aria-label]="dismissLabel()"
+        [class]="dismissClasses()"
+        (click)="dismissed.emit()"
+      >
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" [class]="dismissIconClasses()">
+          <path d="M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z"/>
+        </svg>
+      </button>
+    }
+  `,
+                }]
+        }], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], pill: [{ type: i0.Input, args: [{ isSignal: true, alias: "pill", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], live: [{ type: i0.Input, args: [{ isSignal: true, alias: "live", required: false }] }], dismissLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissLabel", required: false }] }], dismissed: [{ type: i0.Output, args: ["dismissed"] }], avatarChild: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AvatarComponent), { isSignal: true }] }], iconChild: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IconComponent), { isSignal: true }] }] } });
+
+/**
+ * Dot indicator styling and color tokens for `[twBadgeDot]`. Mirrors the
+ * `dot` slot rules previously embedded in the badge component but lives in
+ * its own variant table because the dot has no text content, no padding,
+ * and no border / variant axis.
+ */
+const badgeDotVariants = tv({
+    base: 'inline-block rounded-full shrink-0',
+    variants: {
+        color: {
+            primary: 'bg-primary-500',
+            secondary: 'bg-secondary-500',
+            accent: 'bg-accent-500',
+            neutral: 'bg-fg-muted',
+            info: 'bg-info-500',
+            success: 'bg-success-500',
+            warning: 'bg-warning-500',
+            error: 'bg-error-500',
+        },
+        size: {
+            xs: 'size-1.5',
+            sm: 'size-1.5',
+            md: 'size-2',
+            lg: 'size-2.5',
+            xl: 'size-2.5',
+        },
+    },
+    defaultVariants: {
+        color: 'neutral',
+        size: 'md',
+    },
+}, {
+    twMerge: true,
+});
+/**
+ * Compact colored dot used as a presence indicator, unread marker, or status
+ * pip. Applies as an attribute selector so the host element controls the
+ * structure — wrap in a `<span>`, `<div>`, list item, or any inline element.
+ *
+ * The dot has no text content; pair it with a visible label adjacent in the
+ * DOM, or set `aria-label` on the host so assistive technology can announce
+ * the state. Opt in to `live` to expose the dot as an ARIA live region when
+ * the indicator state actually changes (e.g. "new messages received").
+ *
+ * @example
+ * ```html
+ * <span twBadgeDot color="success" size="sm"></span>
+ * <span twBadgeDot color="error" [live]="true" aria-label="3 unread"></span>
+ * ```
+ */
+class BadgeDotDirective {
+    /** Sets the semantic color palette. Defaults to `'neutral'`. */
+    color = input('neutral', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+    /** Controls dot dimensions. Defaults to `'md'`. */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /**
+     * When true, exposes the dot as an ARIA live region (`role="status"`) so
+     * assistive technology announces state changes (e.g. an unread indicator
+     * appearing). Defaults to `false` because most dots are decorative pips
+     * paired with a visible label.
+     */
+    live = input(false, ...(ngDevMode ? [{ debugName: "live" }] : /* istanbul ignore next */ []));
+    classes = computed(() => badgeDotVariants({ color: this.color(), size: this.size() }), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BadgeDotDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: BadgeDotDirective, isStandalone: true, selector: "[twBadgeDot]", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, live: { classPropertyName: "live", publicName: "live", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.role": "live() ? \"status\" : null" } }, exportAs: ["twBadgeDot"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BadgeDotDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[twBadgeDot]',
+                    exportAs: 'twBadgeDot',
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.role]': 'live() ? "status" : null',
+                    },
+                }]
+        }], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], live: [{ type: i0.Input, args: [{ isSignal: true, alias: "live", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BadgeComponent, BadgeDotDirective };
+//# sourceMappingURL=cdevhub-ngx-tw-badge.mjs.map

package/fesm2022/cdevhub-ngx-tw-badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdevhub-ngx-tw-badge.mjs","sources":["../../../projects/ngx-tw/badge/badge.ts","../../../projects/ngx-tw/badge/badge-dot.ts","../../../projects/ngx-tw/badge/cdevhub-ngx-tw-badge.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  input,\n  output,\n} from '@angular/core';\nimport { tv } from 'tailwind-variants';\nimport type { TwColor, TwSize } from '@cdevhub/ngx-tw/core';\nimport { AvatarComponent } from '@cdevhub/ngx-tw/avatar';\nimport { IconComponent } from '@cdevhub/ngx-tw/icon';\n\n/** Visual style of the badge. */\nexport type BadgeVariant = 'solid' | 'outline' | 'soft';\n\nconst badgeVariants = tv({\n  slots: {\n    root: 'inline-flex items-center font-medium w-fit',\n    content: 'inline-flex items-center',\n    dismiss:\n      'inline-flex items-center justify-center rounded-md cursor-pointer hover:bg-surface-muted transition-colors duration-normal motion-reduce:transition-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500',\n    dismissIcon: 'shrink-0',\n    leadingAvatar: 'inline-flex shrink-0 rounded-full overflow-hidden [&>tw-avatar]:size-full',\n    leadingIcon: 'inline-flex shrink-0 [&>tw-icon]:size-full',\n  },\n  variants: {\n    variant: {\n      solid: { root: '' },\n      outline: { root: 'border' },\n      soft: { root: '' },\n    },\n    color: {\n      primary: {},\n      secondary: {},\n      accent: {},\n      neutral: {},\n      info: {},\n      success: {},\n      warning: {},\n      error: {},\n    },\n    size: {\n      xs: {\n        root: 'px-1.5 py-0.5 text-xs gap-1',\n        // size-6 (24px) meets WCAG 2.5.8 target-size; negative margins keep\n        // the visible badge box centred without inflating its layout height.\n        dismiss: 'size-6 -my-1 -mr-1',\n        dismissIcon: 'size-3',\n        leadingAvatar: 'size-4',\n        leadingIcon: 'size-3',\n      },\n      sm: {\n        root: 'px-2 py-0.5 text-xs gap-1',\n        dismiss: 'size-6 -my-1 -mr-1',\n        dismissIcon: 'size-3',\n        leadingAvatar: 'size-4',\n        leadingIcon: 'size-3',\n      },\n      md: {\n        root: 'px-2 py-1 text-xs gap-1.5',\n        // size-7 (28px) keeps the dismiss target comfortable at md density;\n        // negative margins absorb the overflow so the badge height is unchanged.\n        dismiss: 'size-7 -my-1.5 -mr-1.5',\n        // size-3.5 (14px) half-step: sits between the size-3 used at xs/sm and\n        // the size-4 used at lg/xl, balancing the X glyph against text-xs at\n        // md density without dominating the dismiss button.\n        dismissIcon: 'size-3.5',\n        leadingAvatar: 'size-5',\n        // size-3.5 (14px) half-step: the md badge sits between xs/sm (size-3\n        // leading icon, text-xs) and lg/xl (size-4, text-sm); 14px is the\n        // visual mid-point that lines up with text-xs at this density.\n        leadingIcon: 'size-3.5',\n      },\n      lg: {\n        root: 'px-3 py-1.5 text-sm gap-1.5',\n        dismiss: 'size-8 -my-1.5 -mr-1.5',\n        dismissIcon: 'size-4',\n        leadingAvatar: 'size-5',\n        leadingIcon: 'size-4',\n      },\n      xl: {\n        root: 'px-3 py-1.5 text-sm gap-1.5',\n        dismiss: 'size-8 -my-1.5 -mr-1.5',\n        dismissIcon: 'size-4',\n        leadingAvatar: 'size-6',\n        leadingIcon: 'size-4',\n      },\n    },\n    pill: {\n      true: { root: 'rounded-full' },\n      false: { root: 'rounded-md' },\n    },\n    hasAvatar: {\n      true: {},\n      false: {},\n    },\n  },\n  compoundVariants: [\n    // ===== Primary =====\n    { variant: 'solid', color: 'primary', class: { root: 'bg-primary-600 text-on-primary' } },\n    { variant: 'outline', color: 'primary', class: { root: 'border-primary-300 text-primary-700' } },\n    { variant: 'soft', color: 'primary', class: { root: 'bg-primary-50 text-primary-800' } },\n\n    // ===== Secondary =====\n    { variant: 'solid', color: 'secondary', class: { root: 'bg-secondary-600 text-on-secondary' } },\n    { variant: 'outline', color: 'secondary', class: { root: 'border-secondary-300 text-secondary-700' } },\n    { variant: 'soft', color: 'secondary', class: { root: 'bg-secondary-50 text-secondary-800' } },\n\n    // ===== Accent =====\n    { variant: 'solid', color: 'accent', class: { root: 'bg-accent-600 text-on-accent' } },\n    { variant: 'outline', color: 'accent', class: { root: 'border-accent-300 text-accent-700' } },\n    { variant: 'soft', color: 'accent', class: { root: 'bg-accent-50 text-accent-800' } },\n\n    // ===== Neutral ===== (surface/fg tokens auto-adapt to dark mode)\n    { variant: 'solid', color: 'neutral', class: { root: 'bg-surface-muted text-fg' } },\n    { variant: 'outline', color: 'neutral', class: { root: 'border-border text-fg' } },\n    { variant: 'soft', color: 'neutral', class: { root: 'bg-surface-muted text-fg-muted' } },\n\n    // ===== Info =====\n    { variant: 'solid', color: 'info', class: { root: 'bg-info-600 text-on-info' } },\n    { variant: 'outline', color: 'info', class: { root: 'border-info-300 text-info-700' } },\n    { variant: 'soft', color: 'info', class: { root: 'bg-info-50 text-info-800' } },\n\n    // ===== Success =====\n    { variant: 'solid', color: 'success', class: { root: 'bg-success-600 text-on-success' } },\n    { variant: 'outline', color: 'success', class: { root: 'border-success-300 text-success-700' } },\n    { variant: 'soft', color: 'success', class: { root: 'bg-success-50 text-success-800' } },\n\n    // ===== Warning =====\n    { variant: 'solid', color: 'warning', class: { root: 'bg-warning-500 text-on-warning' } },\n    { variant: 'outline', color: 'warning', class: { root: 'border-warning-300 text-warning-700' } },\n    { variant: 'soft', color: 'warning', class: { root: 'bg-warning-50 text-warning-800' } },\n\n    // ===== Error =====\n    { variant: 'solid', color: 'error', class: { root: 'bg-error-600 text-on-error' } },\n    { variant: 'outline', color: 'error', class: { root: 'border-error-300 text-error-700' } },\n    { variant: 'soft', color: 'error', class: { root: 'bg-error-50 text-error-800' } },\n\n    // ===== Reduced left padding when avatar is present =====\n    { hasAvatar: true, size: 'xs', class: { root: 'pl-0.5' } },\n    { hasAvatar: true, size: 'sm', class: { root: 'pl-1' } },\n    { hasAvatar: true, size: 'md', class: { root: 'pl-1' } },\n    { hasAvatar: true, size: 'lg', class: { root: 'pl-1.5' } },\n    { hasAvatar: true, size: 'xl', class: { root: 'pl-1.5' } },\n  ],\n  defaultVariants: {\n    variant: 'soft',\n    color: 'neutral',\n    size: 'md',\n    pill: false,\n    hasAvatar: false,\n  },\n}, {\n  twMerge: true,\n});\n\n/**\n * Compact status label, tag, or count attached to any host element.\n *\n * Uses an attribute selector (`[twBadge]`) rather than the library's canonical\n * element selector so consumers can apply the badge styling to any inline\n * element — `<span>`, `<a>`, `<div>` — without an extra wrapper. The trade-off\n * is intentional: badges most often live inside an existing text flow or list\n * item where wrapping in a `<tw-badge>` element would add structural noise.\n *\n * For dot-only presence indicators (no text, no padding), use the sibling\n * `[twBadgeDot]` directive — its rendering shape (no children, no dismiss,\n * no leading slot) is structurally distinct from the labelled badge.\n */\n@Component({\n  selector: '[twBadge]',\n  exportAs: 'twBadge',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'rootClasses()',\n    '[attr.role]': 'live() ? \"status\" : null',\n  },\n  template: `\n    @if (hasLeadingAvatar()) {\n      <span [class]=\"leadingAvatarClasses()\"><ng-content select=\"tw-avatar\" /></span>\n    }\n    @if (hasLeadingIcon() && !hasLeadingAvatar()) {\n      <span [class]=\"leadingIconClasses()\"><ng-content select=\"tw-icon\" /></span>\n    }\n    <span [class]=\"contentClasses()\"><ng-content /></span>\n    @if (dismissible()) {\n      <button\n        type=\"button\"\n        [attr.aria-label]=\"dismissLabel()\"\n        [class]=\"dismissClasses()\"\n        (click)=\"dismissed.emit()\"\n      >\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" [class]=\"dismissIconClasses()\">\n          <path d=\"M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z\"/>\n        </svg>\n      </button>\n    }\n  `,\n})\nexport class BadgeComponent {\n  /** Sets the semantic color palette. Defaults to `'neutral'`. */\n  readonly color = input<TwColor>('neutral');\n\n  /** Controls the visual style. Defaults to `'soft'`. */\n  readonly variant = input<BadgeVariant>('soft');\n\n  /** Controls badge size (padding, font, icon size). Defaults to `'md'`. */\n  readonly size = input<TwSize>('md');\n\n  /** When true, uses fully rounded corners instead of default `rounded-md`. Defaults to `false`. */\n  readonly pill = input(false);\n\n  /** When true, renders a dismiss button inside the badge. Defaults to `false`. */\n  readonly dismissible = input(false);\n\n  /**\n   * When true, exposes the badge as an ARIA live region (`role=\"status\"`)\n   * so assistive technology announces content changes. Defaults to `false`\n   * because most badges are decorative tags or labels — opt in only when\n   * the badge represents a value that actually updates in place.\n   */\n  readonly live = input(false);\n\n  /** Accessible label for the dismiss button. Override for localization. Defaults to `'Dismiss'`. */\n  readonly dismissLabel = input<string>('Dismiss');\n\n  /** Fires when the dismiss button is clicked. */\n  readonly dismissed = output<void>();\n\n  /** @internal */\n  readonly avatarChild = contentChild(AvatarComponent);\n\n  /** @internal */\n  readonly iconChild = contentChild(IconComponent);\n\n  readonly hasLeadingAvatar = computed(() => !!this.avatarChild());\n  readonly hasLeadingIcon = computed(() => !!this.iconChild());\n\n  private readonly variantResult = computed(() =>\n    badgeVariants({\n      variant: this.variant(),\n      color: this.color(),\n      size: this.size(),\n      pill: this.pill(),\n      hasAvatar: this.hasLeadingAvatar(),\n    }),\n  );\n\n  readonly rootClasses = computed(() => this.variantResult().root());\n  readonly contentClasses = computed(() => this.variantResult().content());\n  readonly dismissClasses = computed(() => this.variantResult().dismiss());\n  readonly dismissIconClasses = computed(() => this.variantResult().dismissIcon());\n  readonly leadingAvatarClasses = computed(() => this.variantResult().leadingAvatar());\n  readonly leadingIconClasses = computed(() => this.variantResult().leadingIcon());\n}\n","import {\n  Directive,\n  computed,\n  input,\n} from '@angular/core';\nimport { tv } from 'tailwind-variants';\nimport type { TwColor, TwSize } from '@cdevhub/ngx-tw/core';\n\n/**\n * Dot indicator styling and color tokens for `[twBadgeDot]`. Mirrors the\n * `dot` slot rules previously embedded in the badge component but lives in\n * its own variant table because the dot has no text content, no padding,\n * and no border / variant axis.\n */\nconst badgeDotVariants = tv({\n  base: 'inline-block rounded-full shrink-0',\n  variants: {\n    color: {\n      primary: 'bg-primary-500',\n      secondary: 'bg-secondary-500',\n      accent: 'bg-accent-500',\n      neutral: 'bg-fg-muted',\n      info: 'bg-info-500',\n      success: 'bg-success-500',\n      warning: 'bg-warning-500',\n      error: 'bg-error-500',\n    },\n    size: {\n      xs: 'size-1.5',\n      sm: 'size-1.5',\n      md: 'size-2',\n      lg: 'size-2.5',\n      xl: 'size-2.5',\n    },\n  },\n  defaultVariants: {\n    color: 'neutral',\n    size: 'md',\n  },\n}, {\n  twMerge: true,\n});\n\n/**\n * Compact colored dot used as a presence indicator, unread marker, or status\n * pip. Applies as an attribute selector so the host element controls the\n * structure — wrap in a `<span>`, `<div>`, list item, or any inline element.\n *\n * The dot has no text content; pair it with a visible label adjacent in the\n * DOM, or set `aria-label` on the host so assistive technology can announce\n * the state. Opt in to `live` to expose the dot as an ARIA live region when\n * the indicator state actually changes (e.g. \"new messages received\").\n *\n * @example\n * ```html\n * <span twBadgeDot color=\"success\" size=\"sm\"></span>\n * <span twBadgeDot color=\"error\" [live]=\"true\" aria-label=\"3 unread\"></span>\n * ```\n */\n@Directive({\n  selector: '[twBadgeDot]',\n  exportAs: 'twBadgeDot',\n  host: {\n    '[class]': 'classes()',\n    '[attr.role]': 'live() ? \"status\" : null',\n  },\n})\nexport class BadgeDotDirective {\n  /** Sets the semantic color palette. Defaults to `'neutral'`. */\n  readonly color = input<TwColor>('neutral');\n\n  /** Controls dot dimensions. Defaults to `'md'`. */\n  readonly size = input<TwSize>('md');\n\n  /**\n   * When true, exposes the dot as an ARIA live region (`role=\"status\"`) so\n   * assistive technology announces state changes (e.g. an unread indicator\n   * appearing). Defaults to `false` because most dots are decorative pips\n   * paired with a visible label.\n   */\n  readonly live = input(false);\n\n  readonly classes = computed(() =>\n    badgeDotVariants({ color: this.color(), size: this.size() }),\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}