@nurix/ui-component-library 1.1.3-stage.78 → 1.1.3-stage.80

package/dist/index.d.mts

@@ -1,12 +1,20 @@
-import * as React$1 from 'react';
+import * as React from 'react';
 
 type ButtonBorderRadius = "none" | "soft" | "rounded" | "pill";
-type ButtonVariant = "primary" | "destructive" | "outline" | "secondary" | "link";
-type ButtonSize = "default" | "sm" | "lg" | "icon";
+type ButtonVariant = "primary" | "secondary" | "destructive" | "outline" | "link" | "iconPrimary" | "iconSecondary" | "iconOutline";
+type ButtonSize = "default" | "sm" | "lg" | "icon" | "iconSm";
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: ButtonVariant;
     size?: ButtonSize;
     onClick?: () => void;
+    /**
+     * Optional leading/trailing icons (e.g. lucide-react). If `asChild` is true,
+     * children layout is controlled by the consumer, so these are not injected.
+     */
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    showLeadingIcon?: boolean;
+    showTrailingIcon?: boolean;
     /**
      * Design-system controlled border radius
      */
@@ -15,7 +23,7 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     isDarkTheme?: boolean;
 }
 
-declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
 type InputBorderRadius = "none" | "soft" | "rounded" | "pill";
 type SupportingTextType = "help" | "error";
@@ -61,9 +69,9 @@ interface FileInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement
     onFileChange?: (file: File | null) => void;
 }
 
-declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 
-declare const FileInput: React$1.ForwardRefExoticComponent<FileInputProps & React$1.RefAttributes<HTMLInputElement>>;
+declare const FileInput: React.ForwardRefExoticComponent<FileInputProps & React.RefAttributes<HTMLInputElement>>;
 
 type SwitchSize = "default" | "small";
 interface SwitchProps {
@@ -89,131 +97,41 @@ interface SwitchProps {
     style?: React.CSSProperties;
 }
 
-declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
 
 type Theme = "light" | "dark";
 interface ThemeContextType {
     theme: Theme;
     setTheme: (theme: Theme) => void;
 }
-declare const ThemeProvider: React$1.FC<{
-    children: React$1.ReactNode;
+declare const ThemeProvider: React.FC<{
+    children: React.ReactNode;
     defaultTheme?: Theme;
 }>;
-declare const NurixThemeProvider: React$1.FC<{
-    children: React$1.ReactNode;
+declare const NurixThemeProvider: React.FC<{
+    children: React.ReactNode;
     defaultTheme?: Theme;
 }>;
 declare const useTheme: () => ThemeContextType;
 
 interface LegoLandWrapperProps {
-    children: React$1.ReactNode;
+    children: React.ReactNode;
     theme: "light" | "dark";
     className?: string;
-    style?: React$1.CSSProperties;
+    style?: React.CSSProperties;
 }
-declare const LegoLandWrapper: React$1.FC<LegoLandWrapperProps>;
+declare const LegoLandWrapper: React.FC<LegoLandWrapperProps>;
 
-declare const LEGO_TOKENS: {
-    readonly twColors: {
-        readonly mode1: {
-            readonly slate50: "hsla(210, 40, 98, 1)";
-            readonly slate100: "hsla(210, 40, 96, 1)";
-            readonly slate200: "hsla(214, 32, 91, 1)";
-            readonly slate300: "hsla(213, 27, 84, 1)";
-            readonly slate400: "hsla(215, 20, 65, 1)";
-            readonly slate500: "hsla(215, 14, 47, 1)";
-            readonly slate600: "hsla(215, 19, 35, 1)";
-            readonly slate700: "hsla(215, 25, 27, 1)";
-            readonly slate800: "hsla(217, 33, 17, 1)";
-            readonly slate900: "hsla(222, 47, 11, 1)";
-            readonly slate950: "hsla(229, 84, 5, 1)";
-            readonly white: "hsla(0, 0, 100, 1)";
-            readonly black: "hsla(0, 0, 0, 1)";
-        };
-    };
-    readonly uIColors: {
-        readonly lightMode: {
-            readonly background: "#f5f5f5";
-            readonly foreground: "#0a0a0a";
-            readonly border: "#e5e5e5";
-            readonly destructive: "#dc2626";
-            readonly secondary: "#e5e5e5";
-            readonly mutedForeground: "#737373";
-            readonly muted: "#f5f5f5";
-            readonly backgroundColor: "#0000004c";
-            readonly primary: "#1d4885";
-            readonly secondaryForeground: "#0a0a0a";
-            readonly accentForeground: "#171717";
-            readonly accent: "#f5f5f5";
-            readonly ring: "#0090ff";
-            readonly chart3: "#0588f0";
-            readonly chart2: "#0090ff";
-            readonly chart4: "#0d74ce";
-            readonly chart1: "#5eb1ef";
-            readonly chart5: "#113264";
-            readonly card: "#ffffff";
-            readonly cardForeground: "#0a0a0a";
-            readonly popover: "#ffffff";
-            readonly popoverForeground: "#0a0a0a";
-            readonly primaryForeground: "#fafafa";
-            readonly input: "#f5f5f5";
-            readonly sidebar: "#fafafa";
-            readonly sidebarForeground: "#0a0a0a";
-            readonly sidebarPrimary: "#171717";
-            readonly sidebarPrimaryForeground: "#fafafa";
-            readonly sidebarAccent: "#f5f5f5";
-            readonly sidebarAccentForeground: "#171717";
-            readonly sidebarBorder: "#d4d4d4";
-            readonly sidebarRing: "#737373";
-            readonly semanticBackground: "#696867";
-            readonly semanticBorder: "#898887";
-            readonly semanticForeground: "#ffffff";
-            readonly disabled: "#d4d4d4";
-            readonly primary10: "#1d488519";
-            readonly success: "#047857";
-        };
-        readonly darkMode: {
-            readonly background: "#1e1e1e";
-            readonly foreground: "#fafafa";
-            readonly border: "#404040";
-            readonly destructive: "#f87171";
-            readonly secondary: "#262626";
-            readonly mutedForeground: "#a3a3a3";
-            readonly muted: "#262626";
-            readonly backgroundColor: "#0000004c";
-            readonly primary: "#b5d4fd";
-            readonly secondaryForeground: "#fafafa";
-            readonly accentForeground: "#fafafa";
-            readonly accent: "#262626";
-            readonly ring: "#acd8fc";
-            readonly chart3: "#0588f0";
-            readonly chart2: "#0090ff";
-            readonly chart4: "#0d74ce";
-            readonly chart1: "#5eb1ef";
-            readonly chart5: "#113264";
-            readonly card: "#171717";
-            readonly cardForeground: "#fafafa";
-            readonly popover: "#262626";
-            readonly popoverForeground: "#fafafa";
-            readonly primaryForeground: "#171717";
-            readonly input: "#2e3034";
-            readonly sidebar: "#171717";
-            readonly sidebarForeground: "#fafafa";
-            readonly sidebarPrimary: "#0588f0";
-            readonly sidebarPrimaryForeground: "#fafafa";
-            readonly sidebarAccent: "#262626";
-            readonly sidebarAccentForeground: "#fafafa";
-            readonly sidebarBorder: "#ffffffcc";
-            readonly sidebarRing: "#737373";
-            readonly semanticBackground: "#272625";
-            readonly semanticBorder: "#535151";
-            readonly semanticForeground: "#ffffff";
-            readonly disabled: "#404040";
-            readonly primary10: "#e6f1ff19";
-            readonly success: "#a7f3d0";
-        };
-    };
+/**
+ * Hardcoded theme JSON (as requested).
+ * NOTE: `uIColors` values are hex, but at runtime we convert them to HSL channels
+ * so they work with `tailwind.config.ts` which uses `hsl(var(--...))`.
+ */
+declare const DEFAULT_THEME: {
+    /**
+     * Design tokens (numbers) used by components.
+     * This file is the single source of truth (do not duplicate these elsewhere).
+     */
     readonly twPadding: {
         readonly mode1: {
             readonly px0: 0;
@@ -305,6 +223,336 @@ declare const LEGO_TOKENS: {
             readonly "275": 2.75;
         };
     };
+    readonly twColors: {
+        readonly mode1: {
+            readonly slate50: "#f8fafc";
+            readonly slate100: "#f1f5f9";
+            readonly slate200: "#e2e8f0";
+            readonly slate300: "#cbd5e1";
+            readonly slate400: "#94a3b8";
+            readonly slate500: "#64748b";
+            readonly slate600: "#475569";
+            readonly slate700: "#334155";
+            readonly slate800: "#1e293b";
+            readonly slate900: "#0f172a";
+            readonly slate950: "#020617";
+            readonly gray50: "#f9fafb";
+            readonly gray100: "#f3f4f6";
+            readonly gray200: "#e5e7eb";
+            readonly gray300: "#d1d5db";
+            readonly gray400: "#9ca3af";
+            readonly gray500: "#6b7280";
+            readonly gray600: "#4b5563";
+            readonly gray700: "#374151";
+            readonly gray800: "#1f2937";
+            readonly gray900: "#111827";
+            readonly gray950: "#030712";
+            readonly zinc50: "#fafafa";
+            readonly zinc100: "#f4f4f5";
+            readonly zinc200: "#e4e4e7";
+            readonly zinc300: "#d4d4d8";
+            readonly zinc400: "#a1a1aa";
+            readonly zinc500: "#71717a";
+            readonly zinc600: "#52525b";
+            readonly zinc700: "#3f3f46";
+            readonly zinc800: "#27272a";
+            readonly zinc900: "#18181b";
+            readonly zinc950: "#09090b";
+            readonly neutral50: "#fafafa";
+            readonly neutral100: "#f5f5f5";
+            readonly neutral200: "#e5e5e5";
+            readonly neutral300: "#d4d4d4";
+            readonly neutral400: "#a3a3a3";
+            readonly neutral500: "#737373";
+            readonly neutral600: "#525252";
+            readonly neutral700: "#404040";
+            readonly neutral800: "#262626";
+            readonly neutral900: "#171717";
+            readonly neutral950: "#0a0a0a";
+            readonly stone50: "#fafaf9";
+            readonly stone100: "#f5f5f4";
+            readonly stone200: "#e7e5e4";
+            readonly stone300: "#d6d3d1";
+            readonly stone400: "#a8a29e";
+            readonly stone500: "#78716c";
+            readonly stone600: "#57534e";
+            readonly stone700: "#44403c";
+            readonly stone800: "#292524";
+            readonly stone900: "#1c1917";
+            readonly stone950: "#0c0a09";
+            readonly red50: "#fef2f2";
+            readonly red100: "#fee2e2";
+            readonly red200: "#fecaca";
+            readonly red300: "#fca5a5";
+            readonly red400: "#f87171";
+            readonly red500: "#ef4444";
+            readonly red600: "#dc2626";
+            readonly red700: "#b91c1c";
+            readonly red800: "#991b1b";
+            readonly red900: "#7f1d1d";
+            readonly red950: "#450a0a";
+            readonly orange50: "#fff7ed";
+            readonly orange100: "#ffedd5";
+            readonly orange200: "#fed7aa";
+            readonly orange300: "#fdba74";
+            readonly orange400: "#fb923c";
+            readonly orange500: "#f97316";
+            readonly orange600: "#ea580c";
+            readonly orange700: "#c2410c";
+            readonly orange800: "#9a3412";
+            readonly orange900: "#7c2d12";
+            readonly orange950: "#431407";
+            readonly amber50: "#fffbeb";
+            readonly amber100: "#fef3c7";
+            readonly amber200: "#fde68a";
+            readonly amber300: "#fcd34d";
+            readonly amber400: "#fbbf24";
+            readonly amber500: "#f59e0b";
+            readonly amber600: "#d97706";
+            readonly amber700: "#b45309";
+            readonly amber800: "#92400e";
+            readonly amber900: "#78350f";
+            readonly amber950: "#451a03";
+            readonly green50: "#f0fdf4";
+            readonly green100: "#dcfce7";
+            readonly green200: "#bbf7d0";
+            readonly green300: "#86efac";
+            readonly green400: "#4ade80";
+            readonly green500: "#22c55e";
+            readonly green600: "#16a34a";
+            readonly green700: "#15803d";
+            readonly green800: "#166534";
+            readonly green900: "#14532d";
+            readonly green950: "#052e16";
+            readonly emerald50: "#ecfdf5";
+            readonly emerald100: "#d1fae5";
+            readonly emerald200: "#a7f3d0";
+            readonly emerald300: "#6ee7b7";
+            readonly emerald400: "#34d399";
+            readonly emerald500: "#10b981";
+            readonly emerald600: "#059669";
+            readonly emerald700: "#047857";
+            readonly emerald800: "#065f46";
+            readonly emerald900: "#064e3b";
+            readonly emerald950: "#022c22";
+            readonly teal50: "#f0fdfa";
+            readonly teal100: "#ccfbf1";
+            readonly teal200: "#99f6e4";
+            readonly teal300: "#5eead4";
+            readonly teal400: "#2dd4bf";
+            readonly teal500: "#14b8a6";
+            readonly teal600: "#0d9488";
+            readonly teal700: "#0f766e";
+            readonly teal800: "#115e59";
+            readonly teal900: "#134e4a";
+            readonly teal950: "#042f2e";
+            readonly cyan50: "#ecfeff";
+            readonly cyan100: "#cffafe";
+            readonly cyan200: "#a5f3fc";
+            readonly cyan300: "#67e8f9";
+            readonly cyan400: "#22d3ee";
+            readonly cyan500: "#06b6d4";
+            readonly cyan600: "#0891b2";
+            readonly cyan700: "#0e7490";
+            readonly cyan800: "#155e75";
+            readonly cyan900: "#164e63";
+            readonly cyan950: "#083344";
+            readonly sky50: "#f0f9ff";
+            readonly sky100: "#e0f2fe";
+            readonly sky200: "#bae6fd";
+            readonly sky300: "#7dd3fc";
+            readonly sky400: "#38bdf8";
+            readonly sky500: "#0ea5e9";
+            readonly sky600: "#0284c7";
+            readonly sky700: "#0369a1";
+            readonly sky800: "#075985";
+            readonly sky900: "#0c4a6e";
+            readonly sky950: "#082f49";
+            readonly indigo50: "#eef2ff";
+            readonly indigo100: "#e0e7ff";
+            readonly indigo200: "#c7d2fe";
+            readonly indigo300: "#a5b4fc";
+            readonly indigo400: "#818cf8";
+            readonly indigo500: "#6366f1";
+            readonly indigo600: "#4f46e5";
+            readonly indigo700: "#4338ca";
+            readonly indigo800: "#3730a3";
+            readonly indigo900: "#312e81";
+            readonly indigo950: "#1e1b4b";
+            readonly violet50: "#f5f3ff";
+            readonly violet100: "#ede9fe";
+            readonly violet200: "#ddd6fe";
+            readonly violet300: "#c4b5fd";
+            readonly violet400: "#a78bfa";
+            readonly violet500: "#8b5cf6";
+            readonly violet600: "#7c3aed";
+            readonly violet700: "#6d28d9";
+            readonly violet800: "#5b21b6";
+            readonly violet900: "#4c1d95";
+            readonly violet950: "#2e1065";
+            readonly purple50: "#faf5ff";
+            readonly purple100: "#f3e8ff";
+            readonly purple200: "#e9d5ff";
+            readonly purple300: "#d8b4fe";
+            readonly purple400: "#c084fc";
+            readonly purple500: "#a855f7";
+            readonly purple600: "#9333ea";
+            readonly purple700: "#7e22ce";
+            readonly purple800: "#6b21a8";
+            readonly purple900: "#581c87";
+            readonly purple950: "#3b0764";
+            readonly fuchsia50: "#fdf4ff";
+            readonly fuchsia100: "#fae8ff";
+            readonly fuchsia200: "#f5d0fe";
+            readonly fuchsia300: "#f0abfc";
+            readonly fuchsia400: "#e879f9";
+            readonly fuchsia500: "#d946ef";
+            readonly fuchsia600: "#c026d3";
+            readonly fuchsia700: "#a21caf";
+            readonly fuchsia800: "#86198f";
+            readonly fuchsia900: "#701a75";
+            readonly fuchsia950: "#4a044e";
+            readonly pink50: "#fdf2f8";
+            readonly pink100: "#fce7f3";
+            readonly pink200: "#fbcfe8";
+            readonly pink300: "#f9a8d4";
+            readonly pink400: "#f472b6";
+            readonly pink500: "#ec4899";
+            readonly pink600: "#db2777";
+            readonly pink700: "#be185d";
+            readonly pink800: "#9d174d";
+            readonly pink900: "#831843";
+            readonly pink950: "#500724";
+            readonly rose50: "#fff1f2";
+            readonly rose100: "#ffe4e6";
+            readonly rose200: "#fecdd3";
+            readonly rose300: "#fda4af";
+            readonly rose400: "#fb7185";
+            readonly rose500: "#f43f5e";
+            readonly rose600: "#e11d48";
+            readonly rose700: "#be123c";
+            readonly rose800: "#9f1239";
+            readonly rose900: "#881337";
+            readonly rose950: "#4c0519";
+            readonly lime50: "#f7fee7";
+            readonly lime100: "#ecfccb";
+            readonly lime200: "#d9f99d";
+            readonly lime300: "#bef264";
+            readonly lime400: "#a3e635";
+            readonly lime500: "#84cc16";
+            readonly lime600: "#65a30d";
+            readonly lime700: "#4d7c0f";
+            readonly lime800: "#3f6212";
+            readonly lime900: "#365314";
+            readonly lime950: "#1a2e05";
+            readonly yellow50: "#fefce8";
+            readonly yellow100: "#fef9c3";
+            readonly yellow200: "#fef08a";
+            readonly yellow300: "#fde047";
+            readonly yellow400: "#facc15";
+            readonly yellow500: "#eab308";
+            readonly yellow600: "#ca8a04";
+            readonly yellow700: "#a16207";
+            readonly yellow800: "#854d0e";
+            readonly yellow900: "#713f12";
+            readonly yellow950: "#422006";
+            readonly blue50: "#eff6ff";
+            readonly blue100: "#dbeafe";
+            readonly blue200: "#bfdbfe";
+            readonly blue300: "#93c5fd";
+            readonly blue400: "#60a5fa";
+            readonly blue500: "#3b82f6";
+            readonly blue600: "#2563eb";
+            readonly blue700: "#1d4ed8";
+            readonly blue800: "#1e40af";
+            readonly blue900: "#1e3a8a";
+            readonly blue950: "#172554";
+            readonly white: "#ffffff";
+            readonly black: "#000000";
+        };
+    };
+    readonly uIColors: {
+        readonly lightMode: {
+            readonly background: "#f5f5f5";
+            readonly foreground: "#0a0a0a";
+            readonly border: "#e5e5e5";
+            readonly destructive: "#dc2626";
+            readonly secondary: "#e5e5e5";
+            readonly mutedForeground: "#737373";
+            readonly muted: "#f5f5f5";
+            readonly backgroundColor: "#0000004d";
+            readonly primary: "#1d4885";
+            readonly secondaryForeground: "#0a0a0a";
+            readonly accentForeground: "#171717";
+            readonly accent: "#f5f5f5";
+            readonly ring: "#0090ff";
+            readonly chart3: "#0588f0";
+            readonly chart2: "#0090ff";
+            readonly chart4: "#0d74ce";
+            readonly chart1: "#5eb1ef";
+            readonly chart5: "#113264";
+            readonly card: "#ffffff";
+            readonly cardForeground: "#0a0a0a";
+            readonly popover: "#ffffff";
+            readonly popoverForeground: "#0a0a0a";
+            readonly primaryForeground: "#fafafa";
+            readonly input: "#f5f5f5";
+            readonly sidebar: "#fafafa";
+            readonly sidebarForeground: "#0a0a0a";
+            readonly sidebarPrimary: "#171717";
+            readonly sidebarPrimaryForeground: "#fafafa";
+            readonly sidebarAccent: "#f5f5f5";
+            readonly sidebarAccentForeground: "#171717";
+            readonly sidebarBorder: "#d4d4d4";
+            readonly sidebarRing: "#737373";
+            readonly semanticBackground: "#696867";
+            readonly semanticBorder: "#898887";
+            readonly semanticForeground: "#ffffff";
+            readonly disabled: "#d4d4d4";
+            readonly primary10: "#1d488519";
+            readonly success: "#047857";
+        };
+        readonly darkMode: {
+            readonly background: "#1e1e1e";
+            readonly foreground: "#fafafa";
+            readonly border: "#404040";
+            readonly destructive: "#f87171";
+            readonly secondary: "#262626";
+            readonly mutedForeground: "#a3a3a3";
+            readonly muted: "#262626";
+            readonly backgroundColor: "#0000004d";
+            readonly primary: "#b5d5fd";
+            readonly secondaryForeground: "#fafafa";
+            readonly accentForeground: "#fafafa";
+            readonly accent: "#262626";
+            readonly ring: "#acd8fc";
+            readonly chart3: "#0588f0";
+            readonly chart2: "#0090ff";
+            readonly chart4: "#0d74ce";
+            readonly chart1: "#5eb1ef";
+            readonly chart5: "#113264";
+            readonly card: "#171717";
+            readonly cardForeground: "#fafafa";
+            readonly popover: "#262626";
+            readonly popoverForeground: "#fafafa";
+            readonly primaryForeground: "#171717";
+            readonly input: "#2e3034";
+            readonly sidebar: "#171717";
+            readonly sidebarForeground: "#fafafa";
+            readonly sidebarPrimary: "#0588f0";
+            readonly sidebarPrimaryForeground: "#fafafa";
+            readonly sidebarAccent: "#262626";
+            readonly sidebarAccentForeground: "#fafafa";
+            readonly sidebarBorder: "#ffffffcc";
+            readonly sidebarRing: "#737373";
+            readonly semanticBackground: "#272625";
+            readonly semanticBorder: "#535151";
+            readonly semanticForeground: "#ffffff";
+            readonly disabled: "#404040";
+            readonly primary10: "#e6f1ff1a";
+            readonly success: "#a7f3d0";
+        };
+    };
     readonly components: {
         readonly mode1: {
             readonly inputRadius: 16;
@@ -312,27 +560,17 @@ declare const LEGO_TOKENS: {
             readonly inputHeightLarge: 64;
             readonly inputPaddingHorizontal: 16;
             readonly inputPaddingVertical: 8;
-            readonly inputActiveBg: "hsla(0, 0, 96, 1)";
-            readonly inputFocussedBg: "hsla(0, 0, 98, 1)";
-            readonly inputFocussedRing: "hsla(200, 64, 39, 1)";
             readonly buttonHeight: 40;
             readonly buttonRadius: 24;
+            readonly inputActiveBg: "#2e3034";
+            readonly inputFocussedBg: "#2e3034";
+            readonly inputFocussedRing: "#acd8fc";
         };
     };
 };
-type LegoTheme = "light" | "dark";
-/**
- * Convert hex colors like "#RRGGBB" or "#RGB" into the format Tailwind expects for
- * `hsl(var(--token))`: "H S% L%".
- */
-declare function hexToHslVarValue(hex: string): string;
-type CSSVarStyle = Record<`--${string}`, string> & {
-    colorScheme?: "light" | "dark";
-};
-declare function getLegoLandThemeCSSVars(theme: LegoTheme): CSSVarStyle;
 
 interface ShadowDOMWrapperProps {
-    children: React$1.ReactNode;
+    children: React.ReactNode;
     /**
      * CSS styles to inject into the shadow root.
      * If not provided, styles will be extracted from the document's stylesheets.
@@ -359,6 +597,6 @@ interface ShadowDOMWrapperProps {
  * ShadowDOMWrapper component that wraps children in a Shadow DOM.
  * This isolates component styles and DOM structure from the parent document.
  */
-declare const ShadowDOMWrapper: React$1.FC<ShadowDOMWrapperProps>;
+declare const ShadowDOMWrapper: React.FC<ShadowDOMWrapperProps>;
 
-export { Button, type ButtonProps, FileInput, type FileInputProps, Input, type InputProps, LEGO_TOKENS, LegoLandWrapper, type LegoLandWrapperProps, type LegoTheme, NurixThemeProvider, ShadowDOMWrapper, Switch, type SwitchProps, ThemeProvider, getLegoLandThemeCSSVars, hexToHslVarValue, useTheme };
+export { Button, type ButtonBorderRadius, type ButtonProps, type ButtonSize, type ButtonVariant, DEFAULT_THEME, FileInput, type FileInputProps, Input, type InputBorderRadius, type InputForceState, type InputProps, LegoLandWrapper, type LegoLandWrapperProps, NurixThemeProvider, ShadowDOMWrapper, type SupportingTextType, Switch, type SwitchProps, type SwitchSize, ThemeProvider, useTheme };