@ryanodd/design-system 0.1.0-dev7 → 0.1.0-dev8

package/dist/index.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Zalando+Sans:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{cursor:pointer}:root{--font-family: "Zalando Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;font-family:var(--font-family)}:root{--space-0: 0;--space-0_5: .125rem;--space-1: .25rem;--space-1_5: .375rem;--space-2: .5rem;--space-2_5: .625rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--size-3: .75rem;--size-4: 1rem;--size-5: 1.25rem;--size-6: 1.5rem;--size-8: 2rem;--size-10: 2.5rem;--size-12: 3rem;--size-16: 4rem;--size-20: 5rem}:root{--color-white: #ffffff;--color-black: #000000;--color-transparent: transparent;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-gray-950: #030712;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-200: #fecaca;--color-red-300: #fca5a5;--color-red-400: #f87171;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-red-800: #991b1b;--color-red-900: #7f1d1d;--color-red-950: #450a0a;--color-orange-50: #fff7ed;--color-orange-100: #ffedd5;--color-orange-200: #fed7aa;--color-orange-300: #fdba74;--color-orange-400: #fb923c;--color-orange-500: #f97316;--color-orange-600: #ea580c;--color-orange-700: #c2410c;--color-orange-800: #9a3412;--color-orange-900: #7c2d12;--color-orange-950: #431407;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-200: #fde68a;--color-amber-300: #fcd34d;--color-amber-400: #fbbf24;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--color-amber-700: #b45309;--color-amber-800: #92400e;--color-amber-900: #78350f;--color-amber-950: #451a03;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-200: #bbf7d0;--color-green-300: #86efac;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-green-900: #14532d;--color-green-950: #052e16;--color-teal-50: #f0fdfa;--color-teal-100: #ccfbf1;--color-teal-200: #99f6e4;--color-teal-300: #5eead4;--color-teal-400: #2dd4bf;--color-teal-500: #14b8a6;--color-teal-600: #0d9488;--color-teal-700: #0f766e;--color-teal-800: #115e59;--color-teal-900: #134e4a;--color-teal-950: #042f2e;--color-sky-50: #f0f9ff;--color-sky-100: #e0f2fe;--color-sky-200: #bae6fd;--color-sky-300: #7dd3fc;--color-sky-400: #38bdf8;--color-sky-500: #0ea5e9;--color-sky-600: #0284c7;--color-sky-700: #0369a1;--color-sky-800: #075985;--color-sky-900: #0c4a6e;--color-sky-950: #082f49;--color-blue-50: #f0f7ff;--color-blue-100: #e0f0ff;--color-blue-200: #b9e2fe;--color-blue-300: #7ccbfd;--color-blue-400: #36b2fa;--color-blue-500: #0099ff;--color-blue-600: #007aff;--color-blue-700: #0062cc;--color-blue-800: #004ead;--color-blue-900: #003b82;--color-blue-950: #002552;--color-purple-50: #faf5ff;--color-purple-100: #f3e8ff;--color-purple-200: #e9d5ff;--color-purple-300: #d8b4fe;--color-purple-400: #c084fc;--color-purple-500: #a855f7;--color-purple-600: #9333ea;--color-purple-700: #7e22ce;--color-purple-800: #6b21a8;--color-purple-900: #581c87;--color-purple-950: #3b0764;--color-text-primary: var(--color-gray-950);--color-text-secondary: var(--color-gray-600);--color-text-tertiary: var(--color-gray-400);--color-text-inverted: var(--color-white);--color-text-brand: var(--color-blue-600);--color-text-error: var(--color-red-600);--color-text-success: var(--color-green-600);--color-text-warning: var(--color-amber-600);--color-text-disabled: var(--color-gray-400);--color-bg-primary: var(--color-white);--color-bg-secondary: var(--color-gray-50);--color-bg-tertiary: var(--color-gray-100);--color-bg-quaternary: var(--color-gray-200);--color-bg-brand: var(--color-blue-600);--color-bg-brand-hover: var(--color-blue-700);--color-bg-inverse: var(--color-gray-900);--color-bg-error: var(--color-red-50);--color-bg-error-hover: var(--color-red-700);--color-bg-success: var(--color-green-50);--color-bg-warning: var(--color-amber-50);--color-bg-disabled: var(--color-gray-100);--color-bg-tooltip: color-mix(in srgb, var(--color-gray-950), transparent 18.75%);--color-border-primary: var(--color-gray-200);--color-border-secondary: var(--color-gray-300);--color-border-focus: var(--color-blue-500);--color-border-error: var(--color-red-200);--color-border-success: var(--color-green-200);--color-border-warning: var(--color-amber-200);--color-border-disabled: var(--color-gray-300)}:root{--shadow-sm: 0 2px 3px 0 rgb(0 0 0 / .075);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-none: none}:root{--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px}:root{--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75}.header-1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--leading-tight)}.header-2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--leading-tight)}.header-3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight)}.header-4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal)}.header-5{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal)}.header-6{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal)}.body-1{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--leading-normal)}.body-2{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--leading-normal)}.body-1-semibold{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal)}.body-2-semibold{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal)}.subtitle-1{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--leading-normal)}.subtitle-2{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--leading-normal)}.caption-1{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--leading-normal)}.caption-2{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--leading-normal)}.label-1{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal)}.label-2{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal)}.text-color-primary{color:var(--color-text-primary)}.text-color-secondary{color:var(--color-text-secondary)}.text-color-tertiary{color:var(--color-text-tertiary)}.text-color-inverted{color:var(--color-text-inverted)}.text-color-brand{color:var(--color-text-brand)}.text-color-error{color:var(--color-text-error)}.text-color-success{color:var(--color-text-success)}.text-color-warning{color:var(--color-text-warning)}.text-color-disabled{color:var(--color-text-disabled)}._button_1k08m_1{flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;gap:var(--space-2)}._button_1k08m_1:not(:disabled){cursor:pointer}._button_1k08m_1:not(:active),._button_1k08m_1:disabled{box-shadow:var(--shadow-sm)}._button_1k08m_1{padding-top:var(--space-1_5);padding-bottom:var(--space-1_5);padding-left:var(--space-3);padding-right:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}._button_1k08m_1[data-icon-only=true]{width:var(--size-8);height:var(--size-8);padding-left:var(--space-1);padding-right:var(--space-1);padding-top:var(--space-1);padding-bottom:var(--space-1)}._button_1k08m_1[data-size=medium]{padding-top:var(--space-2);padding-bottom:var(--space-2);padding-left:var(--space-4);padding-right:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}._button_1k08m_1[data-icon-only=true][data-size=medium]{width:var(--size-10);height:var(--size-10);padding-left:var(--space-1);padding-right:var(--space-1);padding-top:var(--space-1);padding-bottom:var(--space-1)}._button_1k08m_1[data-size=large]{padding-top:var(--space-2);padding-bottom:var(--space-2);padding-left:var(--space-5);padding-right:var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._button_1k08m_1[data-icon-only=true][data-size=large]{width:var(--size-12);height:var(--size-12);padding-left:var(--space-1);padding-right:var(--space-1);padding-top:var(--space-1);padding-bottom:var(--space-1)}._button_1k08m_1{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);color:var(--color-text-secondary)}._button_1k08m_1:hover:not(:disabled){background-color:var(--color-bg-tertiary)}._button_1k08m_1:active{background-color:var(--color-bg-quaternary)}._button_1k08m_1[data-variant=primary]{background-color:var(--color-bg-brand);color:var(--color-text-inverted);border:none}._button_1k08m_1[data-variant=primary]:hover:not(:disabled){background-color:var(--color-bg-brand-hover)}._button_1k08m_1[data-variant=destructive]{background-color:var(--color-text-error);color:var(--color-text-inverted);border:none}._button_1k08m_1[data-variant=destructive]:hover:not(:disabled){background-color:var(--color-bg-error-hover)}._button_1k08m_1[data-variant=tertiary]{background-color:var(--color-transparent);color:var(--color-text-secondary);border:none;box-shadow:var(--shadow-none)}._button_1k08m_1[data-variant=tertiary]:hover:not(:disabled){background-color:#00000010}._button_1k08m_1:disabled{background-color:var(--color-bg-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled)}._button_1k08m_1[data-variant=tertiary]:disabled{background-color:var(--color-transparent);border:none;color:var(--color-text-disabled)}._buttonNotificationDot_1k08m_143{position:absolute;--dot-width: 1.525rem;top:calc(-1 * var(--dot-width) / 2);right:calc(-1 * var(--dot-width) / 2);width:var(--dot-width);height:var(--dot-width);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background-color:var(--color-text-error);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-inverted);padding-bottom:.0825rem}._icon_178c1_1{max-width:none;flex-shrink:0}._icon_178c1_1[data-size="2xs"]{width:var(--size-3);height:var(--size-3)}._icon_178c1_1[data-size=xs]{width:.875rem;height:.875rem}._icon_178c1_1[data-size=sm]{width:var(--size-4);height:var(--size-4)}._icon_178c1_1[data-size=md]{width:var(--size-5);height:var(--size-5)}._icon_178c1_1{width:var(--size-6);height:var(--size-6)}._icon_178c1_1[data-size=xl]{width:var(--size-8);height:var(--size-8)}._icon_178c1_1[data-size="2xl"]{width:var(--size-10);height:var(--size-10)}._icon_178c1_1[data-size="3xl"]{width:var(--size-12);height:var(--size-12)}._icon_178c1_1[data-size="4xl"]{width:var(--size-16);height:var(--size-16)}._spinnerWrapper_1mfc7_1{--spinner-size-2xs: var(--size-3);--spinner-size-xs: .875rem;--spinner-size-sm: var(--size-4);--spinner-size-md: var(--size-5);--spinner-size-lg: var(--size-6);--spinner-size-xl: var(--size-8);--spinner-size-2xl: var(--size-10);--spinner-size-3xl: var(--size-12);--spinner-size-4xl: var(--size-16);--spinner-size: var(--spinner-size-lg);width:var(--spinner-size);height:var(--spinner-size);aspect-ratio:1 / 1;flex-shrink:0;display:flex;justify-content:center;align-items:center}._spinner_1mfc7_1{--spinner-thickness: 2px;width:90%;height:90%;border-width:var(--spinner-thickness);border-radius:50%;box-sizing:border-box;position:relative;border-style:solid;border-right-color:transparent;border-left-color:currentcolor;border-top-color:currentcolor;border-bottom-color:currentcolor;animation:_rotate_1mfc7_1 1.2s infinite linear}._spinnerWrapper_1mfc7_1[data-size="2xs"]{--spinner-size: var(--spinner-size-2xs)}._spinnerWrapper_1mfc7_1[data-size="2xs"] ._spinner_1mfc7_1{--spinner-thickness: 1.33px}._spinnerWrapper_1mfc7_1[data-size=xs]{--spinner-size: var(--spinner-size-xs)}._spinnerWrapper_1mfc7_1[data-size=xs] ._spinner_1mfc7_1{--spinner-thickness: 1.5px}._spinnerWrapper_1mfc7_1[data-size=sm]{--spinner-size: var(--spinner-size-sm)}._spinnerWrapper_1mfc7_1[data-size=sm] ._spinner_1mfc7_1{--spinner-thickness: 1.67px}._spinnerWrapper_1mfc7_1[data-size=md]{--spinner-size: var(--spinner-size-md)}._spinnerWrapper_1mfc7_1[data-size=md] ._spinner_1mfc7_1{--spinner-thickness: 1.8px}._spinnerWrapper_1mfc7_1[data-size=xl]{--spinner-size: var(--spinner-size-xl)}._spinnerWrapper_1mfc7_1[data-size=xl] ._spinner_1mfc7_1{--spinner-thickness: 2.67px}._spinnerWrapper_1mfc7_1[data-size="2xl"]{--spinner-size: var(--spinner-size-2xl)}._spinnerWrapper_1mfc7_1[data-size="2xl"] ._spinner_1mfc7_1{--spinner-thickness: 3px}._spinnerWrapper_1mfc7_1[data-size="3xl"]{--spinner-size: var(--spinner-size-3xl)}._spinnerWrapper_1mfc7_1[data-size="3xl"] ._spinner_1mfc7_1{--spinner-thickness: 3.67px}._spinnerWrapper_1mfc7_1[data-size="4xl"]{--spinner-size: var(--spinner-size-4xl)}._spinnerWrapper_1mfc7_1[data-size="4xl"] ._spinner_1mfc7_1{--spinner-thickness: 4.33px}@keyframes _rotate_1mfc7_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._checkboxRow_aw0oa_1{display:flex;align-items:center;gap:var(--space-2)}._checkboxRoot_aw0oa_7{width:var(--size-6);height:var(--size-6);padding:0;border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);display:flex;justify-content:center;align-items:center;background-color:var(--color-bg-primary)}._checkboxIndicator_aw0oa_19{background-color:var(--color-bg-brand);border-radius:var(--radius-sm);width:100%;height:100%;display:flex;align-items:center;justify-content:center}._checkboxCheckmarkIcon_aw0oa_29{width:var(--size-4);height:var(--size-4);color:var(--color-text-inverted)}._checkboxLabel_aw0oa_35{font-size:var(--font-size-base);color:var(--color-text-primary)}._dialogOverlay_1qzfk_1{background-color:var(--color-gray-950);position:fixed;inset:0;z-index:40;opacity:.5;animation:_overlayShow_1qzfk_1 .2s cubic-bezier(.16,1,.3,1)}@keyframes _overlayShow_1qzfk_1{0%{opacity:0}to{opacity:.5}}._dialogContent_1qzfk_20{position:fixed;top:50%;left:50%;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:var(--color-bg-primary);color:var(--color-text-primary);z-index:50;display:flex;flex-direction:column;padding:var(--space-8);gap:var(--space-8);animation:_contentShow_1qzfk_1 .2s cubic-bezier(.16,1,.3,1);transform:translate(-50%,-50%);width:90vw;max-width:30rem}._dialogContent_1qzfk_20[data-size=sm]{max-width:30rem}._dialogContent_1qzfk_20[data-size=md]{max-width:40rem}._dialogContent_1qzfk_20[data-size=lg]{max-width:50rem}@keyframes _contentShow_1qzfk_1{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}._dialogCloseButton_1qzfk_65{position:absolute;top:var(--space-4);right:var(--space-4);color:var(--color-text-tertiary)}._dialogTitle_1qzfk_72{margin:0;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);color:var(--color-text-primary)}._dialogDescription_1qzfk_79{margin:0;font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);color:var(--color-text-secondary)}._menuButtonContent_1j4dp_1{background-color:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--space-1_5);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-lg);min-width:14rem;display:flex;flex-direction:column}._menuButtonItem_1j4dp_13{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);padding:var(--space-6) var(--space-4);border-radius:var(--radius-md);line-height:var(--leading-none);height:25px;position:relative;-webkit-user-select:none;user-select:none;outline:none}._menuButtonItem_1j4dp_13[data-disabled]{color:var(--color-text-disabled);pointer-events:none}._menuButtonItem_1j4dp_13:hover:not([data-disabled]){background-color:var(--color-bg-tertiary);cursor:pointer}._menuButtonItem_1j4dp_13._focus-visible_1j4dp_37,._menuButtonItem_1j4dp_13:focus-visible{background-color:var(--color-bg-tertiary)}._menuButtonArrow_1j4dp_42{fill:var(--color-bg-primary)}._toast_1ga0s_1{background-color:var(--color-bg-primary);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);display:flex;align-items:center;padding:var(--space-4);gap:var(--space-4);border:1px solid var(--color-border-primary)}._toastContent_1ga0s_12{display:flex;flex-direction:column;gap:var(--space-1);flex-grow:1}._toast_1ga0s_1[data-state=open]{animation:_slideIn_1ga0s_1 .15s cubic-bezier(.16,1,.3,1)}._toast_1ga0s_1[data-state=closed]{animation:_hide_1ga0s_1 .1s ease-in}._toast_1ga0s_1[data-swipe=move]{transform:translate(var(--radix-toast-swipe-move-x))}._toast_1ga0s_1[data-swipe=cancel]{transform:translate(0);transition:transform .2s ease-out}._toast_1ga0s_1[data-swipe=end]{animation:_swipeOut_1ga0s_1 .1s ease-out}@keyframes _hide_1ga0s_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_1ga0s_1{0%{transform:translate(calc(100% + var(--viewport-padding)))}to{transform:translate(0)}}@keyframes _swipeOut_1ga0s_1{0%{transform:translate(var(--radix-toast-swipe-end-x))}to{transform:translate(calc(100% + var(--viewport-padding)))}}._toastViewport_1ga0s_70{list-style-type:none;padding:0;position:fixed;bottom:0;right:0;display:flex;flex-direction:column;padding:var(--space-6);gap:var(--space-2);width:390px;max-width:100vw;margin:0;z-index:999;outline:none;--viewport-padding: var(--space-6)}._toastTitle_1ga0s_89{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}._toastDescription_1ga0s_95{color:var(--color-text-secondary);font-size:var(--font-size-sm)}._tooltipContent_17t5h_1{background-color:var(--color-bg-tooltip);color:var(--color-text-inverted);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);line-height:var(--leading-tight);box-shadow:var(--shadow-sm);z-index:50}._tooltipArrow_17t5h_12{fill:var(--color-bg-tooltip)}
+@import"https://fonts.googleapis.com/css2?family=Zalando+Sans:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{cursor:pointer}:root{--font-family: "Zalando Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;font-family:var(--font-family)}:root{--space-0: 0;--space-0_5: .125rem;--space-1: .25rem;--space-1_5: .375rem;--space-2: .5rem;--space-2_5: .625rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--size-3: .75rem;--size-4: 1rem;--size-5: 1.25rem;--size-6: 1.5rem;--size-8: 2rem;--size-10: 2.5rem;--size-12: 3rem;--size-16: 4rem;--size-20: 5rem}:root{--color-white: #ffffff;--color-black: #000000;--color-transparent: transparent;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-gray-950: #030712;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-200: #fecaca;--color-red-300: #fca5a5;--color-red-400: #f87171;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-red-800: #991b1b;--color-red-900: #7f1d1d;--color-red-950: #450a0a;--color-orange-50: #fff7ed;--color-orange-100: #ffedd5;--color-orange-200: #fed7aa;--color-orange-300: #fdba74;--color-orange-400: #fb923c;--color-orange-500: #f97316;--color-orange-600: #ea580c;--color-orange-700: #c2410c;--color-orange-800: #9a3412;--color-orange-900: #7c2d12;--color-orange-950: #431407;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-200: #fde68a;--color-amber-300: #fcd34d;--color-amber-400: #fbbf24;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--color-amber-700: #b45309;--color-amber-800: #92400e;--color-amber-900: #78350f;--color-amber-950: #451a03;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-200: #bbf7d0;--color-green-300: #86efac;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-green-900: #14532d;--color-green-950: #052e16;--color-teal-50: #f0fdfa;--color-teal-100: #ccfbf1;--color-teal-200: #99f6e4;--color-teal-300: #5eead4;--color-teal-400: #2dd4bf;--color-teal-500: #14b8a6;--color-teal-600: #0d9488;--color-teal-700: #0f766e;--color-teal-800: #115e59;--color-teal-900: #134e4a;--color-teal-950: #042f2e;--color-sky-50: #f0f9ff;--color-sky-100: #e0f2fe;--color-sky-200: #bae6fd;--color-sky-300: #7dd3fc;--color-sky-400: #38bdf8;--color-sky-500: #0ea5e9;--color-sky-600: #0284c7;--color-sky-700: #0369a1;--color-sky-800: #075985;--color-sky-900: #0c4a6e;--color-sky-950: #082f49;--color-blue-50: #f0f7ff;--color-blue-100: #e0f0ff;--color-blue-200: #b9e2fe;--color-blue-300: #7ccbfd;--color-blue-400: #36b2fa;--color-blue-500: #0099ff;--color-blue-600: #007aff;--color-blue-700: #0062cc;--color-blue-800: #004ead;--color-blue-900: #003b82;--color-blue-950: #002552;--color-purple-50: #faf5ff;--color-purple-100: #f3e8ff;--color-purple-200: #e9d5ff;--color-purple-300: #d8b4fe;--color-purple-400: #c084fc;--color-purple-500: #a855f7;--color-purple-600: #9333ea;--color-purple-700: #7e22ce;--color-purple-800: #6b21a8;--color-purple-900: #581c87;--color-purple-950: #3b0764;--color-text-primary: var(--color-gray-950);--color-text-secondary: var(--color-gray-600);--color-text-tertiary: var(--color-gray-400);--color-text-inverted: var(--color-white);--color-text-brand: var(--color-blue-600);--color-text-error: var(--color-red-600);--color-text-success: var(--color-green-600);--color-text-warning: var(--color-amber-600);--color-text-disabled: var(--color-gray-400);--color-bg-primary: var(--color-white);--color-bg-secondary: var(--color-gray-50);--color-bg-tertiary: var(--color-gray-100);--color-bg-quaternary: var(--color-gray-200);--color-bg-brand: var(--color-blue-600);--color-bg-brand-hover: var(--color-blue-700);--color-bg-inverse: var(--color-gray-900);--color-bg-error: var(--color-red-50);--color-bg-error-hover: var(--color-red-700);--color-bg-success: var(--color-green-50);--color-bg-warning: var(--color-amber-50);--color-bg-disabled: var(--color-gray-100);--color-bg-tooltip: color-mix(in srgb, var(--color-gray-950), transparent 18.75%);--color-border-primary: var(--color-gray-200);--color-border-secondary: var(--color-gray-300);--color-border-focus: var(--color-blue-500);--color-border-error: var(--color-red-200);--color-border-success: var(--color-green-200);--color-border-warning: var(--color-amber-200);--color-border-disabled: var(--color-gray-300)}:root{--shadow-sm: 0 2px 3px 0 rgb(0 0 0 / .075);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-none: none}:root{--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px}:root{--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75}.header-1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--leading-tight)}.header-2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--leading-tight)}.header-3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight)}.header-4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal)}.header-5{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal)}.header-6{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal)}.body-1{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:var(--leading-normal)}.body-2{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--leading-normal)}.body-3{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--leading-normal)}.body-1-semibold{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal)}.body-2-semibold{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal)}.body-3-semibold{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal)}.subtitle-1{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--leading-normal)}.subtitle-2{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--leading-normal)}.caption-1{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--leading-normal)}.caption-2{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--leading-normal)}.label-1{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal)}.label-2{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--leading-normal)}.label-3{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--leading-normal)}.text-color-primary{color:var(--color-text-primary)}.text-color-secondary{color:var(--color-text-secondary)}.text-color-tertiary{color:var(--color-text-tertiary)}.text-color-inverted{color:var(--color-text-inverted)}.text-color-brand{color:var(--color-text-brand)}.text-color-error{color:var(--color-text-error)}.text-color-success{color:var(--color-text-success)}.text-color-warning{color:var(--color-text-warning)}.text-color-disabled{color:var(--color-text-disabled)}._button_1k08m_1{flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;gap:var(--space-2)}._button_1k08m_1:not(:disabled){cursor:pointer}._button_1k08m_1:not(:active),._button_1k08m_1:disabled{box-shadow:var(--shadow-sm)}._button_1k08m_1{padding-top:var(--space-1_5);padding-bottom:var(--space-1_5);padding-left:var(--space-3);padding-right:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}._button_1k08m_1[data-icon-only=true]{width:var(--size-8);height:var(--size-8);padding-left:var(--space-1);padding-right:var(--space-1);padding-top:var(--space-1);padding-bottom:var(--space-1)}._button_1k08m_1[data-size=medium]{padding-top:var(--space-2);padding-bottom:var(--space-2);padding-left:var(--space-4);padding-right:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}._button_1k08m_1[data-icon-only=true][data-size=medium]{width:var(--size-10);height:var(--size-10);padding-left:var(--space-1);padding-right:var(--space-1);padding-top:var(--space-1);padding-bottom:var(--space-1)}._button_1k08m_1[data-size=large]{padding-top:var(--space-2);padding-bottom:var(--space-2);padding-left:var(--space-5);padding-right:var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}._button_1k08m_1[data-icon-only=true][data-size=large]{width:var(--size-12);height:var(--size-12);padding-left:var(--space-1);padding-right:var(--space-1);padding-top:var(--space-1);padding-bottom:var(--space-1)}._button_1k08m_1{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);color:var(--color-text-secondary)}._button_1k08m_1:hover:not(:disabled){background-color:var(--color-bg-tertiary)}._button_1k08m_1:active{background-color:var(--color-bg-quaternary)}._button_1k08m_1[data-variant=primary]{background-color:var(--color-bg-brand);color:var(--color-text-inverted);border:none}._button_1k08m_1[data-variant=primary]:hover:not(:disabled){background-color:var(--color-bg-brand-hover)}._button_1k08m_1[data-variant=destructive]{background-color:var(--color-text-error);color:var(--color-text-inverted);border:none}._button_1k08m_1[data-variant=destructive]:hover:not(:disabled){background-color:var(--color-bg-error-hover)}._button_1k08m_1[data-variant=tertiary]{background-color:var(--color-transparent);color:var(--color-text-secondary);border:none;box-shadow:var(--shadow-none)}._button_1k08m_1[data-variant=tertiary]:hover:not(:disabled){background-color:#00000010}._button_1k08m_1:disabled{background-color:var(--color-bg-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled)}._button_1k08m_1[data-variant=tertiary]:disabled{background-color:var(--color-transparent);border:none;color:var(--color-text-disabled)}._buttonNotificationDot_1k08m_143{position:absolute;--dot-width: 1.525rem;top:calc(-1 * var(--dot-width) / 2);right:calc(-1 * var(--dot-width) / 2);width:var(--dot-width);height:var(--dot-width);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background-color:var(--color-text-error);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-inverted);padding-bottom:.0825rem}._icon_178c1_1{max-width:none;flex-shrink:0}._icon_178c1_1[data-size="2xs"]{width:var(--size-3);height:var(--size-3)}._icon_178c1_1[data-size=xs]{width:.875rem;height:.875rem}._icon_178c1_1[data-size=sm]{width:var(--size-4);height:var(--size-4)}._icon_178c1_1[data-size=md]{width:var(--size-5);height:var(--size-5)}._icon_178c1_1{width:var(--size-6);height:var(--size-6)}._icon_178c1_1[data-size=xl]{width:var(--size-8);height:var(--size-8)}._icon_178c1_1[data-size="2xl"]{width:var(--size-10);height:var(--size-10)}._icon_178c1_1[data-size="3xl"]{width:var(--size-12);height:var(--size-12)}._icon_178c1_1[data-size="4xl"]{width:var(--size-16);height:var(--size-16)}._spinnerWrapper_1mfc7_1{--spinner-size-2xs: var(--size-3);--spinner-size-xs: .875rem;--spinner-size-sm: var(--size-4);--spinner-size-md: var(--size-5);--spinner-size-lg: var(--size-6);--spinner-size-xl: var(--size-8);--spinner-size-2xl: var(--size-10);--spinner-size-3xl: var(--size-12);--spinner-size-4xl: var(--size-16);--spinner-size: var(--spinner-size-lg);width:var(--spinner-size);height:var(--spinner-size);aspect-ratio:1 / 1;flex-shrink:0;display:flex;justify-content:center;align-items:center}._spinner_1mfc7_1{--spinner-thickness: 2px;width:90%;height:90%;border-width:var(--spinner-thickness);border-radius:50%;box-sizing:border-box;position:relative;border-style:solid;border-right-color:transparent;border-left-color:currentcolor;border-top-color:currentcolor;border-bottom-color:currentcolor;animation:_rotate_1mfc7_1 1.2s infinite linear}._spinnerWrapper_1mfc7_1[data-size="2xs"]{--spinner-size: var(--spinner-size-2xs)}._spinnerWrapper_1mfc7_1[data-size="2xs"] ._spinner_1mfc7_1{--spinner-thickness: 1.33px}._spinnerWrapper_1mfc7_1[data-size=xs]{--spinner-size: var(--spinner-size-xs)}._spinnerWrapper_1mfc7_1[data-size=xs] ._spinner_1mfc7_1{--spinner-thickness: 1.5px}._spinnerWrapper_1mfc7_1[data-size=sm]{--spinner-size: var(--spinner-size-sm)}._spinnerWrapper_1mfc7_1[data-size=sm] ._spinner_1mfc7_1{--spinner-thickness: 1.67px}._spinnerWrapper_1mfc7_1[data-size=md]{--spinner-size: var(--spinner-size-md)}._spinnerWrapper_1mfc7_1[data-size=md] ._spinner_1mfc7_1{--spinner-thickness: 1.8px}._spinnerWrapper_1mfc7_1[data-size=xl]{--spinner-size: var(--spinner-size-xl)}._spinnerWrapper_1mfc7_1[data-size=xl] ._spinner_1mfc7_1{--spinner-thickness: 2.67px}._spinnerWrapper_1mfc7_1[data-size="2xl"]{--spinner-size: var(--spinner-size-2xl)}._spinnerWrapper_1mfc7_1[data-size="2xl"] ._spinner_1mfc7_1{--spinner-thickness: 3px}._spinnerWrapper_1mfc7_1[data-size="3xl"]{--spinner-size: var(--spinner-size-3xl)}._spinnerWrapper_1mfc7_1[data-size="3xl"] ._spinner_1mfc7_1{--spinner-thickness: 3.67px}._spinnerWrapper_1mfc7_1[data-size="4xl"]{--spinner-size: var(--spinner-size-4xl)}._spinnerWrapper_1mfc7_1[data-size="4xl"] ._spinner_1mfc7_1{--spinner-thickness: 4.33px}@keyframes _rotate_1mfc7_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._checkboxRow_aw0oa_1{display:flex;align-items:center;gap:var(--space-2)}._checkboxRoot_aw0oa_7{width:var(--size-6);height:var(--size-6);padding:0;border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);display:flex;justify-content:center;align-items:center;background-color:var(--color-bg-primary)}._checkboxIndicator_aw0oa_19{background-color:var(--color-bg-brand);border-radius:var(--radius-sm);width:100%;height:100%;display:flex;align-items:center;justify-content:center}._checkboxCheckmarkIcon_aw0oa_29{width:var(--size-4);height:var(--size-4);color:var(--color-text-inverted)}._checkboxLabel_aw0oa_35{font-size:var(--font-size-base);color:var(--color-text-primary)}._dialogOverlay_1qzfk_1{background-color:var(--color-gray-950);position:fixed;inset:0;z-index:40;opacity:.5;animation:_overlayShow_1qzfk_1 .2s cubic-bezier(.16,1,.3,1)}@keyframes _overlayShow_1qzfk_1{0%{opacity:0}to{opacity:.5}}._dialogContent_1qzfk_20{position:fixed;top:50%;left:50%;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:var(--color-bg-primary);color:var(--color-text-primary);z-index:50;display:flex;flex-direction:column;padding:var(--space-8);gap:var(--space-8);animation:_contentShow_1qzfk_1 .2s cubic-bezier(.16,1,.3,1);transform:translate(-50%,-50%);width:90vw;max-width:30rem}._dialogContent_1qzfk_20[data-size=sm]{max-width:30rem}._dialogContent_1qzfk_20[data-size=md]{max-width:40rem}._dialogContent_1qzfk_20[data-size=lg]{max-width:50rem}@keyframes _contentShow_1qzfk_1{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}._dialogCloseButton_1qzfk_65{position:absolute;top:var(--space-4);right:var(--space-4);color:var(--color-text-tertiary)}._dialogTitle_1qzfk_72{margin:0;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);color:var(--color-text-primary)}._dialogDescription_1qzfk_79{margin:0;font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);color:var(--color-text-secondary)}._menuButtonContent_zvwim_1{background-color:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--space-1_5);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-lg);min-width:14rem;display:flex;flex-direction:column}._menuButtonItem_zvwim_13{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);line-height:var(--leading-none);position:relative;-webkit-user-select:none;user-select:none;outline:none}._menuButtonItem_zvwim_13[data-disabled]{color:var(--color-text-disabled);pointer-events:none}._menuButtonItem_zvwim_13:hover:not([data-disabled]){background-color:var(--color-bg-tertiary);cursor:pointer}._menuButtonItem_zvwim_13._focus-visible_zvwim_36,._menuButtonItem_zvwim_13:focus-visible{background-color:var(--color-bg-tertiary)}._menuButtonArrow_zvwim_41{fill:var(--color-bg-primary)}._toast_1ga0s_1{background-color:var(--color-bg-primary);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);display:flex;align-items:center;padding:var(--space-4);gap:var(--space-4);border:1px solid var(--color-border-primary)}._toastContent_1ga0s_12{display:flex;flex-direction:column;gap:var(--space-1);flex-grow:1}._toast_1ga0s_1[data-state=open]{animation:_slideIn_1ga0s_1 .15s cubic-bezier(.16,1,.3,1)}._toast_1ga0s_1[data-state=closed]{animation:_hide_1ga0s_1 .1s ease-in}._toast_1ga0s_1[data-swipe=move]{transform:translate(var(--radix-toast-swipe-move-x))}._toast_1ga0s_1[data-swipe=cancel]{transform:translate(0);transition:transform .2s ease-out}._toast_1ga0s_1[data-swipe=end]{animation:_swipeOut_1ga0s_1 .1s ease-out}@keyframes _hide_1ga0s_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_1ga0s_1{0%{transform:translate(calc(100% + var(--viewport-padding)))}to{transform:translate(0)}}@keyframes _swipeOut_1ga0s_1{0%{transform:translate(var(--radix-toast-swipe-end-x))}to{transform:translate(calc(100% + var(--viewport-padding)))}}._toastViewport_1ga0s_70{list-style-type:none;padding:0;position:fixed;bottom:0;right:0;display:flex;flex-direction:column;padding:var(--space-6);gap:var(--space-2);width:390px;max-width:100vw;margin:0;z-index:999;outline:none;--viewport-padding: var(--space-6)}._toastTitle_1ga0s_89{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}._toastDescription_1ga0s_95{color:var(--color-text-secondary);font-size:var(--font-size-sm)}._tooltipContent_17t5h_1{background-color:var(--color-bg-tooltip);color:var(--color-text-inverted);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);line-height:var(--leading-tight);box-shadow:var(--shadow-sm);z-index:50}._tooltipArrow_17t5h_12{fill:var(--color-bg-tooltip)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ryanodd/design-system",
-  "version": "0.1.0-dev7",
+  "version": "0.1.0-dev8",
   "description": "",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -52,10 +52,13 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-toast": "^1.2.15",
     "@radix-ui/react-tooltip": "^1.2.8"
   }
-}
+}