@bsginstitute/bsg-integra 0.0.2 → 0.0.4

package/index.d.ts

@@ -140,7 +140,7 @@ declare class AccordionContentComponent {
  * Controls the overall alert container layout and colors
  */
 declare const alertVariants: (props?: ({
-    variant?: "default" | "destructive" | "info" | "success" | "warning" | null | undefined;
+    variant?: "default" | "info" | "success" | "warning" | "destructive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Alert icon variants
@@ -200,8 +200,8 @@ declare class AlertComponent {
  * Controls the avatar size and base styles
  */
 declare const avatarVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
-    type?: "default" | "image" | "fallback" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    type?: "default" | "fallback" | "image" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Avatar initials variants
@@ -209,7 +209,7 @@ declare const avatarVariants: (props?: ({
  * Controls the initials text styles for fallback type
  */
 declare const avatarInitialsVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Avatar icon variants
@@ -305,7 +305,7 @@ declare class BadgeComponent {
 }
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "outline" | "destructive" | "success" | null | undefined;
+    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;
@@ -313,92 +313,53 @@ 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" | "secondary" | "outline" | "ghost" | "link" | "destructive" | 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;
+/** ✅ nuevo: spinner overlay centrado */
+declare const buttonSpinnerVariants: (props?: ({
+    shape?: "rectangular" | "pill" | "icon" | "icon-text" | "icon-only" | 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 */
+    /** ✅ nuevo: muestra spinner y bloquea click */
+    readonly spinner: _angular_core.InputSignal<boolean>;
+    /** Accesibilidad para icon buttons */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
     readonly className: _angular_core.InputSignal<string | undefined>;
-    /** Click event emitter */
     readonly Click: _angular_core.OutputEmitterRef<Event>;
     readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly isIconButton: _angular_core.Signal<boolean>;
+    readonly buttonSquarePx: _angular_core.Signal<27 | 43 | 35>;
+    readonly iconFontPx: _angular_core.Signal<15 | 22 | 18>;
+    readonly spinnerPx: _angular_core.Signal<14 | 20 | 16>;
     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;
+    readonly spinnerClasses: _angular_core.Signal<string>;
+    iconClasses(position: 'left' | 'right' | 'center'): string;
     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>;
+    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; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "spinner": { "alias": "spinner"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, { "Click": "Click"; }, never, ["*", "[left-icon]", "[right-icon]"], true, never>;
 }
 
 /**
@@ -653,7 +614,7 @@ declare class CarouselComponent implements AfterContentInit {
 }
 
 declare const checkboxVariants: (props?: ({
-    size?: "sm" | "lg" | "default" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type CheckboxSize = VariantProps<typeof checkboxVariants>['size'];
 declare class CheckboxComponent implements ControlValueAccessor {
@@ -661,7 +622,7 @@ declare class CheckboxComponent implements ControlValueAccessor {
     disabled: _angular_core.InputSignal<boolean>;
     required: _angular_core.InputSignal<boolean>;
     ariaInvalid: _angular_core.InputSignal<boolean | undefined>;
-    size: _angular_core.InputSignal<"sm" | "lg" | "default" | null | undefined>;
+    size: _angular_core.InputSignal<"default" | "sm" | "lg" | null | undefined>;
     className: _angular_core.InputSignal<string | undefined>;
     get hostClasses(): string;
     checked: _angular_core.WritableSignal<boolean>;
@@ -987,7 +948,7 @@ type DialogContentVariantsProps = VariantProps<typeof dialogContentVariants>;
  * Dialog header variants
  */
 declare const dialogHeaderVariants: (props?: ({
-    tone?: "secondary" | "brand" | "info" | null | undefined;
+    tone?: "info" | "secondary" | "brand" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type DialogHeaderVariantsProps = VariantProps<typeof dialogHeaderVariants>;
 /**
@@ -1004,7 +965,7 @@ declare const dialogFooterVariants: (props?: class_variance_authority_types.Clas
 type DialogFooterVariantsProps = VariantProps<typeof dialogFooterVariants>;
 
 declare const inputVariants: (props?: ({
-    size?: "sm" | "lg" | "default" | null | undefined;
+    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 {
@@ -1014,7 +975,7 @@ declare class InputComponent implements ControlValueAccessor, Validator {
     required: _angular_core.InputSignal<boolean>;
     readonly: _angular_core.InputSignal<boolean>;
     ariaInvalid: _angular_core.InputSignal<boolean | undefined>;
-    size: _angular_core.InputSignal<"sm" | "lg" | "default" | null | undefined>;
+    size: _angular_core.InputSignal<"default" | "sm" | "lg" | null | undefined>;
     className: _angular_core.InputSignal<string | undefined>;
     get hostClasses(): string;
     value: _angular_core.WritableSignal<string>;
@@ -1135,8 +1096,8 @@ declare class RadioComponent {
     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<10 | 14>;
+    readonly outerSize: _angular_core.Signal<20 | 16>;
+    readonly innerSize: _angular_core.Signal<14 | 10>;
     readonly focusRingSize: _angular_core.Signal<22 | 26>;
     readonly outerCircleClasses: _angular_core.Signal<"stroke-muted-foreground fill-muted-foreground" | "stroke-primary/70 fill-none" | "stroke-primary fill-none" | "stroke-muted-foreground fill-none">;
     handleClick(): void;
@@ -1277,7 +1238,7 @@ declare const selectOptionVariants: (props?: ({
 declare const selectErrorVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 
 type SelectSize = 'sm' | 'md' | 'lg';
-type SelectState = 'default' | 'hover' | 'focus' | 'disabled' | 'error';
+type SelectState = 'default' | 'focus' | 'disabled' | 'error';
 interface SelectOption {
     value: string;
     label: string;
@@ -1475,7 +1436,7 @@ declare const sidebarProviderVariants: (props?: class_variance_authority_types.C
  * Sidebar container variants (following shadcn pattern)
  */
 declare const sidebarVariants: (props?: ({
-    collapsible?: "icon" | "none" | "offcanvas" | null | undefined;
+    collapsible?: "icon" | "offcanvas" | "none" | null | undefined;
     side?: "left" | "right" | null | undefined;
     variant?: "sidebar" | "floating" | "inset" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -1526,7 +1487,7 @@ declare const sidebarMenuItemVariants: (props?: class_variance_authority_types.C
  */
 declare const sidebarMenuButtonVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "lg" | "default" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Sidebar menu action variants
@@ -1871,7 +1832,7 @@ declare class SidebarMenuButtonComponent {
     /** Visual variant */
     readonly variant: _angular_core.InputSignal<"default" | "outline">;
     /** Size variant */
-    readonly size: _angular_core.InputSignal<"sm" | "lg" | "default">;
+    readonly size: _angular_core.InputSignal<"default" | "sm" | "lg">;
     /** Disabled state */
     readonly disabled: _angular_core.InputSignal<boolean>;
     /** Additional CSS classes */
@@ -2127,7 +2088,7 @@ declare class SidebarInsetComponent {
  * Skeleton variants
  */
 declare const skeletonVariants: (props?: ({
-    type?: "rectangular" | "text" | "circular" | null | undefined;
+    type?: "text" | "rectangular" | "circular" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 type SkeletonType = 'text' | 'circular' | 'rectangular';
@@ -2151,6 +2112,56 @@ declare class SkeletonComponent {
     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>;
 }
 
+/**
+ * Spinner variants
+ *
+ * Controls the spinner appearance including size and color variants.
+ * Based on shadcn/ui spinner pattern.
+ */
+declare const spinnerVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    variant?: "default" | "info" | "success" | "warning" | "destructive" | "secondary" | "brand" | "primary" | "muted" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type SpinnerVariant = 'default' | 'primary' | 'secondary' | 'muted' | 'destructive' | 'success' | 'warning' | 'info' | 'brand';
+type SpinnerVariantsProps = VariantProps<typeof spinnerVariants>;
+/**
+ * Spinner Component
+ *
+ * A loading indicator that shows a spinning animation.
+ * Based on shadcn/ui spinner pattern using an SVG loader icon.
+ *
+ * @example
+ * ```html
+ * <!-- Basic usage -->
+ * <bsg-spinner />
+ *
+ * <!-- With size -->
+ * <bsg-spinner size="lg" />
+ *
+ * <!-- With variant (color) -->
+ * <bsg-spinner variant="destructive" />
+ *
+ * <!-- Custom aria-label -->
+ * <bsg-spinner ariaLabel="Processing request..." />
+ * ```
+ */
+declare class SpinnerComponent {
+    /** Spinner size */
+    readonly size: _angular_core.InputSignal<SpinnerSize>;
+    /** Spinner color variant */
+    readonly variant: _angular_core.InputSignal<SpinnerVariant>;
+    /** Accessibility label for screen readers */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** Additional CSS classes */
+    readonly className: _angular_core.InputSignal<string | undefined>;
+    /** Computed spinner classes */
+    readonly spinnerClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpinnerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpinnerComponent, "bsg-spinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 /**
  * Switch root variants
  *
@@ -2160,7 +2171,7 @@ declare class SkeletonComponent {
 declare const switchRootVariants: (props?: ({
     checked?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
-    size?: "sm" | "lg" | "default" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Switch thumb variants
@@ -2169,7 +2180,7 @@ declare const switchRootVariants: (props?: ({
  */
 declare const switchThumbVariants: (props?: ({
     checked?: boolean | null | undefined;
-    size?: "sm" | "lg" | "default" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 type SwitchSize = 'sm' | 'default' | 'lg';
@@ -2209,7 +2220,7 @@ declare class SwitchComponent {
 }
 
 declare const textareaVariants: (props?: ({
-    size?: "sm" | "lg" | "default" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
     resize?: "horizontal" | "vertical" | "none" | "both" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type TextareaSize = VariantProps<typeof textareaVariants>['size'];
@@ -2221,7 +2232,7 @@ declare class TextareaComponent implements ControlValueAccessor, Validator {
     readonly: _angular_core.InputSignal<boolean>;
     rows: _angular_core.InputSignal<number>;
     ariaInvalid: _angular_core.InputSignal<boolean | undefined>;
-    size: _angular_core.InputSignal<"sm" | "lg" | "default" | null | undefined>;
+    size: _angular_core.InputSignal<"default" | "sm" | "lg" | null | undefined>;
     resize: _angular_core.InputSignal<"horizontal" | "vertical" | "none" | "both" | null | undefined>;
     className: _angular_core.InputSignal<string | undefined>;
     get hostClasses(): string;
@@ -2406,6 +2417,10 @@ declare class TimePickerComponent implements OnInit {
     selectHour(hour: number): void;
     selectMinute(minute: number): void;
     selectNow(): void;
+    /** Scroll both lists to show the selected values centered */
+    private scrollToSelected;
+    /** Scroll a list to center the element with the given value */
+    private scrollToElement;
     clearTime(): void;
     updateTimeValue(): void;
     toggleDropdown(): void;
@@ -2424,7 +2439,7 @@ declare class TimePickerComponent implements OnInit {
  * Controls the overall toast container styles
  */
 declare const toastVariants: (props?: ({
-    variant?: "default" | "destructive" | "info" | "success" | "warning" | null | undefined;
+    variant?: "default" | "info" | "success" | "warning" | "destructive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Toast accent variants
@@ -2432,7 +2447,7 @@ declare const toastVariants: (props?: ({
  * Controls the left accent bar
  */
 declare const toastAccentVariants: (props?: ({
-    variant?: "default" | "destructive" | "info" | "success" | "warning" | null | undefined;
+    variant?: "default" | "info" | "success" | "warning" | "destructive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Toast icon variants
@@ -2581,5 +2596,5 @@ declare class TooltipComponent implements AfterContentInit {
     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, ComboboxComponent, 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, comboboxDropdownVariants, comboboxEmptyStateVariants, comboboxErrorMessageVariants, comboboxIconVariants, comboboxOptionVariants, comboboxOptionsContainerVariants, comboboxSearchInputVariants, comboboxSearchWrapperVariants, comboboxTriggerVariants, comboboxValueVariants, comboboxWrapperVariants, 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, ComboboxOption, ComboboxSize, ComboboxState, ComboboxTriggerVariantsProps, ComboboxWrapperVariantsProps, DialogBodyVariantsProps, DialogContentVariantsProps, DialogFooterVariantsProps, 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 };
+export { AccordionComponent, AccordionContentComponent, AccordionItemComponent, AccordionTriggerComponent, AlertComponent, AvatarComponent, BadgeComponent, ButtonComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CarouselComponent, CarouselItemComponent, CheckboxComponent, CollapsibleComponent, CollapsibleContentComponent, CollapsibleTriggerDirective, ComboboxComponent, 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, SpinnerComponent, SwitchComponent, TextareaComponent, TimePickerComponent, ToastComponent, TooltipComponent, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, accordionVariants, alertCloseVariants, alertContentVariants, alertIconVariants, alertVariants, avatarIconVariants, avatarImgVariants, avatarInitialsVariants, avatarVariants, badgeIconVariants, badgeVariants, buttonIconOnlyVariants, buttonIconVariants, buttonLabelVariants, buttonSpinnerVariants, 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, comboboxDropdownVariants, comboboxEmptyStateVariants, comboboxErrorMessageVariants, comboboxIconVariants, comboboxOptionVariants, comboboxOptionsContainerVariants, comboboxSearchInputVariants, comboboxSearchWrapperVariants, comboboxTriggerVariants, comboboxValueVariants, comboboxWrapperVariants, 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, spinnerVariants, 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, ComboboxOption, ComboboxSize, ComboboxState, ComboboxTriggerVariantsProps, ComboboxWrapperVariantsProps, DialogBodyVariantsProps, DialogContentVariantsProps, DialogFooterVariantsProps, DialogHeaderTone, DialogHeaderVariantsProps, DialogSize, 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, SpinnerSize, SpinnerVariant, SpinnerVariantsProps, SwitchSize, SwitchVariantsProps, TextareaResize, TextareaSize, TimePickerSize, TimePickerState, TimePickerWrapperVariantsProps, ToastVariant, ToastVariantsProps, TooltipContentVariantsProps, TooltipPlacement };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsginstitute/bsg-integra",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "publishConfig": {
     "access": "public"
   },

package/src/lib/tokens/themes.css

@@ -41,6 +41,18 @@
     --input: oklch(0.922 0 0);
     --ring: oklch(0.702 0.183 293.541);
 
+    /* State colors */
+    --info: oklch(0.623 0.214 259.815);
+    --info-foreground: oklch(0.985 0 0);
+    --success: oklch(0.627 0.194 149.214);
+    --success-foreground: oklch(0.985 0 0);
+    --warning: oklch(0.795 0.184 86.047);
+    --warning-foreground: oklch(0.145 0 0);
+
+    /* Brand color (orange) */
+    --brand: oklch(0.646 0.222 41.116);
+    --brand-foreground: oklch(0.985 0 0);
+
     --radius: 0.625rem;
 
     /* Tooltip semantic tokens */
@@ -98,6 +110,18 @@
     --input: oklch(0.269 0 0);
     --ring: oklch(0.439 0 0);
 
+    /* State colors (dark) */
+    --info: oklch(0.546 0.245 262.881);
+    --info-foreground: oklch(0.985 0 0);
+    --success: oklch(0.627 0.194 149.214);
+    --success-foreground: oklch(0.985 0 0);
+    --warning: oklch(0.768 0.189 70.08);
+    --warning-foreground: oklch(0.145 0 0);
+
+    /* Brand color (dark) */
+    --brand: oklch(0.702 0.209 41.116);
+    --brand-foreground: oklch(0.985 0 0);
+
     /* Tooltip semantic tokens (dark theme) */
     --tooltip: oklch(0.985 0 0);
     --tooltip-foreground: oklch(0.145 0 0);
@@ -144,15 +168,14 @@
   --color-destructive: var(--destructive);
   --color-destructive-foreground: var(--destructive-foreground);
 
-  /* Status color utilities */
+  --color-info: var(--info);
+  --color-info-foreground: var(--info-foreground);
   --color-success: var(--success);
   --color-success-foreground: var(--success-foreground);
-
   --color-warning: var(--warning);
   --color-warning-foreground: var(--warning-foreground);
-
-  --color-info: var(--info);
-  --color-info-foreground: var(--info-foreground);
+  --color-brand: var(--brand);
+  --color-brand-foreground: var(--brand-foreground);
 
   --color-border: var(--border);
   --color-input: var(--input);