@dmsi/wedgekit-react 0.0.1242 → 1.0.0

package/dist/styles.css

@@ -0,0 +1 @@
+@layer theme{:root,:host{--font-sans:var(--font-open-sans);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--breakpoint-sm:320px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-open-sans:"Open Sans", sans-serif;--color-white:#fff;--color-transparent:transparent;--radius-px:1px;--color-brand-100:var(--color-brand-100-user-selected,#fcece6);--color-brand-200:var(--color-brand-200-user-selected,#f0a98c);--color-brand-300:var(--color-brand-300-user-selected,#e56937);--color-brand-400:var(--color-brand-400-user-selected,#df4405);--color-brand-500:var(--color-brand-500-user-selected,#9e3004);--color-action-000:var(--color-action-000-user-selected,#fff);--color-action-100:var(--color-action-100-user-selected,#e7f2f9);--color-action-200:var(--color-action-200-user-selected,#d0e5f4);--color-action-300:var(--color-action-300-user-selected,#459ad4);--color-action-400:var(--color-action-400-user-selected,#0077c8);--color-action-500:var(--color-action-500-user-selected,#00365a);--color-link-000:var(--color-link-000-user-selected,var(--color-action-000));--color-link-100:var(--color-link-100-user-selected,var(--color-action-100));--color-link-200:var(--color-link-200-user-selected,var(--color-action-200));--color-link-300:var(--color-link-300-user-selected,var(--color-action-300));--color-link-400:var(--color-link-400-user-selected,var(--color-action-400));--color-link-500:var(--color-link-500-user-selected,var(--color-action-500));--color-neutral-000:#fff;--color-neutral-100:#f7f7f7;--color-neutral-200:#ebebeb;--color-neutral-300:#c1c1c1;--color-neutral-400:#6b6d6d;--color-neutral-450:#3a3a3a;--color-neutral-500:#1d1e1e;--color-neutral-600:#000;--color-success-100:#eefbf6;--color-success-200:#d7f7e9;--color-success-300:#61e1aa;--color-success-400:#27d68b;--color-success-500:#126240;--color-warning-100:#fcefd4;--color-warning-200:#f9dfa9;--color-warning-300:#f4c053;--color-warning-400:#f0a913;--color-warning-500:#91670c;--color-critical-100:#fbedea;--color-critical-200:#f0b7ad;--color-critical-300:#dd5e48;--color-critical-400:#cc391f;--color-critical-500:#892615;--color-teal-400:#40c1ac;--color-purple-400:#8d267a;--color-orange-400:#cc391f;--color-chart-0:var(--color-action-400);--color-chart-1:var(--color-brand-400);--color-chart-2:var(--color-teal-400);--color-chart-3:var(--color-warning-400);--color-chart-4:var(--color-neutral-400);--color-chart-5:var(--color-purple-400);--color-chart-6:var(--color-orange-400);--radius-base:4px;--shadow-2:0px 0px 2px 0px #0000001f, 0px 2px 2px 0px #0000001f;--shadow-4:0px 0px 4px 0px #0000001f, 0px 4px 4px 0px #0000001f;--shadow-16:0px 0px 16px 0px #0000001f, 0px 16px 16px 0px #0000001f;--shadow-nav-tab:0px -4px 4px -4px #00000052 inset;--shadow-access-card:0 1px 2px 0 #00000040, 0 1px 4px 0 #00000026;--color-decoration-underline:transparent;--text-display-1-desktop:32px;--text-display-1-mobile:32px;--text-display-1-desktop-compact:32px;--leading-display-1-desktop:1.125;--leading-display-1-mobile:1.125;--text-display-2-desktop:28px;--text-display-2-mobile:28px;--text-display-2-desktop-compact:28px;--leading-display-2-desktop:1.143;--leading-display-2-mobile:1.143;--text-heading-1-desktop:24px;--text-heading-1-mobile:24px;--text-heading-1-desktop-compact:24px;--leading-heading-1-desktop:1.167;--leading-heading-1-mobile:1.167;--text-heading-2-desktop:20px;--text-heading-2-mobile:20px;--text-heading-2-desktop-compact:20px;--leading-heading-2-desktop:1.2;--leading-heading-2-mobile:1.2;--text-heading-3-desktop:16px;--text-heading-3-mobile:18px;--text-heading-3-desktop-compact:16px;--leading-heading-3-desktop:1.25;--leading-heading-3-mobile:1.25;--text-subheader-desktop:14px;--text-subheader-mobile:16px;--text-subheader-desktop-compact:14px;--leading-subheader-desktop:1.286;--leading-subheader-mobile:1.286;--text-link-desktop:14px;--text-link-mobile:16px;--text-link-desktop-compact:14px;--leading-link-desktop:1.286;--leading-link-mobile:1.286;--text-label-desktop:14px;--text-label-mobile:16px;--text-label-desktop-compact:14px;--leading-label-desktop:1;--leading-label-mobile:1;--text-paragraph-desktop:14px;--text-paragraph-mobile:16px;--text-paragraph-desktop-compact:14px;--leading-paragraph-desktop:1.286;--leading-paragraph-mobile:1.286;--text-caption-desktop:12px;--text-caption-mobile:16px;--text-caption-desktop-compact:12px;--leading-caption-desktop:1.333;--leading-caption-mobile:1.333;--spacing-mobile-breadcrumb:24px;--spacing-desktop-breadcrumb:24px;--spacing-desktop-container-gap:16px;--spacing-mobile-container-gap:16px;--spacing-desktop-compact-container-gap:16px;--spacing-desktop-container-padding:24px;--spacing-mobile-container-padding:8px;--spacing-desktop-compact-container-padding:16px;--spacing-desktop-layout-gap:16px;--spacing-mobile-layout-gap:16px;--spacing-desktop-compact-layout-gap:12px;--spacing-desktop-layout-group-gap:8px;--spacing-mobile-layout-group-gap:8px;--spacing-desktop-compact-layout-group-gap:8px;--spacing-desktop-layout-padding:16px;--spacing-mobile-layout-padding:16px;--spacing-desktop-compact-layout-padding:12px;--spacing-desktop-component-gap:4px;--spacing-mobile-component-gap:4px;--spacing-desktop-compact-component-gap:2px;--spacing-desktop-component-padding:8px;--spacing-mobile-component-padding:12px;--spacing-desktop-compact-component-padding:4px;--spacing-full-container:1536px;--color-text-primary-normal:var(--color-neutral-500);--color-text-primary-active:var(--color-neutral-400);--color-text-primary-disabled:var(--color-neutral-300);--color-text-primary-error:var(--color-critical-400);--color-text-secondary-normal:var(--color-neutral-400);--color-text-secondary-disabled:var(--color-neutral-300);--color-text-secondary-error:var(--color-critical-400);--color-text-success-normal:var(--color-success-500);--color-text-success-disabled:var(--color-neutral-400);--color-text-success-error:var(--color-critical-400);--color-text-warning-normal:var(--color-warning-500);--color-text-warning-disabled:var(--color-neutral-400);--color-text-warning-error:var(--color-critical-400);--color-text-brand-primary-normal:var(--color-neutral-000);--color-text-link-normal:var(--color-link-400);--color-text-link-hover:var(--color-link-500);--color-text-link-active:var(--color-link-300);--color-text-link-disabled:var(--color-neutral-400);--color-border-primary-normal:var(--color-neutral-300);--color-border-primary-focus:var(--color-action-400);--color-border-primary-error:var(--color-critical-400);--color-icon-primary-normal:var(--color-neutral-400);--color-icon-primary-disabled:var(--color-neutral-300);--color-icon-success-normal:var(--color-success-400);--color-icon-success-disabled:var(--color-neutral-400);--color-icon-warning-normal:var(--color-warning-400);--color-icon-warning-disabled:var(--color-neutral-400);--color-icon-critical-normal:var(--color-critical-400);--color-icon-critical-disabled:var(--color-neutral-400);--color-background-primary-normal:var(--color-neutral-000);--color-background-grouped-primary-normal:var(--color-neutral-000);--color-background-secondary-normal:var(--color-neutral-300);--color-background-grouped-secondary-normal:var(--color-neutral-100);--color-background-success-normal:var(--color-success-400);--color-background-warning-normal:var(--color-warning-400);--color-background-critical-normal:var(--color-critical-400);--color-text-action-normal:var(--color-action-400);--color-text-action-hover:var(--color-action-500);--color-text-action-active:var(--color-action-300);--color-text-action-disabled:var(--color-neutral-400);--color-text-action-primary-normal:var(--color-action-400);--color-text-action-primary-hover:var(--color-action-500);--color-text-action-primary-active:var(--color-action-300);--color-text-action-primary-disabled:var(--color-neutral-400);--color-brand-text-action-primary-normal:var(--color-neutral-000);--color-brand-text-action-primary-hover:var(--color-brand-200);--color-brand-text-action-primary-active:var(--color-brand-200);--color-brand-text-on-action-primary-normal:var(--color-neutral-000);--color-brand-text-on-action-primary-hover:var(--color-brand-500);--color-brand-text-on-action-primary-active:var(--color-brand-300);--color-text-on-action-primary-normal:var(--color-neutral-000);--color-text-on-action-primary-hover:var(--color-neutral-000);--color-text-on-action-primary-active:var(--color-neutral-000);--color-text-on-action-primary-disabled:var(--color-neutral-400);--color-text-action-critical-normal:var(--color-critical-400);--color-text-action-critical-hover:var(--color-critical-500);--color-text-action-critical-active:var(--color-critical-300);--color-text-action-critical-disabled:var(--color-neutral-400);--color-border-action-normal:var(--color-action-400);--color-border-action-hover:var(--color-action-500);--color-border-action-active:var(--color-action-300);--color-border-action-disabled:var(--color-neutral-200);--color-text-critical-normal:var(--color-critical-400);--color-text-critical-disabled:var(--color-neutral-400);--color-text-critical-error:var(--color-critical-400);--color-border-action-critical-normal:var(--color-critical-400);--color-border-action-critical-hover:var(--color-critical-500);--color-border-action-critical-active:var(--color-critical-300);--color-border-action-critical-disabled:var(--color-neutral-200);--color-background-action-normal:var(--color-action-400);--color-background-action-hover:var(--color-action-500);--color-background-action-active:var(--color-action-300);--color-background-action-disabled:var(--color-neutral-200);--color-background-action-critical-normal:var(--color-critical-400);--color-background-action-critical-hover:var(--color-critical-500);--color-background-action-critical-active:var(--color-critical-300);--color-background-action-critical-disabled:var(--color-neutral-200);--color-icon-action-primary-normal:var(--color-neutral-500);--color-icon-action-primary-hover:var(--color-action-500);--color-icon-action-primary-active:var(--color-action-300);--color-icon-action-primary-disabled:var(--color-neutral-300);--color-icon-action-secondary-normal:var(--color-action-400);--color-icon-action-secondary-hover:var(--color-action-500);--color-icon-action-secondary-active:var(--color-action-300);--color-icon-action-secondary-disabled:var(--color-neutral-400);--color-icon-on-action-primary-normal:var(--color-neutral-000);--color-icon-on-action-primary-hover:var(--color-neutral-000);--color-icon-on-action-primary-active:var(--color-neutral-000);--color-icon-on-action-primary-disabled:var(--color-neutral-400);--color-icon-on-action-secondary-normal:var(--color-action-400);--color-icon-on-action-secondary-hover:var(--color-action-500);--color-icon-on-action-secondary-active:var(--color-action-300);--color-icon-on-action-secondary-disabled:var(--color-neutral-400);--color-icon-action-critical-normal:var(--color-critical-400);--color-icon-action-critical-hover:var(--color-critical-500);--color-icon-action-critical-active:var(--color-critical-300);--color-icon-action-critical-disabled:var(--color-neutral-400);--color-icon-action-critical-secondary-normal:var(--color-critical-400);--color-icon-action-critical-secondary-hover:var(--color-critical-500);--color-icon-action-critical-secondary-active:var(--color-critical-300);--color-icon-action-critical-secondary-disabled:var(--color-neutral-400);--color-icon-brand-primary-normal:var(--color-brand-400);--color-icon-brand-primary-hover:var(--color-brand-500);--color-icon-brand-primary-active:var(--color-brand-300);--color-icon-brand-primary-disabled:var(--color-neutral-300);--color-background-action-primary-normal:var(--color-action-400);--color-background-action-primary-hover:var(--color-action-500);--color-background-action-primary-active:var(--color-action-300);--color-background-action-primary-disabled:var(--color-neutral-200);--color-background-action-secondary-normal:var(--color-neutral-000);--color-background-action-secondary-hover:var(--color-action-100);--color-background-action-secondary-active:var(--color-neutral-000);--color-background-action-secondary-disabled:var(--color-neutral-200);--color-background-brand-normal:var(--color-brand-400);--color-background-on-action-primary-normal:var(--color-neutral-000);--color-background-on-action-primary-hover:var(--color-neutral-000);--color-background-on-action-primary-active:var(--color-neutral-000);--color-background-on-action-primary-disabled:var(--color-neutral-200);--color-background-on-action-secondary-normal:var(--color-neutral-100);--color-background-on-action-secondary-hover:var(--color-brand-500);--color-background-on-action-secondary-active:var(--color-brand-400);--color-background-on-action-secondary-disabled:var(--color-neutral-200);--color-background-action-critical-primary-normal:var(--color-critical-400);--color-background-action-critical-primary-hover:var(--color-critical-500);--color-background-action-critical-primary-active:var(--color-critical-300);--color-background-action-critical-primary-disabled:var(--color-neutral-200);--color-background-action-critical-secondary-normal:var(--color-neutral-000);--color-background-action-critical-secondary-hover:var(--color-critical-100);--color-background-action-critical-secondary-active:var(--color-neutral-000);--color-background-action-critical-secondary-disabled:var(--color-neutral-200);--color-background-white:var(--color-white)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.icon{text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.icon-24{font-size:24px}.icon-16{font-size:16px}.icon-32{font-size:32px}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}}@layer utilities{.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.compact\:grid-cols-1:where([data-compact]){grid-template-columns:repeat(1,minmax(0,1fr))}.compact\:grid-cols-2:where([data-compact]){grid-template-columns:repeat(2,minmax(0,1fr))}.compact\:grid-cols-3:where([data-compact]){grid-template-columns:repeat(3,minmax(0,1fr))}.compact\:grid-cols-4:where([data-compact]){grid-template-columns:repeat(4,minmax(0,1fr))}.compact\:grid-cols-5:where([data-compact]){grid-template-columns:repeat(5,minmax(0,1fr))}.compact\:grid-cols-6:where([data-compact]){grid-template-columns:repeat(6,minmax(0,1fr))}.compact\:grid-cols-7:where([data-compact]){grid-template-columns:repeat(7,minmax(0,1fr))}.compact\:grid-cols-8:where([data-compact]){grid-template-columns:repeat(8,minmax(0,1fr))}.compact\:grid-cols-9:where([data-compact]){grid-template-columns:repeat(9,minmax(0,1fr))}.compact\:grid-cols-10:where([data-compact]){grid-template-columns:repeat(10,minmax(0,1fr))}.compact\:grid-cols-11:where([data-compact]){grid-template-columns:repeat(11,minmax(0,1fr))}.compact\:grid-cols-12:where([data-compact]){grid-template-columns:repeat(12,minmax(0,1fr))}@container root (min-width:48rem){.desktop\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.desktop\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.desktop\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.desktop\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.desktop\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.desktop\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.desktop\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.desktop\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.desktop\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.desktop\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}}[data-theme=light]{--color-text-primary-normal:var(--color-neutral-500);--color-text-primary-active:var(--color-neutral-400);--color-text-primary-disabled:var(--color-neutral-300);--color-text-primary-error:var(--color-critical-400);--color-text-secondary-normal:var(--color-neutral-400);--color-text-secondary-disabled:var(--color-neutral-300);--color-text-secondary-error:var(--color-critical-400);--color-text-success-normal:var(--color-success-500);--color-text-success-disabled:var(--color-neutral-400);--color-text-success-error:var(--color-critical-400);--color-text-warning-normal:var(--color-warning-500);--color-text-warning-disabled:var(--color-neutral-400);--color-text-warning-error:var(--color-critical-400);--color-text-brand-primary-normal:var(--color-neutral-000);--color-text-link-normal:var(--color-link-400);--color-text-link-hover:var(--color-link-500);--color-text-link-active:var(--color-link-300);--color-text-link-disabled:var(--color-neutral-400);--color-border-primary-focus:var(--color-action-400);--color-border-primary-error:var(--color-critical-400);--color-border-primary-normal:var(--color-neutral-300);--color-icon-primary-normal:var(--color-neutral-400);--color-icon-primary-disabled:var(--color-neutral-300);--color-icon-success-normal:var(--color-success-400);--color-icon-success-disabled:var(--color-neutral-400);--color-icon-warning-normal:var(--color-warning-400);--color-icon-warning-disabled:var(--color-neutral-400);--color-icon-critical-normal:var(--color-critical-400);--color-icon-critical-disabled:var(--color-neutral-400);--color-background-primary-normal:var(--color-neutral-000);--color-background-grouped-primary-normal:var(--color-neutral-000);--color-background-secondary-normal:var(--color-neutral-300);--color-background-grouped-secondary-normal:var(--color-neutral-100);--color-background-success-normal:var(--color-success-400);--color-background-warning-normal:var(--color-warning-400);--color-background-critical-normal:var(--color-critical-400);--color-text-action-normal:var(--color-action-400);--color-text-action-hover:var(--color-action-500);--color-text-action-active:var(--color-action-300);--color-text-action-disabled:var(--color-neutral-400);--color-text-action-primary-normal:var(--color-action-400);--color-text-action-primary-hover:var(--color-action-500);--color-text-action-primary-active:var(--color-action-300);--color-text-action-primary-disabled:var(--color-neutral-400);--color-brand-text-action-primary-normal:var(--color-neutral-000);--color-brand-text-action-primary-hover:var(--color-brand-200);--color-brand-text-action-primary-active:var(--color-brand-200);--color-brand-text-on-action-primary-normal:var(--color-neutral-000);--color-brand-text-on-action-primary-hover:var(--color-brand-500);--color-brand-text-on-action-primary-active:var(--color-brand-300);--color-text-on-action-primary-normal:var(--color-neutral-000);--color-text-on-action-primary-hover:var(--color-neutral-000);--color-text-on-action-primary-active:var(--color-neutral-000);--color-text-on-action-primary-disabled:var(--color-neutral-400);--color-text-action-critical-normal:var(--color-critical-400);--color-text-action-critical-hover:var(--color-critical-500);--color-text-action-critical-active:var(--color-critical-300);--color-text-action-critical-disabled:var(--color-neutral-400);--color-border-action-normal:var(--color-action-400);--color-border-action-hover:var(--color-action-500);--color-border-action-active:var(--color-action-300);--color-border-action-disabled:var(--color-neutral-200);--color-text-critical-normal:var(--color-critical-400);--color-text-critical-disabled:var(--color-neutral-400);--color-text-critical-error:var(--color-critical-400);--color-border-action-critical-normal:var(--color-critical-400);--color-border-action-critical-hover:var(--color-critical-500);--color-border-action-critical-active:var(--color-critical-300);--color-border-action-critical-disabled:var(--color-neutral-200);--color-background-action-normal:var(--color-action-400);--color-background-action-hover:var(--color-action-500);--color-background-action-active:var(--color-action-300);--color-background-action-disabled:var(--color-neutral-200);--color-background-action-critical-normal:var(--color-critical-400);--color-background-action-critical-hover:var(--color-critical-500);--color-background-action-critical-active:var(--color-critical-300);--color-background-action-critical-disabled:var(--color-neutral-200);--color-icon-action-primary-normal:var(--color-neutral-500);--color-icon-action-primary-hover:var(--color-action-500);--color-icon-action-primary-active:var(--color-action-300);--color-icon-action-primary-disabled:var(--color-neutral-300);--color-icon-action-secondary-normal:var(--color-action-400);--color-icon-action-secondary-hover:var(--color-action-500);--color-icon-action-secondary-active:var(--color-action-300);--color-icon-action-secondary-disabled:var(--color-neutral-400);--color-icon-on-action-primary-normal:var(--color-neutral-000);--color-icon-on-action-primary-hover:var(--color-neutral-000);--color-icon-on-action-primary-active:var(--color-neutral-000);--color-icon-on-action-primary-disabled:var(--color-neutral-400);--color-icon-on-action-secondary-normal:var(--color-action-400);--color-icon-on-action-secondary-hover:var(--color-action-500);--color-icon-on-action-secondary-active:var(--color-action-300);--color-icon-on-action-secondary-disabled:var(--color-neutral-400);--color-icon-action-critical-normal:var(--color-critical-400);--color-icon-action-critical-hover:var(--color-critical-500);--color-icon-action-critical-active:var(--color-critical-300);--color-icon-action-critical-disabled:var(--color-neutral-400);--color-icon-action-critical-secondary-normal:var(--color-critical-400);--color-icon-action-critical-secondary-hover:var(--color-critical-500);--color-icon-action-critical-secondary-active:var(--color-critical-300);--color-icon-action-critical-secondary-disabled:var(--color-neutral-400);--color-icon-brand-primary-normal:var(--color-brand-400);--color-icon-brand-primary-hover:var(--color-brand-500);--color-icon-brand-primary-active:var(--color-brand-300);--color-icon-brand-primary-disabled:var(--color-neutral-300);--color-background-action-primary-normal:var(--color-action-400);--color-background-action-primary-hover:var(--color-action-500);--color-background-action-primary-active:var(--color-action-300);--color-background-action-primary-disabled:var(--color-neutral-200);--color-background-action-secondary-normal:var(--color-neutral-000);--color-background-action-secondary-hover:var(--color-action-100);--color-background-action-secondary-active:var(--color-neutral-000);--color-background-action-secondary-disabled:var(--color-neutral-200);--color-background-brand-normal:var(--color-brand-400);--color-background-on-action-primary-normal:var(--color-neutral-000);--color-background-on-action-primary-hover:var(--color-neutral-000);--color-background-on-action-primary-active:var(--color-neutral-000);--color-background-on-action-primary-disabled:var(--color-neutral-200);--color-background-on-action-secondary-normal:var(--color-neutral-100);--color-background-on-action-secondary-hover:var(--color-brand-500);--color-background-on-action-secondary-active:var(--color-brand-400);--color-background-on-action-secondary-disabled:var(--color-neutral-200);--color-background-action-critical-primary-normal:var(--color-critical-400);--color-background-action-critical-primary-hover:var(--color-critical-500);--color-background-action-critical-primary-active:var(--color-critical-300);--color-background-action-critical-primary-disabled:var(--color-neutral-200);--color-background-action-critical-secondary-normal:var(--color-neutral-000);--color-background-action-critical-secondary-hover:var(--color-critical-100);--color-background-action-critical-secondary-active:var(--color-neutral-000);--color-background-action-critical-secondary-disabled:var(--color-neutral-200);--color-background-white:var(--color-white)}.skeleton-paragraph{opacity:.85;background-color:#f7f7f7;position:relative;overflow:hidden}.skeleton-paragraph:after{content:"";background-image:linear-gradient(90deg,#0000,#fff9,#0000);position:absolute;inset:0;transform:translate(-100%)}@supports (color:color-mix(in lab,red,red)){.skeleton-paragraph:after{background-image:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--color-neutral-000) 60%,transparent) 50%,transparent 100%)}}.skeleton-paragraph:after{animation:1.4s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media(prefers-color-scheme:dark){:root:not(:has([data-theme=light])){--color-text-primary-normal:var(--color-neutral-000);--color-text-primary-disabled:var(--color-neutral-400);--color-text-primary-error:var(--color-critical-300);--color-text-secondary-normal:var(--color-neutral-300);--color-text-secondary-disabled:var(--color-neutral-400);--color-text-secondary-error:var(--color-critical-300);--color-text-success-normal:var(--color-success-200);--color-text-success-disabled:var(--color-neutral-300);--color-text-success-error:var(--color-critical-300);--color-text-warning-normal:var(--color-warning-200);--color-text-warning-disabled:var(--color-neutral-300);--color-text-warning-error:var(--color-critical-300);--color-text-link-normal:var(--color-link-300);--color-text-link-hover:var(--color-link-400);--color-text-link-active:var(--color-link-200);--color-text-link-disabled:var(--color-neutral-400);--color-border-primary-normal:var(--color-neutral-400);--color-border-primary-focus:var(--color-action-300);--color-border-primary-error:var(--color-critical-300);--color-icon-primary-normal:var(--color-neutral-300);--color-icon-primary-disabled:var(--color-neutral-400);--color-icon-success-normal:var(--color-success-300);--color-icon-success-disabled:var(--color-neutral-400);--color-icon-warning-normal:var(--color-warning-300);--color-icon-warning-disabled:var(--color-neutral-400);--color-icon-critical-normal:var(--color-critical-300);--color-icon-critical-disabled:var(--color-neutral-400);--color-background-primary-normal:var(--color-neutral-600);--color-background-grouped-primary-normal:var(--color-neutral-500);--color-background-secondary-normal:var(--color-neutral-500);--color-background-grouped-secondary-normal:var(--color-neutral-600);--color-background-success-normal:var(--color-success-300);--color-background-warning-normal:var(--color-warning-300);--color-background-critical-normal:var(--color-critical-300);--color-text-action-primary-normal:var(--color-action-300);--color-text-action-primary-hover:var(--color-action-400);--color-text-action-primary-active:var(--color-action-200);--color-text-action-primary-disabled:var(--color-neutral-400);--color-text-on-action-primary-normal:var(--color-neutral-600);--color-text-on-action-primary-hover:var(--color-neutral-500);--color-text-on-action-primary-active:var(--color-neutral-600);--color-text-on-action-primary-disabled:var(--color-neutral-400);--color-text-action-critical-normal:var(--color-critical-300);--color-text-action-critical-hover:var(--color-critical-400);--color-text-action-critical-active:var(--color-critical-200);--color-text-action-critical-disabled:var(--color-neutral-400);--color-border-action-normal:var(--color-action-300);--color-border-action-hover:var(--color-action-400);--color-border-action-active:var(--color-action-200);--color-border-action-disabled:var(--color-neutral-450);--color-text-critical-normal:var(--color-critical-300);--color-text-critical-disabled:var(--color-neutral-300);--color-text-critical-error:var(--color-critical-300);--color-border-action-critical-normal:var(--color-critical-300);--color-border-action-critical-hover:var(--color-critical-400);--color-border-action-critical-active:var(--color-critical-200);--color-border-action-critical-disabled:var(--color-neutral-450);--color-icon-action-primary-normal:var(--color-neutral-000);--color-icon-action-primary-hover:var(--color-action-300);--color-icon-action-primary-active:var(--color-action-200);--color-icon-action-primary-disabled:var(--color-neutral-400);--color-icon-action-secondary-normal:var(--color-action-300);--color-icon-action-secondary-hover:var(--color-action-400);--color-icon-action-secondary-active:var(--color-action-200);--color-icon-action-secondary-disabled:var(--color-neutral-400);--color-icon-on-action-primary-normal:var(--color-neutral-600);--color-icon-on-action-primary-hover:var(--color-neutral-500);--color-icon-on-action-primary-active:var(--color-neutral-600);--color-icon-on-action-primary-disabled:var(--color-neutral-400);--color-icon-action-critical-normal:var(--color-critical-300);--color-icon-action-critical-hover:var(--color-critical-400);--color-icon-action-critical-active:var(--color-critical-200);--color-icon-action-critical-disabled:var(--color-neutral-400);--color-icon-brand-primary-normal:var(--color-brand-300);--color-icon-brand-primary-hover:var(--color-brand-400);--color-icon-brand-primary-active:var(--color-brand-200);--color-icon-brand-primary-disabled:var(--color-neutral-400);--color-background-action-primary-normal:var(--color-action-300);--color-background-action-primary-hover:var(--color-action-400);--color-background-action-primary-active:var(--color-action-200);--color-background-action-primary-disabled:var(--color-neutral-450);--color-background-action-secondary-normal:var(--color-neutral-600);--color-background-action-secondary-hover:var(--color-action-500);--color-background-action-secondary-active:var(--color-neutral-600);--color-background-action-secondary-disabled:var(--color-neutral-450);--color-background-brand-normal:var(--color-brand-400);--color-background-action-critical-primary-normal:var(--color-critical-300);--color-background-action-critical-primary-hover:var(--color-critical-400);--color-background-action-critical-primary-active:var(--color-critical-200);--color-background-action-critical-primary-disabled:var(--color-neutral-450);--color-background-action-critical-secondary-normal:var(--color-neutral-600);--color-background-action-critical-secondary-hover:var(--color-critical-500);--color-background-action-critical-secondary-active:var(--color-neutral-600);--color-background-action-critical-secondary-disabled:var(--color-neutral-450);--color-background-white:var(--color-white)}}[data-theme=dark]{--color-text-primary-normal:var(--color-neutral-000);--color-text-primary-disabled:var(--color-neutral-400);--color-text-primary-error:var(--color-critical-300);--color-text-secondary-normal:var(--color-neutral-300);--color-text-secondary-disabled:var(--color-neutral-400);--color-text-secondary-error:var(--color-critical-300);--color-text-success-normal:var(--color-success-200);--color-text-success-disabled:var(--color-neutral-300);--color-text-success-error:var(--color-critical-300);--color-text-warning-normal:var(--color-warning-200);--color-text-warning-disabled:var(--color-neutral-300);--color-text-warning-error:var(--color-critical-300);--color-text-link-normal:var(--color-link-300);--color-text-link-hover:var(--color-link-400);--color-text-link-active:var(--color-link-200);--color-text-link-disabled:var(--color-neutral-400);--color-border-primary-normal:var(--color-neutral-400);--color-border-primary-focus:var(--color-action-300);--color-border-primary-error:var(--color-critical-300);--color-icon-primary-normal:var(--color-neutral-300);--color-icon-primary-disabled:var(--color-neutral-400);--color-icon-success-normal:var(--color-success-300);--color-icon-success-disabled:var(--color-neutral-400);--color-icon-warning-normal:var(--color-warning-300);--color-icon-warning-disabled:var(--color-neutral-400);--color-icon-critical-normal:var(--color-critical-300);--color-icon-critical-disabled:var(--color-neutral-400);--color-background-primary-normal:var(--color-neutral-600);--color-background-grouped-primary-normal:var(--color-neutral-500);--color-background-secondary-normal:var(--color-neutral-500);--color-background-grouped-secondary-normal:var(--color-neutral-600);--color-background-success-normal:var(--color-success-300);--color-background-warning-normal:var(--color-warning-300);--color-background-critical-normal:var(--color-critical-300);--color-text-action-primary-normal:var(--color-action-300);--color-text-action-primary-hover:var(--color-action-400);--color-text-action-primary-active:var(--color-action-200);--color-text-action-primary-disabled:var(--color-neutral-400);--color-text-on-action-primary-normal:var(--color-neutral-600);--color-text-on-action-primary-hover:var(--color-neutral-500);--color-text-on-action-primary-active:var(--color-neutral-600);--color-text-on-action-primary-disabled:var(--color-neutral-400);--color-text-action-critical-normal:var(--color-critical-300);--color-text-action-critical-hover:var(--color-critical-400);--color-text-action-critical-active:var(--color-critical-200);--color-text-action-critical-disabled:var(--color-neutral-400);--color-border-action-normal:var(--color-action-300);--color-border-action-hover:var(--color-action-400);--color-border-action-active:var(--color-action-200);--color-border-action-disabled:var(--color-neutral-450);--color-text-critical-normal:var(--color-critical-300);--color-text-critical-disabled:var(--color-neutral-300);--color-text-critical-error:var(--color-critical-300);--color-border-action-critical-normal:var(--color-critical-300);--color-border-action-critical-hover:var(--color-critical-400);--color-border-action-critical-active:var(--color-critical-200);--color-border-action-critical-disabled:var(--color-neutral-450);--color-icon-action-primary-normal:var(--color-neutral-000);--color-icon-action-primary-hover:var(--color-action-300);--color-icon-action-primary-active:var(--color-action-200);--color-icon-action-primary-disabled:var(--color-neutral-400);--color-icon-action-secondary-normal:var(--color-action-300);--color-icon-action-secondary-hover:var(--color-action-400);--color-icon-action-secondary-active:var(--color-action-200);--color-icon-action-secondary-disabled:var(--color-neutral-400);--color-icon-on-action-primary-normal:var(--color-neutral-600);--color-icon-on-action-primary-hover:var(--color-neutral-500);--color-icon-on-action-primary-active:var(--color-neutral-600);--color-icon-on-action-primary-disabled:var(--color-neutral-400);--color-icon-action-critical-normal:var(--color-critical-300);--color-icon-action-critical-hover:var(--color-critical-400);--color-icon-action-critical-active:var(--color-critical-200);--color-icon-action-critical-disabled:var(--color-neutral-400);--color-icon-brand-primary-normal:var(--color-brand-300);--color-icon-brand-primary-hover:var(--color-brand-400);--color-icon-brand-primary-active:var(--color-brand-200);--color-icon-brand-primary-disabled:var(--color-neutral-400);--color-background-action-primary-normal:var(--color-action-300);--color-background-action-primary-hover:var(--color-action-400);--color-background-action-primary-active:var(--color-action-200);--color-background-action-primary-disabled:var(--color-neutral-450);--color-background-action-secondary-normal:var(--color-neutral-600);--color-background-action-secondary-hover:var(--color-action-500);--color-background-action-secondary-active:var(--color-neutral-600);--color-background-action-secondary-disabled:var(--color-neutral-450);--color-background-brand-normal:var(--color-brand-400);--color-background-action-critical-primary-normal:var(--color-critical-300);--color-background-action-critical-primary-hover:var(--color-critical-400);--color-background-action-critical-primary-active:var(--color-critical-200);--color-background-action-critical-primary-disabled:var(--color-neutral-450);--color-background-action-critical-secondary-normal:var(--color-neutral-600);--color-background-action-critical-secondary-hover:var(--color-critical-500);--color-background-action-critical-secondary-active:var(--color-neutral-600);--color-background-action-critical-secondary-disabled:var(--color-neutral-450);--color-background-white:var(--color-white)}[data-theme=brand]{--color-text-primary-normal:var(--color-neutral-000);--color-text-primary-disabled:var(--color-neutral-400);--color-text-primary-error:var(--color-critical-200);--color-text-secondary-normal:var(--color-neutral-200);--color-text-secondary-disabled:var(--color-neutral-400);--color-text-secondary-error:var(--color-critical-200);--color-text-success-normal:var(--color-success-200);--color-text-success-disabled:var(--color-neutral-300);--color-text-success-error:var(--color-critical-200);--color-text-warning-normal:var(--color-warning-200);--color-text-warning-disabled:var(--color-neutral-300);--color-text-warning-error:var(--color-critical-200);--color-text-link-normal:var(--color-link-000);--color-text-link-hover:var(--color-brand-200);--color-text-link-active:var(--color-brand-200);--color-text-link-disabled:var(--color-neutral-400);--color-border-primary-normal:var(--color-brand-200);--color-border-primary-focus:var(--color-neutral-000);--color-border-primary-error:var(--color-critical-300);--color-icon-primary-normal:var(--color-brand-200);--color-icon-primary-disabled:var(--color-neutral-400);--color-icon-success-normal:var(--color-success-400);--color-icon-success-disabled:var(--color-neutral-400);--color-icon-warning-normal:var(--color-warning-400);--color-icon-warning-disabled:var(--color-neutral-400);--color-icon-critical-normal:var(--color-critical-400);--color-icon-critical-disabled:var(--color-neutral-400);--color-background-primary-normal:var(--color-brand-400);--color-background-grouped-primary-normal:var(--color-brand-400);--color-background-secondary-normal:var(--color-brand-500);--color-background-grouped-secondary-normal:var(--color-brand-500);--color-background-success-normal:var(--color-success-400);--color-background-warning-normal:var(--color-warning-400);--color-background-critical-normal:var(--color-critical-400);--color-text-action-primary-normal:var(--color-action-000);--color-text-action-primary-hover:var(--color-brand-200);--color-text-action-primary-active:var(--color-brand-200);--color-text-action-primary-disabled:var(--color-neutral-400);--color-text-on-action-primary-normal:var(--color-brand-400);--color-text-on-action-primary-hover:var(--color-brand-200);--color-text-on-action-primary-active:var(--color-brand-200);--color-text-on-action-primary-disabled:var(--color-neutral-400);--color-text-action-critical-normal:var(--color-critical-200);--color-text-action-critical-hover:var(--color-critical-300);--color-text-action-critical-active:var(--color-critical-200);--color-text-action-critical-disabled:var(--color-neutral-400);--color-border-action-normal:var(--color-neutral-000);--color-border-action-hover:var(--color-brand-200);--color-border-action-active:var(--color-brand-200);--color-border-action-disabled:var(--color-neutral-200);--color-text-critical-normal:var(--color-critical-200);--color-text-critical-disabled:var(--color-neutral-300);--color-text-critical-error:var(--color-critical-200);--color-border-action-critical-normal:var(--color-critical-200);--color-border-action-critical-hover:var(--color-critical-300);--color-border-action-critical-active:var(--color-critical-200);--color-border-action-critical-disabled:var(--color-neutral-200);--color-icon-action-primary-normal:var(--color-neutral-000);--color-icon-action-primary-hover:var(--color-brand-200);--color-icon-action-primary-active:var(--color-brand-100);--color-icon-action-primary-disabled:var(--color-neutral-300);--color-icon-action-secondary-normal:var(--color-neutral-000);--color-icon-action-secondary-hover:var(--color-brand-200);--color-icon-action-secondary-active:var(--color-brand-200);--color-icon-action-secondary-disabled:var(--color-neutral-400);--color-icon-on-action-primary-normal:var(--color-brand-400);--color-icon-on-action-primary-hover:var(--color-brand-500);--color-icon-on-action-primary-active:var(--color-brand-300);--color-icon-on-action-primary-disabled:var(--color-neutral-400);--color-icon-action-critical-normal:var(--color-critical-200);--color-icon-action-critical-hover:var(--color-critical-300);--color-icon-action-critical-active:var(--color-critical-200);--color-icon-action-critical-disabled:var(--color-neutral-400);--color-icon-brand-primary-normal:var(--color-neutral-000);--color-icon-brand-primary-hover:var(--color-brand-200);--color-icon-brand-primary-active:var(--color-neutral-000);--color-icon-brand-primary-disabled:var(--color-neutral-300);--color-background-action-primary-normal:var(--color-action-000);--color-background-action-primary-hover:var(--color-brand-200);--color-background-action-primary-active:var(--color-neutral-000);--color-background-action-primary-disabled:var(--color-neutral-200);--color-background-action-secondary-normal:var(--color-brand-400);--color-background-action-secondary-hover:var(--color-brand-500);--color-background-action-secondary-active:var(--color-brand-400);--color-background-action-secondary-disabled:var(--color-neutral-200);--color-background-brand-normal:var(--color-brand-400);--color-background-action-critical-primary-normal:var(--color-critical-400);--color-background-action-critical-primary-hover:var(--color-critical-500);--color-background-action-critical-primary-active:var(--color-critical-300);--color-background-action-critical-primary-disabled:var(--color-neutral-200);--color-background-action-critical-secondary-normal:var(--color-brand-400);--color-background-action-critical-secondary-hover:var(--color-brand-500);--color-background-action-critical-secondary-active:var(--color-brand-400);--color-background-action-critical-secondary-disabled:var(--color-neutral-200);--color-background-white:var(--color-white)}body{background-color:var(--color-background-primary-normal);color:var(--color-text-primary-normal)}:root{container:root/inline-size}.spinner circle{animation:1s infinite spinner-fade}@keyframes spinner-fade{0%{opacity:1}to{opacity:0}}.spinner circle:first-child{animation-delay:0s}.spinner circle:nth-child(2){animation-delay:-.875s}.spinner circle:nth-child(3){animation-delay:-.75s}.spinner circle:nth-child(4){animation-delay:-.625s}.spinner circle:nth-child(5){animation-delay:-.5s}.spinner circle:nth-child(6){animation-delay:-.375s}.spinner circle:nth-child(7){animation-delay:-.25s}.spinner circle:nth-child(8){animation-delay:-.125s}

package/dist/types.d.ts

@@ -0,0 +1,33 @@
+import { default as React, ComponentPropsWithoutRef } from 'react';
+export type IconSize = 16 | 24 | 32;
+export type ValidTags<T = keyof React.ElementType> = Extract<React.ElementType, T | React.JSXElementConstructor<unknown>>;
+export type AsProps<T extends React.ElementType = React.ElementType, K extends ValidTags<T> = ValidTags<T>> = K extends React.ElementType ? {
+    as?: K;
+} & ComponentPropsWithoutRef<K> : never;
+export type Elevation = 0 | 2 | 4 | 16;
+export type Sizing = "layout" | "layout-group" | "container" | "component" | "none";
+export type TextAlign = "left" | "right" | "center";
+export type ItemsAlign = "start" | "center" | "end" | "start-center";
+export type JustifyAlign = "start" | "center" | "end" | "between" | "around";
+export type TextColorTokens = "text-primary-normal" | "text-primary-disabled" | "text-primary-error" | "text-secondary-normal" | "text-secondary-disabled" | "text-secondary-error" | "text-action-normal" | "text-action-hover" | "text-action-active" | "text-action-disabled" | "text-on-action-primary-normal" | "text-on-action-primary-hover" | "text-on-action-primary-active" | "text-on-action-primary-disabled" | "text-action-critical-normal" | "text-action-critical-hover" | "text-action-critical-active" | "text-action-critical-disabled" | "text-critical-normal" | "text-critical-disabled" | "text-critical-error" | "text-success-normal" | "text-warning-normal";
+export type BorderColorTokens = "border-primary-normal" | "border-primary-focus" | "border-primary-error" | "border-primary-normal" | "border-action-normal" | "border-action-hover" | "border-action-active" | "border-action-disabled" | "border-action-critical-normal" | "border-action-critical-hover" | "border-action-critical-active" | "border-action-critical-disabled";
+export type IconColorTokens = "icon-primary-normal" | "icon-primary-disabled" | "icon-success-normal" | "icon-success-disabled" | "icon-warning-normal" | "icon-warning-disabled" | "icon-critical-normal" | "icon-critical-disabled" | "icon-action-primary-normal" | "icon-action-primary-hover" | "icon-action-primary-active" | "icon-action-primary-disabled" | "icon-on-action-primary-normal" | "icon-on-action-primary-hover" | "icon-on-action-primary-active" | "icon-on-action-primary-disabled" | "icon-on-action-secondary-normal" | "icon-on-action-secondary-hover" | "icon-on-action-secondary-active" | "icon-on-action-secondary-disabled" | "icon-action-critical-secondary-normal" | "icon-action-critical-secondary-hover" | "icon-action-critical-secondary-active" | "icon-action-critical-secondary-disabled" | "icon-brand-primary-normal" | "icon-brand-primary-hover" | "icon-brand-primary-active" | "icon-brand-primary-disabled";
+export type BackgroundColorTokens = "background-primary-normal" | "background-grouped-primary-normal" | "background-secondary-normal" | "background-grouped-secondary-normal" | "background-success-normal" | "background-warning-normal" | "background-critical-normal" | "background-action-normal" | "background-action-hover" | "background-action-active" | "background-action-disabled" | "background-action-critical-normal" | "background-action-critical-hover" | "background-action-critical-active" | "background-action-critical-disabled" | "background-action-primary-normal" | "background-action-primary-hover" | "background-action-primary-active" | "background-action-primary-disabled" | "background-action-secondary-normal" | "background-action-secondary-hover" | "background-action-secondary-active" | "background-action-secondary-disabled" | "background-action-critical-primary-normal" | "background-action-critical-primary-hover" | "background-action-critical-primary-active" | "background-action-critical-primary-disabled" | "background-action-critical-secondary-normal" | "background-action-critical-secondary-hover" | "background-action-critical-secondary-active" | "background-action-critical-secondary-disabled" | "background-brand-normal" | "background-white";
+export type TextAttributes = {
+    color?: TextColorTokens;
+    align?: TextAlign;
+    tall?: boolean;
+    padded?: boolean;
+    addOverflow?: boolean;
+};
+export type TypographyProps = {
+    className?: string;
+    children?: React.ReactNode;
+    color?: string;
+};
+declare module "react" {
+    interface CSSProperties {
+        [key: `--${string}`]: string | number;
+    }
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEpC,MAAM,MAAM,SAAS,CAAC,CAAC,GAAG,MAAM,KAAK,CAAC,WAAW,IAAI,OAAO,CAC1D,KAAK,CAAC,WAAW,EACjB,CAAC,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,CACzC,CAAC;AAEF,MAAM,MAAM,OAAO,CACjB,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,EAC/C,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,IACnC,CAAC,SAAS,KAAK,CAAC,WAAW,GAC3B;IAAE,EAAE,CAAC,EAAE,CAAC,CAAA;CAAE,GAAG,wBAAwB,CAAC,CAAC,CAAC,GACxC,KAAK,CAAC;AAEV,MAAM,MAAM,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;AAEvC,MAAM,MAAM,MAAM,GACd,QAAQ,GACR,cAAc,GACd,WAAW,GACX,WAAW,GACX,MAAM,CAAC;AACX,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AACpD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,cAAc,CAAC;AACrE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE7E,MAAM,MAAM,eAAe,GACvB,qBAAqB,GACrB,uBAAuB,GACvB,oBAAoB,GACpB,uBAAuB,GACvB,yBAAyB,GACzB,sBAAsB,GACtB,oBAAoB,GACpB,mBAAmB,GACnB,oBAAoB,GACpB,sBAAsB,GACtB,+BAA+B,GAC/B,8BAA8B,GAC9B,+BAA+B,GAC/B,iCAAiC,GACjC,6BAA6B,GAC7B,4BAA4B,GAC5B,6BAA6B,GAC7B,+BAA+B,GAC/B,sBAAsB,GACtB,wBAAwB,GACxB,qBAAqB,GACrB,qBAAqB,GACrB,qBAAqB,CAAC;AAE1B,MAAM,MAAM,iBAAiB,GACzB,uBAAuB,GACvB,sBAAsB,GACtB,sBAAsB,GACtB,uBAAuB,GACvB,sBAAsB,GACtB,qBAAqB,GACrB,sBAAsB,GACtB,wBAAwB,GACxB,+BAA+B,GAC/B,8BAA8B,GAC9B,+BAA+B,GAC/B,iCAAiC,CAAC;AAEtC,MAAM,MAAM,eAAe,GACvB,qBAAqB,GACrB,uBAAuB,GACvB,qBAAqB,GACrB,uBAAuB,GACvB,qBAAqB,GACrB,uBAAuB,GACvB,sBAAsB,GACtB,wBAAwB,GACxB,4BAA4B,GAC5B,2BAA2B,GAC3B,4BAA4B,GAC5B,8BAA8B,GAC9B,+BAA+B,GAC/B,8BAA8B,GAC9B,+BAA+B,GAC/B,iCAAiC,GACjC,iCAAiC,GACjC,gCAAgC,GAChC,iCAAiC,GACjC,mCAAmC,GACnC,uCAAuC,GACvC,sCAAsC,GACtC,uCAAuC,GACvC,yCAAyC,GACzC,2BAA2B,GAC3B,0BAA0B,GAC1B,2BAA2B,GAC3B,6BAA6B,CAAC;AAElC,MAAM,MAAM,qBAAqB,GAC7B,2BAA2B,GAC3B,mCAAmC,GACnC,6BAA6B,GAC7B,qCAAqC,GACrC,2BAA2B,GAC3B,2BAA2B,GAC3B,4BAA4B,GAC5B,0BAA0B,GAC1B,yBAAyB,GACzB,0BAA0B,GAC1B,4BAA4B,GAC5B,mCAAmC,GACnC,kCAAkC,GAClC,mCAAmC,GACnC,qCAAqC,GACrC,kCAAkC,GAClC,iCAAiC,GACjC,kCAAkC,GAClC,oCAAoC,GACpC,oCAAoC,GACpC,mCAAmC,GACnC,oCAAoC,GACpC,sCAAsC,GACtC,2CAA2C,GAC3C,0CAA0C,GAC1C,2CAA2C,GAC3C,6CAA6C,GAC7C,6CAA6C,GAC7C,4CAA4C,GAC5C,6CAA6C,GAC7C,+CAA+C,GAC/C,yBAAyB,GACzB,kBAAkB,CAAC;AAEvB,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,OAAO,QAAQ,OAAO,CAAC;IACrB,UAAU,aAAa;QACrB,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC;KACvC;CACF"}

package/dist/utils/date-patch-dashes.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Formats a user input string as a date (MM/DD/YYYY)
+ * @param value Raw input string
+ */
+export declare function formatInputValueWithDashes(value: string): string;
+/**
+ * Formats a date string (YYYY-MM-DD) for display as MM/DD/YYYY
+ * @param value Date string in YYYY-MM-DD
+ */
+export declare function formatDateWithDashes(value: string): string;
+/**
+ * Parses a formatted input string to a date string (YYYY-MM-DD)
+ * @param value Input string in MM/DD/YYYY format
+ * @returns Date string in YYYY-MM-DD or empty string if invalid
+ */
+export declare function parseInputDateWithDashes(value: string): string;
+//# sourceMappingURL=date-patch-dashes.d.ts.map

package/dist/utils/date-patch-dashes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-patch-dashes.d.ts","sourceRoot":"","sources":["../../src/utils/date-patch-dashes.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAOhE;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAoB1D;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAa9D"}

package/dist/utils/date.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Shared date utility functions for DateInput and DateRangeInput components
+ */
+/**
+ * Parse MM/DD/YYYY format to YYYY-MM-DD format
+ */
+export declare function parseInputDate(input: string): string | null;
+/**
+ * Validate if a date string is a valid date
+ */
+export declare function isValidDate(dateString: string): boolean;
+/**
+ * Format input value with slashes (MM/DD/YYYY)
+ */
+export declare function formatInputValue(value: string): string;
+/**
+ * Check if character is a digit
+ */
+export declare function isDigit(character: string): boolean;
+/**
+ * Check if character is a slash
+ */
+export declare function isSlash(character: string): boolean;
+/**
+ * Count digits up to cursor position
+ */
+export declare function countDigitsUpToCursor(value: string, cursorPosition: number): number;
+/**
+ * Find position after specific digit count
+ */
+export declare function findPositionAfterDigitCount(formattedValue: string, targetDigitCount: number): number;
+/**
+ * Calculate cursor position after formatting
+ */
+export declare function calculateCursorPosition(originalValue: string, formattedValue: string, originalPosition: number): number;
+/**
+ * Parse date parts from YYYY-MM-DD format
+ */
+export declare function parseDateParts(dateString: string): {
+    year: number;
+    month: number;
+    day: number;
+} | null;
+/**
+ * Check if date range is valid (month 1-12, day 1-31)
+ */
+export declare function isValidDateRange(month: number, day: number): boolean;
+/**
+ * Format date parts to display format (MM/DD/YYYY)
+ */
+export declare function formatDatePartsToDisplay(year: number, month: number, day: number): string;
+/**
+ * Format date string to display format
+ */
+export declare function formatDate(date: string): string;
+/**
+ * Validate if date range is valid (to >= from)
+ */
+export declare function isValidDateRangeOrder(fromDate: string, toDate: string): boolean;
+//# sourceMappingURL=date.d.ts.map

package/dist/utils/date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/utils/date.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAa3D;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAOvD;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAgBtD;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAElD;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAElD;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,cAAc,EAAE,MAAM,GACrB,MAAM,CAYR;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CACzC,cAAc,EAAE,MAAM,EACtB,gBAAgB,EAAE,MAAM,GACvB,MAAM,CA0BR;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CACrC,aAAa,EAAE,MAAM,EACrB,cAAc,EAAE,MAAM,EACtB,gBAAgB,EAAE,MAAM,GACvB,MAAM,CAWR;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,UAAU,EAAE,MAAM,GACjB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAgBrD;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO,CAQpE;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,MAAM,GACV,MAAM,CAKR;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAsB/C;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,GACb,OAAO,CAST"}

package/dist/utils/formatting.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Utility functions for input formatting and value processing
+ */
+/**
+ * Generates placeholder text for decimal inputs based on the number of decimal places
+ * @param decimals - Number of decimal places to display
+ * @returns Object with placeholder property or empty object if no decimals
+ * @example
+ * getDecimalPlaceholder(2) // returns { placeholder: "0.00" }
+ * getDecimalPlaceholder(0) // returns {}
+ */
+export declare function getDecimalPlaceholder(decimals: number | undefined): {
+    placeholder?: string;
+};
+/**
+ * Formats a numeric value to a string with specified decimal places
+ * @param value - The value to format (string or number)
+ * @param decimals - Number of decimal places to format to
+ * @returns Formatted string value
+ * @example
+ * formatDecimalValue("123.456", 2) // returns "123.46"
+ * formatDecimalValue(123, 0) // returns "123"
+ * formatDecimalValue("", 2) // returns ""
+ */
+export declare function formatDecimalValue(value: string | number | undefined, decimals: number | undefined): string;
+/**
+ * Formats a numeric string for currency display by adding thousand separators
+ * @param value - The numeric string to format
+ * @returns Formatted string with thousand separators
+ * @example
+ * formatCurrencyDisplay("1234.56") // returns "1,234.56"
+ * formatCurrencyDisplay("1000") // returns "1,000"
+ * formatCurrencyDisplay("") // returns ""
+ */
+export declare function formatCurrencyDisplay(value: string): string;
+//# sourceMappingURL=formatting.d.ts.map

package/dist/utils/formatting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatting.d.ts","sourceRoot":"","sources":["../../src/utils/formatting.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAQA;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAClC,QAAQ,EAAE,MAAM,GAAG,SAAS,GAC3B,MAAM,CAgBR;AAED;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAgB3D"}

package/dist/utils/index.d.ts

@@ -0,0 +1,6 @@
+export * from './date';
+export * from './date-patch-dashes';
+export * from './formatting';
+export { mergeObjectArrays } from './mergeObjectArrays';
+export declare const LocalStoragePrefixVersion = "dmsi-acc-v1.1.3";
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,eAAO,MAAM,yBAAyB,oBAAoB,CAAC"}

package/dist/utils/mergeObjectArrays.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Merges two arrays of objects by matching their 'id' property.
+ * Uses arr1 as the source of truth for which items to include.
+ * Properties from arr2 (saved layout) override those in arr1, preserving user customizations.
+ *
+ * @template T The type of the objects in the arrays.
+ * @param {T[]} arr1 The source array (defines which items to include).
+ * @param {T[]} arr2 The saved/persisted array (provides layout overrides like size, visibility, etc.).
+ * @returns {T[]} A new array based on arr1, with layout properties merged from matching items in arr2.
+ */
+export declare function mergeObjectArrays<T extends object>(arr1: T[], arr2: T[]): T[];
+//# sourceMappingURL=mergeObjectArrays.d.ts.map

package/dist/utils/mergeObjectArrays.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeObjectArrays.d.ts","sourceRoot":"","sources":["../../src/utils/mergeObjectArrays.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CA6B7E"}

package/dist/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function findDocumentRoot(element: Node | undefined | null): Element | DocumentFragment;
+export * from './utils/index';
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,GAC/B,OAAO,GAAG,gBAAgB,CAoB5B;AACD,cAAc,eAAe,CAAC"}

package/package.json

@@ -1,95 +1,29 @@
 {
   "name": "@dmsi/wedgekit-react",
-  "private": false,
-  "version": "0.0.1242",
+  "version": "1.0.0",
   "type": "module",
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "lint": "eslint . --max-warnings 0",
-    "fmt": "prettier --write src/**/*.{ts,tsx,css,json}",
-    "copy:pdf-worker": "shx mkdir -p ../frontend/public/scripts/ && shx cp ../../node_modules/pdfjs-dist/build/pdf.worker.min.mjs ../frontend/public/scripts/pdf.worker.min.mjs",
-    "predev": "npm run copy:pdf-worker",
-    "postbuild": "npm run copy:pdf-worker"
-  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "package.json"
   ],
   "exports": {
-    "./components/*": {
-      "types": "./src/components/*.tsx",
-      "import": "./dist/components/*.js",
-      "require": "./dist/components/*.cjs"
-    },
-    "./components": {
-      "types": "./src/components/index.ts",
-      "import": "./dist/components/index.js",
-      "require": "./dist/components/index.cjs"
-    },
-    "./hooks": {
-      "types": "./src/hooks/index.ts",
-      "import": "./dist/hooks/index.js",
-      "require": "./dist/hooks/index.cjs"
-    },
-    "./types": {
-      "types": "./src/types.ts",
-      "import": "./dist/types.js",
-      "require": "./dist/types.cjs"
+    "./package.json": "./package.json",
+    ".": {
+      "@dmsi/source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
     },
-    "./utils": {
-      "types": "./src/utils/index.ts",
-      "import": "./dist/utils/index.js",
-      "require": "./dist/utils/index.cjs"
-    },
-    "./static": {
-      "types": "./src/static/index.ts",
-      "import": "./dist/static/index.js",
-      "require": "./dist/static/index.cjs"
-    },
-    "./styles.css": "./dist/index.css",
-    "./fonts.css": "./dist/fonts.css",
-    "./package.json": "./package.json"
-  },
-  "dependencies": {
-    "@dmsi/wedgekit-react": "*",
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/modifiers": "^9.0.0",
-    "@dnd-kit/sortable": "^10.0.0",
-    "@headlessui/react": "^2.2.7",
-    "@js-temporal/polyfill": "^0.5.1",
-    "@mikecousins/react-pdf": "^8.0.1",
-    "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.13.12",
-    "clsx": "^2.1.1",
-    "embla-carousel": "^9.0.0-rc01",
-    "embla-carousel-autoplay": "^9.0.0-rc01",
-    "embla-carousel-react": "^9.0.0-rc01",
-    "pdfjs-dist": "^5.4.149",
-    "react-use": "^17.6.0"
+    "./styles": "./dist/styles.css"
   },
   "peerDependencies": {
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0"
-  },
-  "devDependencies": {
-    "@tailwindcss/postcss": "^4.1.12",
-    "@types/react": "^19.1.12",
-    "@types/react-dom": "^19.1.9",
-    "@typescript-eslint/eslint-plugin": "^8.41.0",
-    "eslint": "^9.34.0",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.20",
-    "prettier": "^3.6.2",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "shx": "^0.4.0",
-    "tailwindcss": "^4.1.12",
-    "tsup": "^8.5.0",
-    "typescript": "5.9.2"
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
   },
-  "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.50.0",
-    "lightningcss-linux-x64-gnu": "1.30.1",
-    "lightningcss-linux-x64-musl": "1.30.1"
+  "publishConfig": {
+    "access": "public"
   }
 }