@bsginstitute/bsg-integra 0.0.1

package/index.d.ts

@@ -0,0 +1,2464 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, ElementRef, AfterContentInit, ChangeDetectorRef, AfterViewInit, OnDestroy } from '@angular/core';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
+
+/**
+ * Accordion container variants
+ *
+ * Controls the overall accordion container layout and typography
+ */
+declare const accordionVariants: (props?: ({
+    variant?: "default" | "bordered" | "elevated" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Accordion item variants
+ *
+ * Controls the individual accordion item styles
+ */
+declare const accordionItemVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Accordion trigger variants
+ *
+ * Controls the clickable header button
+ */
+declare const accordionTriggerVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Accordion content variants
+ *
+ * Controls the collapsible content area
+ */
+declare const accordionContentVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+
+type AccordionVariant = 'default' | 'bordered' | 'elevated';
+type AccordionType = 'single' | 'multiple';
+type AccordionVariantsProps = VariantProps<typeof accordionVariants>;
+/**
+ * Accordion Component - Container for accordion items
+ *
+ * Following shadcn/ui pattern:
+ * ```html
+ * <bsg-accordion [type]="'single'" [collapsible]="true">
+ *   <bsg-accordion-item value="item-1">
+ *     <bsg-accordion-trigger>Trigger text</bsg-accordion-trigger>
+ *     <bsg-accordion-content>Content here</bsg-accordion-content>
+ *   </bsg-accordion-item>
+ * </bsg-accordion>
+ * ```
+ */
+declare class AccordionComponent implements OnInit {
+    /** Accordion variant */
+    readonly variant: _angular_core.InputSignal<AccordionVariant>;
+    /** Type: 'single' allows one item open, 'multiple' allows multiple */
+    readonly type: _angular_core.InputSignal<AccordionType>;
+    /** If type is 'single', allows collapsing the open item */
+    readonly collapsible: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Default value(s) - item value(s) to be open by default */
+    readonly defaultValue: _angular_core.InputSignal<string | string[] | undefined>;
+    private readonly openItems;
+    readonly containerClasses: _angular_core.Signal<string>;
+    ngOnInit(): void;
+    isItemOpen(value: string): boolean;
+    toggleItem(value: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionComponent, "bsg-accordion", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * AccordionItem Component - Individual accordion item container
+ *
+ * Usage:
+ * ```html
+ * <bsg-accordion-item value="item-1">
+ *   <bsg-accordion-trigger>Question?</bsg-accordion-trigger>
+ *   <bsg-accordion-content>Answer</bsg-accordion-content>
+ * </bsg-accordion-item>
+ * ```
+ */
+declare class AccordionItemComponent {
+    /** Unique value for this accordion item */
+    readonly value: _angular_core.InputSignal<string>;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly accordion: AccordionComponent;
+    readonly itemClasses: _angular_core.Signal<string>;
+    isOpen(): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionItemComponent, "bsg-accordion-item", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * AccordionTrigger Component - Clickable header for accordion items
+ *
+ * Usage:
+ * ```html
+ * <bsg-accordion-trigger>
+ *   Click me to expand
+ * </bsg-accordion-trigger>
+ * ```
+ */
+declare class AccordionTriggerComponent {
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly item: AccordionItemComponent;
+    readonly accordion: AccordionComponent;
+    readonly triggerClasses: _angular_core.Signal<string>;
+    readonly chevronClasses: _angular_core.Signal<string>;
+    isOpen(): boolean;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionTriggerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionTriggerComponent, "bsg-accordion-trigger", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * AccordionContent Component - Collapsible content area
+ *
+ * Usage:
+ * ```html
+ * <bsg-accordion-content>
+ *   Your content here
+ * </bsg-accordion-content>
+ * ```
+ */
+declare class AccordionContentComponent {
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly item: AccordionItemComponent;
+    readonly contentClasses: _angular_core.Signal<string>;
+    isOpen(): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionContentComponent, "bsg-accordion-content", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Alert container variants
+ *
+ * Controls the overall alert container layout and colors
+ */
+declare const alertVariants: (props?: ({
+    variant?: "default" | "info" | "success" | "warning" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Alert icon variants
+ *
+ * Controls the alert icon styles
+ */
+declare const alertIconVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Alert content variants
+ *
+ * Controls the alert content text area
+ */
+declare const alertContentVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Alert close button variants
+ *
+ * Controls the dismissible close button
+ */
+declare const alertCloseVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+
+type AlertVariant = 'default' | 'info' | 'success' | 'warning' | 'destructive';
+type AlertVariantsProps = VariantProps<typeof alertVariants>;
+/**
+ * Alert Component - Display contextual feedback messages
+ *
+ * Usage:
+ * ```html
+ * <bsg-alert [variant]="'success'" [dismissible]="true" [content]="'Success message!'" />
+ * ```
+ */
+declare class AlertComponent {
+    /** Alert variant */
+    readonly variant: _angular_core.InputSignal<AlertVariant>;
+    /** Whether the alert can be dismissed */
+    readonly dismissible: _angular_core.InputSignal<boolean>;
+    /** Alert message content */
+    readonly content: _angular_core.InputSignal<string>;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Dismiss event */
+    readonly dismiss: _angular_core.OutputEmitterRef<void>;
+    /** Internal dismissed state */
+    protected readonly dismissed: _angular_core.WritableSignal<boolean>;
+    readonly alertClasses: _angular_core.Signal<string>;
+    readonly iconClasses: _angular_core.Signal<string>;
+    readonly contentClasses: _angular_core.Signal<string>;
+    readonly closeClasses: _angular_core.Signal<string>;
+    readonly iconColor: _angular_core.Signal<string>;
+    handleDismiss(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertComponent, "bsg-alert", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, never, true, never>;
+}
+
+/**
+ * Avatar container variants
+ *
+ * Controls the avatar size and base styles
+ */
+declare const avatarVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    type?: "default" | "fallback" | "image" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Avatar initials variants
+ *
+ * Controls the initials text styles for fallback type
+ */
+declare const avatarInitialsVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Avatar icon variants
+ *
+ * Controls the SVG icon styles for default type
+ */
+declare const avatarIconVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Avatar image variants
+ *
+ * Controls the img element styles for image type
+ */
+declare const avatarImgVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+
+type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type AvatarType = 'default' | 'fallback';
+type AvatarVariantsProps = VariantProps<typeof avatarVariants>;
+/**
+ * Avatar Component - Display user profile images, icons, or initials
+ *
+ * Usage:
+ * ```html
+ * <!-- With image -->
+ * <bsg-avatar [image]="'path/to/image.jpg'" [size]="'lg'" />
+ *
+ * <!-- With initials -->
+ * <bsg-avatar [type]="'fallback'" [initials]="'JD'" [size]="'md'" />
+ *
+ * <!-- Default icon -->
+ * <bsg-avatar [size]="'sm'" />
+ * ```
+ */
+declare class AvatarComponent {
+    /** Avatar size */
+    readonly size: _angular_core.InputSignal<AvatarSize>;
+    /** Avatar type */
+    readonly type: _angular_core.InputSignal<AvatarType>;
+    /** Initials text (only for fallback type) */
+    readonly initials: _angular_core.InputSignal<string>;
+    /** Image URL (only for default type) */
+    readonly image: _angular_core.InputSignal<string>;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly avatarClasses: _angular_core.Signal<string>;
+    readonly avatarImageClasses: _angular_core.Signal<string>;
+    readonly initialsClasses: _angular_core.Signal<string>;
+    readonly iconClasses: _angular_core.Signal<string>;
+    readonly imgClasses: _angular_core.Signal<string>;
+    readonly dimensions: _angular_core.Signal<number>;
+    readonly iconViewBox: _angular_core.Signal<string>;
+    readonly iconCenter: _angular_core.Signal<number>;
+    readonly headCenterY: _angular_core.Signal<number>;
+    readonly headRadius: _angular_core.Signal<number>;
+    readonly bodyPath: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarComponent, "bsg-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type BadgeVariant = 'default' | 'secondary' | 'destructive' | 'outline' | 'success';
+type BadgeSize = 'dot' | 'default' | 'large';
+type BadgeLayout = 'text' | 'text-icon';
+/**
+ * Badge Component
+ *
+ * A badge component for displaying status indicators, counters, and labels.
+ *
+ * Usage:
+ * ```html
+ * <bsg-badge variant="default" size="default" value="10"></bsg-badge>
+ * <bsg-badge variant="success" size="dot"></bsg-badge>
+ * <bsg-badge variant="destructive" size="large" layout="text-icon" value="Alert"></bsg-badge>
+ * ```
+ */
+declare class BadgeComponent {
+    /** Badge semantic variant */
+    readonly variant: _angular_core.InputSignal<BadgeVariant>;
+    /** Badge size */
+    readonly size: _angular_core.InputSignal<BadgeSize>;
+    /** Badge layout type */
+    readonly layout: _angular_core.InputSignal<BadgeLayout>;
+    /** Badge value/content */
+    readonly value: _angular_core.InputSignal<string | number>;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Computed aria-label for accessibility */
+    readonly ariaLabel: _angular_core.Signal<string>;
+    /** Computed badge classes */
+    readonly badgeClasses: _angular_core.Signal<string>;
+    /** Computed icon classes */
+    readonly iconClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "bsg-badge", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "success" | "destructive" | "secondary" | "outline" | null | undefined;
+    size?: "default" | "dot" | "large" | null | undefined;
+    layout?: "text" | "text-icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type BadgeVariantsProps = VariantProps<typeof badgeVariants>;
+declare const badgeIconVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type BadgeIconVariantsProps = VariantProps<typeof badgeIconVariants>;
+
+/**
+ * Button variants
+ *
+ * Controls the button styles including size, variant, shape, and state
+ */
+declare const buttonVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "default" | "destructive" | "secondary" | "outline" | "ghost" | "link" | null | undefined;
+    shape?: "rectangular" | "pill" | "icon" | "icon-text" | "icon-only" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Button icon variants
+ *
+ * Controls the icon styling within buttons
+ */
+declare const buttonIconVariants: (props?: ({
+    position?: "left" | "right" | "center" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Button label variants
+ *
+ * Controls the label text styling
+ */
+declare const buttonLabelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Button icon-only wrapper variants
+ *
+ * Controls the icon wrapper for icon-only buttons
+ */
+declare const buttonIconOnlyVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type ButtonSize = 'sm' | 'md' | 'lg';
+type ButtonVariant = 'default' | 'secondary' | 'outline' | 'ghost' | 'link' | 'destructive';
+type ButtonShape = 'rectangular' | 'pill' | 'icon' | 'icon-text' | 'icon-only';
+type IconName = 'check' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chevron-down' | 'none';
+type ButtonVariantsProps = VariantProps<typeof buttonVariants>;
+/**
+ * Button Component - Interactive button with multiple variants
+ *
+ * Following shadcn/ui pattern:
+ * ```html
+ * <bsg-button
+ *   [variant]="'default'"
+ *   [size]="'md'"
+ *   [shape]="'rectangular'"
+ *   [label]="'Click me'"
+ *   (Click)="onClick()"
+ * />
+ * ```
+ */
+declare class ButtonComponent {
+    private sanitizer;
+    constructor(sanitizer: DomSanitizer);
+    /** Size of the button */
+    readonly size: _angular_core.InputSignal<ButtonSize>;
+    /** Visual variant of the button */
+    readonly variant: _angular_core.InputSignal<ButtonVariant>;
+    /** Shape of the button */
+    readonly shape: _angular_core.InputSignal<ButtonShape>;
+    /** Button label text */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Show icon */
+    readonly icon: _angular_core.InputSignal<boolean>;
+    /** Icon position (left or right) */
+    readonly iconPosition: _angular_core.InputSignal<"left" | "right">;
+    /** Icon name for icon-only buttons */
+    readonly iconName: _angular_core.InputSignal<IconName>;
+    /** Disabled state */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Click event emitter */
+    readonly Click: _angular_core.OutputEmitterRef<Event>;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly buttonClasses: _angular_core.Signal<string>;
+    iconClasses(position: 'left' | 'right' | 'center'): string;
+    readonly labelClasses: _angular_core.Signal<string>;
+    readonly iconOnlyClasses: _angular_core.Signal<string>;
+    readonly iconColor: _angular_core.Signal<"#2563EB" | "#7C3AED" | "#1E293B" | "white">;
+    getIconSvg(iconName: string): SafeHtml;
+    handleClick(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "bsg-button", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, { "Click": "Click"; }, never, never, true, never>;
+}
+
+/**
+ * Card container variants
+ *
+ * Controls the overall card container layout and styling
+ */
+declare const cardVariants: (props?: ({
+    variant?: "default" | null | undefined;
+    contentVariant?: "default" | "metric" | "infoDate" | "infoCurrency" | "placeholder" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Card header row variants
+ *
+ * Controls the header row layout
+ */
+declare const cardHeaderRowVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Card header variants
+ *
+ * Controls the header text styling
+ */
+declare const cardHeaderVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Card info icon variants
+ *
+ * Controls the info icon styling
+ */
+declare const cardInfoIconVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Card action icon variants
+ *
+ * Controls the action icon styling (phone, etc.)
+ */
+declare const cardActionIconVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Card value variants
+ *
+ * Controls the main value styling
+ */
+declare const cardValueVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Card helper row variants
+ *
+ * Controls the helper row layout
+ */
+declare const cardHelperRowVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Card helper variants
+ *
+ * Controls the helper text styling (percentage change)
+ */
+declare const cardHelperVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Card helper description variants
+ *
+ * Controls the helper description text styling
+ */
+declare const cardHelperDescriptionVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Card metric title variants
+ *
+ * Controls the metric title styling
+ */
+declare const cardMetricTitleVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Card metric value variants
+ *
+ * Controls the metric value styling
+ */
+declare const cardMetricValueVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Card info label variants
+ *
+ * Controls the info label styling (for infoDate)
+ */
+declare const cardInfoLabelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Card info text variants
+ *
+ * Controls the info text styling (for infoDate)
+ */
+declare const cardInfoTextVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Card currency label variants
+ *
+ * Controls the currency label styling
+ */
+declare const cardCurrencyLabelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Card currency content variants
+ *
+ * Controls the currency content row layout
+ */
+declare const cardCurrencyContentVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Card currency icon variants
+ *
+ * Controls the currency icon styling
+ */
+declare const cardCurrencyIconVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Card currency text variants
+ *
+ * Controls the currency text styling
+ */
+declare const cardCurrencyTextVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Slot header/body/footer variants (estilo shadcn)
+ * Son “wrappers” que te permiten componer cards personalizadas.
+ */
+declare const cardSlotHeaderVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const cardSlotBodyVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const cardSlotFooterVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+
+type CardVariant = 'default';
+type CardContentVariant = 'default' | 'metric' | 'infoDate' | 'infoCurrency' | 'placeholder';
+type CardVariantsProps = VariantProps<typeof cardVariants>;
+/**
+ * Slots estilo shadcn:
+ * <bsg-card-header>, <bsg-card-body>, <bsg-card-footer>
+ */
+declare class CardHeaderComponent {
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardHeaderComponent, "bsg-card-header", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class CardBodyComponent {
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardBodyComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardBodyComponent, "bsg-card-body", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class CardFooterComponent {
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardFooterComponent, "bsg-card-footer", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+/**
+ * Card Component - Container
+ */
+declare class CardComponent {
+    private sanitizer;
+    constructor(sanitizer: DomSanitizer);
+    readonly variant: _angular_core.InputSignal<"default">;
+    readonly contentVariant: _angular_core.InputSignal<CardContentVariant>;
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly metricTitle: _angular_core.InputSignal<string>;
+    readonly metricValue: _angular_core.InputSignal<string | number>;
+    readonly dateLabel: _angular_core.InputSignal<string>;
+    readonly dateText: _angular_core.InputSignal<string>;
+    readonly currencyLabel: _angular_core.InputSignal<string>;
+    readonly currencyText: _angular_core.InputSignal<string>;
+    readonly header: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.InputSignal<string | number>;
+    readonly helper: _angular_core.InputSignal<string>;
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly helperDescription: _angular_core.InputSignal<string>;
+    readonly slotHeaders: _angular_core.Signal<readonly CardHeaderComponent[]>;
+    readonly slotBodies: _angular_core.Signal<readonly CardBodyComponent[]>;
+    readonly slotFooters: _angular_core.Signal<readonly CardFooterComponent[]>;
+    readonly hasSlots: _angular_core.Signal<boolean>;
+    readonly cardClasses: _angular_core.Signal<string>;
+    readonly headerRowClasses: _angular_core.Signal<string>;
+    readonly headerClasses: _angular_core.Signal<string>;
+    readonly infoIconClasses: _angular_core.Signal<string>;
+    readonly actionIconClasses: _angular_core.Signal<string>;
+    readonly valueClasses: _angular_core.Signal<string>;
+    readonly helperRowClasses: _angular_core.Signal<string>;
+    readonly helperClasses: _angular_core.Signal<string>;
+    readonly helperDescriptionClasses: _angular_core.Signal<string>;
+    readonly metricTitleClasses: _angular_core.Signal<string>;
+    readonly metricValueClasses: _angular_core.Signal<string>;
+    readonly infoLabelClasses: _angular_core.Signal<string>;
+    readonly infoTextClasses: _angular_core.Signal<string>;
+    readonly currencyLabelClasses: _angular_core.Signal<string>;
+    readonly currencyContentClasses: _angular_core.Signal<string>;
+    readonly currencyIconClasses: _angular_core.Signal<string>;
+    readonly currencyTextClasses: _angular_core.Signal<string>;
+    getCurrencyIcon(): SafeHtml;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "bsg-card", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "contentVariant": { "alias": "contentVariant"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "metricTitle": { "alias": "metricTitle"; "required": false; "isSignal": true; }; "metricValue": { "alias": "metricValue"; "required": false; "isSignal": true; }; "dateLabel": { "alias": "dateLabel"; "required": false; "isSignal": true; }; "dateText": { "alias": "dateText"; "required": false; "isSignal": true; }; "currencyLabel": { "alias": "currencyLabel"; "required": false; "isSignal": true; }; "currencyText": { "alias": "currencyText"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "helperDescription": { "alias": "helperDescription"; "required": false; "isSignal": true; }; }, {}, ["slotHeaders", "slotBodies", "slotFooters"], ["bsg-card-header", "bsg-card-body", "bsg-card-footer"], true, never>;
+}
+
+declare const carouselContainerVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const carouselRootVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const carouselViewportVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const carouselTrackVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Flechas circulares reales (no “se deforman”)
+ * Chevron centrado (solo 1 svg)
+ */
+declare const carouselArrowVariants: (props?: ({
+    direction?: "prev" | "next" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const carouselChevronVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const carouselIndicatorsVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const carouselIndicatorVariants: (props?: ({
+    active?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type CarouselArrowVariantsProps = VariantProps<typeof carouselArrowVariants>;
+type CarouselIndicatorVariantsProps = VariantProps<typeof carouselIndicatorVariants>;
+declare class CarouselItemComponent {
+    elementRef: ElementRef;
+    constructor(elementRef: ElementRef);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CarouselItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CarouselItemComponent, "bsg-carousel-item", never, {}, {}, never, ["*"], true, never>;
+}
+declare class CarouselComponent implements AfterContentInit {
+    private cdr;
+    private elementRef;
+    readonly itemsPerView: _angular_core.InputSignal<number>;
+    readonly showArrows: _angular_core.InputSignal<boolean>;
+    readonly showIndicators: _angular_core.InputSignal<boolean>;
+    readonly loop: _angular_core.InputSignal<boolean>;
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly items: _angular_core.Signal<readonly CarouselItemComponent[]>;
+    readonly viewportElement: _angular_core.Signal<ElementRef<any> | undefined>;
+    readonly trackElement: _angular_core.Signal<ElementRef<any> | undefined>;
+    readonly currentIndex: _angular_core.WritableSignal<number>;
+    readonly totalItems: _angular_core.WritableSignal<number>;
+    readonly gap: _angular_core.WritableSignal<number>;
+    private document;
+    constructor(cdr: ChangeDetectorRef, elementRef: ElementRef);
+    ngAfterContentInit(): void;
+    readonly pages: _angular_core.Signal<number[]>;
+    readonly maxIndex: _angular_core.Signal<number>;
+    /**
+     * ✅ Movimiento por PÁGINA (corrige tu bug):
+     * Antes movías por 1 item (itemWidth+gap) pero tu maxIndex era por páginas.
+     */
+    readonly translateX: _angular_core.Signal<string>;
+    readonly containerClasses: _angular_core.Signal<string>;
+    readonly rootClasses: _angular_core.Signal<string>;
+    readonly viewportClasses: _angular_core.Signal<string>;
+    readonly trackClasses: _angular_core.Signal<string>;
+    readonly indicatorsClasses: _angular_core.Signal<string>;
+    readonly chevronClasses: _angular_core.Signal<string>;
+    arrowClasses(direction: 'prev' | 'next'): string;
+    indicatorClasses(active: boolean): string;
+    private refreshMeasurements;
+    private updateGapFromTrack;
+    next(): void;
+    previous(): void;
+    goToSlide(index: number): void;
+    onResize(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CarouselComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CarouselComponent, "bsg-carousel", never, { "itemsPerView": { "alias": "itemsPerView"; "required": false; "isSignal": true; }; "showArrows": { "alias": "showArrows"; "required": false; "isSignal": true; }; "showIndicators": { "alias": "showIndicators"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, ["items"], ["*"], true, never>;
+}
+
+declare const checkboxVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type CheckboxSize = VariantProps<typeof checkboxVariants>['size'];
+declare class CheckboxComponent implements ControlValueAccessor {
+    inputId: _angular_core.InputSignal<string | undefined>;
+    disabled: _angular_core.InputSignal<boolean>;
+    required: _angular_core.InputSignal<boolean>;
+    ariaInvalid: _angular_core.InputSignal<boolean | undefined>;
+    size: _angular_core.InputSignal<"default" | "sm" | "lg" | null | undefined>;
+    className: _angular_core.InputSignal<string | undefined>;
+    get hostClasses(): string;
+    checked: _angular_core.WritableSignal<boolean>;
+    disabledState: _angular_core.WritableSignal<boolean>;
+    private onChangeCallback;
+    private onTouchedCallback;
+    get computedClasses(): string;
+    get iconSize(): string;
+    onCheckboxChange(event: Event): void;
+    onTouched(): void;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "bsg-checkbox", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Collapsible Component - Following shadcn/ui pattern
+ *
+ * A component that can be expanded or collapsed.
+ * Based on Radix UI Collapsible primitive.
+ *
+ * @example
+ * ```html
+ * <bsg-collapsible [open]="isOpen" (openChange)="isOpen = $event">
+ *   <button bsgCollapsibleTrigger>Toggle</button>
+ *   <bsg-collapsible-content>
+ *     Hidden content here
+ *   </bsg-collapsible-content>
+ * </bsg-collapsible>
+ * ```
+ */
+declare class CollapsibleComponent implements AfterContentInit {
+    /** Whether the collapsible is open (controlled mode) */
+    readonly open: _angular_core.InputSignal<boolean | undefined>;
+    /** Default open state (uncontrolled mode) */
+    readonly defaultOpen: _angular_core.InputSignal<boolean>;
+    /** Whether the collapsible is disabled */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Emits when open state changes */
+    readonly openChange: _angular_core.OutputEmitterRef<boolean>;
+    private readonly _isOpen;
+    readonly isOpen: _angular_core.Signal<boolean>;
+    readonly dataState: _angular_core.Signal<"open" | "closed">;
+    readonly containerClasses: _angular_core.Signal<string>;
+    constructor();
+    ngAfterContentInit(): void;
+    /**
+     * Toggle the collapsible state
+     */
+    toggle(): void;
+    /**
+     * Set the collapsible state
+     */
+    setOpen(open: boolean): void;
+    onKeydown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CollapsibleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CollapsibleComponent, "bsg-collapsible", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
+}
+
+/**
+ * CollapsibleTrigger Directive - Following shadcn/ui pattern
+ *
+ * Directive that makes an element toggle the parent collapsible.
+ *
+ * @example
+ * ```html
+ * <bsg-collapsible>
+ *   <button bsgCollapsibleTrigger>Toggle</button>
+ *   <bsg-collapsible-content>Content</bsg-collapsible-content>
+ * </bsg-collapsible>
+ * ```
+ */
+declare class CollapsibleTriggerDirective {
+    private readonly collapsible;
+    /** Whether the trigger is disabled independently */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly isExpanded: _angular_core.Signal<boolean>;
+    readonly dataState: _angular_core.Signal<"open" | "closed">;
+    onClick(event: MouseEvent): void;
+    onKeydown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CollapsibleTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CollapsibleTriggerDirective, "[bsgCollapsibleTrigger]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * CollapsibleContent Component - Following shadcn/ui pattern
+ *
+ * The content that is shown/hidden when the collapsible is toggled.
+ * Includes animation support.
+ *
+ * @example
+ * ```html
+ * <bsg-collapsible>
+ *   <button bsgCollapsibleTrigger>Toggle</button>
+ *   <bsg-collapsible-content>
+ *     This content will be animated in/out
+ *   </bsg-collapsible-content>
+ * </bsg-collapsible>
+ * ```
+ */
+declare class CollapsibleContentComponent implements AfterViewInit, OnDestroy {
+    private readonly collapsible;
+    private readonly elementRef;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Force mount (always render even when closed) */
+    readonly forceMount: _angular_core.InputSignal<boolean>;
+    private readonly _contentHeight;
+    private readonly _shouldRender;
+    private animationTimeout;
+    readonly isOpen: _angular_core.Signal<boolean>;
+    readonly dataState: _angular_core.Signal<"open" | "closed">;
+    readonly isHidden: _angular_core.Signal<boolean>;
+    readonly shouldRender: _angular_core.Signal<boolean>;
+    readonly contentHeight: _angular_core.Signal<string>;
+    readonly contentClasses: _angular_core.Signal<string>;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private measureHeight;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CollapsibleContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CollapsibleContentComponent, "bsg-collapsible-content", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; "forceMount": { "alias": "forceMount"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type DialogSize = 'sm' | 'md' | 'lg';
+type DialogHeaderTone = 'brand' | 'info' | 'secondary';
+/**
+ * Dialog Component
+ *
+ * A modal dialog component with multiple sizes and header tones.
+ *
+ * Usage:
+ * ```html
+ * <bsg-dialog [open]="isOpen" size="md" headerTone="brand" (closeDialog)="onClose()">
+ *   <div dialog-header>Dialog Title</div>
+ *   <div dialog-body>Dialog content goes here</div>
+ *   <div dialog-footer>
+ *     <button>Cancel</button>
+ *     <button>Confirm</button>
+ *   </div>
+ * </bsg-dialog>
+ * ```
+ */
+declare class DialogComponent {
+    /** Controls dialog visibility */
+    readonly open: _angular_core.InputSignal<boolean>;
+    /** Dialog size */
+    readonly size: _angular_core.InputSignal<DialogSize>;
+    /** Header tone/theme */
+    readonly headerTone: _angular_core.InputSignal<DialogHeaderTone>;
+    /** Enable scrollable body */
+    readonly scrollable: _angular_core.InputSignal<boolean>;
+    /** Allow dismissing via ESC or backdrop click */
+    readonly dismissible: _angular_core.InputSignal<boolean>;
+    /** Whether footer content is present */
+    readonly hasFooter: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Close event */
+    readonly closeDialog: _angular_core.OutputEmitterRef<void>;
+    readonly overlayClasses: _angular_core.Signal<string>;
+    readonly contentClasses: _angular_core.Signal<string>;
+    readonly headerClasses: _angular_core.Signal<string>;
+    readonly bodyClasses: _angular_core.Signal<string>;
+    readonly footerClasses: _angular_core.Signal<string>;
+    onOverlayClick(): void;
+    close(): void;
+    onEscapeKey(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogComponent, "bsg-dialog", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "headerTone": { "alias": "headerTone"; "required": false; "isSignal": true; }; "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "hasFooter": { "alias": "hasFooter"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, { "closeDialog": "closeDialog"; }, never, ["[dialog-header]", "[dialog-body]", "[dialog-footer]"], true, never>;
+}
+
+/**
+ * Dialog overlay variants
+ *
+ * Controls the backdrop/overlay layer
+ */
+declare const dialogOverlayVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Dialog content variants
+ *
+ * Controls the main dialog container
+ */
+declare const dialogContentVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type DialogContentVariantsProps = VariantProps<typeof dialogContentVariants>;
+/**
+ * Dialog header variants
+ *
+ * Controls the header section with tone variants
+ */
+declare const dialogHeaderVariants: (props?: ({
+    tone?: "info" | "secondary" | "brand" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type DialogHeaderVariantsProps = VariantProps<typeof dialogHeaderVariants>;
+/**
+ * Dialog body variants
+ *
+ * Controls the body/content section
+ */
+declare const dialogBodyVariants: (props?: ({
+    scrollable?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type DialogBodyVariantsProps = VariantProps<typeof dialogBodyVariants>;
+/**
+ * Dialog footer variants
+ *
+ * Controls the footer section with actions
+ */
+declare const dialogFooterVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+
+declare const inputVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type InputSize = VariantProps<typeof inputVariants>['size'];
+declare class InputComponent implements ControlValueAccessor, Validator {
+    type: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignal<boolean>;
+    required: _angular_core.InputSignal<boolean>;
+    readonly: _angular_core.InputSignal<boolean>;
+    ariaInvalid: _angular_core.InputSignal<boolean | undefined>;
+    size: _angular_core.InputSignal<"default" | "sm" | "lg" | null | undefined>;
+    className: _angular_core.InputSignal<string | undefined>;
+    get hostClasses(): string;
+    value: _angular_core.WritableSignal<string>;
+    disabledState: _angular_core.WritableSignal<boolean>;
+    private onChangeCallback;
+    private onTouchedCallback;
+    get computedClasses(): string;
+    onInput(event: Event): void;
+    onTouched(): void;
+    onFocus(): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    validate(control: AbstractControl): ValidationErrors | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputComponent, "bsg-input", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Label Component
+ *
+ * A simple text label component following shadcn/ui pattern.
+ *
+ * Usage:
+ * ```html
+ * <bsg-label text="My Label"></bsg-label>
+ * <bsg-label text="Custom styled" className="font-bold"></bsg-label>
+ * ```
+ */
+declare class LabelComponent {
+    /** Label text content */
+    readonly text: _angular_core.InputSignal<string>;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Computed classes combining variants and custom className */
+    readonly computedClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LabelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LabelComponent, "bsg-label", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Label variants
+ *
+ * Controls the label text styling
+ */
+declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+
+/**
+ * Radio wrapper variants
+ *
+ * Controls the overall radio button container layout and sizing
+ */
+declare const radioWrapperVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+    state?: "default" | "disabled" | "hover" | "checked" | "focus" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Radio focus ring variants
+ *
+ * Controls the outer focus ring that appears in focus state
+ */
+declare const radioFocusRingVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Radio outer circle variants
+ *
+ * Controls the main outer circle of the radio button
+ */
+declare const radioOuterVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Radio inner dot variants
+ *
+ * Controls the inner checked indicator dot
+ */
+declare const radioInnerVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type RadioSize = 'sm' | 'md';
+type RadioState = 'default' | 'hover' | 'checked' | 'disabled' | 'focus';
+type RadioWrapperVariantsProps = VariantProps<typeof radioWrapperVariants>;
+type RadioFocusRingVariantsProps = VariantProps<typeof radioFocusRingVariants>;
+type RadioOuterVariantsProps = VariantProps<typeof radioOuterVariants>;
+type RadioInnerVariantsProps = VariantProps<typeof radioInnerVariants>;
+/**
+ * Radio Component - Custom radio button with various states
+ *
+ * Usage:
+ * ```html
+ * <bsg-radio [size]="'md'" [state]="'default'" [checked]="false"></bsg-radio>
+ * ```
+ */
+declare class RadioComponent {
+    /** Radio size */
+    readonly size: _angular_core.InputSignal<RadioSize>;
+    /** Radio state (external input) */
+    readonly state: _angular_core.InputSignal<RadioState>;
+    /** Checked state (external input) */
+    readonly checked: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes for wrapper */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Emits when state changes */
+    readonly stateChange: _angular_core.OutputEmitterRef<RadioState>;
+    /** Emits when checked state changes */
+    readonly checkedChange: _angular_core.OutputEmitterRef<boolean>;
+    /** Emits when value changes */
+    readonly valueChange: _angular_core.OutputEmitterRef<boolean>;
+    private readonly internalState;
+    private readonly internalChecked;
+    constructor();
+    readonly currentState: _angular_core.Signal<RadioState>;
+    readonly currentChecked: _angular_core.Signal<boolean>;
+    readonly wrapperClasses: _angular_core.Signal<string>;
+    readonly focusRingClasses: _angular_core.Signal<string>;
+    readonly outerClasses: _angular_core.Signal<string>;
+    readonly innerClasses: _angular_core.Signal<string>;
+    readonly outerSize: _angular_core.Signal<16 | 20>;
+    readonly innerSize: _angular_core.Signal<14 | 10>;
+    readonly focusRingSize: _angular_core.Signal<26 | 22>;
+    readonly outerStrokeColor: _angular_core.Signal<"#7C3AED" | "#64748B" | "#8B5CF6">;
+    readonly outerFillColor: _angular_core.Signal<"none" | "#64748B">;
+    readonly focusRingColor: _angular_core.Signal<"#7C3AED" | "#9333EA">;
+    handleClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioComponent, "bsg-radio", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "checkedChange": "checkedChange"; "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+/**
+ * Radio Group container variants
+ *
+ * Controls the overall radio group layout, orientation, and spacing
+ */
+declare const radioGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Radio Option variants (container for radio + label)
+ *
+ * Controls the layout and spacing between radio button and its label
+ */
+declare const radioOptionVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Radio Label variants
+ *
+ * Controls the text styling for radio button labels
+ */
+declare const radioLabelVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type RadioGroupOrientation = 'horizontal' | 'vertical';
+interface RadioGroupOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+type RadioGroupVariantsProps = VariantProps<typeof radioGroupVariants>;
+type RadioOptionVariantsProps = VariantProps<typeof radioOptionVariants>;
+type RadioLabelVariantsProps = VariantProps<typeof radioLabelVariants>;
+/**
+ * RadioGroup Component - Container for radio button options
+ *
+ * Usage:
+ * ```html
+ * <bsg-radio-group
+ *   [options]="myOptions"
+ *   [selectedValue]="selectedVal"
+ *   (valueChange)="onValueChange($event)"
+ * ></bsg-radio-group>
+ * ```
+ */
+declare class RadioGroupComponent {
+    /** Size of the radio buttons */
+    readonly size: _angular_core.InputSignal<RadioSize>;
+    /** Layout orientation */
+    readonly orientation: _angular_core.InputSignal<RadioGroupOrientation>;
+    /** List of options */
+    readonly options: _angular_core.InputSignal<RadioGroupOption[]>;
+    /** Currently selected value (external input) */
+    readonly selectedValue: _angular_core.InputSignal<string>;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Value change event */
+    readonly valueChange: _angular_core.OutputEmitterRef<string>;
+    /** Selection change event */
+    readonly selectionChange: _angular_core.OutputEmitterRef<RadioGroupOption>;
+    private readonly internalSelectedValue;
+    constructor();
+    readonly currentSelectedValue: _angular_core.Signal<string>;
+    readonly groupClasses: _angular_core.Signal<string>;
+    getOptionClasses(option: RadioGroupOption): string;
+    getLabelClasses(option: RadioGroupOption): string;
+    getRadioState(value: string, disabled?: boolean): 'default' | 'checked' | 'disabled';
+    selectOption(value: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroupComponent, "bsg-radio-group", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "selectedValue": { "alias": "selectedValue"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "selectionChange": "selectionChange"; }, never, never, true, never>;
+}
+
+/**
+ * Select wrapper variants
+ *
+ * Controls the overall select container layout
+ */
+declare const selectWrapperVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Select trigger variants
+ *
+ * Controls the clickable select button
+ */
+declare const selectTriggerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    state?: "default" | "disabled" | "hover" | "focus" | "error" | null | undefined;
+    open?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Select value variants
+ *
+ * Controls the selected value text display
+ */
+declare const selectValueVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Select icon variants
+ *
+ * Controls the chevron icon
+ */
+declare const selectIconVariants: (props?: ({
+    open?: boolean | null | undefined;
+    state?: "default" | "disabled" | "hover" | "focus" | "error" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Select dropdown variants
+ *
+ * Controls the dropdown menu container
+ */
+declare const selectDropdownVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Select option variants
+ *
+ * Controls individual dropdown options
+ */
+declare const selectOptionVariants: (props?: ({
+    selected?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Select error message variants
+ *
+ * Controls the error message text
+ */
+declare const selectErrorVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+
+type SelectSize = 'sm' | 'md' | 'lg';
+type SelectState = 'default' | 'hover' | 'focus' | 'disabled' | 'error';
+interface SelectOption {
+    value: string;
+    label: string;
+}
+type SelectTriggerVariantsProps = VariantProps<typeof selectTriggerVariants>;
+/**
+ * Select Component - Custom dropdown select
+ *
+ * Following shadcn/ui pattern:
+ * ```html
+ * <bsg-select
+ *   [options]="options"
+ *   [placeholder]="'Select an option'"
+ *   (selectionChange)="onSelect($event)"
+ * />
+ * ```
+ */
+declare class SelectComponent {
+    /** Size of the select */
+    readonly size: _angular_core.InputSignal<SelectSize>;
+    /** Current state */
+    readonly state: _angular_core.InputSignal<SelectState>;
+    /** List of options */
+    readonly options: _angular_core.InputSignal<SelectOption[]>;
+    /** Currently selected value */
+    readonly selectedValue: _angular_core.InputSignal<string>;
+    /** Placeholder text */
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /** Error message (shown when state is 'error') */
+    readonly errorMessage: _angular_core.InputSignal<string>;
+    /** Additional CSS classes for wrapper */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Value change event */
+    readonly valueChange: _angular_core.OutputEmitterRef<string>;
+    /** Selection change event */
+    readonly selectionChange: _angular_core.OutputEmitterRef<SelectOption>;
+    /** Open state change event */
+    readonly openChange: _angular_core.OutputEmitterRef<boolean>;
+    private readonly _isOpen;
+    private readonly _internalSelectedValue;
+    constructor();
+    readonly isOpen: _angular_core.Signal<boolean>;
+    readonly currentSelectedValue: _angular_core.Signal<string>;
+    readonly wrapperClasses: _angular_core.Signal<string>;
+    readonly triggerClasses: _angular_core.Signal<string>;
+    readonly valueClasses: _angular_core.Signal<string>;
+    readonly iconClasses: _angular_core.Signal<string>;
+    readonly dropdownClasses: _angular_core.Signal<string>;
+    readonly errorClasses: _angular_core.Signal<string>;
+    readonly selectedLabel: _angular_core.Signal<string>;
+    getOptionClasses(value: string): string;
+    toggleDropdown(): void;
+    selectOption(option: SelectOption): void;
+    onDocumentClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "bsg-select", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "selectedValue": { "alias": "selectedValue"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "selectionChange": "selectionChange"; "openChange": "openChange"; }, never, never, true, never>;
+}
+
+type SidebarState = 'expanded' | 'collapsed';
+type SidebarSide = 'left' | 'right';
+type SidebarVariant = 'sidebar' | 'floating' | 'inset';
+type SidebarCollapsible = 'offcanvas' | 'icon' | 'none';
+/**
+ * Sidebar Service - Manages sidebar state following shadcn pattern
+ *
+ * This service provides reactive state management for the sidebar component,
+ * similar to React's useSidebar hook in shadcn/ui.
+ */
+declare class SidebarService {
+    private readonly _state;
+    private readonly _open;
+    private readonly _openMobile;
+    private readonly _isMobile;
+    readonly side: _angular_core.WritableSignal<SidebarSide>;
+    readonly variant: _angular_core.WritableSignal<SidebarVariant>;
+    readonly collapsible: _angular_core.WritableSignal<SidebarCollapsible>;
+    readonly SIDEBAR_WIDTH = "16rem";
+    readonly SIDEBAR_WIDTH_MOBILE = "18rem";
+    readonly SIDEBAR_WIDTH_ICON = "3rem";
+    readonly SIDEBAR_KEYBOARD_SHORTCUT = "b";
+    readonly state: _angular_core.Signal<SidebarState>;
+    readonly open: _angular_core.Signal<boolean>;
+    readonly openMobile: _angular_core.Signal<boolean>;
+    readonly isMobile: _angular_core.Signal<boolean>;
+    /**
+     * Set sidebar open state
+     */
+    setOpen(open: boolean): void;
+    /**
+     * Set mobile sidebar open state
+     */
+    setOpenMobile(open: boolean): void;
+    /**
+     * Toggle sidebar state
+     */
+    toggle(): void;
+    /**
+     * Set mobile detection
+     */
+    setIsMobile(isMobile: boolean): void;
+    /**
+     * Configure sidebar
+     */
+    configure(config: {
+        side?: SidebarSide;
+        variant?: SidebarVariant;
+        collapsible?: SidebarCollapsible;
+        defaultOpen?: boolean;
+    }): void;
+    /**
+     * Initialize from stored state (cookie)
+     */
+    initializeFromStorage(): void;
+    /**
+     * Persist state to cookie
+     */
+    private persistState;
+    /**
+     * Get stored state from cookie
+     */
+    private getStoredState;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SidebarService>;
+}
+
+/**
+ * SidebarProvider Component - Following shadcn/ui pattern
+ *
+ * Wraps the sidebar and provides context for state management.
+ * Must wrap both Sidebar and SidebarInset components.
+ *
+ * @example
+ * ```html
+ * <bsg-sidebar-provider [defaultOpen]="true">
+ *   <bsg-sidebar>
+ *     <!-- sidebar content -->
+ *   </bsg-sidebar>
+ *   <bsg-sidebar-inset>
+ *     <!-- main content -->
+ *   </bsg-sidebar-inset>
+ * </bsg-sidebar-provider>
+ * ```
+ */
+declare class SidebarProviderComponent implements OnInit, OnDestroy {
+    protected readonly sidebarService: SidebarService;
+    private readonly platformId;
+    /** Default open state */
+    readonly defaultOpen: _angular_core.InputSignal<boolean>;
+    /** Open state (controlled mode) */
+    readonly open: _angular_core.InputSignal<boolean | undefined>;
+    /** Emits when open state changes */
+    readonly openChange: _angular_core.OutputEmitterRef<boolean>;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Custom styles */
+    readonly style: _angular_core.InputSignal<Record<string, string> | undefined>;
+    private mediaQueryList;
+    readonly providerClasses: _angular_core.Signal<string>;
+    readonly providerStyles: _angular_core.Signal<{
+        '--sidebar-width': string;
+        '--sidebar-width-icon': string;
+    }>;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    handleKeydown(event: KeyboardEvent): void;
+    private setupMobileDetection;
+    private handleMediaChange;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarProviderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarProviderComponent, "bsg-sidebar-provider", never, { "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
+}
+
+/**
+ * Sidebar CSS Variables (following shadcn pattern)
+ * These should be defined in your global CSS:
+ *
+ * :root {
+ *   --sidebar-width: 16rem;
+ *   --sidebar-width-icon: 3rem;
+ *   --sidebar: oklch(0.985 0 0);
+ *   --sidebar-foreground: oklch(0.145 0 0);
+ *   --sidebar-primary: oklch(0.205 0 0);
+ *   --sidebar-primary-foreground: oklch(0.985 0 0);
+ *   --sidebar-accent: oklch(0.97 0 0);
+ *   --sidebar-accent-foreground: oklch(0.205 0 0);
+ *   --sidebar-border: oklch(0.922 0 0);
+ *   --sidebar-ring: oklch(0.708 0 0);
+ * }
+ */
+/**
+ * Sidebar Provider wrapper variants
+ */
+declare const sidebarProviderVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Sidebar container variants (following shadcn pattern)
+ */
+declare const sidebarVariants: (props?: ({
+    collapsible?: "icon" | "none" | "offcanvas" | null | undefined;
+    side?: "left" | "right" | null | undefined;
+    variant?: "sidebar" | "floating" | "inset" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Sidebar wrapper (outermost container) - Fixed positioning wrapper
+ */
+declare const sidebarWrapperVariants: (props?: ({
+    side?: "left" | "right" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Sidebar header variants
+ */
+declare const sidebarHeaderVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Sidebar content variants
+ */
+declare const sidebarContentVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Sidebar footer variants
+ */
+declare const sidebarFooterVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Sidebar group variants
+ */
+declare const sidebarGroupVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Sidebar group label variants
+ */
+declare const sidebarGroupLabelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Sidebar group action variants
+ */
+declare const sidebarGroupActionVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Sidebar group content variants
+ */
+declare const sidebarGroupContentVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Sidebar menu variants
+ */
+declare const sidebarMenuVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Sidebar menu item variants
+ */
+declare const sidebarMenuItemVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Sidebar menu button variants (main CVA definition following shadcn)
+ */
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Sidebar menu action variants
+ */
+declare const sidebarMenuActionVariants: (props?: ({
+    showOnHover?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Sidebar menu badge variants
+ */
+declare const sidebarMenuBadgeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Sidebar menu skeleton variants
+ */
+declare const sidebarMenuSkeletonVariants: (props?: ({
+    showIcon?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Sidebar menu sub (submenu container)
+ */
+declare const sidebarMenuSubVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Sidebar menu sub item variants
+ */
+declare const sidebarMenuSubItemVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Sidebar menu sub button variants
+ */
+declare const sidebarMenuSubButtonVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Sidebar separator variants
+ */
+declare const sidebarSeparatorVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Sidebar trigger button variants
+ */
+declare const sidebarTriggerVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Sidebar rail variants (hover area to expand)
+ */
+declare const sidebarRailVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Sidebar inset variants (main content area)
+ */
+declare const sidebarInsetVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Sidebar chevron icon variants
+ */
+declare const sidebarChevronVariants: (props?: ({
+    open?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+/**
+ * Sidebar Component - Following shadcn/ui pattern
+ *
+ * The main sidebar container component that handles the visual structure.
+ * Must be used inside a SidebarProvider.
+ *
+ * @example
+ * ```html
+ * <bsg-sidebar-provider>
+ *   <bsg-sidebar side="left" variant="sidebar" collapsible="icon">
+ *     <bsg-sidebar-header>
+ *       <!-- header content -->
+ *     </bsg-sidebar-header>
+ *     <bsg-sidebar-content>
+ *       <!-- main sidebar content -->
+ *     </bsg-sidebar-content>
+ *     <bsg-sidebar-footer>
+ *       <!-- footer content -->
+ *     </bsg-sidebar-footer>
+ *   </bsg-sidebar>
+ * </bsg-sidebar-provider>
+ * ```
+ */
+declare class SidebarComponent {
+    protected readonly sidebarService: SidebarService;
+    /** Which side the sidebar is on */
+    readonly side: _angular_core.InputSignal<SidebarSide>;
+    /** Visual variant */
+    readonly variant: _angular_core.InputSignal<SidebarVariant>;
+    /** Collapsible behavior */
+    readonly collapsible: _angular_core.InputSignal<SidebarCollapsible>;
+    /** Additional CSS classes for wrapper */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Additional CSS classes for inner sidebar */
+    readonly sidebarClassName: _angular_core.InputSignal<string | undefined>;
+    readonly wrapperClasses: _angular_core.Signal<string>;
+    readonly sidebarClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "bsg-sidebar", never, { "side": { "alias": "side"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "sidebarClassName": { "alias": "sidebarClassName"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * SidebarHeader Component - Following shadcn/ui pattern
+ *
+ * Container for header content in the sidebar (logo, branding, etc.)
+ *
+ * @example
+ * ```html
+ * <bsg-sidebar-header>
+ *   <div class="flex items-center gap-2">
+ *     <img src="logo.svg" alt="Logo" />
+ *     <span>My App</span>
+ *   </div>
+ * </bsg-sidebar-header>
+ * ```
+ */
+declare class SidebarHeaderComponent {
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly headerClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarHeaderComponent, "bsg-sidebar-header", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * SidebarContent Component - Following shadcn/ui pattern
+ *
+ * Scrollable container for the main sidebar content.
+ *
+ * @example
+ * ```html
+ * <bsg-sidebar-content>
+ *   <bsg-sidebar-group>
+ *     <!-- group content -->
+ *   </bsg-sidebar-group>
+ * </bsg-sidebar-content>
+ * ```
+ */
+declare class SidebarContentComponent {
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly contentClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarContentComponent, "bsg-sidebar-content", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * SidebarFooter Component - Following shadcn/ui pattern
+ *
+ * Container for footer content in the sidebar (user info, settings, etc.)
+ *
+ * @example
+ * ```html
+ * <bsg-sidebar-footer>
+ *   <bsg-sidebar-menu>
+ *     <bsg-sidebar-menu-item>
+ *       <bsg-sidebar-menu-button>
+ *         <span>Settings</span>
+ *       </bsg-sidebar-menu-button>
+ *     </bsg-sidebar-menu-item>
+ *   </bsg-sidebar-menu>
+ * </bsg-sidebar-footer>
+ * ```
+ */
+declare class SidebarFooterComponent {
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly footerClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarFooterComponent, "bsg-sidebar-footer", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * SidebarGroup Component - Following shadcn/ui pattern
+ *
+ * Groups related menu items together with an optional label.
+ *
+ * @example
+ * ```html
+ * <bsg-sidebar-group>
+ *   <bsg-sidebar-group-label>Projects</bsg-sidebar-group-label>
+ *   <bsg-sidebar-group-content>
+ *     <bsg-sidebar-menu>
+ *       <!-- menu items -->
+ *     </bsg-sidebar-menu>
+ *   </bsg-sidebar-group-content>
+ * </bsg-sidebar-group>
+ * ```
+ */
+declare class SidebarGroupComponent {
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly groupClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarGroupComponent, "bsg-sidebar-group", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * SidebarGroupLabel Component - Following shadcn/ui pattern
+ *
+ * Label for a sidebar group. Automatically hides when sidebar is collapsed.
+ *
+ * @example
+ * ```html
+ * <bsg-sidebar-group>
+ *   <bsg-sidebar-group-label>Projects</bsg-sidebar-group-label>
+ *   <bsg-sidebar-group-content>
+ *     <!-- content -->
+ *   </bsg-sidebar-group-content>
+ * </bsg-sidebar-group>
+ * ```
+ */
+declare class SidebarGroupLabelComponent {
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly labelClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarGroupLabelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarGroupLabelComponent, "bsg-sidebar-group-label", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * SidebarGroupContent Component - Following shadcn/ui pattern
+ *
+ * Container for the content within a sidebar group.
+ *
+ * @example
+ * ```html
+ * <bsg-sidebar-group>
+ *   <bsg-sidebar-group-label>Projects</bsg-sidebar-group-label>
+ *   <bsg-sidebar-group-content>
+ *     <bsg-sidebar-menu>
+ *       <!-- menu items -->
+ *     </bsg-sidebar-menu>
+ *   </bsg-sidebar-group-content>
+ * </bsg-sidebar-group>
+ * ```
+ */
+declare class SidebarGroupContentComponent {
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly contentClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarGroupContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarGroupContentComponent, "bsg-sidebar-group-content", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * SidebarGroupAction Component - Following shadcn/ui pattern
+ *
+ * Action button positioned in the group header (e.g., "Add" button).
+ *
+ * @example
+ * ```html
+ * <bsg-sidebar-group>
+ *   <bsg-sidebar-group-label>Projects</bsg-sidebar-group-label>
+ *   <bsg-sidebar-group-action title="Add Project" (actionClick)="addProject()">
+ *     <svg><!-- plus icon --></svg>
+ *   </bsg-sidebar-group-action>
+ *   <bsg-sidebar-group-content>
+ *     <!-- content -->
+ *   </bsg-sidebar-group-content>
+ * </bsg-sidebar-group>
+ * ```
+ */
+declare class SidebarGroupActionComponent {
+    /** Title/tooltip for the action button */
+    readonly title: _angular_core.InputSignal<string>;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Emits when action is clicked */
+    readonly actionClick: _angular_core.OutputEmitterRef<MouseEvent>;
+    readonly actionClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarGroupActionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarGroupActionComponent, "bsg-sidebar-group-action", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; }, never, ["*"], true, never>;
+}
+
+/**
+ * SidebarMenu Component - Following shadcn/ui pattern
+ *
+ * Container for menu items. Renders as a ul element.
+ *
+ * @example
+ * ```html
+ * <bsg-sidebar-menu>
+ *   <bsg-sidebar-menu-item>
+ *     <bsg-sidebar-menu-button>Home</bsg-sidebar-menu-button>
+ *   </bsg-sidebar-menu-item>
+ *   <bsg-sidebar-menu-item>
+ *     <bsg-sidebar-menu-button>Settings</bsg-sidebar-menu-button>
+ *   </bsg-sidebar-menu-item>
+ * </bsg-sidebar-menu>
+ * ```
+ */
+declare class SidebarMenuComponent {
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly menuClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarMenuComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarMenuComponent, "bsg-sidebar-menu", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * SidebarMenuItem Component - Following shadcn/ui pattern
+ *
+ * Container for a single menu item. Renders as an li element.
+ *
+ * @example
+ * ```html
+ * <bsg-sidebar-menu>
+ *   <bsg-sidebar-menu-item>
+ *     <bsg-sidebar-menu-button>
+ *       <svg><!-- icon --></svg>
+ *       <span>Home</span>
+ *     </bsg-sidebar-menu-button>
+ *   </bsg-sidebar-menu-item>
+ * </bsg-sidebar-menu>
+ * ```
+ */
+declare class SidebarMenuItemComponent {
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly itemClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarMenuItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarMenuItemComponent, "bsg-sidebar-menu-item", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type SidebarMenuButtonVariantsProps = VariantProps<typeof sidebarMenuButtonVariants>;
+/**
+ * SidebarMenuButton Component - Following shadcn/ui pattern
+ *
+ * Interactive button for menu items. Supports variants for size and style.
+ *
+ * @example
+ * ```html
+ * <bsg-sidebar-menu-button
+ *   [isActive]="true"
+ *   variant="default"
+ *   size="default"
+ *   (buttonClick)="navigate()"
+ * >
+ *   <svg><!-- icon --></svg>
+ *   <span>Home</span>
+ * </bsg-sidebar-menu-button>
+ * ```
+ */
+declare class SidebarMenuButtonComponent {
+    /** Whether the button is active */
+    readonly isActive: _angular_core.InputSignal<boolean>;
+    /** Visual variant */
+    readonly variant: _angular_core.InputSignal<"default" | "outline">;
+    /** Size variant */
+    readonly size: _angular_core.InputSignal<"default" | "sm" | "lg">;
+    /** Disabled state */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Tooltip text (for collapsed state) */
+    readonly tooltip: _angular_core.InputSignal<string | undefined>;
+    /** Emits when button is clicked */
+    readonly buttonClick: _angular_core.OutputEmitterRef<MouseEvent>;
+    readonly buttonClasses: _angular_core.Signal<string>;
+    handleClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarMenuButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarMenuButtonComponent, "bsg-sidebar-menu-button", never, { "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; }, never, ["*"], true, never>;
+}
+
+type SidebarMenuActionVariantsProps = VariantProps<typeof sidebarMenuActionVariants>;
+/**
+ * SidebarMenuAction Component - Following shadcn/ui pattern
+ *
+ * Action button that appears alongside menu items (e.g., more options).
+ *
+ * @example
+ * ```html
+ * <bsg-sidebar-menu-item>
+ *   <bsg-sidebar-menu-button>Project</bsg-sidebar-menu-button>
+ *   <bsg-sidebar-menu-action [showOnHover]="true" (actionClick)="openMenu()">
+ *     <svg><!-- more icon --></svg>
+ *   </bsg-sidebar-menu-action>
+ * </bsg-sidebar-menu-item>
+ * ```
+ */
+declare class SidebarMenuActionComponent {
+    /** Show only on hover */
+    readonly showOnHover: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Emits when action is clicked */
+    readonly actionClick: _angular_core.OutputEmitterRef<MouseEvent>;
+    readonly actionClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarMenuActionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarMenuActionComponent, "bsg-sidebar-menu-action", never, { "showOnHover": { "alias": "showOnHover"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; }, never, ["*"], true, never>;
+}
+
+/**
+ * SidebarMenuBadge Component - Following shadcn/ui pattern
+ *
+ * Badge that appears alongside menu items (e.g., notification count).
+ *
+ * @example
+ * ```html
+ * <bsg-sidebar-menu-item>
+ *   <bsg-sidebar-menu-button>
+ *     <svg><!-- icon --></svg>
+ *     <span>Inbox</span>
+ *   </bsg-sidebar-menu-button>
+ *   <bsg-sidebar-menu-badge>5</bsg-sidebar-menu-badge>
+ * </bsg-sidebar-menu-item>
+ * ```
+ */
+declare class SidebarMenuBadgeComponent {
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly badgeClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarMenuBadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarMenuBadgeComponent, "bsg-sidebar-menu-badge", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * SidebarMenuSub Component - Following shadcn/ui pattern
+ *
+ * Container for submenu items. Used for nested navigation.
+ *
+ * @example
+ * ```html
+ * <bsg-sidebar-menu-item>
+ *   <bsg-sidebar-menu-button>Parent</bsg-sidebar-menu-button>
+ *   <bsg-sidebar-menu-sub>
+ *     <bsg-sidebar-menu-sub-item>
+ *       <bsg-sidebar-menu-sub-button>Child 1</bsg-sidebar-menu-sub-button>
+ *     </bsg-sidebar-menu-sub-item>
+ *     <bsg-sidebar-menu-sub-item>
+ *       <bsg-sidebar-menu-sub-button>Child 2</bsg-sidebar-menu-sub-button>
+ *     </bsg-sidebar-menu-sub-item>
+ *   </bsg-sidebar-menu-sub>
+ * </bsg-sidebar-menu-item>
+ * ```
+ */
+declare class SidebarMenuSubComponent {
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly subMenuClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarMenuSubComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarMenuSubComponent, "bsg-sidebar-menu-sub", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * SidebarMenuSubItem Component - Following shadcn/ui pattern
+ *
+ * Container for a single submenu item. Renders as an li element.
+ *
+ * @example
+ * ```html
+ * <bsg-sidebar-menu-sub>
+ *   <bsg-sidebar-menu-sub-item>
+ *     <bsg-sidebar-menu-sub-button>
+ *       <span>Child Item</span>
+ *     </bsg-sidebar-menu-sub-button>
+ *   </bsg-sidebar-menu-sub-item>
+ * </bsg-sidebar-menu-sub>
+ * ```
+ */
+declare class SidebarMenuSubItemComponent {
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly itemClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarMenuSubItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarMenuSubItemComponent, "bsg-sidebar-menu-sub-item", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type SidebarMenuSubButtonVariantsProps = VariantProps<typeof sidebarMenuSubButtonVariants>;
+/**
+ * SidebarMenuSubButton Component - Following shadcn/ui pattern
+ *
+ * Interactive button for submenu items.
+ *
+ * @example
+ * ```html
+ * <bsg-sidebar-menu-sub-button
+ *   [isActive]="true"
+ *   size="md"
+ *   (buttonClick)="navigate()"
+ * >
+ *   <span>Child Item</span>
+ * </bsg-sidebar-menu-sub-button>
+ * ```
+ */
+declare class SidebarMenuSubButtonComponent {
+    /** Whether the button is active */
+    readonly isActive: _angular_core.InputSignal<boolean>;
+    /** Size variant */
+    readonly size: _angular_core.InputSignal<"sm" | "md">;
+    /** Disabled state */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Emits when button is clicked */
+    readonly buttonClick: _angular_core.OutputEmitterRef<MouseEvent>;
+    readonly buttonClasses: _angular_core.Signal<string>;
+    handleClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarMenuSubButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarMenuSubButtonComponent, "bsg-sidebar-menu-sub-button", never, { "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; }, never, ["*"], true, never>;
+}
+
+/**
+ * SidebarSeparator Component - Following shadcn/ui pattern
+ *
+ * Visual separator between menu items or groups.
+ *
+ * @example
+ * ```html
+ * <bsg-sidebar-menu>
+ *   <bsg-sidebar-menu-item>...</bsg-sidebar-menu-item>
+ *   <bsg-sidebar-separator />
+ *   <bsg-sidebar-menu-item>...</bsg-sidebar-menu-item>
+ * </bsg-sidebar-menu>
+ * ```
+ */
+declare class SidebarSeparatorComponent {
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly separatorClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarSeparatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarSeparatorComponent, "bsg-sidebar-separator", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * SidebarTrigger Component - Following shadcn/ui pattern
+ *
+ * Button to toggle the sidebar open/closed state.
+ *
+ * @example
+ * ```html
+ * <header>
+ *   <bsg-sidebar-trigger />
+ *   <h1>My App</h1>
+ * </header>
+ * ```
+ */
+declare class SidebarTriggerComponent {
+    protected readonly sidebarService: SidebarService;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Whether the trigger has projected content */
+    hasContent: boolean;
+    readonly triggerClasses: _angular_core.Signal<string>;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarTriggerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarTriggerComponent, "bsg-sidebar-trigger", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * SidebarRail Component - Following shadcn/ui pattern
+ *
+ * Hover/click area on the edge of the sidebar to toggle collapse.
+ *
+ * @example
+ * ```html
+ * <bsg-sidebar>
+ *   <bsg-sidebar-content>...</bsg-sidebar-content>
+ *   <bsg-sidebar-rail />
+ * </bsg-sidebar>
+ * ```
+ */
+declare class SidebarRailComponent {
+    protected readonly sidebarService: SidebarService;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly railClasses: _angular_core.Signal<string>;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarRailComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarRailComponent, "bsg-sidebar-rail", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * SidebarInset Component - Following shadcn/ui pattern
+ *
+ * Main content area that sits alongside the sidebar.
+ * Adjusts its margins based on sidebar state.
+ *
+ * @example
+ * ```html
+ * <bsg-sidebar-provider>
+ *   <bsg-sidebar>...</bsg-sidebar>
+ *   <bsg-sidebar-inset>
+ *     <header>
+ *       <bsg-sidebar-trigger />
+ *     </header>
+ *     <main>
+ *       <!-- page content -->
+ *     </main>
+ *   </bsg-sidebar-inset>
+ * </bsg-sidebar-provider>
+ * ```
+ */
+declare class SidebarInsetComponent {
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    readonly insetClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarInsetComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarInsetComponent, "bsg-sidebar-inset", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Skeleton variants
+ */
+declare const skeletonVariants: (props?: ({
+    type?: "text" | "rectangular" | "circular" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type SkeletonType = 'text' | 'circular' | 'rectangular';
+type SkeletonVariantsProps = VariantProps<typeof skeletonVariants>;
+declare class SkeletonComponent {
+    /** Skeleton type */
+    readonly type: _angular_core.InputSignal<SkeletonType>;
+    /** Width (auto, px, %, rem, etc.) */
+    readonly width: _angular_core.InputSignal<string | number>;
+    /** Height (auto, px, %, rem, etc.) */
+    readonly height: _angular_core.InputSignal<string | number>;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Computed skeleton classes */
+    readonly skeletonClasses: _angular_core.Signal<string>;
+    /** Computed width */
+    readonly computedWidth: _angular_core.Signal<string | undefined>;
+    /** Computed height */
+    readonly computedHeight: _angular_core.Signal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonComponent, "bsg-skeleton", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Switch root variants
+ *
+ * Based on shadcn/ui Switch component
+ * Controls the main switch button/track element
+ */
+declare const switchRootVariants: (props?: ({
+    checked?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Switch thumb variants
+ *
+ * Controls the circular toggle indicator
+ */
+declare const switchThumbVariants: (props?: ({
+    checked?: boolean | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type SwitchSize = 'sm' | 'default' | 'lg';
+type SwitchVariantsProps = VariantProps<typeof switchRootVariants>;
+/**
+ * Switch Component - Toggle control based on shadcn/ui
+ *
+ * A control that allows the user to toggle between checked and not checked.
+ *
+ * Usage:
+ * ```html
+ * <bsg-switch [(checked)]="isEnabled" />
+ * <bsg-switch [checked]="value" (checkedChange)="onToggle($event)" />
+ * <bsg-switch [disabled]="true" />
+ * <bsg-switch size="lg" />
+ * ```
+ */
+declare class SwitchComponent {
+    /** Whether the switch is in the checked (on) state - supports two-way binding */
+    readonly checked: _angular_core.ModelSignal<boolean>;
+    /** Whether the switch is disabled and non-interactive */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Size variant of the switch */
+    readonly size: _angular_core.InputSignal<SwitchSize>;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Event emitted when the switch state changes */
+    readonly checkedChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly rootClasses: _angular_core.Signal<string>;
+    readonly thumbClasses: _angular_core.Signal<string>;
+    /** Toggle the switch state */
+    toggle(): void;
+    /** Handle keyboard events (space and enter) */
+    onKeydown(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SwitchComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SwitchComponent, "bsg-switch", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "checkedChange": "checkedChange"; }, never, never, true, never>;
+}
+
+declare const textareaVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    resize?: "none" | "horizontal" | "vertical" | "both" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TextareaSize = VariantProps<typeof textareaVariants>['size'];
+type TextareaResize = VariantProps<typeof textareaVariants>['resize'];
+declare class TextareaComponent implements ControlValueAccessor, Validator {
+    placeholder: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignal<boolean>;
+    required: _angular_core.InputSignal<boolean>;
+    readonly: _angular_core.InputSignal<boolean>;
+    rows: _angular_core.InputSignal<number>;
+    ariaInvalid: _angular_core.InputSignal<boolean | undefined>;
+    size: _angular_core.InputSignal<"default" | "sm" | "lg" | null | undefined>;
+    resize: _angular_core.InputSignal<"none" | "horizontal" | "vertical" | "both" | null | undefined>;
+    className: _angular_core.InputSignal<string | undefined>;
+    get hostClasses(): string;
+    value: _angular_core.WritableSignal<string>;
+    disabledState: _angular_core.WritableSignal<boolean>;
+    private onChangeCallback;
+    private onTouchedCallback;
+    get computedClasses(): string;
+    onInput(event: Event): void;
+    onTouched(): void;
+    onFocus(): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    validate(control: AbstractControl): ValidationErrors | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "bsg-textarea", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "ariaInvalid": { "alias": "ariaInvalid"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * TimePicker field container variants
+ *
+ * Controls the outer container including label and error
+ */
+declare const timepickerFieldVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * TimePicker label variants
+ */
+declare const timepickerLabelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * TimePicker wrapper variants
+ *
+ * Controls the input wrapper with size and state variants
+ */
+declare const timepickerWrapperVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    state?: "default" | "disabled" | "hover" | "focus" | "error" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * TimePicker input field variants
+ */
+declare const timepickerInputVariants: (props?: ({
+    state?: "default" | "disabled" | "hover" | "focus" | "error" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * TimePicker icon button variants
+ */
+declare const timepickerIconButtonVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * TimePicker dropdown variants
+ */
+declare const timepickerDropdownVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * TimePicker selection area variants
+ */
+declare const timepickerSelectionAreaVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * TimePicker column variants
+ */
+declare const timepickerColumnVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * TimePicker column header variants
+ */
+declare const timepickerColumnHeaderVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * TimePicker list variants
+ */
+declare const timepickerListVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * TimePicker option variants
+ */
+declare const timepickerOptionVariants: (props?: ({
+    selected?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * TimePicker separator variants
+ */
+declare const timepickerSeparatorVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * TimePicker actions container variants
+ */
+declare const timepickerActionsVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * TimePicker action button variants
+ */
+declare const timepickerActionButtonVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * TimePicker error message variants
+ */
+declare const timepickerErrorMessageVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+
+type TimePickerSize = 'sm' | 'md' | 'lg';
+type TimePickerState = 'default' | 'hover' | 'focus' | 'disabled' | 'error';
+type TimePickerWrapperVariantsProps = VariantProps<typeof timepickerWrapperVariants>;
+/**
+ * TimePicker Component
+ *
+ * A time selection component with dropdown for hours and minutes.
+ *
+ * Following shadcn/ui pattern:
+ * ```html
+ * <bsg-timepicker
+ *   [size]="'md'"
+ *   [value]="'14:30'"
+ *   [label]="'Select time'"
+ *   (valueChange)="onTimeChange($event)"
+ * />
+ * ```
+ */
+declare class TimePickerComponent implements OnInit {
+    private readonly elementRef;
+    /** Size of the input */
+    readonly size: _angular_core.InputSignal<TimePickerSize>;
+    /** Current state */
+    readonly state: _angular_core.InputSignal<TimePickerState>;
+    /** Selected time in HH:mm format */
+    readonly value: _angular_core.InputSignal<string>;
+    /** Placeholder text */
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /** Optional label */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Error message */
+    readonly errorMessage: _angular_core.InputSignal<string>;
+    /** Minimum time (HH:mm format) */
+    readonly minTime: _angular_core.InputSignal<string>;
+    /** Maximum time (HH:mm format) */
+    readonly maxTime: _angular_core.InputSignal<string>;
+    /** Step for minutes */
+    readonly stepMinutes: _angular_core.InputSignal<number>;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Value change event */
+    readonly valueChange: _angular_core.OutputEmitterRef<string>;
+    /** Selection change event */
+    readonly selectionChange: _angular_core.OutputEmitterRef<{
+        hour: number;
+        minute: number;
+    }>;
+    /** Open state change event */
+    readonly openChange: _angular_core.OutputEmitterRef<boolean>;
+    hoursList: ElementRef | undefined;
+    minutesList: ElementRef | undefined;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly selectedHour: _angular_core.WritableSignal<number>;
+    readonly selectedMinute: _angular_core.WritableSignal<number>;
+    readonly isFocused: _angular_core.WritableSignal<boolean>;
+    readonly internalValue: _angular_core.WritableSignal<string>;
+    readonly errorMessageId: string;
+    constructor();
+    readonly availableHours: number[];
+    readonly availableMinutes: _angular_core.Signal<number[]>;
+    readonly timeValue: _angular_core.Signal<string>;
+    readonly displayState: _angular_core.Signal<TimePickerState>;
+    readonly fieldClasses: _angular_core.Signal<string>;
+    readonly labelClasses: _angular_core.Signal<string>;
+    readonly wrapperClasses: _angular_core.Signal<string>;
+    readonly inputClasses: _angular_core.Signal<string>;
+    readonly iconButtonClasses: _angular_core.Signal<string>;
+    readonly dropdownClasses: _angular_core.Signal<string>;
+    readonly selectionAreaClasses: _angular_core.Signal<string>;
+    readonly columnClasses: _angular_core.Signal<string>;
+    readonly columnHeaderClasses: _angular_core.Signal<string>;
+    readonly listClasses: _angular_core.Signal<string>;
+    readonly separatorClasses: _angular_core.Signal<string>;
+    readonly actionsClasses: _angular_core.Signal<string>;
+    readonly actionButtonClasses: _angular_core.Signal<string>;
+    readonly errorMessageClasses: _angular_core.Signal<string>;
+    readonly iconColor: _angular_core.Signal<"#DC2626" | "#64748B">;
+    getOptionClasses(selected: boolean, disabled: boolean): string;
+    ngOnInit(): void;
+    parseTime(time: string): {
+        hour: number;
+        minute: number;
+    };
+    formatNumber(value: number): string;
+    isHourDisabled(hour: number): boolean;
+    isMinuteDisabled(minute: number): boolean;
+    selectHour(hour: number): void;
+    selectMinute(minute: number): void;
+    selectNow(): void;
+    clearTime(): void;
+    updateTimeValue(): void;
+    toggleDropdown(): void;
+    openDropdown(): void;
+    closeDropdown(): void;
+    onFocus(): void;
+    onBlur(): void;
+    onDocumentClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimePickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimePickerComponent, "bsg-timepicker", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "minTime": { "alias": "minTime"; "required": false; "isSignal": true; }; "maxTime": { "alias": "maxTime"; "required": false; "isSignal": true; }; "stepMinutes": { "alias": "stepMinutes"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "selectionChange": "selectionChange"; "openChange": "openChange"; }, never, never, true, never>;
+}
+
+/**
+ * Toast container variants
+ *
+ * Controls the overall toast container styles
+ */
+declare const toastVariants: (props?: ({
+    variant?: "default" | "info" | "success" | "warning" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Toast accent variants
+ *
+ * Controls the left accent bar
+ */
+declare const toastAccentVariants: (props?: ({
+    variant?: "default" | "info" | "success" | "warning" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Toast icon variants
+ *
+ * Controls the icon styling
+ */
+declare const toastIconVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Toast content variants
+ *
+ * Controls the text content area
+ */
+declare const toastContentVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Toast close button variants
+ *
+ * Controls the close/dismiss button
+ */
+declare const toastCloseVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+
+type ToastVariant = 'default' | 'info' | 'success' | 'warning' | 'destructive';
+type ToastVariantsProps = VariantProps<typeof toastVariants>;
+/**
+ * Toast Component
+ *
+ * A notification component for displaying brief messages to users.
+ *
+ * Following shadcn/ui pattern:
+ * ```html
+ * <bsg-toast
+ *   variant="success"
+ *   content="Operation completed successfully"
+ *   [dismissible]="true"
+ *   (dismiss)="onDismiss()"
+ * />
+ * ```
+ */
+declare class ToastComponent {
+    /** Toast variant */
+    readonly variant: _angular_core.InputSignal<ToastVariant>;
+    /** Whether the toast can be dismissed */
+    readonly dismissible: _angular_core.InputSignal<boolean>;
+    /** Toast message content */
+    readonly content: _angular_core.InputSignal<string>;
+    /** Additional CSS classes for the toast container */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Dismiss event */
+    readonly dismiss: _angular_core.OutputEmitterRef<void>;
+    /** Internal dismissed state */
+    readonly dismissed: _angular_core.WritableSignal<boolean>;
+    readonly toastClasses: _angular_core.Signal<string>;
+    readonly accentClasses: _angular_core.Signal<string>;
+    readonly iconClasses: _angular_core.Signal<string>;
+    readonly contentClasses: _angular_core.Signal<string>;
+    readonly closeClasses: _angular_core.Signal<string>;
+    readonly iconColor: _angular_core.Signal<string>;
+    dismissToast(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "bsg-toast", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, never, true, never>;
+}
+
+/**
+ * Tooltip trigger variants
+ *
+ * Controls the wrapper element that triggers the tooltip
+ */
+declare const tooltipTriggerVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+/**
+ * Tooltip content variants
+ *
+ * Controls the floating tooltip overlay
+ */
+declare const tooltipContentVariants: (props?: ({
+    placement?: "left" | "right" | "top" | "bottom" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Tooltip arrow variants
+ *
+ * Controls the arrow/pointer element
+ */
+declare const tooltipArrowVariants: (props?: ({
+    placement?: "left" | "right" | "top" | "bottom" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type TooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
+type TooltipContentVariantsProps = VariantProps<typeof tooltipContentVariants>;
+/**
+ * Tooltip Component
+ *
+ * A floating label that appears on hover/focus to provide additional information.
+ *
+ * Following shadcn/ui pattern:
+ * ```html
+ * <bsg-tooltip content="Tooltip text" placement="top">
+ *   <button>Hover me</button>
+ * </bsg-tooltip>
+ * ```
+ */
+declare class TooltipComponent implements AfterContentInit {
+    private cdr;
+    /** Tooltip content text */
+    readonly content: _angular_core.InputSignal<string>;
+    /** Tooltip placement */
+    readonly placement: _angular_core.InputSignal<TooltipPlacement>;
+    /** Whether the tooltip is disabled */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes for the trigger */
+    readonly triggerClassName: _angular_core.InputSignal<string | undefined>;
+    /** Additional CSS classes for the content */
+    readonly contentClassName: _angular_core.InputSignal<string | undefined>;
+    triggerElement: ElementRef;
+    tooltipElement: ElementRef;
+    readonly tooltipId: string;
+    readonly isVisible: _angular_core.WritableSignal<boolean>;
+    private justClicked;
+    private isMouseHovering;
+    private hideTimeout;
+    readonly triggerClasses: _angular_core.Signal<string>;
+    readonly contentClasses: _angular_core.Signal<string>;
+    readonly arrowClasses: _angular_core.Signal<string>;
+    constructor(cdr: ChangeDetectorRef);
+    ngAfterContentInit(): void;
+    /**
+     * Handle mouse enter: show tooltip
+     */
+    onMouseEnter(): void;
+    /**
+     * Handle mouse leave: hide tooltip
+     */
+    onMouseLeave(): void;
+    /**
+     * Handle focus: show tooltip only if triggered by keyboard
+     */
+    onFocus(): void;
+    /**
+     * Handle blur: hide tooltip
+     */
+    onBlur(): void;
+    /**
+     * Track mouse down to detect click-triggered focus
+     */
+    onMouseDown(): void;
+    private show;
+    private hide;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipComponent, "bsg-tooltip", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "triggerClassName": { "alias": "triggerClassName"; "required": false; "isSignal": true; }; "contentClassName": { "alias": "contentClassName"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { AccordionComponent, AccordionContentComponent, AccordionItemComponent, AccordionTriggerComponent, AlertComponent, AvatarComponent, BadgeComponent, ButtonComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CarouselComponent, CarouselItemComponent, CheckboxComponent, CollapsibleComponent, CollapsibleContentComponent, CollapsibleTriggerDirective, DialogComponent, InputComponent, LabelComponent, RadioComponent, RadioGroupComponent, SelectComponent, SidebarComponent, SidebarContentComponent, SidebarFooterComponent, SidebarGroupActionComponent, SidebarGroupComponent, SidebarGroupContentComponent, SidebarGroupLabelComponent, SidebarHeaderComponent, SidebarInsetComponent, SidebarMenuActionComponent, SidebarMenuBadgeComponent, SidebarMenuButtonComponent, SidebarMenuComponent, SidebarMenuItemComponent, SidebarMenuSubButtonComponent, SidebarMenuSubComponent, SidebarMenuSubItemComponent, SidebarProviderComponent, SidebarRailComponent, SidebarSeparatorComponent, SidebarService, SidebarTriggerComponent, SkeletonComponent, SwitchComponent, TextareaComponent, TimePickerComponent, ToastComponent, TooltipComponent, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, accordionVariants, alertCloseVariants, alertContentVariants, alertIconVariants, alertVariants, avatarIconVariants, avatarImgVariants, avatarInitialsVariants, avatarVariants, badgeIconVariants, badgeVariants, buttonIconOnlyVariants, buttonIconVariants, buttonLabelVariants, buttonVariants, cardActionIconVariants, cardCurrencyContentVariants, cardCurrencyIconVariants, cardCurrencyLabelVariants, cardCurrencyTextVariants, cardHeaderRowVariants, cardHeaderVariants, cardHelperDescriptionVariants, cardHelperRowVariants, cardHelperVariants, cardInfoIconVariants, cardInfoLabelVariants, cardInfoTextVariants, cardMetricTitleVariants, cardMetricValueVariants, cardSlotBodyVariants, cardSlotFooterVariants, cardSlotHeaderVariants, cardValueVariants, cardVariants, carouselArrowVariants, carouselChevronVariants, carouselContainerVariants, carouselIndicatorVariants, carouselIndicatorsVariants, carouselRootVariants, carouselTrackVariants, carouselViewportVariants, checkboxVariants, dialogBodyVariants, dialogContentVariants, dialogFooterVariants, dialogHeaderVariants, dialogOverlayVariants, inputVariants, labelVariants, radioFocusRingVariants, radioGroupVariants, radioInnerVariants, radioLabelVariants, radioOptionVariants, radioOuterVariants, radioWrapperVariants, selectDropdownVariants, selectErrorVariants, selectIconVariants, selectOptionVariants, selectTriggerVariants, selectValueVariants, selectWrapperVariants, sidebarChevronVariants, sidebarContentVariants, sidebarFooterVariants, sidebarGroupActionVariants, sidebarGroupContentVariants, sidebarGroupLabelVariants, sidebarGroupVariants, sidebarHeaderVariants, sidebarInsetVariants, sidebarMenuActionVariants, sidebarMenuBadgeVariants, sidebarMenuButtonVariants, sidebarMenuItemVariants, sidebarMenuSkeletonVariants, sidebarMenuSubButtonVariants, sidebarMenuSubItemVariants, sidebarMenuSubVariants, sidebarMenuVariants, sidebarProviderVariants, sidebarRailVariants, sidebarSeparatorVariants, sidebarTriggerVariants, sidebarVariants, sidebarWrapperVariants, skeletonVariants, switchRootVariants, switchThumbVariants, textareaVariants, timepickerActionButtonVariants, timepickerActionsVariants, timepickerColumnHeaderVariants, timepickerColumnVariants, timepickerDropdownVariants, timepickerErrorMessageVariants, timepickerFieldVariants, timepickerIconButtonVariants, timepickerInputVariants, timepickerLabelVariants, timepickerListVariants, timepickerOptionVariants, timepickerSelectionAreaVariants, timepickerSeparatorVariants, timepickerWrapperVariants, toastAccentVariants, toastCloseVariants, toastContentVariants, toastIconVariants, toastVariants, tooltipArrowVariants, tooltipContentVariants, tooltipTriggerVariants };
+export type { AccordionType, AccordionVariant, AccordionVariantsProps, AlertVariant, AlertVariantsProps, AvatarSize, AvatarType, AvatarVariantsProps, BadgeIconVariantsProps, BadgeLayout, BadgeSize, BadgeVariant, BadgeVariantsProps, ButtonShape, ButtonSize, ButtonVariant, ButtonVariantsProps, CardContentVariant, CardVariant, CardVariantsProps, CarouselArrowVariantsProps, CarouselIndicatorVariantsProps, CheckboxSize, DialogBodyVariantsProps, DialogContentVariantsProps, DialogHeaderTone, DialogHeaderVariantsProps, DialogSize, IconName, InputSize, RadioFocusRingVariantsProps, RadioGroupOption, RadioGroupOrientation, RadioGroupVariantsProps, RadioInnerVariantsProps, RadioLabelVariantsProps, RadioOptionVariantsProps, RadioOuterVariantsProps, RadioSize, RadioState, RadioWrapperVariantsProps, SelectOption, SelectSize, SelectState, SelectTriggerVariantsProps, SidebarCollapsible, SidebarMenuActionVariantsProps, SidebarMenuButtonVariantsProps, SidebarMenuSubButtonVariantsProps, SidebarSide, SidebarState, SidebarVariant, SkeletonType, SkeletonVariantsProps, SwitchSize, SwitchVariantsProps, TextareaResize, TextareaSize, TimePickerSize, TimePickerState, TimePickerWrapperVariantsProps, ToastVariant, ToastVariantsProps, TooltipContentVariantsProps, TooltipPlacement };