@infonomic/uikit 3.11.0 → 5.0.0

package/dist/components/card/card_module.css

@@ -1,7 +1,7 @@
 @layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography;
 
 @layer infonomic-components {
-  .card-mqJaiW {
+  :is(.card-mqJaiW, .card) {
     width: 100%;
     max-width: 100%;
     color: var(--foreground);
@@ -16,30 +16,30 @@
     display: flex;
   }
 
-  .card-mqJaiW:is(.dark *) {
+  :is(.card-mqJaiW:is(.dark *), .card:is(.dark *)) {
     background: var(--canvas-800);
   }
 
-  .cardHover-iLbuMk {
+  :is(.card-hover-hvT4d6, .card-hover) {
     transition: background .2s ease-in-out;
   }
 
-  .cardHover-iLbuMk:hover {
+  :is(.card-hover-hvT4d6:hover, .card-hover:hover) {
     background: oklch(from var(--theme-50) 1 .03 h);
   }
 
-  .cardHover-iLbuMk:hover:is(.dark *) {
+  :is(.card-hover-hvT4d6:hover:is(.dark *), .card-hover:hover:is(.dark *)) {
     background: oklch(from var(--canvas-800) .2 c h);
   }
 
-  .cardHeader-VGd2Nr {
+  :is(.card-header-XnoBkP, .card-header) {
     flex-direction: column;
     gap: .5rem;
     padding: 1rem;
     display: flex;
   }
 
-  .cardTitle-UK0xDh {
+  :is(.card-title-JI7Lu3, .card-title) {
     color: var(--headings);
     letter-spacing: -.015em;
     font-size: 1.8rem;
@@ -47,17 +47,17 @@
     line-height: 1;
   }
 
-  .cardDescription-t7XX1V {
+  :is(.card-description-fwu7HE, .card-description) {
     color: var(--muted);
     font-size: .875rem;
   }
 
-  .cardContent-dt8eQ6 {
+  :is(.card-content-uhoZYJ, .card-content) {
     flex: 1;
     padding: 0 1rem 1rem;
   }
 
-  .cardFooter-Cu0A9v {
+  :is(.card-footer-BxTa4b, .card-footer) {
     align-items: center;
     padding: 0 1rem 1rem;
     display: flex;

package/dist/components/container/container_module.css

@@ -1,7 +1,7 @@
 @layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography;
 
 @layer infonomic-components {
-  .container-tSpizY {
+  :is(.container-tSpizY, .container) {
     width: 100%;
     max-width: 60rem;
     margin: 0 auto;
@@ -9,19 +9,19 @@
   }
 
   @media (min-width: 66rem) {
-    .container-tSpizY {
+    :is(.container-tSpizY, .container) {
       max-width: 64rem;
     }
   }
 
   @media (min-width: 77rem) {
-    .container-tSpizY {
+    :is(.container-tSpizY, .container) {
       max-width: 74.375rem;
     }
   }
 
   @media (min-width: 94rem) {
-    .container-tSpizY {
+    :is(.container-tSpizY, .container) {
       max-width: 87.5rem;
     }
   }

package/dist/components/forms/error-text_module.css

@@ -1,13 +1,9 @@
 @layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography;
 
 @layer infonomic-components {
-  .text-xJE0DB {
-    color: var(--red-500);
+  :is(.text-xJE0DB, .error-text) {
+    color: var(--error);
     font-size: .875rem;
   }
-
-  .dark .text-xJE0DB:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    color: var(--red-400);
-  }
 }
 

package/dist/components/forms/help-text_module.css

@@ -1,7 +1,7 @@
 @layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography;
 
 @layer infonomic-components {
-  .text-U6KD9f {
+  :is(.text-U6KD9f, .help-text) {
     color: var(--muted);
     font-size: .875rem;
   }

package/dist/components/forms/input-adornment_module.css

@@ -1,18 +1,18 @@
 @layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography;
 
 @layer infonomic-components {
-  .adornment-IbSUaL {
+  :is(.adornment-IbSUaL, .input-adornment) {
     white-space: nowrap;
     align-items: center;
     line-height: 0;
     display: flex;
   }
 
-  .start-hcDqEk {
+  :is(.start-hcDqEk, .input-adornment-start) {
     justify-content: flex-start;
   }
 
-  .end-j0ZhyO {
+  :is(.end-j0ZhyO, .input-adornment-end) {
     justify-content: flex-end;
   }
 }

package/dist/components/forms/input.js

@@ -6,7 +6,7 @@ import { HelpText } from "./help-text.js";
 import input_module from "./input.module.js";
 import { Label } from "./label.js";
 const Input = ({ ref, id, name, type = 'text', variant = 'outlined', inputSize = 'md', intent = 'primary', required, label, startAdornment, endAdornment, placeHolder = '', autoComplete = 'off', error = false, helpText = '', errorText = '', inputWrapperClassName, className, ...rest })=>/*#__PURE__*/ jsxs("div", {
-        className: classnames('input-wrapper', input_module.inputWrapper, inputWrapperClassName),
+        className: classnames('input-wrapper', input_module["input-wrapper"], inputWrapperClassName),
         children: [
             null != label && /*#__PURE__*/ jsx(Label, {
                 id: id,
@@ -15,10 +15,10 @@ const Input = ({ ref, id, name, type = 'text', variant = 'outlined', inputSize =
                 label: label
             }),
             /*#__PURE__*/ jsxs("div", {
-                className: classnames('input-container', input_module.inputContainer),
+                className: classnames('input-container', input_module["input-container"]),
                 children: [
                     null != startAdornment && /*#__PURE__*/ jsx("div", {
-                        className: classnames(input_module.startAdornment, input_module[variant]),
+                        className: classnames(input_module["start-adornment"], input_module[variant]),
                         children: startAdornment
                     }),
                     /*#__PURE__*/ jsx("input", {
@@ -35,16 +35,16 @@ const Input = ({ ref, id, name, type = 'text', variant = 'outlined', inputSize =
                         "aria-errormessage": errorText,
                         "aria-describedby": error ? `error-for-${id}` : void 0,
                         className: classnames('input', variant, inputSize, intent, input_module.input, input_module[variant], input_module[inputSize], input_module[intent], {
-                            [input_module.startAdornmentPadding]: null != startAdornment
+                            [input_module["start-adornment-padding"]]: null != startAdornment
                         }, {
-                            [input_module.endAdornmentPadding]: null != endAdornment
+                            [input_module["end-adornment-padding"]]: null != endAdornment
                         }, {
                             [input_module.error]: error
                         }, className),
                         ...rest
                     }),
                     null != endAdornment && /*#__PURE__*/ jsx("div", {
-                        className: classnames(input_module.endAdornment, input_module[variant]),
+                        className: classnames(input_module["end-adornment"], input_module[variant]),
                         children: endAdornment
                     })
                 ]

package/dist/components/forms/input.module.js

@@ -1,21 +1,28 @@
 import "./input_module.css";
 const input_module = {
-    inputWrapper: "inputWrapper-eowCol",
-    inputContainer: "inputContainer-P4B66l",
+    "input-wrapper": "input-wrapper-xxN94z",
+    inputWrapper: "input-wrapper-xxN94z",
+    "input-container": "input-container-GveKcr",
+    inputContainer: "input-container-GveKcr",
     input: "input-voSL1w",
     label: "label-a8k0oS",
     sm: "sm-cI5ETu",
     md: "md-moqLi4",
     lg: "lg-Tn3YZZ",
-    startAdornment: "startAdornment-GZrMIv",
-    endAdornment: "endAdornment-dYJURH",
-    helpText: "helpText-OU1is5",
+    "start-adornment": "start-adornment-H0sdmX",
+    startAdornment: "start-adornment-H0sdmX",
+    "end-adornment": "end-adornment-xl3mid",
+    endAdornment: "end-adornment-xl3mid",
+    "help-text": "help-text-MZW4yX",
+    helpText: "help-text-MZW4yX",
     outlined: "outlined-xbB8mE",
     underlined: "underlined-zAz2HP",
     filled: "filled-M1_LzJ",
     error: "error-n0kSb0",
-    startAdornmentPadding: "startAdornmentPadding-j92maH",
-    endAdornmentPadding: "endAdornmentPadding-lJJkyg",
+    "start-adornment-padding": "start-adornment-padding-YAcYOx",
+    startAdornmentPadding: "start-adornment-padding-YAcYOx",
+    "end-adornment-padding": "end-adornment-padding-nC63CK",
+    endAdornmentPadding: "end-adornment-padding-nC63CK",
     primary: "primary-xZZpZI",
     secondary: "secondary-WWDy2x",
     noeffect: "noeffect-LHbgak",

package/dist/components/forms/input_module.css

@@ -1,20 +1,20 @@
 @layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography;
 
 @layer infonomic-components {
-  .inputWrapper-eowCol {
+  :is(.input-wrapper-xxN94z, .input-wrapper) {
     gap: var(--gap-1);
     flex-direction: column;
     display: flex;
   }
 
-  .inputContainer-P4B66l {
+  :is(.input-container-GveKcr, .input-container) {
     align-items: center;
     gap: var(--gap-2);
     display: flex;
     position: relative;
   }
 
-  .input-voSL1w {
+  :is(.input-voSL1w, .input) {
     gap: var(--gap-2);
     width: 100%;
     transition: all var(--transition-normal);
@@ -26,77 +26,77 @@
     display: inline-flex;
   }
 
-  .input-voSL1w:focus, .input-voSL1w:active {
+  :is(.input-voSL1w:focus, .input-voSL1w:active, .input:focus, .input:active) {
     --ring-offset-color: var(--background);
     --ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--ring-offset-color);
     --ring-shadow: var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--ring-color);
     box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--shadow, 0 0 #0000);
   }
 
-  .input-voSL1w:disabled, .input-voSL1w[disabled] {
+  :is(.input-voSL1w:disabled, .input-voSL1w[disabled], .input:disabled, .input[disabled]) {
     pointer-events: none;
   }
 
-  .label-a8k0oS {
+  :is(.label-a8k0oS, .input-label) {
     color: var(--label-color);
     font-size: .875rem;
     font-weight: 500;
   }
 
-  .sm-cI5ETu {
+  :is(.sm-cI5ETu, .input-sm) {
     min-height: 32px;
     padding: .25rem .5rem;
     font-size: .875rem;
     line-height: 0;
   }
 
-  .md-moqLi4 {
+  :is(.md-moqLi4, .input-md) {
     min-height: 38px;
     padding: .4rem .5rem;
     font-size: 1.1rem;
     line-height: 0;
   }
 
-  .lg-Tn3YZZ {
+  :is(.lg-Tn3YZZ, .input-lg) {
     min-height: 46px;
     padding: .5rem;
     font-size: 1.2rem;
     line-height: 0;
   }
 
-  .startAdornment-GZrMIv, .endAdornment-dYJURH {
+  :is(.start-adornment-H0sdmX, .end-adornment-xl3mid, .input-start-adornment, .input-end-adornment) {
     align-items: center;
     display: flex;
     position: absolute;
   }
 
-  .startAdornment-GZrMIv {
+  :is(.start-adornment-H0sdmX, .input-start-adornment) {
     left: 5px;
   }
 
-  .endAdornment-dYJURH {
+  :is(.end-adornment-xl3mid, .input-end-adornment) {
     right: 5px;
   }
 
-  .helpText-OU1is5 {
+  :is(.help-text-MZW4yX, .input-help-text) {
     color: var(--help-text-color);
     font-size: .75rem;
   }
 
-  .outlined-xbB8mE {
+  :is(.outlined-xbB8mE, .input-outlined) {
     border: 1px solid var(--input-variant-outlined-border);
     background-color: #0000;
   }
 
-  .outlined-xbB8mE:hover {
+  :is(.outlined-xbB8mE:hover, .input-outlined:hover) {
     border: 1px solid var(--input-variant-outlined-hover-border);
   }
 
-  .outlined-xbB8mE:focus, .outlined-xbB8mE:active {
+  :is(.outlined-xbB8mE:focus, .outlined-xbB8mE:active, .input-outlined:focus, .input-outlined:active) {
     --ring-color: var(--input-variant-outline-ring-color);
   }
 
-  .underlined-zAz2HP {
+  :is(.underlined-zAz2HP, .input-underlined) {
     border-bottom: 1px solid var(--input-variant-underlined-border);
     gap: var(--gap-1);
     background-color: var(--input-variant-underlined);
@@ -108,49 +108,88 @@
     padding: .25rem .1rem;
   }
 
+  .input-underlined.input-sm {
+    min-height: 26px;
+    padding: .25rem .1rem;
+  }
+
   .underlined-zAz2HP.md-moqLi4 {
     min-height: 30px;
     padding: .25rem .1rem;
   }
 
+  .input-underlined.input-md {
+    min-height: 30px;
+    padding: .25rem .1rem;
+  }
+
   .underlined-zAz2HP.lg-Tn3YZZ {
     min-height: 34px;
     padding: 0 .1rem;
   }
 
-  .underlined-zAz2HP:hover {
+  .input-underlined.input-lg {
+    min-height: 34px;
+    padding: 0 .1rem;
+  }
+
+  :is(.underlined-zAz2HP:hover, .input-underlined:hover) {
     border-bottom: 1px solid var(--input-variant-underlined-hover-border);
   }
 
-  .filled-M1_LzJ {
+  :is(.filled-M1_LzJ, .input-filled) {
     background-color: var(--input-variant-filled);
   }
 
-  .error-n0kSb0, .error-n0kSb0:hover {
+  :is(.error-n0kSb0, .input-error), :is(.error-n0kSb0:hover, .input-error:hover) {
     border: 1px solid var(--red-400);
   }
 
-  .error-n0kSb0:focus, .error-n0kSb0:active {
+  :is(.error-n0kSb0:focus, .error-n0kSb0:active, .input-error:focus, .input-error:active) {
     --ring-color: var(--red-300);
   }
 
-  .underlined-zAz2HP.startAdornmentPadding-j92maH, .startAdornmentPadding-j92maH {
+  .underlined-zAz2HP.start-adornment-padding-YAcYOx, .start-adornment-padding-YAcYOx {
+    padding-left: 2rem;
+  }
+
+  .input-underlined.input-start-adornment-padding {
     padding-left: 2rem;
   }
 
-  .underlined-zAz2HP.endAdornmentPadding-lJJkyg, .endAdornmentPadding-lJJkyg {
+  .input-start-adornment-padding {
+    padding-left: 2rem;
+  }
+
+  .underlined-zAz2HP.end-adornment-padding-nC63CK, .end-adornment-padding-nC63CK {
+    padding-right: 2rem;
+  }
+
+  .input-underlined.input-end-adornment-padding {
     padding-right: 2rem;
   }
 
-  .underlined-zAz2HP.startAdornment-GZrMIv {
+  .input-end-adornment-padding {
+    padding-right: 2rem;
+  }
+
+  .underlined-zAz2HP.start-adornment-H0sdmX {
+    left: 0;
+  }
+
+  .input-underlined.input-start-adornment {
     left: 0;
   }
 
-  .underlined-zAz2HP.endAdornment-dYJURH {
+  .underlined-zAz2HP.end-adornment-xl3mid {
+    right: 0;
+  }
+
+  .input-underlined.input-end-adornment {
     right: 0;
   }
 
-  .primary-xZZpZI {
+  :is(.primary-xZZpZI, .input-primary) {
     --input-variant-outlined-border: var(--stroke-primary);
     --input-variant-outlined-hover-border: var(--stroke-primary-hover);
     --input-variant-outline-ring-color: var(--ring-primary);
@@ -159,7 +198,7 @@
     --input-variant-filled: var(--fill-primary-weak);
   }
 
-  .secondary-WWDy2x {
+  :is(.secondary-WWDy2x, .input-secondary) {
     --input-variant-outlined-border: var(--stroke-secondary);
     --input-variant-outlined-hover-border: var(--stroke-secondary-hover);
     --input-variant-outline-ring-color: var(--ring-secondary);
@@ -168,7 +207,7 @@
     --input-variant-filled: var(--fill-secondary-weak);
   }
 
-  .noeffect-LHbgak {
+  :is(.noeffect-LHbgak, .input-noeffect) {
     --input-variant-outlined-border: var(--stroke-noeffect);
     --input-variant-outlined-hover-border: var(--stroke-noeffect-hover);
     --input-variant-outline-ring-color: var(--ring-noeffect);
@@ -177,7 +216,7 @@
     --input-variant-filled: var(--fill-noeffect-weak);
   }
 
-  .success-pMbTwx {
+  :is(.success-pMbTwx, .input-success) {
     --input-variant-outlined-border: var(--stroke-success);
     --input-variant-outlined-hover-border: var(--stroke-success-hover);
     --input-variant-outline-ring-color: var(--ring-success);
@@ -186,7 +225,7 @@
     --input-variant-filled: var(--fill-success-weak);
   }
 
-  .info-SRpUkb {
+  :is(.info-SRpUkb, .input-info) {
     --input-variant-outlined-border: var(--stroke-info);
     --input-variant-outlined-hover-border: var(--stroke-info-hover);
     --input-variant-outline-ring-color: var(--ring-info);
@@ -195,7 +234,7 @@
     --input-variant-filled: var(--fill-info-weak);
   }
 
-  .warning-mHL8O2 {
+  :is(.warning-mHL8O2, .input-warning) {
     --input-variant-outlined-border: var(--stroke-warning);
     --input-variant-outlined-hover-border: var(--stroke-warning-hover);
     --input-variant-outline-ring-color: var(--ring-warning);
@@ -204,7 +243,7 @@
     --input-variant-filled: var(--fill-warning-weak);
   }
 
-  .danger-Rzx3WQ {
+  :is(.danger-Rzx3WQ, .input-danger) {
     --input-variant-outlined-border: var(--stroke-danger);
     --input-variant-outlined-hover-border: var(--stroke-danger-hover);
     --input-variant-outline-ring-color: var(--ring-danger);

package/dist/components/forms/label_module.css

@@ -1,22 +1,14 @@
 @layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography;
 
 @layer infonomic-components {
-  .label-Q88hWY {
-    color: var(--gray-900);
+  :is(.label-Q88hWY, .label) {
+    color: var(--text);
     font-weight: 500;
     display: block;
   }
 
-  .required-uod5eu {
-    color: var(--red-500);
-  }
-
-  .dark .label-Q88hWY:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    color: var(--gray-50);
-  }
-
-  .dark .required-uod5eu:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
-    color: var(--red-400);
+  :is(.required-uod5eu, .label-required) {
+    color: var(--error);
   }
 }
 

package/dist/components/forms/text-area.js

@@ -7,7 +7,7 @@ import { Label } from "./label.js";
 import text_area_module from "./text-area.module.js";
 const text_area_TextArea = function({ ref, id, name, label, rows = 4, required = false, variant = 'outlined', intent = 'primary', placeHolder = '', autoComplete = 'off', error = false, helpText = '', errorText = '', className, ...rest }) {
     return /*#__PURE__*/ jsxs("fieldset", {
-        className: classnames('text-area-wrapper', input_module.inputWrapper),
+        className: classnames('text-area-wrapper', input_module["input-wrapper"]),
         children: [
             /*#__PURE__*/ jsx(Label, {
                 id: id,

package/dist/components/forms/text-area_module.css

@@ -1,7 +1,7 @@
 @layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography;
 
 @layer infonomic-components {
-  .text-area-P_aQjC {
+  :is(.text-area-P_aQjC, .text-area) {
     width: 100%;
     padding: .5rem;
     font-size: 1.1rem;

package/dist/components/section/section_module.css

@@ -1,7 +1,8 @@
 @layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography;
 
 @layer infonomic-components {
-  .section-CEcZOp {
+  :is(.section-CEcZOp, .section) {
+    width: 100%;
     position: relative;
   }
 }

package/dist/styles/components-vanilla.css

@@ -0,0 +1 @@
+@layer infonomic-base,infonomic-functional,infonomic-utilities,infonomic-theme,infonomic-typography;@layer infonomic-components{:is(.card-mqJaiW,.card){width:100%;max-width:100%;color:var(--foreground);background:var(--canvas-25);border-width:var(--border-width-thin);border-color:var(--border-color);border-style:var(--border-style-solid);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);flex-direction:column;text-decoration:none;display:flex}:is(.card-mqJaiW:is(.dark *),.card:is(.dark *)){background:var(--canvas-800)}:is(.card-hover-hvT4d6,.card-hover){transition:background .2s ease-in-out}:is(.card-hover-hvT4d6:hover,.card-hover:hover){background:oklch(from var(--theme-50)1 .03 h)}:is(.card-hover-hvT4d6:hover:is(.dark *),.card-hover:hover:is(.dark *)){background:oklch(from var(--canvas-800).2 c h)}:is(.card-header-XnoBkP,.card-header){flex-direction:column;gap:.5rem;padding:1rem;display:flex}:is(.card-title-JI7Lu3,.card-title){color:var(--headings);letter-spacing:-.015em;font-size:1.8rem;font-weight:700;line-height:1}:is(.card-description-fwu7HE,.card-description){color:var(--muted);font-size:.875rem}:is(.card-content-uhoZYJ,.card-content){flex:1;padding:0 1rem 1rem}:is(.card-footer-BxTa4b,.card-footer){align-items:center;padding:0 1rem 1rem;display:flex}:is(.container-tSpizY,.container){width:100%;max-width:60rem;margin:0 auto;padding:0 1rem}@media (width>=66rem){:is(.container-tSpizY,.container){max-width:64rem}}@media (width>=77rem){:is(.container-tSpizY,.container){max-width:74.375rem}}@media (width>=94rem){:is(.container-tSpizY,.container){max-width:87.5rem}}:is(.badge-8xVidp,.badge){font-size:var(--font-size-sm);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--border-radius-sm);padding:.25em .4em;font-weight:400;line-height:1;display:inline-block}:is(.primary-oZyR_M,.badge-primary){color:var(--text-on-primary);background-color:var(--fill-primary-strong)}:is(.secondary-VsqJTm,.badge-secondary){color:var(--text-on-secondary);background-color:var(--fill-secondary-strong)}:is(.noeffect-R8eJtO,.badge-noeffect){color:var(--text-on-noeffect);background-color:var(--fill-noeffect-strong)}:is(.success-h2otET,.badge-success){color:var(--text-on-success);background-color:var(--fill-success-strong)}:is(.info-OG3F3u,.badge-info){color:var(--text-on-info);background-color:var(--fill-info-strong)}:is(.warning-zTXksZ,.badge-warning){color:var(--text-on-warning);background-color:var(--fill-warning-strong)}:is(.danger-hKF7l_,.badge-danger){color:var(--text-on-danger);background-color:var(--fill-danger-strong)}:is(.button-IjDhC0,.button){cursor:pointer;text-align:center;gap:var(--gap-2);white-space:nowrap;outline-offset:2px;transition:background-color var(--transition-normal),box-shadow var(--transition-normal);border-radius:var(--border-radius-sm);border:none;outline:2px solid #0000;justify-content:center;align-items:center;font-weight:400;line-height:0;display:inline-flex}:is(.button-IjDhC0:disabled,.button-IjDhC0[disabled],.button:disabled,.button[disabled]){pointer-events:none}:is(.button-IjDhC0:focus,.button-IjDhC0:active,.button:focus,.button:active){--ring-offset-color:var(--background);--ring-offset-shadow:var(--ring-inset)0 0 0 var(--ring-offset-width)var(--ring-offset-color);--ring-shadow:var(--ring-inset)0 0 0 calc(1px + var(--ring-offset-width))var(--ring-color);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000)}.button-IjDhC0.square-P_6yde,.button-square{aspect-ratio:1;border-radius:var(--border-radius-sm);padding:0}.button-IjDhC0.round-uqus3n,.button-round{aspect-ratio:1;border-radius:var(--border-radius-full);padding:0}:is(.xs-jxTd5R,.button-xs){min-height:26px;padding:.2rem .4rem;font-size:.7rem}:is(.sm-uD_Ugt,.button-sm){min-height:32px;padding:.25rem .5rem;font-size:.775rem}:is(.md-Qp9ad6,.button-md){min-height:38px;padding:.625rem 1.25rem;font-size:.95rem}:is(.lg-FAYTen,.button-lg){min-height:46px;padding:.75rem 1.5rem;font-size:1.1rem}:is(.xl-Gwvhl4,.button-xl){min-height:54px;padding:.75rem 1.5rem;font-size:1.2rem}:is(.filled-CwGsrO,.button-filled){color:var(--button-variant-filled-foreground);background-color:var(--button-variant-filled)}:is(.filled-CwGsrO:hover,.button-filled:hover){background-color:var(--button-variant-filled-hover)}:is(.filled-CwGsrO:focus,.filled-CwGsrO:active,.button-filled:focus,.button-filled:active){--ring-color:var(--button-ring-color)}:is(.filled-CwGsrO:disabled,.filled-CwGsrO[disabled],.button-filled:disabled,.button-filled[disabled]){background-color:var(--button-variant-filled-disabled,oklch(from var(--button-variant-filled)calc(l*1.1)calc(c*.85)h));color:var(--button-variant-filled-foreground-disabled,oklch(from var(--button-variant-filled-foreground)calc(l*.9)calc(c*.85)h))}:is(.outlined-nZGbxu,.button-outlined){border:1px solid var(--button-variant-outlined-border);color:var(--button-variant-outlined-foreground);background-color:var(--button-variant-outlined)}:is(.outlined-nZGbxu:disabled,.outlined-nZGbxu[disabled],.button-outlined:disabled,.button-outlined[disabled]){border-color:var(--button-variant-outlined-border-disabled,oklch(from var(--button-variant-outlined-border)calc(l*1.5)calc(c*.8)h));color:var(--button-variant-outlined-foreground-disabled,oklch(from var(--button-variant-outlined-foreground)calc(l*1.1)calc(c*.7)h))}:is(.outlined-nZGbxu:hover,.button-outlined:hover){background-color:var(--button-variant-outlined-hover)}:is(.outlined-nZGbxu:focus,.outlined-nZGbxu:active,.button-outlined:focus,.button-outlined:active){--ring-color:var(--button-ring-color)}:is(.gradient-ySC3O3,.button-gradient){color:var(--button-variant-gradient-foreground);background:linear-gradient(45deg,var(--button-variant-gradient-start),var(--button-variant-gradient-end))}:is(.gradient-ySC3O3:disabled,.gradient-ySC3O3[disabled],.button-gradient:disabled,.button-gradient[disabled]){background:unset;background-color:var(--button-variant-gradient-disabled,oklch(from var(--button-variant-gradient-end)calc(l*1.2)calc(c*.85)h));color:var(--button-variant-gradient-foreground-disabled,oklch(from var(--button-variant-gradient-foreground)calc(l*.9)calc(c*.85)h))}:is(.gradient-ySC3O3:hover,.button-gradient:hover){color:var(--button-variant-gradient-foreground);background:linear-gradient(45deg,var(--button-variant-gradient-start),var(--button-variant-gradient-end))}:is(.gradient-ySC3O3:focus,.gradient-ySC3O3:active,.button-gradient:focus,.button-gradient:active){--ring-color:var(--button-ring-color)}:is(.text-GaxlcE,.button-text){background-color:var(--button-variant-text);color:var(--button-variant-text-foreground)}:is(.text-GaxlcE:disabled,.text-GaxlcE[disabled],.button-text:disabled,.button-text[disabled]){color:oklch(from var(--button-variant-text-foreground)calc(l*1.5)calc(c*.5)h)}:is(.text-GaxlcE:hover,.button-text:hover){background-color:var(--button-variant-text-hover)}:is(.text-GaxlcE:focus,.text-GaxlcE:active,.button-text:focus,.button-text:active){--ring-color:var(--button-ring-color)}:is(.primary-tUmczz,.button-primary){--button-ring-color:var(--ring-primary);--button-variant-filled:var(--fill-primary-strong);--button-variant-filled-foreground:var(--text-on-primary);--button-variant-filled-hover:var(--fill-primary-strong-hover);--button-variant-filled-disabled:var(--fill-primary-strong-disabled);--button-variant-filled-foreground-disabled:var(--text-on-primary-disabled);--button-variant-outlined:transparent;--button-variant-outlined-foreground:var(--text-primary-strong);--button-variant-outlined-hover:var(--fill-primary-weak);--button-variant-outlined-border:var(--stroke-primary);--button-variant-outlined-border-disabled:var(--stroke-primary-disabled);--button-variant-outlined-foreground-disabled:var(--text-primary-disabled);--button-variant-text:transparent;--button-variant-text-foreground:var(--text-primary-weak);--button-variant-text-hover:var(--fill-primary-weak-hover);--button-variant-gradient-start:var(--gradient-primary-start);--button-variant-gradient-end:var(--gradient-primary-end);--button-variant-gradient-foreground:var(--gradient-primary-foreground);--button-variant-gradient-disabled:var(--gradient-primary-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-primary-disabled)}:is(.secondary-UqT2AY,.button-secondary){--button-ring-color:var(--ring-secondary);--button-variant-filled:var(--fill-secondary-strong);--button-variant-filled-foreground:var(--text-on-secondary);--button-variant-filled-hover:var(--fill-secondary-strong-hover);--button-variant-filled-disabled:var(--fill-secondary-strong-disabled);--button-variant-filled-foreground-disabled:var(--text-on-secondary-disabled);--button-variant-outlined:transparent;--button-variant-outlined-foreground:var(--text-secondary-strong);--button-variant-outlined-hover:var(--fill-secondary-weak);--button-variant-outlined-border:var(--stroke-secondary);--button-variant-outlined-border-disabled:var(--stroke-secondary-disabled);--button-variant-outlined-foreground-disabled:var(--text-secondary-disabled);--button-variant-text:transparent;--button-variant-text-foreground:var(--text-secondary-weak);--button-variant-text-hover:var(--fill-secondary-weak-hover);--button-variant-gradient-start:var(--gradient-secondary-start);--button-variant-gradient-end:var(--gradient-secondary-end);--button-variant-gradient-foreground:var(--gradient-secondary-foreground);--button-variant-gradient-disabled:var(--gradient-secondary-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-secondary-disabled)}:is(.noeffect-fpxSgg,.button-noeffect){--button-ring-color:var(--ring-noeffect);--button-variant-filled:var(--fill-noeffect-strong);--button-variant-filled-foreground:var(--text-on-noeffect);--button-variant-filled-hover:var(--fill-noeffect-strong-hover);--button-variant-filled-disabled:var(--fill-noeffect-strong-disabled);--button-variant-filled-foreground-disabled:var(--text-on-noeffect-disabled);--button-variant-outlined:transparent;--button-variant-outlined-foreground:var(--text-noeffect-strong);--button-variant-outlined-hover:var(--fill-noeffect-weak);--button-variant-outlined-border:var(--stroke-noeffect);--button-variant-outlined-border-disabled:var(--stroke-noeffect-disabled);--button-variant-outlined-foreground-disabled:var(--text-noeffect-disabled);--button-variant-text:transparent;--button-variant-text-foreground:var(--text-noeffect-weak);--button-variant-text-hover:var(--fill-noeffect-weak-hover);--button-variant-gradient-start:var(--gradient-noeffect-start);--button-variant-gradient-end:var(--gradient-noeffect-end);--button-variant-gradient-foreground:var(--gradient-noeffect-foreground);--button-variant-gradient-disabled:var(--gradient-noeffect-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-noeffect-disabled)}:is(.success-fTNDEn,.button-success){--button-ring-color:var(--ring-success);--button-variant-filled:var(--fill-success-strong);--button-variant-filled-foreground:var(--text-on-success);--button-variant-filled-hover:var(--fill-success-strong-hover);--button-variant-filled-disabled:var(--fill-success-strong-disabled);--button-variant-filled-foreground-disabled:var(--text-on-success-disabled);--button-variant-outlined:transparent;--button-variant-outlined-foreground:var(--text-success-strong);--button-variant-outlined-hover:var(--fill-success-weak);--button-variant-outlined-border:var(--stroke-success);--button-variant-outlined-border-disabled:var(--stroke-success-disabled);--button-variant-outlined-foreground-disabled:var(--text-success-disabled);--button-variant-text:transparent;--button-variant-text-foreground:var(--text-success-weak);--button-variant-text-hover:var(--fill-success-weak-hover);--button-variant-gradient-start:var(--gradient-success-start);--button-variant-gradient-end:var(--gradient-success-end);--button-variant-gradient-foreground:var(--gradient-success-foreground);--button-variant-gradient-disabled:var(--gradient-success-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-success-disabled)}:is(.info-qrdXQD,.button-info){--button-ring-color:var(--ring-info);--button-variant-filled:var(--fill-info-strong);--button-variant-filled-foreground:var(--text-on-info);--button-variant-filled-hover:var(--fill-info-strong-hover);--button-variant-filled-disabled:var(--fill-info-strong-disabled);--button-variant-filled-foreground-disabled:var(--text-on-info-disabled);--button-variant-outlined:transparent;--button-variant-outlined-foreground:var(--text-info-strong);--button-variant-outlined-hover:var(--fill-info-weak);--button-variant-outlined-border:var(--stroke-info);--button-variant-outlined-border-disabled:var(--stroke-info-disabled);--button-variant-outlined-foreground-disabled:var(--text-info-disabled);--button-variant-text:transparent;--button-variant-text-foreground:var(--text-info-weak);--button-variant-text-hover:var(--fill-info-weak-hover);--button-variant-gradient-start:var(--gradient-info-start);--button-variant-gradient-end:var(--gradient-info-end);--button-variant-gradient-foreground:var(--gradient-info-foreground);--button-variant-gradient-disabled:var(--gradient-info-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-info-disabled)}:is(.warning-a00T3A,.button-warning){--button-ring-color:var(--ring-warning);--button-variant-filled:var(--fill-warning-strong);--button-variant-filled-foreground:var(--text-on-warning);--button-variant-filled-hover:var(--fill-warning-strong-hover);--button-variant-filled-disabled:var(--fill-warning-strong-disabled);--button-variant-filled-foreground-disabled:var(--text-on-warning-disabled);--button-variant-outlined:transparent;--button-variant-outlined-foreground:var(--text-warning-strong);--button-variant-outlined-hover:var(--fill-warning-weak);--button-variant-outlined-border:var(--stroke-warning);--button-variant-outlined-border-disabled:var(--stroke-warning-disabled);--button-variant-outlined-foreground-disabled:var(--text-warning-disabled);--button-variant-text:transparent;--button-variant-text-foreground:var(--text-warning-weak);--button-variant-text-hover:var(--fill-warning-weak-hover);--button-variant-gradient-start:var(--gradient-warning-start);--button-variant-gradient-end:var(--gradient-warning-end);--button-variant-gradient-foreground:var(--gradient-warning-foreground);--button-variant-gradient-disabled:var(--gradient-warning-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-warning-disabled)}:is(.danger-rwIV_i,.button-danger){--button-ring-color:var(--ring-danger);--button-variant-filled:var(--fill-danger-strong);--button-variant-filled-foreground:var(--text-on-danger);--button-variant-filled-hover:var(--fill-danger-strong-hover);--button-variant-filled-disabled:var(--fill-danger-strong-disabled);--button-variant-filled-foreground-disabled:var(--text-on-danger-disabled);--button-variant-outlined:transparent;--button-variant-outlined-foreground:var(--text-danger-strong);--button-variant-outlined-hover:var(--fill-danger-weak);--button-variant-outlined-border:var(--stroke-danger);--button-variant-outlined-border-disabled:var(--stroke-danger-disabled);--button-variant-outlined-foreground-disabled:var(--text-danger-disabled);--button-variant-text:transparent;--button-variant-text-foreground:var(--text-danger-weak);--button-variant-text-hover:var(--fill-danger-weak-hover);--button-variant-gradient-start:var(--gradient-danger-start);--button-variant-gradient-end:var(--gradient-danger-end);--button-variant-gradient-foreground:var(--gradient-danger-foreground);--button-variant-gradient-disabled:var(--gradient-danger-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-danger-disabled)}:is(.fullWidth-wXvP0v,.button-full-width){width:100%;display:flex}:is(.button-group-uqvOi8,.button-group){place-items:center;gap:var(--gap-2);flex-direction:column;display:flex}@media screen and (width>=40rem){:is(.button-group-uqvOi8,.button-group){flex-direction:row}}:is(.copy-button-container-vCNz8o,.copy-button-container){display:inline-block}:is(.copy-button-oa4bdj svg,.copy-button svg){width:90%;height:90%;display:block}:is(.xs-lZmf78,.copy-button-xs){width:26px;height:26px;min-height:26px;padding:.25rem}:is(.sm-KNN1e5,.copy-button-sm){width:32px;height:32px;min-height:32px;padding:.35rem}:is(.md-OoH0l4,.copy-button-md){width:38px;height:38px;min-height:38px;padding:.45rem}:is(.lg-uu5ujz,.copy-button-lg){width:46px;height:46px;min-height:46px;padding:.55rem}:is(.xl-pFYyrS,.copy-button-xl){width:54px;height:54px;min-height:54px;padding:.65rem}:is(.input-wrapper-xxN94z,.input-wrapper){gap:var(--gap-1);flex-direction:column;display:flex}:is(.input-container-GveKcr,.input-container){align-items:center;gap:var(--gap-2);display:flex;position:relative}:is(.input-voSL1w,.input){gap:var(--gap-2);width:100%;transition:all var(--transition-normal);border-radius:var(--border-radius-sm);border:none;outline:none;align-items:center;font-weight:400;display:inline-flex}:is(.input-voSL1w:focus,.input-voSL1w:active,.input:focus,.input:active){--ring-offset-color:var(--background);--ring-offset-shadow:var(--ring-inset)0 0 0 var(--ring-offset-width)var(--ring-offset-color);--ring-shadow:var(--ring-inset)0 0 0 calc(1px + var(--ring-offset-width))var(--ring-color);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000)}:is(.input-voSL1w:disabled,.input-voSL1w[disabled],.input:disabled,.input[disabled]){pointer-events:none}:is(.label-a8k0oS,.input-label){color:var(--label-color);font-size:.875rem;font-weight:500}:is(.sm-cI5ETu,.input-sm){min-height:32px;padding:.25rem .5rem;font-size:.875rem;line-height:0}:is(.md-moqLi4,.input-md){min-height:38px;padding:.4rem .5rem;font-size:1.1rem;line-height:0}:is(.lg-Tn3YZZ,.input-lg){min-height:46px;padding:.5rem;font-size:1.2rem;line-height:0}:is(.start-adornment-H0sdmX,.end-adornment-xl3mid,.input-start-adornment,.input-end-adornment){align-items:center;display:flex;position:absolute}:is(.start-adornment-H0sdmX,.input-start-adornment){left:5px}:is(.end-adornment-xl3mid,.input-end-adornment){right:5px}:is(.help-text-MZW4yX,.input-help-text){color:var(--help-text-color);font-size:.75rem}:is(.outlined-xbB8mE,.input-outlined){border:1px solid var(--input-variant-outlined-border);background-color:#0000}:is(.outlined-xbB8mE:hover,.input-outlined:hover){border:1px solid var(--input-variant-outlined-hover-border)}:is(.outlined-xbB8mE:focus,.outlined-xbB8mE:active,.input-outlined:focus,.input-outlined:active){--ring-color:var(--input-variant-outline-ring-color)}:is(.underlined-zAz2HP,.input-underlined){border-bottom:1px solid var(--input-variant-underlined-border);gap:var(--gap-1);background-color:var(--input-variant-underlined);border-radius:0}.underlined-zAz2HP.sm-cI5ETu,.input-underlined.input-sm{min-height:26px;padding:.25rem .1rem}.underlined-zAz2HP.md-moqLi4,.input-underlined.input-md{min-height:30px;padding:.25rem .1rem}.underlined-zAz2HP.lg-Tn3YZZ,.input-underlined.input-lg{min-height:34px;padding:0 .1rem}:is(.underlined-zAz2HP:hover,.input-underlined:hover){border-bottom:1px solid var(--input-variant-underlined-hover-border)}:is(.filled-M1_LzJ,.input-filled){background-color:var(--input-variant-filled)}:is(.error-n0kSb0,.input-error),:is(.error-n0kSb0:hover,.input-error:hover){border:1px solid var(--red-400)}:is(.error-n0kSb0:focus,.error-n0kSb0:active,.input-error:focus,.input-error:active){--ring-color:var(--red-300)}.underlined-zAz2HP.start-adornment-padding-YAcYOx,.start-adornment-padding-YAcYOx,.input-underlined.input-start-adornment-padding,.input-start-adornment-padding{padding-left:2rem}.underlined-zAz2HP.end-adornment-padding-nC63CK,.end-adornment-padding-nC63CK,.input-underlined.input-end-adornment-padding,.input-end-adornment-padding{padding-right:2rem}.underlined-zAz2HP.start-adornment-H0sdmX,.input-underlined.input-start-adornment{left:0}.underlined-zAz2HP.end-adornment-xl3mid,.input-underlined.input-end-adornment{right:0}:is(.primary-xZZpZI,.input-primary){--input-variant-outlined-border:var(--stroke-primary);--input-variant-outlined-hover-border:var(--stroke-primary-hover);--input-variant-outline-ring-color:var(--ring-primary);--input-variant-underlined-border:var(--stroke-primary);--input-variant-underlined-hover-border:var(--stroke-primary-hover);--input-variant-filled:var(--fill-primary-weak)}:is(.secondary-WWDy2x,.input-secondary){--input-variant-outlined-border:var(--stroke-secondary);--input-variant-outlined-hover-border:var(--stroke-secondary-hover);--input-variant-outline-ring-color:var(--ring-secondary);--input-variant-underlined-border:var(--stroke-secondary);--input-variant-underlined-hover-border:var(--stroke-secondary-hover);--input-variant-filled:var(--fill-secondary-weak)}:is(.noeffect-LHbgak,.input-noeffect){--input-variant-outlined-border:var(--stroke-noeffect);--input-variant-outlined-hover-border:var(--stroke-noeffect-hover);--input-variant-outline-ring-color:var(--ring-noeffect);--input-variant-underlined-border:var(--stroke-noeffect);--input-variant-underlined-hover-border:var(--stroke-noeffect-hover);--input-variant-filled:var(--fill-noeffect-weak)}:is(.success-pMbTwx,.input-success){--input-variant-outlined-border:var(--stroke-success);--input-variant-outlined-hover-border:var(--stroke-success-hover);--input-variant-outline-ring-color:var(--ring-success);--input-variant-underlined-border:var(--stroke-success);--input-variant-underlined-hover-border:var(--stroke-success-hover);--input-variant-filled:var(--fill-success-weak)}:is(.info-SRpUkb,.input-info){--input-variant-outlined-border:var(--stroke-info);--input-variant-outlined-hover-border:var(--stroke-info-hover);--input-variant-outline-ring-color:var(--ring-info);--input-variant-underlined-border:var(--stroke-info);--input-variant-underlined-hover-border:var(--stroke-info-hover);--input-variant-filled:var(--fill-info-weak)}:is(.warning-mHL8O2,.input-warning){--input-variant-outlined-border:var(--stroke-warning);--input-variant-outlined-hover-border:var(--stroke-warning-hover);--input-variant-outline-ring-color:var(--ring-warning);--input-variant-underlined-border:var(--stroke-warning);--input-variant-underlined-hover-border:var(--stroke-warning-hover);--input-variant-filled:var(--fill-warning-weak)}:is(.danger-Rzx3WQ,.input-danger){--input-variant-outlined-border:var(--stroke-danger);--input-variant-outlined-hover-border:var(--stroke-danger-hover);--input-variant-outline-ring-color:var(--ring-danger);--input-variant-underlined-border:var(--stroke-danger);--input-variant-underlined-hover-border:var(--stroke-danger-hover);--input-variant-filled:var(--fill-danger-weak)}:is(.adornment-IbSUaL,.input-adornment){white-space:nowrap;align-items:center;line-height:0;display:flex}:is(.start-hcDqEk,.input-adornment-start){justify-content:flex-start}:is(.end-j0ZhyO,.input-adornment-end){justify-content:flex-end}:is(.text-area-P_aQjC,.text-area){width:100%;padding:.5rem;font-size:1.1rem}:is(.label-Q88hWY,.label){color:var(--text);font-weight:500;display:block}:is(.required-uod5eu,.label-required){color:var(--error)}:is(.text-xJE0DB,.error-text){color:var(--error);font-size:.875rem}:is(.text-U6KD9f,.help-text){color:var(--muted);font-size:.875rem}:is(.section-CEcZOp,.section){width:100%;position:relative}}