@zonos/amino 5.5.30 → 5.5.32

package/styles/constants/theme.d.ts

@@ -0,0 +1,534 @@
+export declare const theme: {
+    /** @info all 0.2s ease-in-out 0s, visibility 0s */
+    readonly transition: "var(--amino-transition)";
+    /** @info 16px */
+    readonly typeScaleBase: "var(--amino-type-scale-base)";
+    /** @info #10111600 */
+    readonly glass0: "var(--amino-glass-0)";
+    /** @info #1011160A */
+    readonly glass50: "var(--amino-glass-50)";
+    /** @info #10111614 */
+    readonly glass100: "var(--amino-glass-100)";
+    /** @info #10111626 */
+    readonly glass200: "var(--amino-glass-200)";
+    /** @info #1011163D */
+    readonly glass300: "var(--amino-glass-300)";
+    /** @info #10111656 */
+    readonly glass400: "var(--amino-glass-400)";
+    /** @info #10111670 */
+    readonly glass500: "var(--amino-glass-500)";
+    /** @info #1011169B */
+    readonly glass600: "var(--amino-glass-600)";
+    /** @info #101116AD */
+    readonly glass700: "var(--amino-glass-700)";
+    /** @info #101116BC */
+    readonly glass800: "var(--amino-glass-800)";
+    /** @info #101116C6 */
+    readonly glass900: "var(--amino-glass-900)";
+    /** @info #101116DD */
+    readonly glass950: "var(--amino-glass-950)";
+    /** @info #101116EF */
+    readonly glass1000: "var(--amino-glass-1000)";
+    /** @info white  */
+    readonly gray0: "var(--amino-gray-0)";
+    /** @info #F0F2F4  */
+    readonly gray50: "var(--amino-gray-50)";
+    /** @info #E3E4E8  */
+    readonly gray100: "var(--amino-gray-100)";
+    /** @info #C8CAD2  */
+    readonly gray200: "var(--amino-gray-200)";
+    /** @info #ABAEB5  */
+    readonly gray300: "var(--amino-gray-300)";
+    /** @info #9598A2  */
+    readonly gray400: "var(--amino-gray-400)";
+    /** @info #7D7F8C  */
+    readonly gray500: "var(--amino-gray-500)";
+    /** @info #6A6E7A  */
+    readonly gray600: "var(--amino-gray-600)";
+    /** @info #585A65  */
+    readonly gray700: "var(--amino-gray-700)";
+    /** @info #454751  */
+    readonly gray800: "var(--amino-gray-800)";
+    /** @info #32353E  */
+    readonly gray900: "var(--amino-gray-900)";
+    /** @info #1F212A  */
+    readonly gray950: "var(--amino-gray-950)";
+    /** @info #101117  */
+    readonly gray1000: "var(--amino-gray-1000)";
+    /** @info #ECF7FF  */
+    readonly blue50: "var(--amino-blue-50)";
+    /** @info #D2ECFF  */
+    readonly blue100: "var(--amino-blue-100)";
+    /** @info #A8DCFE  */
+    readonly blue200: "var(--amino-blue-200)";
+    /** @info #56C4FF  */
+    readonly blue300: "var(--amino-blue-300)";
+    /** @info #00A8F8  */
+    readonly blue400: "var(--amino-blue-400)";
+    /** @info #0089EA  */
+    readonly blue500: "var(--amino-blue-500)";
+    /** @info #006CD3  */
+    readonly blue600: "var(--amino-blue-600)";
+    /** @info #0055BA  */
+    readonly blue700: "var(--amino-blue-700)";
+    /** @info #00439F  */
+    readonly blue800: "var(--amino-blue-800)";
+    /** @info #003172  */
+    readonly blue900: "var(--amino-blue-900)";
+    /** @info #072047  */
+    readonly blue950: "var(--amino-blue-950)";
+    /** @info #E9F9F8  */
+    readonly cyan50: "var(--amino-cyan-50)";
+    /** @info #B8FAF5  */
+    readonly cyan100: "var(--amino-cyan-100)";
+    /** @info #7BEAE3  */
+    readonly cyan200: "var(--amino-cyan-200)";
+    /** @info #00D5D1  */
+    readonly cyan300: "var(--amino-cyan-300)";
+    /** @info #00BCBA  */
+    readonly cyan400: "var(--amino-cyan-400)";
+    /** @info #00A0A1  */
+    readonly cyan500: "var(--amino-cyan-500)";
+    /** @info #007F80  */
+    readonly cyan600: "var(--amino-cyan-600)";
+    /** @info #00686A  */
+    readonly cyan700: "var(--amino-cyan-700)";
+    /** @info #005559  */
+    readonly cyan800: "var(--amino-cyan-800)";
+    /** @info #003E40  */
+    readonly cyan900: "var(--amino-cyan-900)";
+    /** @info #00272A  */
+    readonly cyan950: "var(--amino-cyan-950)";
+    /** @info #FFF1F3  */
+    readonly red50: "var(--amino-red-50)";
+    /** @info #FFDDE0  */
+    readonly red100: "var(--amino-red-100)";
+    /** @info #FBC1C6  */
+    readonly red200: "var(--amino-red-200)";
+    /** @info #FF8D98  */
+    readonly red300: "var(--amino-red-300)";
+    /** @info #FF5464  */
+    readonly red400: "var(--amino-red-400)";
+    /** @info #E7293C  */
+    readonly red500: "var(--amino-red-500)";
+    /** @info #C41524  */
+    readonly red600: "var(--amino-red-600)";
+    /** @info #A3101B  */
+    readonly red700: "var(--amino-red-700)";
+    /** @info #8B0C18  */
+    readonly red800: "var(--amino-red-800)";
+    /** @info #620812  */
+    readonly red900: "var(--amino-red-900)";
+    /** @info #410509  */
+    readonly red950: "var(--amino-red-950)";
+    /** @info #FDF3E8  */
+    readonly orange50: "var(--amino-orange-50)";
+    /** @info #FFE7CA  */
+    readonly orange100: "var(--amino-orange-100)";
+    /** @info #FFD29F  */
+    readonly orange200: "var(--amino-orange-200)";
+    /** @info #FFBA77  */
+    readonly orange300: "var(--amino-orange-300)";
+    /** @info #FF9B55  */
+    readonly orange400: "var(--amino-orange-400)";
+    /** @info #FF7D35  */
+    readonly orange500: "var(--amino-orange-500)";
+    /** @info #E74F00  */
+    readonly orange600: "var(--amino-orange-600)";
+    /** @info #B73500  */
+    readonly orange700: "var(--amino-orange-700)";
+    /** @info #972800  */
+    readonly orange800: "var(--amino-orange-800)";
+    /** @info #6E1D00  */
+    readonly orange900: "var(--amino-orange-900)";
+    /** @info #460C00  */
+    readonly orange950: "var(--amino-orange-950)";
+    /** @info #EAFAEE  */
+    readonly green50: "var(--amino-green-50)";
+    /** @info #C9F9D8  */
+    readonly green100: "var(--amino-green-100)";
+    /** @info #99EAB5  */
+    readonly green200: "var(--amino-green-200)";
+    /** @info #63D591  */
+    readonly green300: "var(--amino-green-300)";
+    /** @info #00C46F  */
+    readonly green400: "var(--amino-green-400)";
+    /** @info #00A859  */
+    readonly green500: "var(--amino-green-500)";
+    /** @info #008544  */
+    readonly green600: "var(--amino-green-600)";
+    /** @info #006D3A  */
+    readonly green700: "var(--amino-green-700)";
+    /** @info #005A2F  */
+    readonly green800: "var(--amino-green-800)";
+    /** @info #004123  */
+    readonly green900: "var(--amino-green-900)";
+    /** @info #002A15  */
+    readonly green950: "var(--amino-green-950)";
+    /** @info #F9F2FD  */
+    readonly purple50: "var(--amino-purple-50)";
+    /** @info #F3DFFF  */
+    readonly purple100: "var(--amino-purple-100)";
+    /** @info #E8C4FE  */
+    readonly purple200: "var(--amino-purple-200)";
+    /** @info #D998FF  */
+    readonly purple300: "var(--amino-purple-300)";
+    /** @info #C96DFF  */
+    readonly purple400: "var(--amino-purple-400)";
+    /** @info #B43AFF  */
+    readonly purple500: "var(--amino-purple-500)";
+    /** @info #9817E2  */
+    readonly purple600: "var(--amino-purple-600)";
+    /** @info #7F00C0  */
+    readonly purple700: "var(--amino-purple-700)";
+    /** @info #6A089A  */
+    readonly purple800: "var(--amino-purple-800)";
+    /** @info #4C126B  */
+    readonly purple900: "var(--amino-purple-900)";
+    /** @info #34084E  */
+    readonly purple950: "var(--amino-purple-950)";
+    /** @info #FFFFFFBB */
+    readonly transparentWhite: "var(--amino-transparent-white)";
+    /** @info #101116BB */
+    readonly transparentBlack: "var(--amino-transparent-black)";
+    /** @info #6A6D771F */
+    readonly transparentGray600: "var(--amino-transparent-gray-600)";
+    /** @info 0px 1px 3px 0px rgba(10, 10, 11, 0.1), 0px 1px 2px rgba(10, 10, 11, 0.06), 0px 0px 0px 1px rgba(110, 110, 120, 0.1) */
+    readonly v3ShadowBase: "var(--amino-v3-shadow-base)";
+    /** @info 0px 2px 4px 0px rgba(10, 10, 11, 0.06), 0px 4px 6px rgba(10, 10, 11, 0.1), 0px 0px 0px 1px rgba(110, 110, 120, 0.1) */
+    readonly v3ShadowMedium: "var(--amino-v3-shadow-medium)";
+    /** @info 0px 4px 6px 0px rgba(10, 10, 11, 0.05), 0px 10px 15px rgba(10, 10, 11, 0.1), 0px 0px 0px 1px rgba(110, 110, 120, 0.1) */
+    readonly v3ShadowLarge: "var(--amino-v3-shadow-large)";
+    /** @info 0px 10px 10px 0px rgba(12, 12, 13, 0.04), 0px 20px 25px rgba(10, 10, 11, 0.1), 0px 0px 0px 1px rgba(110, 110, 120, 0.1) */
+    readonly v3ShadowXl: "var(--amino-v3-shadow-xl)";
+    /** @info 0px 32px 50px 0px rgba(10, 10, 11, 0.24), 0px 0px 0px 1px rgba(110, 110, 120, 0.1) */
+    readonly v3ShadowXxl: "var(--amino-v3-shadow-xxl)";
+    /** @info 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 1px 0px 0px rgba(255, 255, 255, 1), inset 0px 0px 8px rgba(0, 0, 0, 0.02), inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.06), inset 0px 2px 4px rgba(0, 0, 0, 0.04), inset 0px 1px 1px rgba(0, 0, 0, 0.04) */
+    readonly v3ShadowInset: "var(--amino-v3-shadow-inset)";
+    /** @info 0px 0px 0px 1px var(--amino-primary), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.0), 0px -1px 0px 0px rgba(255, 255, 255, 0.08) inset, 0px 2px 2px -1px rgba(47, 54, 159, 0.24), 0px 4px 4px -2px rgba(47, 54, 159, 0.12) */
+    readonly shadowButtonPrimary: "var(--amino-shadow-button-primary)";
+    /** @info 0px 0px 0px 1px var(--amino-primary), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.12), 0px -1px 0px 0px rgba(255, 255, 255, 0.08) inset, 0px 2px 2px -1px rgba(47, 54, 159, 0.24), 0px 4px 4px -2px rgba(47, 54, 159, 0.12) */
+    readonly shadowButtonPrimaryFocus: "var(--amino-shadow-button-primary-focus)";
+    /** @info 0px 0px 0px 1px var(--amino-green-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.00), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(1, 87, 31, 0.24), 0px 4px 4px -2px rgba(1, 87, 31, 0.12) */
+    readonly shadowButtonSuccess: "var(--amino-shadow-button-success)";
+    /** @info 0px 0px 0px 1px var(--amino-green-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.12), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(1, 87, 31, 0.24), 0px 4px 4px -2px rgba(1, 87, 31, 0.12) */
+    readonly shadowButtonSuccessFocus: "var(--amino-shadow-button-success-focus)";
+    /** @info 0px 0px 0px 1px var(--amino-red-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.00), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(138, 2, 13, 0.24), 0px 4px 4px -2px rgba(138, 2, 13, 0.12) */
+    readonly shadowButtonDanger: "var(--amino-shadow-button-danger)";
+    /** @info 0px 0px 0px 1px var(--amino-red-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.12), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(138, 2, 13, 0.24), 0px 4px 4px -2px rgba(138, 2, 13, 0.12) */
+    readonly shadowButtonDangerFocus: "var(--amino-shadow-button-danger-focus)";
+    /** @info 0px 0px 0px 1px var(--amino-orange-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.00), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(123, 41, 5, 0.24), 0px 4px 4px -2px rgba(123, 41, 5, 0.12) */
+    readonly shadowButtonWarning: "var(--amino-shadow-button-warning)";
+    /** @info 0px 0px 0px 1px var(--amino-orange-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.12), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(123, 41, 5, 0.24), 0px 4px 4px -2px rgba(123, 41, 5, 0.12) */
+    readonly shadowButtonWarningFocus: "var(--amino-shadow-button-warning-focus)";
+    /** @info 0px 0px 0px 1px var(--amino-purple-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.00), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(97, 20, 148, 0.24), 0px 4px 4px -2px rgba(97, 20, 148, 0.12) */
+    readonly shadowButtonPurple: "var(--amino-shadow-button-purple)";
+    /** @info 0px 0px 0px 1px var(--amino-purple-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.12), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(97, 20, 148, 0.24), 0px 4px 4px -2px rgba(97, 20, 148, 0.12) */
+    readonly shadowButtonPurpleFocus: "var(--amino-shadow-button-purple-focus)";
+    /** @info 0px 0px 0px 1px var(--amino-cyan-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.00), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(20, 86, 91, 0.24), 0px 4px 4px -2px rgba(20, 86, 91, 0.12) */
+    readonly shadowButtonCyan: "var(--amino-shadow-button-cyan)";
+    /** @info 0px 0px 0px 1px var(--amino-cyan-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.12), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(20, 86, 91, 0.24), 0px 4px 4px -2px rgba(20, 86, 91, 0.12) */
+    readonly shadowButtonCyanFocus: "var(--amino-shadow-button-cyan-focus)";
+    /** @info 0 0 0 2px var(--amino-blue-500) */
+    readonly buttonFocusRing: "var(--amino-button-focus-ring)";
+    /** @info 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08), 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0px 0px 4px rgba(0, 0, 0, 0.00) */
+    readonly shadowRaisedStandard: "var(--amino-shadow-raised-standard)";
+    /** @info 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08), 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0px 0px 4px rgba(0, 0, 0, 0.00) */
+    readonly shadowRaisedActive: "var(--amino-shadow-raised-active)";
+    /** @info 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08), 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0px 0px 4px rgba(0, 0, 0, 0.08) */
+    readonly shadowRaisedFocus: "var(--amino-shadow-raised-focus)";
+    /** @info 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08), 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px var(--amino-red-600), 0px 0px 0px 4px rgba(221, 49, 75, 0.00) */
+    readonly shadowRaisedError: "var(--amino-shadow-raised-error)";
+    /** @info 0px 1px 1px -0.5px rgba(0, 0, 0, 0.08), 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 4px 4px -2px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px var(--amino-red-600), 0px 0px 0px 4px rgba(221, 49, 75, 0.12) */
+    readonly shadowRaisedErrorFocus: "var(--amino-shadow-raised-error-focus)";
+    /** @info 0px 0px 0px 1px var(--amino-gray-500), 0px 1px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 0px 0px 4px rgba(0, 0, 0, 0.00), 0px -1px 0px 0px rgba(255, 255, 255, 0.06) inset, 0px 2px 2px -1px rgba(0, 0, 0, 0.24), 0px 4px 4px -2px rgba(0, 0, 0, 0.12), 0px 0px 0px 4px rgba(0, 0, 0, 0.00) */
+    readonly shadowButtonDisabled: "var(--amino-shadow-button-disabled)";
+    /** @info 0px 0px 0px 1px var(--amino-gray-200), 0px 0px 0px 4px rgba(0, 0, 0, 0.00) */
+    readonly shadowInputBase: "var(--amino-shadow-input-base)";
+    /** @info 0px 0px 0px 1px var(--amino-gray-300), 0px 0px 0px 4px rgba(0, 0, 0, 0.08) */
+    readonly shadowInputFocus: "var(--amino-shadow-input-focus)";
+    /** @info 0px 0px 0px 1px var(--amino-red-600), 0px 0px 0px 4px rgba(221, 49, 75, 0.00) */
+    readonly shadowInputError: "var(--amino-shadow-input-error)";
+    /** @info 0px 0px 0px 1px var(--amino-red-600), 0px 0px 0px 4px rgba(221, 49, 75, 0.12) */
+    readonly shadowInputErrorFocus: "var(--amino-shadow-input-error-focus)";
+    /** @info 0px 1px 3px 0px rgba(110, 110, 120, 0.12), 0px -1px 1px 1px rgba(0, 0, 0, 0.08) inset, 0px 0px 0px 1px rgba(106, 109, 119, 0.12) inset */
+    readonly shadowSelectBase: "var(--amino-shadow-select-base)";
+    /** @info 0px 1px 3px 0px oklch(62% 0.226011 249.91 / 0.04), 0px 0px 0px 1px var(--amino-blue-500) inset, 0px -1px 1px 1px oklch(62% 0.226011 249.91 / 0.12) inset */
+    readonly shadowSelectActive: "var(--amino-shadow-select-active)";
+    /** @info 0px 1px 3px 0px oklch(64% 0.277484 24.49 / 0.04), 0px 0px 0px 1px var(--amino-red-500) inset, 0px -1px 1px 1px oklch(64% 0.277484 24.49 / 0.12) inset */
+    readonly shadowSelectError: "var(--amino-shadow-select-error)";
+    /** @info 0.6 */
+    readonly opacityDisabled: "var(--amino-opacity-disabled)";
+    /** @info space-negative-80: -5rem (-80px) */
+    readonly spaceNegative80: "var(--amino-space-negative-80)";
+    /** @info space-negative-76: -4.75rem (-76px) */
+    readonly spaceNegative76: "var(--amino-space-negative-76)";
+    /** @info space-negative-72: -4.5rem (-72px) */
+    readonly spaceNegative72: "var(--amino-space-negative-72)";
+    /** @info space-negative-68: -4.25rem (-68px) */
+    readonly spaceNegative68: "var(--amino-space-negative-68)";
+    /** @info space-negative-64: -4rem (-64px) */
+    readonly spaceNegative64: "var(--amino-space-negative-64)";
+    /** @info space-negative-60: -3.75rem (-60px) */
+    readonly spaceNegative60: "var(--amino-space-negative-60)";
+    /** @info space-negative-56: -3.5rem (-56px) */
+    readonly spaceNegative56: "var(--amino-space-negative-56)";
+    /** @info space-negative-52: -3.25rem (-52px) */
+    readonly spaceNegative52: "var(--amino-space-negative-52)";
+    /** @info space-negative-48: -3rem (-48px) */
+    readonly spaceNegative48: "var(--amino-space-negative-48)";
+    /** @info space-negative-44: -2.75rem (-44px) */
+    readonly spaceNegative44: "var(--amino-space-negative-44)";
+    /** @info space-negative-40: -2.5rem (-40px) */
+    readonly spaceNegative40: "var(--amino-space-negative-40)";
+    /** @info space-negative-36: -2.25rem (-36px) */
+    readonly spaceNegative36: "var(--amino-space-negative-36)";
+    /** @info space-negative-32: -2rem (-32px) */
+    readonly spaceNegative32: "var(--amino-space-negative-32)";
+    /** @info space-negative-28: -1.75rem (-28px) */
+    readonly spaceNegative28: "var(--amino-space-negative-28)";
+    /** @info space-negative-24: -1.5rem (-24px) */
+    readonly spaceNegative24: "var(--amino-space-negative-24)";
+    /** @info space-negative-20: -1.25rem (-20px) */
+    readonly spaceNegative20: "var(--amino-space-negative-20)";
+    /** @info space-negative-16: -1rem (-16px) */
+    readonly spaceNegative16: "var(--amino-space-negative-16)";
+    /** @info space-negative-12: -0.75rem (-12px) */
+    readonly spaceNegative12: "var(--amino-space-negative-12)";
+    /** @info space-negative-8: -0.5rem (-8px) */
+    readonly spaceNegative8: "var(--amino-space-negative-8)";
+    /** @info space-negative-4: -0.25rem (-4px) */
+    readonly spaceNegative4: "var(--amino-space-negative-4)";
+    /** @info space-0: 0 (0) */
+    readonly space0: "var(--amino-space-0)";
+    /** @info space-4: 0.25rem (4px) */
+    readonly space4: "var(--amino-space-4)";
+    /** @info space-8: 0.5rem (8px) */
+    readonly space8: "var(--amino-space-8)";
+    /** @info space-12: 0.75rem (12px) */
+    readonly space12: "var(--amino-space-12)";
+    /** @info space-16: 1rem (16px) */
+    readonly space16: "var(--amino-space-16)";
+    /** @info space-20: 1.25rem (20px) */
+    readonly space20: "var(--amino-space-20)";
+    /** @info space-24: 1.5rem (24px) */
+    readonly space24: "var(--amino-space-24)";
+    /** @info space-28: 1.75rem (28px) */
+    readonly space28: "var(--amino-space-28)";
+    /** @info space-32: 2rem (32px) */
+    readonly space32: "var(--amino-space-32)";
+    /** @info space-36: 2.25rem (36px) */
+    readonly space36: "var(--amino-space-36)";
+    /** @info space-40: 2.5rem (40px) */
+    readonly space40: "var(--amino-space-40)";
+    /** @info space-44: 2.75rem (44px) */
+    readonly space44: "var(--amino-space-44)";
+    /** @info space-48: 3rem (48px) */
+    readonly space48: "var(--amino-space-48)";
+    /** @info space-52: 3.25rem (52px) */
+    readonly space52: "var(--amino-space-52)";
+    /** @info space-56: 3.5rem (56px) */
+    readonly space56: "var(--amino-space-56)";
+    /** @info space-60: 3.75rem (60px) */
+    readonly space60: "var(--amino-space-60)";
+    /** @info space-64: 4rem (64px) */
+    readonly space64: "var(--amino-space-64)";
+    /** @info space-68: 4.25rem (68px) */
+    readonly space68: "var(--amino-space-68)";
+    /** @info space-72: 4.5rem (72px) */
+    readonly space72: "var(--amino-space-72)";
+    /** @info space-76: 4.75rem (76px) */
+    readonly space76: "var(--amino-space-76)";
+    /** @info space-80: 5rem (80px) */
+    readonly space80: "var(--amino-space-80)";
+    /** @info 1px solid var(--amino-border-color) */
+    readonly border: "var(--amino-border)";
+    /** @info 1px solid var(--amino-blue-500) */
+    readonly borderBlue: "var(--amino-border-blue)";
+    /** @info 1px solid var(--amino-red-500) */
+    readonly borderRed: "var(--amino-border-red)";
+    /** @info 1px solid var(--amino-cyan-500) */
+    readonly borderCyan: "var(--amino-border-cyan)";
+    /** @info 1px solid var(--amino-orange-500) */
+    readonly borderOrange: "var(--amino-border-orange)";
+    /** @info 1px solid var(--amino-green-500) */
+    readonly borderGreen: "var(--amino-border-green)";
+    /** @info 1px solid var(--amino-purple-500) */
+    readonly borderPurple: "var(--amino-border-purple)";
+    /** @info 1px solid var(--amino-amber-500) */
+    readonly borderAmber: "var(--amino-border-amber)";
+    /** @info 1px solid transparent */
+    readonly borderTransparent: "var(--amino-border-transparent)";
+    /** @info 1px solid var(--amino-gray-100) */
+    readonly borderSubtle: "var(--amino-border-subtle)";
+    /** @info var(--amino-gray-0) */
+    readonly sidebarColor: "var(--amino-sidebar-color)";
+    /** @info var(--amino-gray-0) */
+    readonly headerColor: "var(--amino-header-color)";
+    /** @info var(--amino-red-500) */
+    readonly danger: "var(--amino-danger)";
+    /** @info var(--amino-red-700) */
+    readonly dangerDark: "var(--amino-danger-dark)";
+    /** @info var(--amino-red-500) */
+    readonly error: "var(--amino-error)";
+    /** @info var(--amino-blue-500) */
+    readonly primary: "var(--amino-primary)";
+    /** @info var(--amino-blue-400) */
+    readonly primaryLight: "var(--amino-primary-light)";
+    /** @info var(--amino-blue-800) */
+    readonly primaryDark: "var(--amino-primary-dark)";
+    /** @info var(--amino-green-500) */
+    readonly success: "var(--amino-success)";
+    /** @info var(--amino-green-700) */
+    readonly successDark: "var(--amino-success-dark)";
+    /** @info var(--amino-orange-500) */
+    readonly warning: "var(--amino-warning)";
+    /** @info var(--amino-orange-600) */
+    readonly warningDark: "var(--amino-warning-dark)";
+    /** @info var(--amino-purple-500) */
+    readonly purple: "var(--amino-purple)";
+    /** @info var(--amino-cyan-500) */
+    readonly cyan: "var(--amino-cyan)";
+    /** @info 0 0 0 1px var(--amino-red-500) */
+    readonly glowError: "var(--amino-glow-error)";
+    /** @info 0 0 0 1px var(--amino-primary) */
+    readonly glowBlue: "var(--amino-glow-blue)";
+    /** @info 0 0 0 1px var(--amino-cyan-500) */
+    readonly glowCyan: "var(--amino-glow-cyan)";
+    /** @info 0 0 0 1px var(--amino-red-500) */
+    readonly glowRed: "var(--amino-glow-red)";
+    /** @info 0 0 0 1px var(--amino-orange-500) */
+    readonly glowOrange: "var(--amino-glow-orange)";
+    /** @info 0 0 0 1px var(--amino-green-500) */
+    readonly glowGreen: "var(--amino-glow-green)";
+    /** @info 0 0 0 1px var(--amino-purple-500) */
+    readonly glowPurple: "var(--amino-glow-purple)";
+    /** @info var(--amino-gray-0) */
+    readonly pageBackground: "var(--amino-page-background)";
+    /** @info var(--amino-gray-200) */
+    readonly borderColor: "var(--amino-border-color)";
+    /** @info var(--amino-gray-50) */
+    readonly hoverColor: "var(--amino-hover-color)";
+    /** @info var(--amino-gray-1000) */
+    readonly textColor: "var(--amino-text-color)";
+    /** @info var(--amino-gray-700) */
+    readonly textColorSecondary: "var(--amino-text-color-secondary)";
+    /** @info 0px 0px 0px 1px var(--amino-transparent-gray-600) inset, var(--amino-button-focus-ring) */
+    readonly focusButtonStandard: "var(--amino-focus-button-standard)";
+    /** @info 0px 0px 0px 1px var(--amino-gray-0) inset, var(--amino-button-focus-ring) */
+    readonly focusButton: "var(--amino-focus-button)";
+    /** @info var(--amino-gray-0) */
+    readonly surfaceColor: "var(--amino-surface-color)";
+    /** @info var(--amino-gray-50) */
+    readonly surfaceColorSecondary: "var(--amino-surface-color-secondary)";
+    /** @info oklch(0% 0 0) */
+    readonly backdropColor: "var(--amino-backdrop-color)";
+    /** @info var(--amino-gray-0) */
+    readonly raisedSurfaceColor: "var(--amino-raised-surface-color)";
+    /** @info var(--amino-gray-50) */
+    readonly raisedColorSecondary: "var(--amino-raised-color-secondary)";
+    /** @info oklch(98% 0.001972 243.25) */
+    readonly pureBackgroundColor: "var(--amino-pure-background-color)";
+    /** @info linear-gradient(180deg, var(--amino-blue-500) 0%, var(--amino-blue-600) 100%) */
+    readonly buttonPrimaryHover: "var(--amino-button-primary-hover)";
+    /** @info linear-gradient(180deg, var(--amino-green-500) 0%, var(--amino-green-600) 100%) */
+    readonly buttonSuccessHover: "var(--amino-button-success-hover)";
+    /** @info linear-gradient(180deg, var(--amino-red-500) 0%, var(--amino-red-600) 100%) */
+    readonly buttonDangerHover: "var(--amino-button-danger-hover)";
+    /** @info linear-gradient(180deg, var(--amino-orange-500) 0%, var(--amino-orange-600) 100%) */
+    readonly buttonWarningHover: "var(--amino-button-warning-hover)";
+    /** @info linear-gradient(180deg, var(--amino-gray-0) 0%, var(--amino-gray-50) 100%) */
+    readonly buttonStandardHover: "var(--amino-button-standard-hover)";
+    /** @info linear-gradient(180deg, var(--amino-cyan-500) 0%, var(--amino-cyan-600) 100%) */
+    readonly buttonCyanHover: "var(--amino-button-cyan-hover)";
+    /** @info linear-gradient(180deg, var(--amino-purple-500) 0%, var(--amino-purple-600) 100%) */
+    readonly buttonPurpleHover: "var(--amino-button-purple-hover)";
+    /** @info rgba(0, 0, 0, 0.3) */
+    readonly spinnerTrackBlack: "var(--amino-spinner-track-black)";
+    /** @info #0c0c0c */
+    readonly spinnerStrokeBlack: "var(--amino-spinner-stroke-black)";
+    /** @info rgba(255, 255, 255, 0.3) */
+    readonly spinnerTrackWhite: "var(--amino-spinner-track-white)";
+    /** @info #FFFFFF */
+    readonly spinnerStrokeWhite: "var(--amino-spinner-stroke-white)";
+    /** @info 55px */
+    readonly appbarHeight: "var(--amino-appbar-height)";
+    /** @info 232px */
+    readonly sidebarWidth: "var(--amino-sidebar-width)";
+    /** @info 0 */
+    readonly elevation0: "var(--amino-elevation-0)";
+    /** @info 100 */
+    readonly elevation100: "var(--amino-elevation-100)";
+    /** @info 200 */
+    readonly elevation200: "var(--amino-elevation-200)";
+    /** @info 300 */
+    readonly elevation300: "var(--amino-elevation-300)";
+    /** @info 400 */
+    readonly elevation400: "var(--amino-elevation-400)";
+    /** @info 500 */
+    readonly elevation500: "var(--amino-elevation-500)";
+    /** @info 400 */
+    readonly dialogElevation: "var(--amino-dialog-elevation)";
+    /** @info 500 */
+    readonly toastElevation: "var(--amino-toast-elevation)";
+    /** @info 500 */
+    readonly appbarElevation: "var(--amino-appbar-elevation)";
+    /** @info 56px */
+    readonly sizeXl: "var(--amino-size-xl)";
+    /** @info 48px */
+    readonly sizeLg: "var(--amino-size-lg)";
+    /** @info 40px */
+    readonly sizeMd: "var(--amino-size-md)";
+    /** @info 32px */
+    readonly sizeSm: "var(--amino-size-sm)";
+    /** @info 4px */
+    readonly radius4: "var(--amino-radius-4)";
+    /** @info 6px */
+    readonly radius6: "var(--amino-radius-6)";
+    /** @info 8px */
+    readonly radius8: "var(--amino-radius-8)";
+    /** @info 10px */
+    readonly radius10: "var(--amino-radius-10)";
+    /** @info 12px */
+    readonly radius12: "var(--amino-radius-12)";
+    /** @info 30px */
+    readonly fontSize3xl: "var(--amino-font-size-3xl)";
+    /** @info 24px  */
+    readonly fontSize2xl: "var(--amino-font-size-2xl)";
+    /** @info 20px */
+    readonly fontSizeXl: "var(--amino-font-size-xl)";
+    /** @info 18px */
+    readonly fontSizeL: "var(--amino-font-size-l)";
+    /** @info 16px */
+    readonly fontSizeBaseDocs: "var(--amino-font-size-base-docs)";
+    /** @info 13px */
+    readonly fontSizeBase: "var(--amino-font-size-base)";
+    /** @info 12px */
+    readonly fontSizeS: "var(--amino-font-size-s)";
+    /** @info 11px */
+    readonly fontSizeXs: "var(--amino-font-size-xs)";
+    /** @info 48px */
+    readonly lineHeight3xl: "var(--amino-line-height-3xl)";
+    /** @info 40px */
+    readonly lineHeight2xl: "var(--amino-line-height-2xl)";
+    /** @info 32px */
+    readonly lineHeightXl: "var(--amino-line-height-xl)";
+    /** @info 24px */
+    readonly lineHeightL: "var(--amino-line-height-l)";
+    /** @info 24px */
+    readonly lineHeightBase: "var(--amino-line-height-base)";
+    /** @info 16px */
+    readonly lineHeightS: "var(--amino-line-height-s)";
+    /** @info 12px */
+    readonly lineHeightXs: "var(--amino-line-height-xs)";
+    /** @info 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif */
+    readonly fontSans: "var(--amino-font-sans)";
+    /** @info Operator Mono, MonoLisa, Dank Mono, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace */
+    readonly fontMono: "var(--amino-font-mono)";
+    /** @info 'Fira Code', var(--amino-font-sans) */
+    readonly fontHarmonizedCodes: "var(--amino-font-harmonized-codes)";
+    /** @info inherit */
+    readonly inputBackground: "var(--amino-input-background)";
+};
+export type ThemeKey = keyof typeof theme;
+export type ThemeValue = (typeof theme)[ThemeKey];

package/styles/devices.d.ts

@@ -0,0 +1,10 @@
+export declare const devices: {
+    readonly desktop: "(max-width: 1300px)";
+    readonly desktopMax: "(max-width: 1400px)";
+    readonly desktopS: "(max-width: 1080px)";
+    readonly mobileL: "(max-width: 525px)";
+    readonly mobileM: "(max-width: 375px)";
+    readonly mobileS: "(max-width: 320px)";
+    readonly tablet: "(max-width: 960px)";
+    readonly tabletS: "(max-width: 768px)";
+};

package/tools/mcp/client.d.ts

@@ -0,0 +1,37 @@
+import type { ComponentDetails, ComponentListing, FindComponentOptions, MCPClientOptions, MCPResponse } from './types';
+/**
+ * Client for interacting with MCP server
+ */
+export declare class MCPClient {
+    private baseUrl;
+    /**
+     * Create a new MCP client
+     * @param options - Client options
+     */
+    constructor(options: MCPClientOptions);
+    /**
+     * Make a request to the MCP server
+     * @param path - API path
+     * @param options - Fetch options
+     * @returns Response data or error
+     */
+    private request;
+    /**
+     * List all available components
+     * @returns List of components or error
+     */
+    listComponents(): Promise<MCPResponse<ComponentListing>>;
+    /**
+     * Find component by name
+     * @param name - Component name to search for
+     * @param options - Search options
+     * @returns Matching component or error
+     */
+    findComponentByName(name: string, options?: FindComponentOptions): Promise<MCPResponse<ComponentListing>>;
+    /**
+     * Get detailed information about a component
+     * @param id - Component identifier
+     * @returns Component details or error
+     */
+    getComponentDetails(id: string): Promise<MCPResponse<ComponentDetails>>;
+}

package/tools/mcp/index.d.ts

@@ -0,0 +1,3 @@
+export * from './client';
+export * from './tools';
+export * from './types';

package/tools/mcp/tools.d.ts

@@ -0,0 +1,37 @@
+import { MCPClient } from './client';
+import type { ComponentDetails, ComponentListing, FindComponentOptions, MCPResponse } from './types';
+/**
+ * Set the default MCP client
+ * @param client - MCP client instance
+ */
+export declare function setMCPClient(client: MCPClient): void;
+/**
+ * List all available components
+ *
+ * This tool corresponds to the Model Context Protocol's list-components
+ * capability, providing a way to discover all components available in the design system.
+ *
+ * @returns Promise resolving to component listing or error
+ */
+export declare function listComponents(): Promise<MCPResponse<ComponentListing>>;
+/**
+ * Find component by name
+ *
+ * This tool corresponds to the Model Context Protocol's find-component-by-name
+ * capability, allowing lookup of components by their name.
+ *
+ * @param name - Component name to search for
+ * @param options - Optional search configuration
+ * @returns Promise resolving to matching components or error
+ */
+export declare function findComponentByName(name: string, options?: FindComponentOptions): Promise<MCPResponse<ComponentListing>>;
+/**
+ * Get detailed information about a component
+ *
+ * This tool corresponds to the Model Context Protocol's get-component-details
+ * capability, providing comprehensive information about a specific component.
+ *
+ * @param id - Component identifier
+ * @returns Promise resolving to component details or error
+ */
+export declare function getComponentDetails(id: string): Promise<MCPResponse<ComponentDetails>>;