yukit-web 0.0.1

package/src/lib/theme/tokens/typography.css

@@ -0,0 +1,201 @@
+:root {
+  --font-sans: 'Open Sauce One', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
+  Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
+
+  /* Type scale — web (default) */
+  --text-display-large-weight: 700; /* Bold */
+  --text-display-large-size: 4rem; /* 64px */
+  --text-display-large-line-height: 4.75rem; /* 76px */
+  --text-display-large-letter-spacing: -0.0375rem; /* -0.6px */
+
+  --text-display-medium-weight: 700; /* Bold */
+  --text-display-medium-size: 3.5rem; /* 56px */
+  --text-display-medium-line-height: 4.25rem; /* 68px */
+  --text-display-medium-letter-spacing: -0.0375rem; /* -0.6px */
+
+  --text-display-small-weight: 700; /* Bold */
+  --text-display-small-size: 3rem; /* 48px */
+  --text-display-small-line-height: 3.5rem; /* 56px */
+  --text-display-small-letter-spacing: -0.0375rem; /* -0.6px */
+
+  --text-headline-large-weight: 600; /* SemiBold */
+  --text-headline-large-size: 2.5rem; /* 40px */
+  --text-headline-large-line-height: 3rem; /* 48px */
+  --text-headline-large-letter-spacing: -0.025rem; /* -0.4px */
+
+  --text-headline-medium-weight: 600; /* SemiBold */
+  --text-headline-medium-size: 2rem; /* 32px */
+  --text-headline-medium-line-height: 2.625rem; /* 42px */
+  --text-headline-medium-letter-spacing: -0.025rem; /* -0.4px */
+
+  --text-headline-small-weight: 700; /* Bold */
+  --text-headline-small-size: 1.75rem; /* 28px */
+  --text-headline-small-line-height: 2rem; /* 32px */
+  --text-headline-small-letter-spacing: -0.025rem; /* -0.4px */
+
+  --text-subhead-large-weight: 500; /* Medium */
+  --text-subhead-large-size: 2rem; /* 32px */
+  --text-subhead-large-line-height: 3.375rem; /* 54px */
+  --text-subhead-large-letter-spacing: 0rem; /* 0px */
+
+  --text-subhead-medium-weight: 500; /* Medium */
+  --text-subhead-medium-size: 1.5rem; /* 24px */
+  --text-subhead-medium-line-height: 2rem; /* 32px */
+  --text-subhead-medium-letter-spacing: 0rem; /* 0px */
+
+  --text-subhead-small-weight: 500; /* Medium */
+  --text-subhead-small-size: 1.25rem; /* 20px */
+  --text-subhead-small-line-height: 2rem; /* 32px */
+  --text-subhead-small-letter-spacing: 0rem; /* 0px */
+
+  --text-title-large-weight: 600; /* SemiBold */
+  --text-title-large-size: 1.125rem; /* 18px */
+  --text-title-large-line-height: 1.625rem; /* 26px */
+  --text-title-large-letter-spacing: 0rem; /* 0px */
+
+  --text-title-medium-weight: 600; /* SemiBold */
+  --text-title-medium-size: 0.9375rem; /* 15px */
+  --text-title-medium-line-height: 1.375rem; /* 22px */
+  --text-title-medium-letter-spacing: 0rem; /* 0px */
+
+  --text-title-small-weight: 600; /* SemiBold */
+  --text-title-small-size: 0.875rem; /* 14px */
+  --text-title-small-line-height: 1.25rem; /* 20px */
+  --text-title-small-letter-spacing: 0rem; /* 0px */
+
+  --text-body-large-weight: 400; /* Regular */
+  --text-body-large-size: 1.125rem; /* 18px */
+  --text-body-large-line-height: 1.625rem; /* 26px */
+  --text-body-large-letter-spacing: 0rem; /* 0px */
+
+  --text-body-large-w-medium-weight: 500; /* Medium */
+  --text-body-large-w-medium-size: 1.125rem; /* 18px */
+  --text-body-large-w-medium-line-height: 1.625rem; /* 26px */
+  --text-body-large-w-medium-letter-spacing: 0rem; /* 0px */
+
+  --text-body-medium-weight: 400; /* Regular */
+  --text-body-medium-size: 0.9375rem; /* 15px */
+  --text-body-medium-line-height: 1.375rem; /* 22px */
+  --text-body-medium-letter-spacing: 0rem; /* 0px */
+
+  --text-body-medium-w-medium-weight: 500; /* Medium */
+  --text-body-medium-w-medium-size: 0.9375rem; /* 15px */
+  --text-body-medium-w-medium-line-height: 1.375rem; /* 22px */
+  --text-body-medium-w-medium-letter-spacing: 0rem; /* 0px */
+
+  --text-body-small-weight: 400; /* Regular */
+  --text-body-small-size: 0.875rem; /* 14px */
+  --text-body-small-line-height: 1.25rem; /* 20px */
+  --text-body-small-letter-spacing: 0rem; /* 0px */
+
+  --text-body-small-w-medium-weight: 500; /* Medium */
+  --text-body-small-w-medium-size: 0.875rem; /* 14px */
+  --text-body-small-w-medium-line-height: 1.25rem; /* 20px */
+  --text-body-small-w-medium-letter-spacing: 0rem; /* 0px */
+
+  --text-label-large-weight: 400; /* Regular */
+  --text-label-large-size: 0.75rem; /* 12px */
+  --text-label-large-line-height: 1.125rem; /* 18px */
+  --text-label-large-letter-spacing: 0rem; /* 0px */
+
+  --text-label-large-w-medium-weight: 500; /* Medium */
+  --text-label-large-w-medium-size: 0.75rem; /* 12px */
+  --text-label-large-w-medium-line-height: 1.125rem; /* 18px */
+  --text-label-large-w-medium-letter-spacing: 0rem; /* 0px */
+
+  --text-label-large-w-semibold-weight: 600; /* SemiBold */
+  --text-label-large-w-semibold-size: 0.75rem; /* 12px */
+  --text-label-large-w-semibold-line-height: 1.125rem; /* 18px */
+  --text-label-large-w-semibold-letter-spacing: 0rem; /* 0px */
+
+  --text-label-medium-weight: 400; /* Regular */
+  --text-label-medium-size: 0.625rem; /* 10px */
+  --text-label-medium-line-height: 1rem; /* 16px */
+  --text-label-medium-letter-spacing: 0rem; /* 0px */
+
+  --text-label-medium-w-medium-weight: 600; /* SemiBold */
+  --text-label-medium-w-medium-size: 0.625rem; /* 10px */
+  --text-label-medium-w-medium-line-height: 1rem; /* 16px */
+  --text-label-medium-w-medium-letter-spacing: 0rem; /* 0px */
+
+  --text-label-small-weight: 400; /* Regular */
+  --text-label-small-size: 0.5rem; /* 8px */
+  --text-label-small-line-height: 1rem; /* 16px */
+  --text-label-small-letter-spacing: 0rem; /* 0px */
+
+  --text-label-small-w-medium-weight: 500; /* Medium */
+  --text-label-small-w-medium-size: 0.5rem; /* 8px */
+  --text-label-small-w-medium-line-height: 1rem; /* 16px */
+  --text-label-small-w-medium-letter-spacing: 0rem; /* 0px */
+
+  --text-overline-large-weight: 500; /* Medium */
+  --text-overline-large-size: 1.25rem; /* 20px */
+  --text-overline-large-line-height: 1.75rem; /* 28px */
+  --text-overline-large-letter-spacing: 0.125rem; /* 2px */
+
+  --text-overline-medium-weight: 600; /* SemiBold */
+  --text-overline-medium-size: 1rem; /* 16px */
+  --text-overline-medium-line-height: 1.5rem; /* 24px */
+  --text-overline-medium-letter-spacing: 0.125rem; /* 2px */
+
+  --text-overline-small-weight: 500; /* Medium */
+  --text-overline-small-size: 0.75rem; /* 12px */
+  --text-overline-small-line-height: 1.125rem; /* 18px */
+  --text-overline-small-letter-spacing: 0.125rem; /* 2px */
+
+  --text-link-small-weight: 500; /* Medium */
+  --text-link-small-size: 0.875rem; /* 14px */
+  --text-link-small-line-height: 1.25rem; /* 20px */
+  --text-link-small-letter-spacing: 0rem; /* 0px */
+}
+
+@media (max-width: 767px) {
+  :root {
+    /* Type scale — mobile overrides (display / headline / subhead only) */
+    --text-display-large-weight: 700; /* Bold */
+    --text-display-large-size: 2.25rem; /* 36px */
+    --text-display-large-line-height: 3rem; /* 48px */
+    --text-display-large-letter-spacing: -0.0375rem; /* -0.6px */
+
+    --text-display-medium-weight: 700; /* Bold */
+    --text-display-medium-size: 2rem; /* 32px */
+    --text-display-medium-line-height: 2.625rem; /* 42px */
+    --text-display-medium-letter-spacing: -0.0375rem; /* -0.6px */
+
+    --text-display-small-weight: 700; /* Bold */
+    --text-display-small-size: 1.75rem; /* 28px */
+    --text-display-small-line-height: 2.5rem; /* 40px */
+    --text-display-small-letter-spacing: -0.0375rem; /* -0.6px */
+
+    --text-headline-large-weight: 600; /* SemiBold */
+    --text-headline-large-size: 1.5rem; /* 24px */
+    --text-headline-large-line-height: 2rem; /* 32px */
+    --text-headline-large-letter-spacing: 0rem; /* 0px */
+
+    --text-headline-medium-weight: 600; /* SemiBold */
+    --text-headline-medium-size: 1.25rem; /* 20px */
+    --text-headline-medium-line-height: 2rem; /* 32px */
+    --text-headline-medium-letter-spacing: 0rem; /* 0px */
+
+    --text-headline-small-weight: 600; /* SemiBold */
+    --text-headline-small-size: 1.125rem; /* 18px */
+    --text-headline-small-line-height: 1.625rem; /* 26px */
+    --text-headline-small-letter-spacing: 0rem; /* 0px */
+
+    --text-subhead-large-weight: 500; /* Medium */
+    --text-subhead-large-size: 1.375rem; /* 22px */
+    --text-subhead-large-line-height: 2.25rem; /* 36px */
+    --text-subhead-large-letter-spacing: 0rem; /* 0px */
+
+    --text-subhead-medium-weight: 500; /* Medium */
+    --text-subhead-medium-size: 1rem; /* 16px */
+    --text-subhead-medium-line-height: 1.625rem; /* 26px */
+    --text-subhead-medium-letter-spacing: 0rem; /* 0px */
+
+    --text-subhead-small-weight: 500; /* Medium */
+    --text-subhead-small-size: 1rem; /* 16px */
+    --text-subhead-small-line-height: 1.625rem; /* 26px */
+    --text-subhead-small-letter-spacing: 0rem; /* 0px */
+  }
+}

package/types/yukit-web-helm-accordion.d.ts

@@ -0,0 +1,32 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@spartan-ng/brain/accordion';
+import { ClassValue } from 'clsx';
+
+declare class HlmAccordion {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAccordion, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAccordion, "[hlmAccordion], hlm-accordion", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAccordion; inputs: { "type": "type"; "orientation": "orientation"; }; outputs: {}; }]>;
+}
+
+declare class HlmAccordionContent {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAccordionContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmAccordionContent, "hlm-accordion-content", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.BrnAccordionContent; inputs: { "style": "style"; }; outputs: {}; }]>;
+}
+
+declare class HlmAccordionItem {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAccordionItem, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAccordionItem, "[hlmAccordionItem],hlm-accordion-item", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAccordionItem; inputs: { "isOpened": "isOpened"; "disabled": "disabled"; }; outputs: { "openedChange": "openedChange"; }; }]>;
+}
+
+declare class HlmAccordionTrigger {
+    readonly triggerClass: i0.InputSignal<ClassValue>;
+    protected readonly _computedTriggerClass: i0.Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAccordionTrigger, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmAccordionTrigger, "hlm-accordion-trigger", never, { "triggerClass": { "alias": "triggerClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare const HlmAccordionImports: readonly [typeof HlmAccordion, typeof HlmAccordionItem, typeof HlmAccordionContent, typeof HlmAccordionTrigger];
+
+export { HlmAccordion, HlmAccordionContent, HlmAccordionImports, HlmAccordionItem, HlmAccordionTrigger };

package/types/yukit-web-helm-alert-dialog.d.ts

@@ -0,0 +1,85 @@
+import * as i1$2 from '@spartan-ng/brain/alert-dialog';
+import { BrnAlertDialog } from '@spartan-ng/brain/alert-dialog';
+import * as i0 from '@angular/core';
+import * as i1 from 'yukit-web/helm/button';
+import * as i1$1 from '@spartan-ng/brain/dialog';
+import { ClassValue } from 'clsx';
+
+declare class HlmAlertDialog extends BrnAlertDialog {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialog, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmAlertDialog, "hlm-alert-dialog", ["hlmAlertDialog"], {}, {}, never, ["*"], true, never>;
+}
+
+declare class HlmAlertDialogAction {
+    readonly type: i0.InputSignal<"button" | "submit" | "reset">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogAction, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogAction, "button[hlmAlertDialogAction]", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.HlmButton; inputs: { "variant": "variant"; "size": "size"; }; outputs: {}; }]>;
+}
+
+declare class HlmAlertDialogCancel {
+    readonly type: i0.InputSignal<"button" | "submit" | "reset">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogCancel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogCancel, "button[hlmAlertDialogCancel]", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.BrnDialogClose; inputs: {}; outputs: {}; }, { directive: typeof i1.HlmButton; inputs: { "variant": "variant"; "size": "size"; }; outputs: {}; }]>;
+}
+
+declare class HlmAlertDialogContent {
+    private readonly _stateProvider;
+    readonly state: i0.Signal<"open" | "closed">;
+    readonly size: i0.InputSignal<"default" | "sm">;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogContent, "[hlmAlertDialogContent],hlm-alert-dialog-content", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class HlmAlertDialogDescription {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogDescription, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogDescription, "[hlmAlertDialogDescription]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.BrnAlertDialogDescription; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmAlertDialogFooter {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogFooter, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogFooter, "[hlmAlertDialogFooter],hlm-alert-dialog-footer", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmAlertDialogHeader {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogHeader, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogHeader, "[hlmAlertDialogHeader],hlm-alert-dialog-header", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmAlertDialogMedia {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogMedia, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogMedia, "[hlmAlertDialogMedia],hlm-alert-dialog-media", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmAlertDialogOverlay {
+    private readonly _classSettable;
+    readonly userClass: i0.InputSignal<ClassValue>;
+    protected readonly _computedClass: i0.Signal<string>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogOverlay, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogOverlay, "[hlmAlertDialogOverlay],hlm-alert-dialog-overlay", never, { "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$2.BrnAlertDialogOverlay; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmAlertDialogPortal {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogPortal, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogPortal, "[hlmAlertDialogPortal]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.BrnAlertDialogContent; inputs: { "context": "context"; "class": "class"; }; outputs: {}; }]>;
+}
+
+declare class HlmAlertDialogTitle {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogTitle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogTitle, "[hlmAlertDialogTitle]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.BrnAlertDialogTitle; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmAlertDialogTrigger {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDialogTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDialogTrigger, "button[hlmAlertDialogTrigger],button[hlmAlertDialogTriggerFor]", never, {}, {}, never, never, true, [{ directive: typeof i1$2.BrnAlertDialogTrigger; inputs: { "id": "id"; "brnAlertDialogTriggerFor": "hlmAlertDialogTriggerFor"; "type": "type"; }; outputs: {}; }]>;
+}
+
+declare const HlmAlertDialogImports: readonly [typeof HlmAlertDialog, typeof HlmAlertDialogAction, typeof HlmAlertDialogCancel, typeof HlmAlertDialogContent, typeof HlmAlertDialogDescription, typeof HlmAlertDialogFooter, typeof HlmAlertDialogHeader, typeof HlmAlertDialogMedia, typeof HlmAlertDialogOverlay, typeof HlmAlertDialogPortal, typeof HlmAlertDialogTitle, typeof HlmAlertDialogTrigger];
+
+export { HlmAlertDialog, HlmAlertDialogAction, HlmAlertDialogCancel, HlmAlertDialogContent, HlmAlertDialogDescription, HlmAlertDialogFooter, HlmAlertDialogHeader, HlmAlertDialogImports, HlmAlertDialogMedia, HlmAlertDialogOverlay, HlmAlertDialogPortal, HlmAlertDialogTitle, HlmAlertDialogTrigger };

package/types/yukit-web-helm-alert.d.ts

@@ -0,0 +1,37 @@
+import * as i0 from '@angular/core';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type AlertVariants = VariantProps<typeof alertVariants>;
+declare class HlmAlert {
+    readonly variant: i0.InputSignal<"default" | "destructive" | null | undefined>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlert, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlert, "hlm-alert,[hlmAlert]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class HlmAlertAction {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertAction, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertAction, "[hlmAlertAction]", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmAlertDescription {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertDescription, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertDescription, "[hlmAlertDescription]", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmAlertTitle {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAlertTitle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAlertTitle, "[hlmAlertTitle]", never, {}, {}, never, never, true, never>;
+}
+
+declare const HlmAlertImports: readonly [typeof HlmAlert, typeof HlmAlertAction, typeof HlmAlertDescription, typeof HlmAlertTitle];
+
+export { HlmAlert, HlmAlertAction, HlmAlertDescription, HlmAlertImports, HlmAlertTitle };
+export type { AlertVariants };

package/types/yukit-web-helm-aspect-ratio.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from '@angular/core';
+import { NumberInput } from '@angular/cdk/coercion';
+
+declare class HlmAspectRatio {
+    /**
+     * Aspect ratio of the element, defined as width / height.
+     */
+    readonly ratio: i0.InputSignalWithTransform<number, NumberInput>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAspectRatio, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAspectRatio, "[hlmAspectRatio]", never, { "ratio": { "alias": "hlmAspectRatio"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const HlmAspectRatioImports: readonly [typeof HlmAspectRatio];
+
+export { HlmAspectRatio, HlmAspectRatioImports };

package/types/yukit-web-helm-attachment.d.ts

@@ -0,0 +1,80 @@
+import * as i0 from '@angular/core';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import * as i1 from 'yukit-web/helm/button';
+
+declare const attachmentVariants: (props?: ({
+    size?: "default" | "sm" | "xs" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type AttachmentVariants = VariantProps<typeof attachmentVariants>;
+type AttachmentState = 'idle' | 'uploading' | 'processing' | 'error' | 'done';
+declare class HlmAttachment {
+    readonly state: i0.InputSignal<AttachmentState>;
+    readonly size: i0.InputSignal<"default" | "sm" | "xs" | null | undefined>;
+    readonly orientation: i0.InputSignal<"horizontal" | "vertical" | null | undefined>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAttachment, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAttachment, "[hlmAttachment],hlm-attachment", never, { "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class HlmAttachmentAction {
+    readonly type: i0.InputSignal<"button" | "submit" | "reset">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAttachmentAction, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAttachmentAction, "button[hlmAttachmentAction]", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.HlmButton; inputs: { "variant": "variant"; "size": "size"; }; outputs: {}; }]>;
+}
+
+declare class HlmAttachmentActions {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAttachmentActions, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAttachmentActions, "[hlmAttachmentActions],hlm-attachment-actions", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmAttachmentContent {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAttachmentContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAttachmentContent, "[hlmAttachmentContent],hlm-attachment-content", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmAttachmentDescription {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAttachmentDescription, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAttachmentDescription, "[hlmAttachmentDescription],hlm-attachment-description", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmAttachmentGroup {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAttachmentGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAttachmentGroup, "[hlmAttachmentGroup],hlm-attachment-group", never, {}, {}, never, never, true, never>;
+}
+
+declare const attachmentMediaVariants: (props?: ({
+    variant?: "icon" | "image" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type AttachmentMediaVariants = VariantProps<typeof attachmentMediaVariants>;
+declare class HlmAttachmentMedia {
+    readonly variant: i0.InputSignal<"icon" | "image" | null | undefined>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAttachmentMedia, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAttachmentMedia, "[hlmAttachmentMedia],hlm-attachment-media", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class HlmAttachmentTitle {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAttachmentTitle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAttachmentTitle, "[hlmAttachmentTitle],hlm-attachment-title", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmAttachmentTrigger {
+    private readonly _elementRef;
+    readonly type: i0.InputSignal<"button" | "submit" | "reset" | null>;
+    protected readonly _hostType: i0.Signal<"button" | "submit" | "reset" | null>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAttachmentTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAttachmentTrigger, "button[hlmAttachmentTrigger],a[hlmAttachmentTrigger]", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const HlmAttachmentImports: readonly [typeof HlmAttachment, typeof HlmAttachmentAction, typeof HlmAttachmentActions, typeof HlmAttachmentContent, typeof HlmAttachmentDescription, typeof HlmAttachmentGroup, typeof HlmAttachmentMedia, typeof HlmAttachmentTitle, typeof HlmAttachmentTrigger];
+
+export { HlmAttachment, HlmAttachmentAction, HlmAttachmentActions, HlmAttachmentContent, HlmAttachmentDescription, HlmAttachmentGroup, HlmAttachmentImports, HlmAttachmentMedia, HlmAttachmentTitle, HlmAttachmentTrigger };
+export type { AttachmentMediaVariants, AttachmentState, AttachmentVariants };

package/types/yukit-web-helm-autocomplete.d.ts

@@ -0,0 +1,91 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@spartan-ng/brain/autocomplete';
+import * as i2 from '@spartan-ng/brain/popover';
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i2$1 from 'yukit-web/helm/input-group';
+
+declare class HlmAutocomplete {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocomplete, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocomplete, "[hlmAutocomplete],hlm-autocomplete", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocomplete; inputs: { "autoHighlight": "autoHighlight"; "disabled": "disabled"; "value": "value"; "search": "search"; "itemToString": "itemToString"; "isItemEqualToValue": "isItemEqualToValue"; }; outputs: { "valueChange": "valueChange"; "searchChange": "searchChange"; }; }, { directive: typeof i2.BrnPopover; inputs: { "align": "align"; "closeOnOutsidePointerEvents": "closeOnOutsidePointerEvents"; "sideOffset": "sideOffset"; "state": "state"; "offsetX": "offsetX"; }; outputs: { "stateChanged": "stateChanged"; "closed": "closed"; }; }]>;
+}
+
+declare class HlmAutocompleteContent {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteContent, "[hlmAutocompleteContent],hlm-autocomplete-content", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteContent; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteEmpty {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteEmpty, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteEmpty, "[hlmAutocompleteEmpty],hlm-autocomplete-empty", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteEmpty; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteGroup {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteGroup, "[hlmAutocompleteGroup]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteGroup; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteInput {
+    private static _id;
+    readonly inputId: i0.InputSignal<string>;
+    readonly placeholder: i0.InputSignal<string>;
+    readonly showSearch: i0.InputSignalWithTransform<boolean, BooleanInput>;
+    readonly showClear: i0.InputSignalWithTransform<boolean, BooleanInput>;
+    /** Forces the invalid state visually, regardless of form control state. */
+    readonly forceInvalid: i0.InputSignalWithTransform<boolean, BooleanInput>;
+    /** Manual override for aria-invalid. When not set, auto-detects from the parent autocomplete error state. */
+    readonly ariaInvalidOverride: i0.InputSignalWithTransform<boolean | undefined, BooleanInput>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmAutocompleteInput, "hlm-autocomplete-input", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "forceInvalid": { "alias": "forceInvalid"; "required": false; "isSignal": true; }; "ariaInvalidOverride": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.BrnAutocompleteAnchor; inputs: {}; outputs: {}; }, { directive: typeof i2$1.HlmInputGroup; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteItem {
+    private readonly _brnAutocompleteItem;
+    protected readonly _active: i0.Signal<boolean>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmAutocompleteItem, "hlm-autocomplete-item", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.BrnAutocompleteItem; inputs: { "id": "id"; "disabled": "disabled"; "value": "value"; }; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteLabel {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteLabel, "[hlmAutocompleteLabel]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteLabel; inputs: { "id": "id"; }; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteList {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteList, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteList, "[hlmAutocompleteList]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteList; inputs: { "id": "id"; }; outputs: {}; }]>;
+}
+
+declare class HlmAutocompletePortal {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompletePortal, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompletePortal, "[hlmAutocompletePortal]", never, {}, {}, never, never, true, [{ directive: typeof i2.BrnPopoverContent; inputs: { "context": "context"; "class": "class"; }; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteSearch {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteSearch, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteSearch, "[hlmAutocompleteSearch],hlm-autocomplete-search", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteSearch; inputs: { "autoHighlight": "autoHighlight"; "disabled": "disabled"; "value": "value"; "search": "search"; "itemToString": "itemToString"; }; outputs: { "valueChange": "valueChange"; "searchChange": "searchChange"; }; }, { directive: typeof i2.BrnPopover; inputs: { "align": "align"; "closeOnOutsidePointerEvents": "closeOnOutsidePointerEvents"; "sideOffset": "sideOffset"; "state": "state"; "offsetX": "offsetX"; }; outputs: { "stateChanged": "stateChanged"; "closed": "closed"; }; }]>;
+}
+
+declare class HlmAutocompleteSeparator {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteSeparator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteSeparator, "[hlmAutocompleteSeparator]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteSeparator; inputs: { "orientation": "orientation"; }; outputs: {}; }]>;
+}
+
+declare class HlmAutocompleteStatus {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAutocompleteStatus, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAutocompleteStatus, "[hlmAutocompleteStatus],hlm-autocomplete-status", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnAutocompleteStatus; inputs: {}; outputs: {}; }]>;
+}
+
+declare const HlmAutocompleteImports: readonly [typeof HlmAutocomplete, typeof HlmAutocompleteContent, typeof HlmAutocompleteEmpty, typeof HlmAutocompleteGroup, typeof HlmAutocompleteInput, typeof HlmAutocompleteItem, typeof HlmAutocompleteLabel, typeof HlmAutocompleteList, typeof HlmAutocompletePortal, typeof HlmAutocompleteSearch, typeof HlmAutocompleteSeparator, typeof HlmAutocompleteStatus];
+
+export { HlmAutocomplete, HlmAutocompleteContent, HlmAutocompleteEmpty, HlmAutocompleteGroup, HlmAutocompleteImports, HlmAutocompleteInput, HlmAutocompleteItem, HlmAutocompleteLabel, HlmAutocompleteList, HlmAutocompletePortal, HlmAutocompleteSearch, HlmAutocompleteSeparator, HlmAutocompleteStatus };

package/types/yukit-web-helm-avatar.d.ts

@@ -0,0 +1,45 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@spartan-ng/brain/avatar';
+import { BrnAvatar } from '@spartan-ng/brain/avatar';
+
+declare class HlmAvatar extends BrnAvatar {
+    readonly size: i0.InputSignal<"default" | "sm" | "lg">;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAvatar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmAvatar, "hlm-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["[hlmAvatarImage],[brnAvatarImage]", "[hlmAvatarFallback],[brnAvatarFallback]", "*"], true, never>;
+}
+
+declare class HlmAvatarBadge {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAvatarBadge, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAvatarBadge, "[hlmAvatarBadge],hlm-avatar-badge", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmAvatarFallback {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAvatarFallback, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAvatarFallback, "[hlmAvatarFallback]", ["hlmAvatarFallback"], {}, {}, never, never, true, [{ directive: typeof i1.BrnAvatarFallback; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmAvatarGroup {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAvatarGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAvatarGroup, "[hlmAvatarGroup],hlm-avatar-group", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmAvatarGroupCount {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAvatarGroupCount, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAvatarGroupCount, "[hlmAvatarGroupCount],hlm-avatar-group-count", never, {}, {}, never, never, true, never>;
+}
+
+declare class HlmAvatarImage {
+    readonly canShow: i0.Signal<boolean>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmAvatarImage, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmAvatarImage, "img[hlmAvatarImage]", ["hlmAvatarImage"], {}, {}, never, never, true, [{ directive: typeof i1.BrnAvatarImage; inputs: {}; outputs: {}; }]>;
+}
+
+declare const HlmAvatarImports: readonly [typeof HlmAvatar, typeof HlmAvatarBadge, typeof HlmAvatarFallback, typeof HlmAvatarGroup, typeof HlmAvatarGroupCount, typeof HlmAvatarImage];
+
+export { HlmAvatar, HlmAvatarBadge, HlmAvatarFallback, HlmAvatarGroup, HlmAvatarGroupCount, HlmAvatarImage, HlmAvatarImports };

package/types/yukit-web-helm-badge.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from '@angular/core';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type BadgeVariants = VariantProps<typeof badgeVariants>;
+declare class HlmBadge {
+    readonly variant: i0.InputSignal<"default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmBadge, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmBadge, "[hlmBadge],hlm-badge", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const HlmBadgeImports: readonly [typeof HlmBadge];
+
+export { HlmBadge, HlmBadgeImports };
+export type { BadgeVariants };