draft-components 0.75.2 → 1.0.0-beta

package/css/draft-components.min.css

@@ -0,0 +1 @@
+:root{--dc-overlay-z-index:1000;--dc-toaster-z-index:1010;--dc-font-serif:ui-serif,georgia,cambria,"Times New Roman",times,serif;--dc-font-sans:ui-sans-serif,system-ui,-apple-system,blinkmacsystemfont,"Segoe UI",roboto,"Helvetica Neue",arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--dc-font-mono:ui-monospace,sfmono-regular,menlo,monaco,consolas,"Liberation Mono","Courier New",monospace;--dc-primary-font:var(--dc-font-sans);--dc-text-2xs:10px/12px var(--dc-primary-font);--dc-text-xs:12px/16px var(--dc-primary-font);--dc-text-sm:14px/20px var(--dc-primary-font);--dc-text-md:16px/24px var(--dc-primary-font);--dc-text-lg:18px/28px var(--dc-primary-font);--dc-text-xl:20px/28px var(--dc-primary-font);--dc-text-2xl:24px/32px var(--dc-primary-font);--dc-text-3xl:30px/36px var(--dc-primary-font);--dc-text-4xl:36px/40px var(--dc-primary-font);--dc-text-5xl:48px/1 var(--dc-primary-font);--dc-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--dc-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--dc-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--dc-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--dc-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--dc-shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--dc-shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.05);--dc-gray-50:#f9fafb;--dc-gray-100:#f3f4f6;--dc-gray-200:#e5e7eb;--dc-gray-300:#d1d5db;--dc-gray-400:#9ca3af;--dc-gray-500:#6b7280;--dc-gray-600:#4b5563;--dc-gray-700:#374151;--dc-gray-800:#1f2937;--dc-gray-900:#111827;--dc-red-50:#fef2f2;--dc-red-100:#fee2e2;--dc-red-200:#fecaca;--dc-red-300:#fca5a5;--dc-red-400:#f87171;--dc-red-500:#ef4444;--dc-red-600:#dc2626;--dc-red-700:#b91c1c;--dc-red-800:#991b1b;--dc-red-900:#7f1d1d;--dc-orange-50:#fff7ed;--dc-orange-100:#ffedd5;--dc-orange-200:#fed7aa;--dc-orange-300:#fdba74;--dc-orange-400:#fb923c;--dc-orange-500:#f97316;--dc-orange-600:#ea580c;--dc-orange-700:#c2410c;--dc-orange-800:#9a3412;--dc-orange-900:#7c2d12;--dc-yellow-50:#fefce8;--dc-yellow-100:#fef9c3;--dc-yellow-200:#fef08a;--dc-yellow-300:#fde047;--dc-yellow-400:#facc15;--dc-yellow-500:#eab308;--dc-yellow-600:#ca8a04;--dc-yellow-700:#a16207;--dc-yellow-800:#854d0e;--dc-yellow-900:#713f12;--dc-green-50:#f0fdf4;--dc-green-100:#dcfce7;--dc-green-200:#bbf7d0;--dc-green-300:#86efac;--dc-green-400:#4ade80;--dc-green-500:#22c55e;--dc-green-600:#16a34a;--dc-green-700:#15803d;--dc-green-800:#166534;--dc-green-900:#14532d;--dc-sky-50:#f0f9ff;--dc-sky-100:#e0f2fe;--dc-sky-200:#bae6fd;--dc-sky-300:#7dd3fc;--dc-sky-400:#38bdf8;--dc-sky-500:#0ea5e9;--dc-sky-600:#0284c7;--dc-sky-700:#0369a1;--dc-sky-800:#075985;--dc-sky-900:#0c4a6e;--dc-blue-50:#eff6ff;--dc-blue-100:#dbeafe;--dc-blue-200:#bfdbfe;--dc-blue-300:#93c5fd;--dc-blue-400:#60a5fa;--dc-blue-500:#3b82f6;--dc-blue-600:#2563eb;--dc-blue-700:#1d4ed8;--dc-blue-800:#1e40af;--dc-blue-900:#1e3a8a;--dc-violet-50:#f5f3ff;--dc-violet-100:#ede9fe;--dc-violet-200:#ddd6fe;--dc-violet-300:#c4b5fd;--dc-violet-400:#a78bfa;--dc-violet-500:#8b5cf6;--dc-violet-600:#7c3aed;--dc-violet-700:#6d28d9;--dc-violet-800:#5b21b6;--dc-violet-900:#4c1d95;--dc-pink-50:#fdf2f8;--dc-pink-100:#fce7f3;--dc-pink-200:#fbcfe8;--dc-pink-300:#f9a8d4;--dc-pink-400:#f472b6;--dc-pink-500:#ec4899;--dc-pink-600:#db2777;--dc-pink-700:#be185d;--dc-pink-800:#9d174d;--dc-pink-900:#831843;--dc-primary-bg:#fff;--dc-bg-transparent-1:rgba(17,24,39,.05);--dc-bg-transparent-2:rgba(17,24,39,.1);--dc-bg-transparent-3:rgba(17,24,39,.2);--dc-border-color-transparent-1:rgba(17,24,39,.05);--dc-border-color-transparent-2:rgba(17,24,39,.15);--dc-border-color-transparent-3:rgba(17,24,39,.25);--dc-primary-text-color:var(--dc-gray-800);--dc-secondary-text-color:var(--dc-gray-500);--dc-tertiary-text-color:var(--dc-gray-300);--dc-primary-color:var(--dc-blue-500);--dc-primary-color-hover:var(--dc-blue-600);--dc-on-primary-color:#fff;--dc-secondary-color:rgba(59,130,246,.15);--dc-secondary-color-hover:rgba(59,130,246,.3);--dc-on-secondary-color:var(--dc-blue-600);--dc-info-text-color:var(--dc-blue-600);--dc-success-text-color:var(--dc-green-700);--dc-error-text-color:var(--dc-red-600);--dc-warning-text-color:var(--dc-orange-600);--dc-button-default-text-color:var(--dc-gray-800);--dc-button-default-border-color:rgba(17,24,39,.1);--dc-button-default-bg:var(--dc-gray-100);--dc-button-default-bg-hover:var(--dc-gray-200);--dc-button-default-tinted-text-color:var(--dc-gray-800);--dc-button-default-tinted-bg:rgba(17,24,39,.1);--dc-button-default-tinted-bg-hover:rgba(17,24,39,.2);--dc-button-default-plain-text-color:var(--dc-gray-800);--dc-button-default-plain-bg-hover:rgba(17,24,39,.1);--dc-button-primary-text-color:#fff;--dc-button-primary-border-color:transparent;--dc-button-primary-bg:var(--dc-blue-500);--dc-button-primary-bg-hover:var(--dc-blue-600);--dc-button-primary-tinted-text-color:var(--dc-blue-600);--dc-button-primary-tinted-bg:rgba(59,130,246,.15);--dc-button-primary-tinted-bg-hover:rgba(59,130,246,.3);--dc-button-primary-plain-text-color:var(--dc-blue-600);--dc-button-primary-plain-bg-hover:rgba(59,130,246,.15);--dc-button-danger-text-color:#fff;--dc-button-danger-border-color:transparent;--dc-button-danger-bg:var(--dc-red-500);--dc-button-danger-bg-hover:var(--dc-red-600);--dc-button-danger-tinted-text-color:var(--dc-red-600);--dc-button-danger-tinted-bg:rgba(220,38,38,.15);--dc-button-danger-tinted-bg-hover:rgba(220,38,38,.3);--dc-button-danger-plain-text-color:var(--dc-red-600);--dc-button-danger-plain-bg-hover:rgba(220,38,38,.15);--dc-button-success-text-color:#fff;--dc-button-success-border-color:transparent;--dc-button-success-bg:var(--dc-green-500);--dc-button-success-bg-hover:var(--dc-green-600);--dc-button-success-tinted-text-color:var(--dc-green-600);--dc-button-success-tinted-bg:rgba(34,197,94,.15);--dc-button-success-tinted-bg-hover:rgba(34,197,94,.3);--dc-button-success-plain-text-color:var(--dc-green-600);--dc-button-success-plain-bg-hover:rgba(34,197,94,.15);--dc-control-primary-text-color:var(--dc-gray-800);--dc-control-secondary-text-color:var(--dc-gray-500);--dc-control-primary-color:var(--dc-blue-500);--dc-control-primary-color-hover:var(--dc-blue-600);--dc-control-on-primary-color:#fff;--dc-control-secondary-color:rgba(59,130,246,.15);--dc-control-border-color:var(--dc-gray-300);--dc-control-bg:rgba(249,250,251,.2);--dc-control-bg-inset:rgba(17,24,39,.15);--dc-control-error-color:var(--dc-red-500);--dc-focus-ring-color:rgba(59,130,246,.7);--dc-disabled-state-opacity:0.5}.dc-badge{--dc-badge-height:20px;--dc-badge-text-color:var(--dc-primary-text-color);--dc-badge-bg:var(--dc-bg-transparent-2);align-items:center;background:var(--dc-badge-bg);border-radius:calc(var(--dc-badge-height)/2);color:var(--dc-badge-text-color);color-scheme:light;display:inline-flex;flex-shrink:0;font:12px/1 var(--dc-primary-font);height:var(--dc-badge-height);justify-content:center;min-width:var(--dc-badge-height);padding:0 6px}.dc-badge_circle{padding-left:0;padding-right:0}.dc-tag{--dc-tag-text-color:var(--dc-gray-900);--dc-tag-border-color:transparent;--dc-tag-bg:rgba(209,213,219,.4);align-items:center;background:var(--dc-tag-bg);border-radius:5px;box-shadow:inset 0 0 0 1px var(--dc-tag-border-color);box-sizing:border-box;color:var(--dc-tag-text-color);color-scheme:light;display:inline-flex;flex-shrink:0;font:400 14px/16px var(--dc-primary-font);padding:4px 10px}.dc-tag_plain{--dc-tag-text-color:var(--dc-gray-700);--dc-tag-border-color:rgba(55,65,81,.2);--dc-tag-bg:rgba(209,213,219,.1)}.dc-tag_rounded{border-radius:12px}.dc-tag_sm{border-radius:4px;font-size:13px;line-height:16px;padding:2px 8px}.dc-tag_sm.dc-tag_rounded{border-radius:10px}.dc-tag_lg{border-radius:6px;font-size:15px;line-height:20px;padding:4px 12px}.dc-tag_lg.dc-tag_rounded{border-radius:14px}.dc-tag_green{--dc-tag-text-color:var(--dc-green-900);--dc-tag-bg:rgba(134,239,172,.4)}.dc-tag_green.dc-tag_plain{--dc-tag-text-color:var(--dc-green-800);--dc-tag-border-color:rgba(21,128,61,.2);--dc-tag-bg:rgba(134,239,172,.1)}.dc-tag_cyan{--dc-tag-text-color:var(--dc-sky-900);--dc-tag-bg:rgba(125,211,252,.4)}.dc-tag_cyan.dc-tag_plain{--dc-tag-text-color:var(--dc-sky-700);--dc-tag-border-color:rgba(3,105,161,.2);--dc-tag-bg:rgba(125,211,252,.1)}.dc-tag_blue{--dc-tag-text-color:var(--dc-blue-900);--dc-tag-bg:rgba(147,197,253,.4)}.dc-tag_blue.dc-tag_plain{--dc-tag-text-color:var(--dc-blue-800);--dc-tag-border-color:rgba(29,78,216,.2);--dc-tag-bg:rgba(147,197,253,.1)}.dc-tag_purple{--dc-tag-text-color:var(--dc-violet-900);--dc-tag-bg:rgba(196,181,253,.4)}.dc-tag_purple.dc-tag_plain{--dc-tag-text-color:var(--dc-violet-800);--dc-tag-border-color:rgba(109,40,217,.2);--dc-tag-bg:rgba(196,181,253,.1)}.dc-tag_pink{--dc-tag-text-color:var(--dc-pink-900);--dc-tag-bg:rgba(249,168,212,.4)}.dc-tag_pink.dc-tag_plain{--dc-tag-text-color:var(--dc-pink-700);--dc-tag-border-color:rgba(190,24,93,.2);--dc-tag-bg:rgba(249,168,212,.1)}.dc-tag_red{--dc-tag-text-color:var(--dc-red-900);--dc-tag-bg:hsla(0,94%,82%,.4)}.dc-tag_red.dc-tag_plain{--dc-tag-text-color:var(--dc-red-700);--dc-tag-border-color:rgba(185,28,28,.2);--dc-tag-bg:hsla(0,94%,82%,.1)}.dc-tag_orange{--dc-tag-text-color:var(--dc-orange-900);--dc-tag-bg:hsla(31,97%,72%,.4)}.dc-tag_orange.dc-tag_plain{--dc-tag-text-color:var(--dc-orange-700);--dc-tag-border-color:rgba(194,65,12,.2);--dc-tag-bg:hsla(31,97%,72%,.1)}.dc-tag_yellow{--dc-tag-text-color:var(--dc-yellow-900);--dc-tag-bg:rgba(253,224,71,.4)}.dc-tag_yellow.dc-tag_plain{--dc-tag-text-color:var(--dc-yellow-800);--dc-tag-border-color:rgba(161,98,7,.2);--dc-tag-bg:rgba(253,224,71,.1)}.dc-avatar{--dc-avatar-size:40px;--dc-avatar-radius:50%;--dc-avatar-font-size:16px;--dc-avatar-text-color:#fff;--dc-avatar-bg:none;--dc-avatar-inner-border-color:rgba(55,65,81,.15);align-items:center;border-radius:var(--dc-avatar-radius);color-scheme:light;display:inline-flex;flex-shrink:0;height:var(--dc-avatar-size);justify-content:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--dc-avatar-size)}.dc-avatar_has_inner-shadow:after{border-radius:var(--dc-avatar-radius);box-shadow:inset 0 0 0 1px var(--dc-avatar-inner-border-color);content:"";inset:0;pointer-events:none;position:absolute}.dc-avatar__image,.dc-avatar__placeholder{border-radius:var(--dc-avatar-radius);height:100%;width:100%}.dc-avatar__image{-o-object-fit:cover;object-fit:cover}.dc-avatar__placeholder{align-items:center;background:var(--dc-avatar-bg);color:var(--dc-avatar-text-color);display:inline-flex;font-family:var(--dc-primary-font);font-size:var(--dc-avatar-font-size);font-weight:600;justify-content:center;white-space:nowrap}.dc-avatar_square{--dc-avatar-radius:8px}.dc-avatar_size_xs{--dc-avatar-font-size:10px;--dc-avatar-size:24px}.dc-avatar_square.dc-avatar_size_xs{--dc-avatar-radius:4px}.dc-avatar_size_sm{--dc-avatar-font-size:12px;--dc-avatar-size:32px}.dc-avatar_square.dc-avatar_size_sm{--dc-avatar-radius:6px}.dc-avatar_size_lg{--dc-avatar-font-size:20px;--dc-avatar-size:48px}.dc-avatar_square.dc-avatar_size_lg{--dc-avatar-radius:10px}.dc-avatar_size_xl{--dc-avatar-font-size:24px;--dc-avatar-size:56px}.dc-avatar_square.dc-avatar_size_xl{--dc-avatar-radius:12px}.dc-avatar_circular{--dc-avatar-radius:50%}.dc-avatar_fill_gray{--dc-avatar-bg:linear-gradient(#9ca3af,#6b7280)}.dc-avatar_fill_pink{--dc-avatar-bg:linear-gradient(#fb7185,#f43f5e)}.dc-avatar_fill_red{--dc-avatar-bg:linear-gradient(#f87171,#ef4444)}.dc-avatar_fill_orange{--dc-avatar-bg:linear-gradient(#fb923c,#f97316)}.dc-avatar_fill_yellow{--dc-avatar-bg:linear-gradient(#fbbf24,#f59e0b)}.dc-avatar_fill_green{--dc-avatar-bg:linear-gradient(#4ade80,#10b981)}.dc-avatar_fill_blue{--dc-avatar-bg:linear-gradient(#38bdf8,#0ea5e9)}.dc-avatar_fill_violet{--dc-avatar-bg:linear-gradient(#818cf8,#6366f1)}.dc-avatar-group{--dc-avatar-in-group-stroke:var(--dc-primary-bg);align-items:center;box-sizing:border-box;color-scheme:light;display:inline-flex}.dc-avatar-group>.dc-avatar{box-shadow:0 0 0 2px var(--dc-avatar-in-group-stroke)}.dc-avatar-group>.dc-avatar:nth-child(n+2){margin-left:-10px}.dc-button{--dc-button-height:36px;--dc-button-radius:9px;--dc-button-text-color:var(--dc-button-default-text-color);--dc-button-border-color:var(--dc-button-default-border-color);--dc-button-bg:var(--dc-button-default-bg);--dc-button-bg-hover:var(--dc-button-default-bg-hover);--dc-button-focus-ring-color:var(--dc-focus-ring-color);align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dc-button-bg);border:1px solid var(--dc-button-border-color);border-radius:var(--dc-button-radius);box-sizing:border-box;color:var(--dc-button-text-color);color-scheme:light;display:inline-flex;font:var(--dc-text-md);height:var(--dc-button-height);justify-content:center;padding:0 16px;position:relative;transition-duration:.2s;transition-property:color,background-color;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dc-button:focus{outline:none}.dc-button:focus:after{border-radius:calc(3px + var(--dc-button-radius));box-shadow:0 0 0 3px var(--dc-button-focus-ring-color);content:"";inset:-3px;position:absolute}.dc-button_block{display:flex;width:100%}.dc-button_variant_plain:focus:after{border-radius:var(--dc-button-radius);inset:0}.dc-button:focus:not(:focus-visible):after{content:none}.dc-button:not(.dc-button_loading):disabled{opacity:var(--dc-disabled-state-opacity)}.dc-button:not(.dc-button_loading,:disabled):hover{background:var(--dc-button-bg-hover);cursor:pointer}.dc-button_loading{cursor:default}.dc-button_variant_tinted{--dc-button-text-color:var(--dc-button-default-tinted-text-color);--dc-button-bg:var(--dc-button-default-tinted-bg);--dc-button-bg-hover:var(--dc-button-default-tinted-bg-hover);border-color:transparent;box-shadow:none}.dc-button_variant_plain{--dc-button-text-color:var(--dc-button-default-plain-text-color);--dc-button-bg-hover:var(--dc-button-default-plain-bg-hover);background:transparent;border-color:transparent;box-shadow:none}.dc-button_xs{--dc-button-height:28px;--dc-button-radius:7px;font:var(--dc-text-xs);padding-left:8px;padding-right:8px}.dc-button_sm{--dc-button-height:32px;--dc-button-radius:8px;font:var(--dc-text-sm);padding-left:12px;padding-right:12px}.dc-button_lg{--dc-button-height:40px;--dc-button-radius:10px;font:var(--dc-text-lg);padding-left:18px;padding-right:18px}.dc-button_xl{--dc-button-height:44px;--dc-button-radius:11px;font:var(--dc-text-lg);padding-left:20px;padding-right:20px}.dc-button_appearance_primary.dc-button_variant_filled{--dc-button-text-color:var(--dc-button-primary-text-color);--dc-button-border-color:var(--dc-button-primary-border-color);--dc-button-bg:var(--dc-button-primary-bg);--dc-button-bg-hover:var(--dc-button-primary-bg-hover)}.dc-button_appearance_primary.dc-button_variant_tinted{--dc-button-text-color:var(--dc-button-primary-tinted-text-color);--dc-button-bg:var(--dc-button-primary-tinted-bg);--dc-button-bg-hover:var(--dc-button-primary-tinted-bg-hover)}.dc-button_appearance_primary.dc-button_variant_plain{--dc-button-text-color:var(--dc-button-primary-plain-text-color);--dc-button-bg-hover:var(--dc-button-primary-plain-bg-hover)}.dc-button_appearance_danger.dc-button_variant_filled{--dc-button-text-color:var(--dc-button-danger-text-color);--dc-button-border-color:var(--dc-button-danger-border-color);--dc-button-bg:var(--dc-button-danger-bg);--dc-button-bg-hover:var(--dc-button-danger-bg-hover)}.dc-button_appearance_danger.dc-button_variant_tinted{--dc-button-text-color:var(--dc-button-danger-tinted-text-color);--dc-button-bg:var(--dc-button-danger-tinted-bg);--dc-button-bg-hover:var(--dc-button-danger-tinted-bg-hover)}.dc-button_appearance_danger.dc-button_variant_plain{--dc-button-text-color:var(--dc-button-danger-plain-text-color);--dc-button-bg-hover:var(--dc-button-danger-plain-bg-hover)}.dc-button_appearance_success.dc-button_variant_filled{--dc-button-text-color:var(--dc-button-success-text-color);--dc-button-border-color:var(--dc-button-success-border-color);--dc-button-bg:var(--dc-button-success-bg);--dc-button-bg-hover:var(--dc-button-success-bg-hover)}.dc-button_appearance_success.dc-button_variant_tinted{--dc-button-text-color:var(--dc-button-success-tinted-text-color);--dc-button-bg:var(--dc-button-success-tinted-bg);--dc-button-bg-hover:var(--dc-button-success-tinted-bg-hover)}.dc-button_appearance_success.dc-button_variant_plain{--dc-button-text-color:var(--dc-button-success-plain-text-color);--dc-button-bg-hover:var(--dc-button-success-plain-bg-hover)}.dc-button__body,.dc-button__caption,.dc-button__icon,.dc-button__label,.dc-button__spinner{align-items:center;display:inline-flex;justify-content:center}.dc-button__icon,.dc-button__spinner{flex:none;margin-right:.5em}.dc-button__body{flex:auto;flex-direction:column}.dc-button_icon-only{height:var(--dc-button-height);padding:0;width:var(--dc-button-height)}.dc-button_icon-only .dc-button__icon,.dc-button_icon-only .dc-button__spinner{margin-right:0}.dc-button_has_caption .dc-button__icon,.dc-button_has_caption .dc-button__spinner{margin-right:.75em}.dc-button_has_caption .dc-button__caption,.dc-button_has_caption .dc-button__label{line-height:1}.dc-button_has_caption .dc-button__label{font-size:13px}.dc-button_has_caption .dc-button__caption{font-size:11px;margin-top:2px;opacity:.8}.dc-button_xs.dc-button_has_caption .dc-button__label{font-size:11px}.dc-button_xs.dc-button_has_caption .dc-button__caption{font-size:9px}.dc-button_sm.dc-button_has_caption .dc-button__label{font-size:12px}.dc-button_sm.dc-button_has_caption .dc-button__caption{font-size:10px}.dc-button_lg.dc-button_has_caption .dc-button__label,.dc-button_xl.dc-button_has_caption .dc-button__label{font-size:14px}.dc-button_lg.dc-button_has_caption .dc-button__caption,.dc-button_xl.dc-button_has_caption .dc-button__caption{font-size:12px;margin-top:4px}.dc-button-group{align-items:center;color-scheme:light;display:inline-flex}.dc-button-group>.dc-button:focus:after{z-index:1}.dc-button-group>.dc-button+.dc-button,.dc-button-group>.dc-button+.dc-button:focus:after{border-bottom-left-radius:0;border-left-width:0;border-top-left-radius:0}.dc-button-group>.dc-button:first-child:not(:last-child),.dc-button-group>.dc-button:first-child:not(:last-child):focus:after{border-bottom-right-radius:0;border-top-right-radius:0}@keyframes dc-spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dc-spinner-dash-animation{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-30}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.dc-spinner{animation:dc-spinner-rotate 2s linear infinite;color-scheme:light}.dc-spinner circle{stroke-linecap:round;animation:dc-spinner-dash-animation 1.5s ease-in-out infinite;transition:color .2s}.dc-text-input__container{--dc-input-font-size:14px;--dc-input-height:36px;--dc-input-padding-x:12px;--dc-input-border-radius:6px;--dc-input-text-color:var(--dc-control-primary-text-color);--dc-input-border-color:var(--dc-control-border-color);--dc-input-border-color-error:var(--dc-control-error-color);--dc-input-bg:var(--dc-control-bg);--dc-input-prefix-color:var(--dc-control-secondary-text-color);--dc-input-suffix-color:var(--dc-control-secondary-text-color);--dc-input-focus-ring-color:var(--dc-control-primary-color);align-items:stretch;background:var(--dc-input-bg);border:1px solid var(--dc-input-border-color);border-radius:var(--dc-input-border-radius);box-sizing:border-box;color:var(--dc-input-text-color);color-scheme:light;display:inline-flex;font-family:var(--dc-primary-font);font-size:var(--dc-input-font-size);font-weight:400;height:var(--dc-input-height);line-height:1;max-width:100%;vertical-align:middle}.dc-text-input__container:focus-within{border-color:var(--dc-input-focus-ring-color);box-shadow:0 0 0 1px var(--dc-input-focus-ring-color)}.dc-text-input__container_disabled{opacity:var(--dc-disabled-state-opacity)}.dc-text-input__container_has_error{border-color:var(--dc-input-border-color-error)}.dc-text-input__container_block{display:flex}.dc-text-input__container_sm{--dc-input-font-size:13px;--dc-input-height:32px;--dc-input-padding-x:8px;--dc-input-border-radius:5px}.dc-text-input__container_lg{--dc-input-font-size:15px;--dc-input-height:40px;--dc-input-padding-x:16px;--dc-input-border-radius:7px}.dc-text-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:inherit;flex:auto;font:inherit;margin:0;max-width:100%;min-width:0;padding:0 var(--dc-input-padding-x)}.dc-text-input::-moz-placeholder{color:inherit;opacity:.4}.dc-text-input::placeholder{color:inherit;opacity:.4}.dc-text-input:focus{outline:none}.dc-text-input_width_2ch{width:2.5ch}.dc-text-input_width_3ch{width:3.5ch}.dc-text-input_width_4ch{width:4.5ch}.dc-text-input_width_5ch{width:5.5ch}.dc-text-input_width_10ch{width:10.5ch}.dc-text-input_width_20ch{width:20.5ch}.dc-text-input_width_40ch{width:40.5ch}.dc-text-input__prefix,.dc-text-input__suffix{align-items:center;box-sizing:border-box;display:inline-flex;flex:none}.dc-text-input__prefix{color:var(--dc-input-prefix-color)}.dc-text-input__suffix{color:var(--dc-input-suffix-color)}.dc-text-input__container_has_prefix{padding-left:var(--dc-input-padding-x)}.dc-text-input__container_has_prefix .dc-text-input{padding-left:calc(var(--dc-input-padding-x)*.5)}.dc-text-input__container_has_suffix{padding-right:var(--dc-input-padding-x)}.dc-text-input__container_has_suffix .dc-text-input{padding-right:calc(var(--dc-input-padding-x)*.5)}.dc-password-input{--dc-password-input-switch-color:var(--dc-control-secondary-text-color);--dc-password-input-switch-color-hover:var(--dc-control-primary-text-color);--dc-password-input-switch-bg:transparent;--dc-password-input-switch-bg-hover:var(--dc-bg-transparent-2);color-scheme:light;padding-right:0}.dc-password-input__btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dc-password-input-switch-bg);border:none;border-radius:calc(var(--dc-input-border-radius) - 1px);box-sizing:border-box;color:inherit;display:inline-flex;flex-shrink:0;height:100%;justify-content:center;padding:0;width:var(--dc-input-height)}.dc-password-input__btn:focus,.dc-password-input__btn:hover{background:var(--dc-password-input-switch-bg-hover);color:var(--dc-password-input-switch-color-hover);cursor:pointer;outline:none}.dc-password-input__btn:focus:not(:focus-visible,:hover){background:var(--dc-password-input-switch-bg);color:var(--dc-password-input-switch-color)}.dc-password-input__icon{stroke-width:2;height:calc(var(--dc-input-height)*.5);width:calc(var(--dc-input-height)*.5)}.dc-textarea__container{--dc-textarea-font-size:14px;--dc-textarea-leading:20px;--dc-textarea-padding-y:8px;--dc-textarea-padding-x:12px;--dc-textarea-radius:6px;--dc-textarea-text-color:var(--dc-primary-text-color);--dc-textarea-border-color:var(--dc-control-border-color);--dc-textarea-border-color-error:var(--dc-control-error-color);--dc-textarea-bg:var(--dc-control-bg);--dc-textarea-focus-ring-color:var(--dc-control-primary-color);background:var(--dc-textarea-bg);border:1px solid var(--dc-textarea-border-color);border-radius:var(--dc-textarea-radius);box-sizing:border-box;color-scheme:light;display:inline-flex;flex-direction:column;font-family:var(--dc-primary-font);max-width:100%;min-width:0;width:auto}.dc-textarea__container:focus-within{border-color:var(--dc-textarea-focus-ring-color);box-shadow:0 0 0 1px var(--dc-textarea-focus-ring-color);outline:none}.dc-textarea__container_disabled{opacity:var(--dc-disabled-state-opacity)}.dc-textarea__container_has_error{border-color:var(--dc-textarea-border-color-error)}.dc-textarea__container_block{width:100%}.dc-textarea__container_size_sm{--dc-textarea-font-size:13px;--dc-textarea-leading:16px;--dc-textarea-padding-y:8px;--dc-textarea-padding-x:8px;--dc-textarea-radius:5px}.dc-textarea__container_size_lg{--dc-textarea-font-size:15px;--dc-textarea-leading:24px;--dc-textarea-padding-y:12px;--dc-textarea-padding-x:16px;--dc-textarea-radius:7px}.dc-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--dc-textarea-text-color);font-family:inherit;font-size:var(--dc-textarea-font-size);line-height:var(--dc-textarea-leading);min-height:var(--dc-textarea-leading);min-width:192px;padding:var(--dc-textarea-padding-y) var(--dc-textarea-padding-x)}.dc-textarea::-moz-placeholder{color:inherit;opacity:.4}.dc-textarea::placeholder{color:inherit;opacity:.4}.dc-textarea:focus{outline:none}.dc-textarea_width_30ch{width:30.5ch}.dc-textarea_width_40ch{width:40.5ch}.dc-textarea_width_60ch{width:60.5ch}.dc-textarea_width_80ch{width:80.5ch}.dc-textarea__character-count{border-top:1px dashed var(--dc-textarea-border-color);display:block;padding:8px var(--dc-textarea-padding-x)}.dc-select__container{--dc-select-font-size:14px;--dc-select-text-color:var(--dc-control-primary-text-color);--dc-select-height:36px;--dc-select-arrow-size:20px;--dc-select-padding-x:12px;--dc-select-radius:6px;--dc-select-border-color:var(--dc-control-border-color);--dc-select-border-color-error:var(--dc-control-error-color);--dc-select-bg:var(--dc-control-bg);--dc-select-focus-ring-color:var(--dc-control-primary-color);align-items:stretch;background:var(--dc-select-bg);border:1px solid var(--dc-select-border-color);border-radius:var(--dc-select-radius);box-sizing:border-box;color:var(--dc-select-text-color);color-scheme:light;display:inline-flex;font-family:var(--dc-primary-font);font-size:var(--dc-select-font-size);font-weight:400;height:var(--dc-select-height);line-height:1;max-width:100%;position:relative;vertical-align:middle}.dc-select__container:focus-within{border-color:var(--dc-select-focus-ring-color);box-shadow:0 0 0 1px var(--dc-select-focus-ring-color)}.dc-select__container_multiple{height:auto;overflow:hidden}.dc-select__container_disabled{opacity:var(--dc-disabled-state-opacity)}.dc-select__container_has_error{border-color:var(--dc-select-border-color-error)}.dc-select__container_block{width:100%}.dc-select__container_sm{--dc-select-font-size:13px;--dc-select-height:32px;--dc-select-padding-x:8px;--dc-select-radius:5px;--dc-select-arrow-size:16px}.dc-select__container_lg{--dc-select-font-size:15px;--dc-select-height:40px;--dc-select-padding-x:16px;--dc-select-radius:7px;--dc-select-arrow-size:20px}.dc-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:inherit;font:inherit;padding-left:var(--dc-select-padding-x);padding-right:calc(var(--dc-select-arrow-size) + var(--dc-select-padding-x));width:100%}.dc-select__container_multiple .dc-select{margin-bottom:var(--dc-select-radius);margin-top:var(--dc-select-radius);padding:0}.dc-select:focus{outline:none}.dc-select:not(:disabled):hover{cursor:pointer}.dc-select__icon{height:var(--dc-select-arrow-size);pointer-events:none;position:absolute;right:calc(var(--dc-select-padding-x)/2);top:calc((var(--dc-select-height) - var(--dc-select-arrow-size))/2);width:var(--dc-select-arrow-size)}.dc-select__container_multiple .dc-select__icon{display:none}.dc-switch{--dc-switch-width:38px;--dc-switch-height:24px;--dc-switch-radius:calc(var(--dc-switch-height)/2);--dc-switch-track-bg:var(--dc-control-bg-inset);--dc-switch-track-bg-checked:var(--dc-control-primary-color);--dc-switch-thumb-size:calc(var(--dc-switch-height) - var(--dc-switch-thumb-offset)*2);--dc-switch-thumb-offset:2px;--dc-switch-thumb-bg:var(--dc-control-on-primary-color);--dc-switch-icon-color:var(--dc-control-primary-color);--dc-switch-focus-ring-color:var(--dc-focus-ring-color);color-scheme:light}.dc-switch__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute}.dc-switch__track{background:var(--dc-switch-track-bg);border-radius:var(--dc-switch-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;flex:none;font-size:16px;height:var(--dc-switch-height);position:relative;transition-duration:.2s;transition-property:opacity,background-color;vertical-align:middle;width:var(--dc-switch-width)}.dc-switch__thumb{align-items:center;background:var(--dc-switch-thumb-bg);border-radius:50%;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);display:inline-flex;height:var(--dc-switch-thumb-size);justify-content:center;left:0;position:absolute;top:0;transform:translateX(var(--dc-switch-thumb-offset)) translateY(var(--dc-switch-thumb-offset));transition:transform .2s;width:var(--dc-switch-thumb-size)}.dc-switch__icon{color:var(--dc-switch-icon-color);opacity:0;transition:opacity .2s}.dc-switch__input:checked+.dc-switch__track{background:var(--dc-switch-track-bg-checked)}.dc-switch__input:checked+.dc-switch__track .dc-switch__thumb{transform:translateX(calc(var(--dc-switch-width) - var(--dc-switch-thumb-size) - var(--dc-switch-thumb-offset))) translateY(var(--dc-switch-thumb-offset))}.dc-switch__input:checked+.dc-switch__track .dc-switch__icon{opacity:1}.dc-switch__input:disabled+.dc-switch__track{cursor:default;opacity:var(--dc-disabled-state-opacity)}.dc-switch__input:focus{outline:none}.dc-switch__input:focus+.dc-switch__track:after{border-radius:calc(3px + var(--dc-switch-radius));box-shadow:0 0 0 3px var(--dc-switch-focus-ring-color);content:"";inset:-3px;position:absolute;z-index:-1}.dc-switch__input:focus:not(:focus-visible)+.dc-switch__track:after{content:none}.dc-checkbox{--dc-checkbox-size:20px;--dc-checkbox-radius:6px;--dc-checkbox-bg:var(--dc-control-bg);--dc-checkbox-bg-checked:var(--dc-control-primary-color);--dc-checkbox-border-color:var(--dc-control-border-color);--dc-checkbox-border-color-checked:var(--dc-control-primary-color);--dc-checkbox-icon-color:var(--dc-control-on-primary-color);--dc-checkbox-focus-ring-color:var(--dc-focus-ring-color);color-scheme:light}.dc-checkbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute}.dc-checkbox__check{align-items:center;background:var(--dc-checkbox-bg);border:1px solid var(--dc-checkbox-border-color);border-radius:var(--dc-checkbox-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;flex:none;font-size:16px;height:var(--dc-checkbox-size);justify-content:center;position:relative;transition:opacity .2s;vertical-align:middle;width:var(--dc-checkbox-size)}.dc-checkbox__icon{color:var(--dc-checkbox-icon-color);display:none}.dc-checkbox__input:checked+.dc-checkbox__check{background:var(--dc-checkbox-bg-checked);border-color:var(--dc-checkbox-border-color-checked)}.dc-checkbox__input:checked+.dc-checkbox__check .dc-checkbox__icon{display:initial}.dc-checkbox__input:disabled+.dc-checkbox__check{cursor:default;opacity:var(--dc-disabled-state-opacity)}.dc-checkbox__input:focus{outline:none}.dc-checkbox__input:focus+.dc-checkbox__check:after{border-radius:calc(3px + var(--dc-checkbox-radius));box-shadow:0 0 0 3px var(--dc-checkbox-focus-ring-color);content:"";inset:-3px;position:absolute;z-index:-1}.dc-checkbox__input:focus:not(:focus-visible)+.dc-checkbox__check:after{content:none}.dc-radio{--dc-radio-size:20px;--dc-radio-color-bg:var(--dc-control-bg);--dc-radio-color-bg-checked:var(--dc-control-primary-color);--dc-radio-color-border:var(--dc-control-border-color);--dc-radio-color-border-checked:var(--dc-control-primary-color);--dc-radio-color-icon:var(--dc-control-on-primary-color);--dc-radio-color-focus-ring:var(--dc-focus-ring-color);color-scheme:light}.dc-radio__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute}.dc-radio__check{align-items:center;background:var(--dc-radio-color-bg);border:1px solid var(--dc-radio-color-border);border-radius:50%;box-sizing:border-box;cursor:pointer;display:inline-flex;flex:none;font-size:16px;height:var(--dc-radio-size);justify-content:center;position:relative;transition:opacity .2s;vertical-align:middle;width:var(--dc-radio-size)}.dc-radio__icon{color:var(--dc-radio-color-icon);display:none}.dc-radio__input:checked+.dc-radio__check{background:var(--dc-radio-color-bg-checked);border-color:var(--dc-radio-color-border-checked)}.dc-radio__input:checked+.dc-radio__check .dc-radio__icon{display:initial}.dc-radio__input:disabled+.dc-radio__check{cursor:default;opacity:var(--dc-disabled-state-opacity)}.dc-radio__input:focus{outline:none}.dc-radio__input:focus+.dc-radio__check:after{border-radius:50%;box-shadow:0 0 0 3px var(--dc-radio-color-focus-ring);content:"";inset:-3px;position:absolute;z-index:-1}.dc-radio__input:focus:not(:focus-visible)+.dc-radio__check:after{content:none}.dc-slider{--dc-slider-track-height:4px;--dc-slider-track-bg:var(--dc-control-bg-inset);--dc-slider-track-bg-fill:var(--dc-control-primary-color);--dc-slider-tick-color:var(--dc-control-border-color);--dc-slider-tick-label-color:var(--dc-control-secondary-text-color);--dc-slider-focus-ring-color:var(--dc-focus-ring-color);--dc-slider-thumb-width:20px;--dc-slider-thumb-height:20px;--dc-slider-thumb-bg:var(--dc-control-on-primary-color);--dc-slider-thumb-shadow:0 0 0 1px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.2);--dc-slider-thumb-shadow-focus:var(--dc-slider-thumb-shadow),0 0 0 3px var(--dc-slider-focus-ring-color);color-scheme:light;display:flex;flex-direction:column;font-family:var(--dc-primary-font);width:100%}.dc-slider_disabled{opacity:var(--dc-disabled-state-opacity)}.dc-slider_thumb_rect{--dc-slider-thumb-width:10px}.dc-slider__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dc-slider-track-bg);border-radius:2px;height:var(--dc-slider-track-height);margin:calc((var(--dc-slider-thumb-height) - var(--dc-slider-track-height))/2) 0;padding:0}.dc-slider__input:focus{outline:none}.dc-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--dc-slider-thumb-bg);border:none;border-radius:50%;box-shadow:var(--dc-slider-thumb-shadow);box-sizing:border-box;cursor:pointer;height:var(--dc-slider-thumb-height);width:var(--dc-slider-thumb-width)}.dc-slider__input::-moz-range-thumb{-moz-appearance:none;appearance:none;background:var(--dc-slider-thumb-bg);border:none;border-radius:50%;box-shadow:var(--dc-slider-thumb-shadow);box-sizing:border-box;cursor:pointer;height:var(--dc-slider-thumb-height);width:var(--dc-slider-thumb-width)}.dc-slider__input::-ms-thumb{appearance:none;background:var(--dc-slider-thumb-bg);border:none;border-radius:50%;box-shadow:var(--dc-slider-thumb-shadow);box-sizing:border-box;cursor:pointer;height:var(--dc-slider-thumb-height);width:var(--dc-slider-thumb-width)}.dc-slider__input:disabled::-webkit-slider-thumb{cursor:default}.dc-slider__input:disabled::-moz-range-thumb{cursor:default}.dc-slider__input:disabled::-ms-thumb{cursor:default}.dc-slider__input:focus::-webkit-slider-thumb{box-shadow:var(--dc-slider-thumb-shadow-focus)}.dc-slider__input:focus::-moz-range-thumb{box-shadow:var(--dc-slider-thumb-shadow-focus)}.dc-slider__input:focus::-ms-thumb{box-shadow:var(--dc-slider-thumb-shadow-focus)}.dc-slider_thumb_rect .dc-slider__input::-webkit-slider-thumb{border-radius:calc(var(--dc-slider-thumb-width)/2)}.dc-slider_thumb_rect .dc-slider__input::-moz-range-thumb{border-radius:calc(var(--dc-slider-thumb-width)/2)}.dc-slider_thumb_rect .dc-slider__input::-ms-thumb{border-radius:calc(var(--dc-slider-thumb-width)/2)}.dc-slider__tick-marks{align-items:flex-start;display:flex;justify-content:space-between;margin-top:4px}.dc-slider-tick-mark{align-items:center;color:var(--dc-slider-tick-label-color);display:inline-flex;flex-direction:column;font-size:12px;justify-content:flex-start;text-align:center;white-space:nowrap;width:var(--dc-slider-thumb-width)}.dc-slider-tick-mark:before{background:var(--dc-slider-tick-color);content:"";display:inline-block;flex:none;height:8px;width:2px}.dc-slider-tick-mark__label{padding-top:4px}.dc-file-picker{--dc-file-picker-label-color:var(--dc-control-primary-text-color);--dc-file-picker-icon-color:var(--dc-control-secondary-text-color);--dc-file-picker-caption-color:var(--dc-control-secondary-text-color);--dc-file-picker-border-color:var(--dc-control-border-color);--dc-file-picker-border-color-drag-over:var(--dc-control-primary-color);--dc-file-picker-bg-drag-over:var(--dc-control-secondary-color);align-items:center;border:1px dashed var(--dc-file-picker-border-color);border-radius:8px;box-sizing:border-box;color-scheme:light;display:inline-flex;flex-wrap:wrap;gap:12px 20px;padding:16px 20px;position:relative}.dc-file-picker__input{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;width:1px}.dc-file-picker__body{align-items:center;display:flex;flex:auto;font-family:var(--dc-primary-font);font-size:14px;line-height:1.25}.dc-file-picker__icon{color:var(--dc-file-picker-icon-color);display:inline-flex;margin-right:16px}.dc-file-picker__label{color:var(--dc-file-picker-label-color)}.dc-file-picker__caption{color:var(--dc-file-picker-caption-color);font-size:12px;margin-top:4px}.dc-file-picker__button{box-shadow:none}.dc-file-picker_disabled{opacity:var(--dc-disabled-state-opacity)}.dc-file-picker_disabled .dc-file-picker__button{pointer-events:none}.dc-file-picker_dragging-over{background:var(--dc-file-picker-bg-drag-over);border-color:var(--dc-file-picker-border-color-drag-over)}.dc-datepicker{--dc-columnheader-text-color:var(--dc-control-secondary-text-color);--dc-day-font-size:14px;--dc-day-text-color:var(--dc-control-primary-text-color);--dc-day-text-color-today:var(--dc-control-primary-color);--dc-day-text-color-weekend:var(--dc-control-secondary-text-color);--dc-day-text-color-selected:var(--dc-control-on-primary-color);--dc-day-size:32px;--dc-day-max-width:40px;--dc-day-radius:16px;--dc-day-border-color:transparent;--dc-day-border-color-hover:var(--dc-control-primary-color);--dc-day-bg-selected:var(--dc-control-primary-color);--dc-day-bg-selected-hover:var(--dc-control-primary-color-hover);--dc-day-bg-range:var(--dc-control-secondary-color);--dc-day-focus-ring-color:var(--dc-control-primary-color);color-scheme:light;display:inline-block}.dc-calendar-next-month,.dc-calendar-prev-month{--dc-button-height:28px}.dc-calendar-month-select{--dc-select-height:28px}.dc-calendar-year-input{--dc-input-height:28px}.dc-calendar-day{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--dc-day-text-color);font-family:var(--dc-primary-font);font-size:14px;font-weight:500;margin:0;padding:0;width:100%}.dc-calendar-day__body{align-items:center;border-radius:var(--dc-day-radius);box-sizing:border-box;display:inline-flex;height:var(--dc-day-size);justify-content:center;width:var(--dc-day-size)}.dc-calendar-day_in-range{position:relative}.dc-calendar-day_in-range:before{background:var(--dc-day-bg-range);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.dc-calendar-day_range-start:before{border-bottom-left-radius:var(--dc-day-radius);border-top-left-radius:var(--dc-day-radius);left:calc(50% - var(--dc-day-size)/2)}.dc-calendar-day_range-end:before{border-bottom-right-radius:var(--dc-day-radius);border-top-right-radius:var(--dc-day-radius);right:calc(50% - var(--dc-day-size)/2)}.dc-calendar-day_weekend>.dc-calendar-day__body{color:var(--dc-day-text-color-weekend)}.dc-calendar-day_today>.dc-calendar-day__body{color:var(--dc-day-text-color-today)}.dc-calendar-day_selected>.dc-calendar-day__body{background:var(--dc-day-bg-selected);color:var(--dc-day-text-color-selected)}.dc-calendar-day:hover{cursor:pointer}.dc-calendar-day:hover>.dc-calendar-day__body{box-shadow:inset 0 0 0 2px var(--dc-day-border-color-hover)}.dc-calendar-day_selected:hover>.dc-calendar-day__body{background:var(--dc-day-bg-selected-hover);box-shadow:none}.dc-calendar-day:disabled{cursor:default}.dc-calendar-day:disabled>.dc-calendar-day__body{box-shadow:none;opacity:var(--dc-disabled-state-opacity)}.dc-calendar-day:focus{outline:none}.dc-calendar-day:focus>.dc-calendar-day__body{box-shadow:inset 0 0 0 2px var(--dc-day-border-color-hover)}.dc-calendar-day_selected:focus>.dc-calendar-day__body{box-shadow:none;position:relative}.dc-calendar-day_selected:focus>.dc-calendar-day__body:after{border-radius:50%;box-shadow:0 0 0 2px var(--dc-day-focus-ring-color);content:"";inset:-2px;position:absolute}.dc-calendar{display:inline-flex;flex-direction:column;max-width:100%;min-width:calc(var(--dc-day-size)*7);width:calc(var(--dc-day-max-width)*7)}.dc-calendar__header{align-items:center;display:flex;justify-content:space-between}.dc-calendar__header>*{margin-left:2px;margin-right:2px}.dc-calendar__header>:first-child{margin-left:0;margin-right:auto}.dc-calendar__header>:last-child{margin-left:auto;margin-right:0}.dc-calendar__grid{border-spacing:0;margin-top:16px}.dc-calendar__grid td,.dc-calendar__grid th{padding:0;text-align:center;vertical-align:middle}.dc-calendar__grid th{color:var(--dc-columnheader-text-color);font-size:14px;font-weight:400;padding-bottom:4px}.dc-calendar__grid td{padding-top:4px}.dc-segmented{--dc-segmented-bg:var(--dc-bg-transparent-1);--dc-segmented-border-color:var(--dc-control-border-color);--dc-segmented-delimiter-color:var(--dc-border-color-transparent-3);--dc-segmented-btn-padding-x:16px;--dc-segmented-btn-bg-checked:#fff;--dc-segmented-btn-border-color:transparent;--dc-segmented-btn-border-color-focus:var(--dc-blue-600);--dc-segmented-btn-border-color-checked:var(--dc-gray-500);--dc-segmented-btn-focus-ring-color:var(--dc-focus-ring-color);align-items:stretch;background:var(--dc-segmented-bg);border-radius:9px;box-shadow:inset 0 0 0 1px var(--dc-segmented-border-color);color-scheme:light;display:inline-flex;font:14px/1 var(--dc-primary-font);height:36px;list-style:none;margin:0;padding:0}.dc-segmented_disabled{opacity:var(--dc-disabled-state-opacity);pointer-events:none}.dc-segmented_sm{--dc-segmented-btn-padding-x:12px;border-radius:8px;font-size:13px;height:32px}.dc-segmented_lg{--dc-segmented-btn-padding-x:18px;border-radius:10px;font-size:15px;height:40px}.dc-segmented__button{align-items:center;border:1px solid var(--dc-segmented-btn-border-color);border-radius:inherit;box-sizing:border-box;cursor:pointer;display:flex;flex:auto;gap:calc(var(--dc-segmented-btn-padding-x)/2);justify-content:center;padding:0 var(--dc-segmented-btn-padding-x);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dc-segmented__button[aria-checked=true]{--dc-segmented-btn-border-color:var(--dc-segmented-btn-border-color-checked);background:var(--dc-segmented-btn-bg-checked);cursor:default}.dc-segmented__button:focus{border-color:var(--dc-segmented-btn-border-color-focus);box-shadow:0 0 0 3px var(--dc-segmented-btn-focus-ring-color);outline:none}.dc-segmented__button:focus:not(:focus-visible){border-color:var(--dc-segmented-btn-border-color);box-shadow:none}.dc-segmented__button+.dc-segmented__button:before{background:var(--dc-segmented-delimiter-color);content:"";height:50%;left:-2px;position:absolute;top:50%;transform:translateY(-50%);width:1px;z-index:-1}.dc-segmented__button[aria-checked=true]:before{opacity:0}.dc-label{--dc-label-text-color:var(--dc-primary-text-color);--dc-label-required-mark-color:#dc2626;color:var(--dc-label-text-color);color-scheme:light;display:inline-block;font:var(--dc-text-sm);font-weight:500}.dc-label_required:after{color:var(--dc-label-required-mark-color);content:"*";padding-left:.25em}.dc-caption{align-items:center;color:var(--dc-secondary-text-color);color-scheme:light;display:block;font:var(--dc-text-sm);text-align:left}.dc-caption_appearance_info{color:var(--dc-info-text-color)}.dc-caption_appearance_success{color:var(--dc-success-text-color)}.dc-caption_appearance_error{color:var(--dc-error-text-color)}.dc-caption_appearance_warning{color:var(--dc-warning-text-color)}.dc-caption__icon{color:inherit;float:left;height:20px;margin-right:.5em;width:20px}.dc-selection-control{grid-gap:2px 12px;color-scheme:light;display:grid;grid-template-areas:"input label" ".     caption";grid-template-columns:auto 1fr;justify-items:start}.dc-selection-control__input{grid-area:input}.dc-selection-control__label{align-self:center;grid-area:label;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dc-selection-control__caption{grid-area:caption}.dc-form-field{color-scheme:light;display:block}.dc-form-field__label{margin-bottom:4px}.dc-form-field__caption,.dc-form-field__error{display:block;margin-top:4px}.dc-color-picker{--dc-color-picker-btn-size:24px;--dc-color-picker-btn-color:var(--dc-control-on-primary-color);--dc-color-picker-btn-check-color:#fff;--dc-color-picker-btn-inner-border-color:rgba(0,0,0,.05);--dc-color-picker-btn-focus-ring-color:var(--dc-focus-ring-color);align-items:center;border:none;color-scheme:light;display:inline-flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin:0;padding:0}.dc-color-picker_disabled{opacity:var(--dc-disabled-state-opacity)}.dc-color-picker__btn{align-items:center;background:var(--dc-color-picker-btn-color);border-radius:50%;box-shadow:inset 0 0 0 1px var(--dc-color-picker-btn-inner-border-color);color:transparent;cursor:pointer;display:inline-flex;flex:none;font-size:0;height:var(--dc-color-picker-btn-size);justify-content:center;position:relative;width:var(--dc-color-picker-btn-size)}.dc-color-picker_disabled .dc-color-picker__btn{cursor:default}.dc-color-picker__btn>input{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.dc-color-picker__btn_checked:after{background:var(--dc-color-picker-btn-check-color);border-radius:50%;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);content:"";display:inline-block;height:38%;width:38%}.dc-color-picker__btn:focus-within:before{border-radius:50%;box-shadow:0 0 0 3px var(--dc-color-picker-btn-focus-ring-color);content:"";display:inline-block;inset:-2px;position:absolute;z-index:-1}.dc-table,.dc-table-container{--dc-table-border-color:var(--dc-border-color-transparent-2);--dc-table-bg:none;--dc-table-head-bg:var(--dc-bg-transparent-1);--dc-table-row-bg-stripped:var(--dc-bg-transparent-1);--dc-table-row-bg-selected:var(--dc-bg-transparent-1);--dc-table-row-bg-highlighted:var(--dc-bg-transparent-1);--dc-table-cell-bg-hover:var(--dc-bg-transparent-1);--dc-table-cell-bg-focus:var(--dc-bg-transparent-1);--dc-table-cell-padding-x:12px;--dc-table-cell-padding-y:8px;--dc-table-sort-icon-size:16px;color-scheme:light}.dc-table-container{border:0 solid var(--dc-table-border-color);box-sizing:border-box;overflow-x:auto;width:100%}.dc-table-container_border_all{border-width:1px}.dc-table-container_border_top{border-top-width:1px}.dc-table-container_border_right{border-right-width:1px}.dc-table-container_border_bottom{border-bottom-width:1px}.dc-table-container_border_left{border-left-width:1px}.dc-table{border-collapse:separate;border-spacing:0;color:var(--dc-primary-text-color);font:var(--dc-text-sm);font-variant-numeric:tabular-nums;width:100%}.dc-table-cell{background:var(--dc-table-bg);border-bottom:1px solid var(--dc-table-border-color);box-sizing:border-box;padding:var(--dc-table-cell-padding-y) var(--dc-table-cell-padding-x)}.dc-table-cell_head{border-bottom-color:var(--dc-table-border-color);font-size:90%;font-weight:700;white-space:nowrap}.dc-table_cell_sm .dc-table-cell{--dc-table-cell-padding-y:4px;--dc-table-cell-padding-x:8px}.dc-table_cell_lg .dc-table-cell{--dc-table-cell-padding-y:12px;--dc-table-cell-padding-x:16px}.dc-table-cell_sortable{padding:0}.dc-table-cell__sort-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:inherit;cursor:pointer;display:block;font:inherit;margin:0;padding:var(--dc-table-cell-padding-y) var(--dc-table-cell-padding-x);padding-right:calc(var(--dc-table-cell-padding-x) + var(--dc-table-sort-icon-size) + var(--dc-table-cell-padding-x));position:relative;text-align:inherit;width:100%}.dc-table-cell__sort-btn:hover{background:var(--dc-table-cell-bg-hover)}.dc-table-cell__sort-btn:before{content:"";inset:0;position:absolute}.dc-table-cell__sort-btn:focus{outline:none}.dc-table-cell__sort-btn:focus:before{background:var(--dc-table-cell-bg-focus)}.dc-table-cell__sort-btn:focus:not(:focus-visible):before{background:initial}.dc-table-cell__sort-icon{height:var(--dc-table-sort-icon-size);position:absolute;right:var(--dc-table-cell-padding-x);top:50%;transform:translateY(-50%);width:var(--dc-table-sort-icon-size)}.dc-table-head_tinted .dc-table-cell{background:var(--dc-table-head-bg)}.dc-table-row_selected .dc-table-cell{background:var(--dc-table-row-bg-selected)!important}.dc-table_bordered .dc-table-cell:not(:last-child){border-right:1px solid var(--dc-table-border-color)}.dc-table-body .dc-table-row:last-child .dc-table-cell,.dc-table_striped .dc-table-body .dc-table-cell{border-bottom-color:transparent}.dc-table_striped .dc-table-body .dc-table-row:nth-child(2n) .dc-table-cell{background:var(--dc-table-row-bg-stripped)}.dc-table_highlight_row .dc-table-body .dc-table-row:hover .dc-table-cell{background:var(--dc-table-row-bg-highlighted)}.dc-alert{--dc-alert-text-color:var(--dc-gray-700);--dc-alert-icon-color:var(--dc-gray-500);--dc-alert-bg:rgba(229,231,235,.25);--dc-alert-border-color:rgba(156,163,175,.25);--dc-alert-accent-border-color:var(--dc-gray-500);--dc-alert-icon-size:20px;background:var(--dc-alert-bg);border:1px solid var(--dc-alert-border-color);border-radius:8px;box-sizing:border-box;color:var(--dc-alert-text-color);color-scheme:light;display:grid;font:var(--dc-text-sm);grid-template-areas:"icon content";grid-template-columns:auto 1fr;padding:12px 16px;text-align:left}.dc-alert_has_icon{grid-column-gap:12px;padding-left:12px}.dc-alert__icon{color:var(--dc-alert-icon-color);grid-area:icon}.dc-alert__body{grid-area:content}.dc-alert__title{font:inherit;font-weight:600;margin:0 0 .5em}.dc-alert_variant_full-width{border-left:0;border-radius:0;border-right:0}.dc-alert_variant_accent-border{border:none;border-left:4px solid var(--dc-alert-accent-border-color);border-radius:0}.dc-alert_appearance_warning{--dc-alert-text-color:var(--dc-orange-700);--dc-alert-icon-color:var(--dc-orange-600);--dc-alert-bg:hsla(32,98%,83%,.2);--dc-alert-border-color:rgba(249,115,22,.25);--dc-alert-accent-border-color:var(--dc-orange-500)}.dc-alert_appearance_error{--dc-alert-text-color:var(--dc-red-700);--dc-alert-icon-color:var(--dc-red-600);--dc-alert-bg:hsla(0,96%,89%,.2);--dc-alert-border-color:rgba(239,68,68,.25);--dc-alert-accent-border-color:var(--dc-red-500)}.dc-alert_appearance_info{--dc-alert-text-color:var(--dc-blue-700);--dc-alert-icon-color:var(--dc-blue-600);--dc-alert-bg:rgba(191,219,254,.2);--dc-alert-border-color:rgba(59,130,246,.25);--dc-alert-accent-border-color:var(--dc-blue-500)}.dc-alert_appearance_success{--dc-alert-text-color:var(--dc-green-700);--dc-alert-icon-color:var(--dc-green-600);--dc-alert-bg:rgba(187,247,208,.2);--dc-alert-border-color:rgba(22,163,74,.25);--dc-alert-accent-border-color:var(--dc-green-500)}.dc-toast{--dc-toast-text-color:var(--dc-gray-100);--dc-toast-secondary-text-color:var(--dc-gray-300);--dc-toast-icon-color:var(--dc-gray-200);--dc-toast-bg:var(--dc-gray-700);--dc-toast-padding:16px;--dc-toast-close-btn-color:var(--dc-gray-50);--dc-toast-close-btn-bg:var(--dc-gray-500);--dc-toast-btn-text-color:var(--dc-gray-100);--dc-toast-btn-bg:rgba(249,250,251,.15);--dc-toast-btn-bg-hover:rgba(249,250,251,.3);--dc-toast-btn-focus-ring-color:var(--dc-gray-200);background:var(--dc-toast-bg);border-radius:10px;box-shadow:var(--dc-shadow-lg);color:var(--dc-toast-text-color);color-scheme:light;display:inline-flex;font:var(--dc-text-sm);min-width:256px;position:relative;text-align:left}.dc-toast__close-btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dc-toast-close-btn-bg);border:none;border-radius:50%;box-shadow:var(--dc-shadow-sm),var(--dc-shadow-md);box-sizing:border-box;color:var(--dc-toast-close-btn-color);cursor:pointer;display:inline-flex;height:24px;justify-content:center;left:-8px;opacity:0;padding:0;pointer-events:none;position:absolute;top:-8px;transition:opacity .15s ease;width:24px}.dc-toast:hover .dc-toast__close-btn{opacity:1;pointer-events:all}.dc-toast__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dc-toast-btn-bg);border:none;border-radius:6px;box-sizing:border-box;color:var(--dc-toast-btn-text-color);cursor:pointer;font:var(--dc-text-xs);padding:4px 12px;transition:.1s ease;transition-property:background-color,box-shadow}.dc-toast__btn:focus,.dc-toast__btn:hover{background:var(--dc-toast-btn-bg-hover)}.dc-toast__btn:focus{box-shadow:0 0 0 1px var(--dc-toast-btn-focus-ring-color);outline:none}.dc-toast__btn:focus:not(:focus-visible){box-shadow:none}.dc-toast__btn:focus:not(:focus-visible,:hover){background:var(--dc-toast-btn-bg)}.dc-toast__body{align-items:flex-start;display:flex;flex-grow:1;padding:12px 16px}.dc-toast__actions{box-sizing:border-box;display:flex;flex-direction:column;padding:4px}.dc-toast__actions>*+*{margin-top:2px}.dc-toast__content{box-sizing:border-box}.dc-toast__icon{color:var(--dc-toast-icon-color);display:inline-flex;flex-shrink:0;margin-right:12px}.dc-toast__title{font:inherit;font-weight:500;margin:0}.dc-toast__message{color:var(--dc-toast-secondary-text-color);margin-top:.25em}.dc-toasts-list{--dc-toaster-padding:16px;--dc-toaster-animation:200ms ease;box-sizing:border-box;color-scheme:light;left:var(--dc-toaster-padding);list-style:none;margin:0;padding:0;pointer-events:none;position:fixed;right:var(--dc-toaster-padding);z-index:var(--dc-toaster-z-index)}.dc-toasts-list_top-center,.dc-toasts-list_top-left,.dc-toasts-list_top-right{top:var(--dc-toaster-padding)}.dc-toasts-list_bottom-center,.dc-toasts-list_bottom-left,.dc-toasts-list_bottom-right{bottom:var(--dc-toaster-padding)}.dc-toasts-list>*{left:0;position:absolute;right:0;transition:transform var(--dc-toaster-animation)}.dc-toasts-list_bottom-left>*,.dc-toasts-list_top-left>*{text-align:left}.dc-toasts-list_bottom-center>*,.dc-toasts-list_top-center>*{text-align:center}.dc-toasts-list_bottom-right>*,.dc-toasts-list_top-right>*{text-align:right}.dc-toasts-list__toast{animation:var(--dc-toaster-animation) forwards;pointer-events:all}@keyframes dc-toast-slide-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.dc-toasts-list_top-center .dc-toasts-list__toast,.dc-toasts-list_top-left .dc-toasts-list__toast,.dc-toasts-list_top-right .dc-toasts-list__toast{animation-name:dc-toast-slide-top}@keyframes dc-toast-slide-bottom{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(-100%)}}.dc-toasts-list_bottom-center .dc-toasts-list__toast,.dc-toasts-list_bottom-left .dc-toasts-list__toast,.dc-toasts-list_bottom-right .dc-toasts-list__toast{animation-name:dc-toast-slide-bottom}.dc-empty-state{--dc-empty-state-inner-width:640px;--dc-empty-state-primary-color:var(--dc-primary-text-color);--dc-empty-state-secondary-color:var(--dc-secondary-text-color);align-items:center;box-sizing:border-box;color-scheme:light;display:flex;flex-direction:column;font:var(--dc-text-sm);justify-content:center;padding:16px;text-align:center}.dc-empty-state__image{color:var(--dc-empty-state-secondary-color)}.dc-empty-state__description,.dc-empty-state__heading{margin:0;max-width:var(--dc-empty-state-inner-width)}.dc-empty-state__heading{font:600 var(--dc-text-lg)}.dc-empty-state__description{color:var(--dc-empty-state-secondary-color)}*+.dc-empty-state__description,*+.dc-empty-state__heading{margin-top:8px}.dc-empty-state__heading+.dc-empty-state__description{margin-top:4px}*+.dc-empty-state__primary-action,*+.dc-empty-state__secondary-action{margin-top:24px}.dc-empty-state__primary-action+.dc-empty-state__secondary-action{margin-top:12px}.dc-tabs{--dc-tablist-border-color:var(--dc-border-color-transparent-2);--dc-tab-text-color:var(--dc-primary-text-color);--dc-tab-accent-color:var(--dc-primary-color);--dc-tab-bg:none;--dc-tab-bg-hover:var(--dc-bg-transparent-1);--dc-tab-focus-ring-color:var(--dc-focus-ring-color);color-scheme:light}.dc-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--dc-tab-text-color);cursor:pointer;font:var(--dc-text-sm);margin:0;padding:0;position:relative}.dc-tab:focus{outline:none}.dc-tab[aria-selected=true]:after{background:var(--dc-blue-500);border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.dc-tab__layout{align-items:center;background:var(--dc-tab-bg);border-radius:8px;display:flex;height:32px;justify-content:center;margin-bottom:8px;padding-left:8px;padding-right:8px}.dc-tab:hover .dc-tab__layout{background:var(--dc-tab-bg-hover)}.dc-tab:focus .dc-tab__layout{box-shadow:inset 0 0 0 3px var(--dc-tab-focus-ring-color)}.dc-tab:focus:not(:focus-visible) .dc-tab__layout{box-shadow:none}.dc-tab__icon{display:inline-flex;margin-right:8px}.dc-tab__label{white-space:nowrap}.dc-tab__counter{margin-left:12px}.dc-tab-list{align-items:center;box-shadow:inset 0 -1px 0 var(--dc-tablist-border-color);box-sizing:border-box;display:flex;max-width:100%;overflow-x:auto}.dc-tab-list>*+*{margin-left:16px}.dc-menu{--dc-menu-item-color:var(--dc-button-default-plain-text-color);--dc-menu-item-bg:var(--dc-button-default-bg-hover);--dc-menu-item-color-destructive:var(--dc-button-danger-plain-text-color);--dc-menu-item-bg-destructive:var(--dc-button-danger-plain-bg-hover);--dc-menu-separator-color:var(--dc-bg-transparent-2);box-sizing:border-box;color-scheme:light;list-style:none;margin:0;padding:0;width:100%}.dc-menu__container{min-width:160px;padding:4px}.dc-menu__separator{background:var(--dc-menu-separator-color);box-sizing:border-box;height:1px;margin:4px 8px}.dc-menu-btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:6px;color:var(--dc-menu-item-color);display:flex;font:var(--dc-text-sm);height:32px;padding:0 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.dc-menu-btn:hover{cursor:pointer}.dc-menu-btn:focus{background:var(--dc-menu-item-bg);outline:none}.dc-menu-btn__icon{display:inline-flex;margin-right:8px}.dc-menu-btn_destructive{color:var(--dc-menu-item-color-destructive)}.dc-menu-btn_destructive:focus{background:var(--dc-menu-item-bg-destructive)}.dc-nav-list{--dc-nav-list-title-color:var(--dc-secondary-text-color);--dc-nav-link-text-color:var(--dc-primary-text-color);--dc-nav-link-bg:transparent;--dc-nav-link-bg-hover:var(--dc-bg-transparent-2);--dc-nav-link-bg-active:var(--dc-bg-transparent-2);--dc-nav-link-focus-ring-color:var(--dc-focus-ring-color);color-scheme:light}.dc-nav-list__items{list-style:none;margin:0;padding:0}.dc-nav-link,.dc-nav-list__title{box-sizing:border-box;padding:0 12px}.dc-nav-list__title{color:var(--dc-nav-list-title-color);font:500 var(--dc-text-xs)}*+.dc-nav-list__title{margin-top:20px}*+.dc-nav-list__item{margin-top:2px}.dc-nav-link{align-items:center;border-radius:8px;color:var(--dc-nav-link-text-color);cursor:pointer;display:flex;font:var(--dc-text-sm);height:36px;text-decoration:none;white-space:nowrap}.dc-nav-link:hover{background:var(--dc-nav-link-bg-hover)}.dc-nav-link:focus{box-shadow:0 0 0 2px var(--dc-nav-link-focus-ring-color);outline:none}.dc-nav-link:focus:not(:focus-visible){box-shadow:none}.dc-nav-link.active,.dc-nav-link[aria-current=page],.dc-nav-link[aria-current=step],.dc-nav-link[aria-current=true]{background:var(--dc-nav-link-bg-active)}.dc-nav-link__icon{display:inline-flex;margin-right:8px}.dc-nav-link__text{flex-grow:1;grid-area:text;min-width:0;overflow:hidden;text-overflow:ellipsis}.dc-nav-link__badge{margin-left:8px}.dc-breadcrumbs{--dc-breadcrumbs-text-color:var(--dc-secondary-text-color);--dc-breadcrumbs-text-color-hover:var(--dc-primary-text-color);--dc-breadcrumbs-text-color-active:var(--dc-primary-text-color);--dc-breadcrumbs-separator-color:hsla(220,9%,46%,.5);color-scheme:light}.dc-breadcrumbs__items{align-items:center;color:var(--dc-breadcrumbs-text-color);display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.dc-breadcrumbs-item{align-items:center;color:inherit;display:inline-flex;font:var(--dc-text-sm);padding:4px 0}.dc-breadcrumbs-item__link{align-items:center;color:inherit;display:flex;flex-grow:1;text-decoration:none}.dc-breadcrumbs-item__link:hover{color:var(--dc-breadcrumbs-text-color-hover);cursor:pointer;text-decoration:underline}.dc-breadcrumbs-item__link.active,.dc-breadcrumbs-item__link[aria-current=page],.dc-breadcrumbs-item__link[aria-current=step],.dc-breadcrumbs-item__link[aria-current=true]{color:var(--dc-breadcrumbs-text-color-active)}.dc-breadcrumbs-item__icon{display:inline-flex;margin-right:8px}.dc-breadcrumbs-item__separator{color:var(--dc-breadcrumbs-separator-color);display:inline-flex;margin:0 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dc-breadcrumbs-item:last-child .dc-breadcrumbs-item__separator{display:none}.dc-filter-buttons{--dc-filter-button-text-color:var(--dc-button-default-tinted-text-color);--dc-filter-button-bg:var(--dc-button-default-tinted-bg);--dc-filter-button-bg-hover:var(--dc-button-default-tinted-bg-hover);--dc-filter-button-text-color-active:var(--dc-button-primary-text-color);--dc-filter-button-bg-active:var(--dc-button-primary-bg);--dc-filter-button-bg-active-hover:var(--dc-button-primary-bg-hover);align-items:center;color-scheme:light;display:flex;max-width:100%;overflow:auto;padding-bottom:4px;position:relative}.dc-filter-buttons>*+*{margin-left:8px}.dc-filter-button{align-items:center;background:var(--dc-filter-button-bg);border:1px solid transparent;border-radius:7px;box-sizing:border-box;color:var(--dc-filter-button-text-color);cursor:pointer;display:inline-flex;font:var(--dc-text-sm);height:28px;padding:0 8px;transition-duration:.2s;transition-property:color,background-color;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.dc-filter-button:hover{background:var(--dc-filter-button-bg-hover)}.dc-filter-button.active,.dc-filter-button[aria-pressed=true]{background:var(--dc-filter-button-bg-active);color:var(--dc-filter-button-text-color-active)}.dc-filter-button.active:hover,.dc-filter-button[aria-pressed=true]:hover{background:var(--dc-filter-button-bg-active-hover)}.dc-tooltip{--dc-tooltip-text-color:var(--dc-gray-50);--dc-tooltip-bg:var(--dc-gray-700);--dc-tooltip-transition-duration:100ms;background:var(--dc-tooltip-bg);border-radius:6px;box-shadow:var(--dc-shadow-md);box-sizing:border-box;color:var(--dc-tooltip-text-color);color-scheme:light;font:var(--dc-text-xs);left:0;padding:4px 8px;top:0;z-index:var(--dc-overlay-z-index)}.dc-tooltip_hidden{opacity:0;transition:opacity var(--dc-tooltip-transition-duration) ease}.dc-tooltip_visible{opacity:1}.dc-popover{--dc-popover-text-color:var(--dc-primary-text-color);--dc-popover-transition-duration:100ms;--dc-popover-bg:#fff;--dc-popover-shadow:0 2px 0 -1px rgba(0,0,0,.075),0 0 0 1px var(--dc-gray-200),var(--dc-shadow-lg);box-sizing:border-box;color-scheme:light;left:0;padding:1px;top:0;z-index:var(--dc-overlay-z-index)}.dc-popover-modal{background:var(--dc-popover-bg);border-radius:8px;box-shadow:var(--dc-popover-shadow);box-sizing:border-box;color:var(--dc-popover-text-color);font:var(--dc-text-sm);max-width:448px;padding:12px 16px}.dc-popover_closed .dc-popover-modal{opacity:0;transform:scale(.95);transition:var(--dc-popover-transition-duration) ease;transition-property:opacity,transform}.dc-popover_opened .dc-popover-modal{opacity:1;transform:scale(1)}.dc-popover[data-position=top-start] .dc-popover-modal{transform-origin:bottom left}.dc-popover[data-position=top-center] .dc-popover-modal{transform-origin:bottom center}.dc-popover[data-position=top-right] .dc-popover-modal{transform-origin:bottom left}.dc-popover[data-position=right-start] .dc-popover-modal{transform-origin:left top}.dc-popover[data-position=right-center] .dc-popover-modal{transform-origin:left center}.dc-popover[data-position=right-right] .dc-popover-modal{transform-origin:left bottom}.dc-popover[data-position=bottom-start] .dc-popover-modal{transform-origin:top left}.dc-popover[data-position=bottom-center] .dc-popover-modal{transform-origin:top center}.dc-popover[data-position=bottom-right] .dc-popover-modal{transform-origin:top left}.dc-popover[data-position=left-start] .dc-popover-modal{transform-origin:right top}.dc-popover[data-position=left-center] .dc-popover-modal{transform-origin:right center}.dc-popover[data-position=left-right] .dc-popover-modal{transform-origin:right bottom}.dc-dialog{--dc-dialog-max-width:480px;--dc-dialog-safe-area:16px;--dc-dialog-viewport-gap:16px;--dc-dialog-transition-duration:200ms;--dc-dialog-text-color:var(--dc-primary-text-color);--dc-dialog-border-color:transparent;--dc-dialog-bg:var(--dc-primary-bg);--dc-dialog-inset-shadow-color:var(--dc-border-color-transparent-2);--dc-dialog-backdrop-color:rgba(17,24,39,.4);color-scheme:light;position:relative;z-index:var(--dc-overlay-z-index)}.dc-dialog-backdrop{background:var(--dc-dialog-backdrop-color);box-sizing:border-box;height:100%;left:0;padding:var(--dc-dialog-viewport-gap);position:fixed;top:0;width:100%}.dc-dialog_closed .dc-dialog-backdrop{opacity:0;transition:opacity var(--dc-dialog-transition-duration) linear}.dc-dialog_opened .dc-dialog-backdrop{opacity:1}.dc-dialog-modal{background:var(--dc-dialog-bg);border-radius:12px;box-shadow:var(--dc-shadow-xl);box-sizing:border-box;color:var(--dc-dialog-text-color);display:flex;flex-direction:column;left:50%;max-height:calc(100% - var(--dc-dialog-viewport-gap)*2);max-width:calc(var(--dc-dialog-max-width) + var(--dc-dialog-safe-area)*2);position:fixed;top:50%;transform:translate(-50%,-50%);width:100%}.dc-dialog-modal_sm{--dc-dialog-max-width:320px}.dc-dialog-modal_lg{--dc-dialog-max-width:640px}.dc-dialog_closed .dc-dialog-modal{opacity:0;transform:translate(-50%,-50%) scale(.95);transition:var(--dc-dialog-transition-duration) ease;transition-property:opacity,transform}.dc-dialog_opened .dc-dialog-modal{opacity:1;transform:translate(-50%,-50%) scale(1)}.dc-dialog-body,.dc-dialog-footer,.dc-dialog-header{padding:calc(var(--dc-dialog-safe-area)/2) var(--dc-dialog-safe-area)}.dc-dialog-header{font:var(--dc-text-sm)}.dc-dialog-header__title-bar{padding-right:24px;position:relative}.dc-dialog-header__heading{font:700 var(--dc-text-md);margin:0}.dc-dialog-header__close-btn{height:32px;position:absolute;right:-8px;top:-8px;width:32px}.dc-dialog-body{-webkit-overflow-scrolling:touch;flex-grow:1;overflow:auto;padding-bottom:var(--dc-dialog-safe-area);padding-top:var(--dc-dialog-safe-area);position:relative}.dc-dialog-body_scroll-shadow-top{box-shadow:inset 0 1px 1px var(--dc-dialog-inset-shadow-color)}.dc-dialog-body_scroll-shadow-bottom{box-shadow:inset 0 -1px 1px var(--dc-dialog-inset-shadow-color)}.dc-dialog-body_scroll-shadow-top.dc-dialog-body_scroll-shadow-bottom{box-shadow:inset 0 1px 0 var(--dc-dialog-inset-shadow-color),inset 0 -1px 0 var(--dc-dialog-inset-shadow-color)}.dc-dialog-footer{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end}.dc-dialog-footer>*+*{margin-left:8px}.dc-dialog-modal>.dc-dialog-body:first-child,.dc-dialog-modal>.dc-dialog-footer:first-child,.dc-dialog-modal>.dc-dialog-header:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit;padding-top:var(--dc-dialog-safe-area)}.dc-dialog-modal>.dc-dialog-body:last-child,.dc-dialog-modal>.dc-dialog-footer:last-child,.dc-dialog-modal>.dc-dialog-header:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;padding-bottom:var(--dc-dialog-safe-area)}.dc-date-picker-popover{color-scheme:light}.dc-date-range-picker-popover{grid-gap:20px 24px;color-scheme:light;display:inline-grid;grid-template-areas:"presets calendar" "footer  footer";grid-template-columns:1fr 1fr}.dc-date-range-picker-popover_compact{grid-template-areas:"presets" "calendar" "footer";grid-template-columns:100%;max-width:100%}.dc-date-range-picker-popover__presets{grid-area:presets;list-style:none;margin:0;padding:0}.dc-date-range-picker-popover__presets>*{white-space:nowrap}.dc-date-range-picker-popover__presets>*+*{margin-top:8px}.dc-date-range-picker-popover__calendar{grid-area:calendar}.dc-date-range-picker-popover__footer{grid-gap:8px;align-items:center;display:grid;font:var(--dc-text-xs);grid-area:footer;grid-template-areas:"content cancel confirm";grid-template-columns:1fr auto auto}.dc-date-range-picker-popover__footer-content{grid-area:content}.dc-date-range-picker-popover__footer-cancel{grid-area:cancel}.dc-date-range-picker-popover__footer-confirm{grid-area:confirm}.dc-date-range-picker-popover_compact .dc-date-range-picker-popover__footer{grid-template-areas:"content content" "cancel  confirm";grid-template-columns:1fr 1fr;text-align:right}

package/dist/components/alert/alert.d.ts

@@ -0,0 +1,10 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+export type AlertAppearance = 'default' | 'info' | 'success' | 'warning' | 'error';
+export type AlertVariant = 'default' | 'full-width' | 'accent-border';
+export type AlertProps = {
+    icon?: JSX.Element | null;
+    heading?: ReactNode;
+    variant?: AlertVariant;
+    appearance?: AlertAppearance;
+} & ComponentPropsWithoutRef<'section'>;
+export declare function Alert({ icon, heading, variant, appearance, className, children, ...props }: AlertProps): JSX.Element;

package/dist/components/alert/alert.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_helpers_1 = require("../../shared/react-helpers");
+function Alert({ icon = null, heading = null, variant = 'default', appearance = 'default', className, children, ...props }) {
+    const shouldShowIcon = Boolean(icon);
+    const shouldRenderHeading = Boolean(heading);
+    return ((0, jsx_runtime_1.jsxs)("section", { ...props, className: (0, react_helpers_1.classNames)(className, {
+            'dc-alert': true,
+            'dc-alert_has_icon': shouldShowIcon,
+            [`dc-alert_variant_${variant}`]: variant,
+            [`dc-alert_appearance_${appearance}`]: appearance,
+        }), children: [shouldShowIcon && (0, jsx_runtime_1.jsx)("div", { className: "dc-alert__icon", children: icon }), (0, jsx_runtime_1.jsxs)("div", { className: "dc-alert__body", children: [shouldRenderHeading && (0, jsx_runtime_1.jsx)("h1", { className: "dc-alert__title", children: heading }), children] })] }));
+}
+exports.Alert = Alert;

package/dist/components/avatar/avatar.d.ts

@@ -0,0 +1,13 @@
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type AvatarFill = 'gray' | 'pink' | 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'violet';
+export type AvatarProps = ComponentPropsWithRef<'div'> & {
+    isSquare?: boolean;
+    hasInnerShadow?: boolean;
+    size?: AvatarSize;
+    fill?: AvatarFill;
+    src?: string;
+    alt?: string;
+    placeholder?: ReactNode;
+};
+export declare const Avatar: import("react").ForwardRefExoticComponent<Pick<AvatarProps, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "isSquare" | "hasInnerShadow" | "size" | "fill" | "src" | "alt"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/avatar/avatar.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_helpers_1 = require("../../shared/react-helpers");
+exports.Avatar = (0, react_1.forwardRef)(function Avatar({ isSquare = false, hasInnerShadow = false, size = 'md', fill = 'gray', src, alt, placeholder, className, ...props }, ref) {
+    let content;
+    if (!src && placeholder) {
+        content = ((0, jsx_runtime_1.jsx)("div", { className: "dc-avatar__placeholder", "aria-label": alt, children: placeholder }));
+    }
+    else {
+        const sizePx = avatarSizesPx[size];
+        content = ((0, jsx_runtime_1.jsx)("img", { className: "dc-avatar__image", src: src, alt: alt, width: sizePx, height: sizePx }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { ...props, ref: ref, className: (0, react_helpers_1.classNames)(className, 'dc-avatar', {
+            [`dc-avatar_size_${size}`]: size,
+            [`dc-avatar_fill_${fill}`]: fill,
+            'dc-avatar_square': isSquare,
+            'dc-avatar_has_inner-shadow': hasInnerShadow,
+        }), children: content }));
+});
+const avatarSizesPx = {
+    xs: 24,
+    sm: 32,
+    md: 40,
+    lg: 48,
+    xl: 56,
+};

package/dist/components/avatar-group/avatar-group.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentPropsWithoutRef } from 'react';
+type AvatarGroupBaseProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'>;
+export type AvatarGroupProps = AvatarGroupBaseProps & {
+    children: JSX.Element | JSX.Element[];
+};
+export declare function AvatarGroup({ className, children, ...props }: AvatarGroupProps): JSX.Element;
+export {};

package/dist/components/avatar-group/avatar-group.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarGroup = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_helpers_1 = require("../../shared/react-helpers");
+function AvatarGroup({ className, children, ...props }) {
+    return ((0, jsx_runtime_1.jsx)("div", { ...props, className: (0, react_helpers_1.classNames)(className, 'dc-avatar-group'), children: children }));
+}
+exports.AvatarGroup = AvatarGroup;

package/dist/components/avatar-group/index.d.ts

@@ -0,0 +1 @@
+export * from './avatar-group';

package/dist/components/avatar-group/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./avatar-group"), exports);

package/dist/components/badge/badge.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentPropsWithoutRef } from 'react';
+type BadgeHTMLProps = ComponentPropsWithoutRef<'span'>;
+type BadgeBaseProps = Omit<BadgeHTMLProps, 'children'>;
+export type BadgeProps = {
+    children: number | string;
+} & BadgeBaseProps;
+export declare function Badge({ className, children, ...props }: BadgeProps): JSX.Element;
+export {};

package/dist/components/badge/badge.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Badge = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_helpers_1 = require("../../shared/react-helpers");
+function Badge({ className, children, ...props }) {
+    let isCircle;
+    if (typeof children === 'number' && children > 0 && children < 10) {
+        isCircle = true;
+    }
+    else if (typeof children === 'string' && children.length === 1) {
+        isCircle = true;
+    }
+    else {
+        isCircle = !children;
+    }
+    return ((0, jsx_runtime_1.jsx)("span", { ...props, className: (0, react_helpers_1.classNames)(className, {
+            'dc-badge': true,
+            'dc-badge_circle': isCircle,
+        }), children: children }));
+}
+exports.Badge = Badge;

package/dist/components/badge/index.d.ts

@@ -0,0 +1 @@
+export * from './badge';

package/dist/components/badge/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./badge"), exports);

package/dist/components/breadcrumbs/breadcrumbs-context.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+export type BreadcrumbsContextValue = {
+    separator: ReactNode;
+};
+export declare function useBreadcrumbsContext(): BreadcrumbsContextValue;
+export declare function BreadcrumbsContextProvider(props: {
+    separator: ReactNode;
+    children: ReactNode;
+}): JSX.Element;

package/dist/components/breadcrumbs/breadcrumbs-context.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BreadcrumbsContextProvider = exports.useBreadcrumbsContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const BreadcrumbsContext = (0, react_1.createContext)(null);
+function useBreadcrumbsContext() {
+    const context = (0, react_1.useContext)(BreadcrumbsContext);
+    if (!context) {
+        throw new Error('useBreadcrumbsContext must be used withing BreadcrumbsContextProvider');
+    }
+    return context;
+}
+exports.useBreadcrumbsContext = useBreadcrumbsContext;
+function BreadcrumbsContextProvider(props) {
+    return ((0, jsx_runtime_1.jsx)(BreadcrumbsContext.Provider, { value: { separator: props.separator }, children: props.children }));
+}
+exports.BreadcrumbsContextProvider = BreadcrumbsContextProvider;

package/dist/components/breadcrumbs/breadcrumbs-item.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+type BreadcrumbsItemHTMLProps = ComponentPropsWithoutRef<'a'>;
+export type BreadcrumbsItemRenderFn = (props: {
+    className: string;
+    children: JSX.Element;
+}) => ReactNode;
+export type BreadcrumbsItemProps = {
+    icon?: ReactNode;
+    renderAs?: BreadcrumbsItemRenderFn;
+} & BreadcrumbsItemHTMLProps;
+export declare function BreadcrumbsItem({ className, icon, children, renderAs, ...props }: BreadcrumbsItemProps): JSX.Element;
+export {};

package/dist/components/breadcrumbs/breadcrumbs-item.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BreadcrumbsItem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_helpers_1 = require("../../shared/react-helpers");
+const breadcrumbs_context_1 = require("./breadcrumbs-context");
+function BreadcrumbsItem({ className, icon, children, renderAs, ...props }) {
+    const { separator } = (0, breadcrumbs_context_1.useBreadcrumbsContext)();
+    className = (0, react_helpers_1.classNames)('dc-breadcrumbs-item__link', className);
+    children = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [icon != null && (0, jsx_runtime_1.jsx)("div", { className: "dc-breadcrumbs-item__icon", children: icon }), (0, jsx_runtime_1.jsx)("div", { className: "dc-breadcrumbs-item__text", children: children })] }));
+    let content;
+    if (typeof renderAs === 'function') {
+        content = renderAs({ className, children });
+    }
+    else {
+        content = (0, jsx_runtime_1.jsx)("a", { ...props, className: className, children: children });
+    }
+    return ((0, jsx_runtime_1.jsxs)("li", { className: "dc-breadcrumbs-item", children: [content, separator != null && ((0, jsx_runtime_1.jsx)("div", { "aria-hidden": true, className: "dc-breadcrumbs-item__separator", children: separator }))] }));
+}
+exports.BreadcrumbsItem = BreadcrumbsItem;

package/dist/components/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+type BreadcrumbsHTMLProps = ComponentPropsWithoutRef<'nav'>;
+export type BreadcrumbsProps = {
+    separator?: ReactNode;
+} & BreadcrumbsHTMLProps;
+export declare function Breadcrumbs({ separator, className, children, ...props }: BreadcrumbsProps): JSX.Element;
+export {};

package/dist/components/breadcrumbs/breadcrumbs.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Breadcrumbs = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_helpers_1 = require("../../shared/react-helpers");
+const breadcrumbs_context_1 = require("./breadcrumbs-context");
+const defaultSeparator = ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 6 18", width: 6, height: 18, fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeWidth: 1, children: (0, jsx_runtime_1.jsx)("line", { x1: 1, y1: 16, x2: 4, y2: 1 }) }));
+function Breadcrumbs({ separator = defaultSeparator, className, children, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(breadcrumbs_context_1.BreadcrumbsContextProvider, { separator: separator, children: (0, jsx_runtime_1.jsx)("nav", { ...props, className: (0, react_helpers_1.classNames)('dc-breadcrumbs', className), children: (0, jsx_runtime_1.jsx)("ol", { className: "dc-breadcrumbs__items", children: children }) }) }));
+}
+exports.Breadcrumbs = Breadcrumbs;

package/dist/components/breadcrumbs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './breadcrumbs';
+export * from './breadcrumbs-item';

package/dist/components/breadcrumbs/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./breadcrumbs"), exports);
+__exportStar(require("./breadcrumbs-item"), exports);

package/dist/components/button/button.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type ButtonAppearance = 'default' | 'primary' | 'danger' | 'success';
+export type ButtonVariant = 'filled' | 'tinted' | 'plain';
+export type ButtonRenderFn = (props: {
+    className: string;
+    children: JSX.Element;
+}) => JSX.Element;
+export type ButtonProps = ComponentPropsWithRef<'button'> & {
+    isBlock?: boolean;
+    loading?: boolean;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+    appearance?: ButtonAppearance;
+    icon?: ReactNode;
+    caption?: ReactNode;
+    renderAs?: ButtonRenderFn;
+};
+export declare const Button: import("react").ForwardRefExoticComponent<Pick<ButtonProps, "caption" | "key" | "icon" | "variant" | "appearance" | "size" | "renderAs" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "isBlock" | "loading"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/button/button.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_helpers_1 = require("../../shared/react-helpers");
+const spinner_1 = require("../spinner");
+exports.Button = (0, react_1.forwardRef)(function Button({ isBlock = false, disabled = false, loading = false, type = 'button', size = 'sm', variant = 'filled', appearance = 'default', icon = null, caption = null, renderAs, className, children, ...props }, ref) {
+    const shouldRenderIcon = Boolean(icon);
+    const shouldRenderLabel = Boolean(children);
+    const shouldRenderCaption = Boolean(caption);
+    let leadingAddOn = null;
+    if (loading) {
+        leadingAddOn = ((0, jsx_runtime_1.jsx)("span", { "data-testid": "button-spinner", className: "dc-button__spinner", children: (0, jsx_runtime_1.jsx)(spinner_1.Spinner, { size: "1.15em" }) }));
+    }
+    else if (shouldRenderIcon) {
+        leadingAddOn = ((0, jsx_runtime_1.jsx)("span", { "data-testid": "button-icon", className: "dc-button__icon", children: icon }));
+    }
+    const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [leadingAddOn, shouldRenderLabel && ((0, jsx_runtime_1.jsxs)("span", { className: "dc-button__body", children: [(0, jsx_runtime_1.jsx)("span", { className: "dc-button__label", children: children }), shouldRenderCaption && ((0, jsx_runtime_1.jsx)("small", { className: "dc-button__caption", children: caption }))] }))] }));
+    className = (0, react_helpers_1.classNames)(className, {
+        'dc-button': true,
+        'dc-button_block': isBlock,
+        'dc-button_loading': loading,
+        'dc-button_has_icon': shouldRenderIcon,
+        'dc-button_has_caption': shouldRenderCaption,
+        [`dc-button_${size}`]: size,
+        [`dc-button_appearance_${appearance}`]: appearance,
+        [`dc-button_variant_${variant}`]: variant,
+    });
+    if (typeof renderAs === 'function') {
+        return renderAs({
+            className,
+            children: content,
+        });
+    }
+    return ((0, jsx_runtime_1.jsx)("button", { ref: ref, type: type, disabled: disabled || loading, className: className, ...props, children: content }));
+});

package/dist/components/button/icon-button.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from 'react';
+import { type ButtonProps } from './button';
+export type IconButtonProps = Omit<ButtonProps, 'children' | 'caption'> & {
+    icon: ReactNode;
+};
+export declare const IconButton: import("react").ForwardRefExoticComponent<Pick<IconButtonProps, "form" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "icon" | "variant" | "appearance" | "size" | "value" | "type" | "renderAs" | "name" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "isBlock" | "loading"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/button/icon-button.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_helpers_1 = require("../../shared/react-helpers");
+const button_1 = require("./button");
+exports.IconButton = (0, react_1.forwardRef)(function IconButton({ className, ...props }, ref) {
+    return (0, jsx_runtime_1.jsx)(button_1.Button, { ref: ref, className: (0, react_helpers_1.classNames)('dc-button_icon-only', className), ...props });
+});

package/dist/components/button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './button';
+export * from './icon-button';

package/dist/components/button/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./button"), exports);
+__exportStar(require("./icon-button"), exports);

package/dist/components/button-group/button-group.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentPropsWithoutRef } from 'react';
+type ButtonGroupBaseProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'>;
+export type ButtonGroupProps = ButtonGroupBaseProps & {
+    children: JSX.Element | JSX.Element[];
+};
+export declare function ButtonGroup({ className, children, ...props }: ButtonGroupProps): JSX.Element;
+export {};

package/dist/components/button-group/button-group.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonGroup = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_helpers_1 = require("../../shared/react-helpers");
+function ButtonGroup({ className, children, ...props }) {
+    return ((0, jsx_runtime_1.jsx)("div", { ...props, className: (0, react_helpers_1.classNames)(className, 'dc-button-group'), children: children }));
+}
+exports.ButtonGroup = ButtonGroup;

package/dist/components/button-group/index.d.ts

@@ -0,0 +1 @@
+export * from './button-group';

package/dist/components/button-group/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./button-group"), exports);