@bsginstitute/bsg-integra 0.0.3 → 0.0.4

package/index.d.ts

@@ -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" | "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>;
 }
 
 /**
@@ -1135,9 +1096,9 @@ 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 outerSize: _angular_core.Signal<20 | 16>;
     readonly innerSize: _angular_core.Signal<14 | 10>;
-    readonly focusRingSize: _angular_core.Signal<26 | 22>;
+    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;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioComponent, never>;
@@ -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;
@@ -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
  *
@@ -2210,7 +2221,7 @@ declare class SwitchComponent {
 
 declare const textareaVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
-    resize?: "none" | "horizontal" | "vertical" | "both" | null | undefined;
+    resize?: "horizontal" | "vertical" | "none" | "both" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type TextareaSize = VariantProps<typeof textareaVariants>['size'];
 type TextareaResize = VariantProps<typeof textareaVariants>['resize'];
@@ -2222,7 +2233,7 @@ declare class TextareaComponent implements ControlValueAccessor, Validator {
     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>;
+    resize: _angular_core.InputSignal<"horizontal" | "vertical" | "none" | "both" | null | undefined>;
     className: _angular_core.InputSignal<string | undefined>;
     get hostClasses(): string;
     value: _angular_core.WritableSignal<string>;
@@ -2585,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.3",
+  "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);