@bestow-ui/react 1.6.1 → 1.7.0

package/dist/index.css

@@ -97,6 +97,12 @@
   --bestow-color-warning-subtle: #fffbeb;
   --bestow-color-warning-subtle-hover: #fef3c7;
   --bestow-color-warning-text: #92400e;
+  --bestow-color-info-solid: #2554eb;
+  --bestow-color-info-solid-hover: #1d42d8;
+  --bestow-color-info-contrast: #ffffff;
+  --bestow-color-info-subtle: #eef4ff;
+  --bestow-color-info-subtle-hover: #dbe6fe;
+  --bestow-color-info-text: #1d42d8;
   --bestow-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
   --bestow-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
   --bestow-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);
@@ -199,6 +205,12 @@
   --bestow-color-warning-subtle: #fffbeb;
   --bestow-color-warning-subtle-hover: #fef3c7;
   --bestow-color-warning-text: #92400e;
+  --bestow-color-info-solid: #2554eb;
+  --bestow-color-info-solid-hover: #1d42d8;
+  --bestow-color-info-contrast: #ffffff;
+  --bestow-color-info-subtle: #eef4ff;
+  --bestow-color-info-subtle-hover: #dbe6fe;
+  --bestow-color-info-text: #1d42d8;
   --bestow-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
   --bestow-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
   --bestow-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);
@@ -301,10 +313,234 @@
   --bestow-color-warning-subtle: rgba(245, 158, 11, 0.16);
   --bestow-color-warning-subtle-hover: rgba(245, 158, 11, 0.26);
   --bestow-color-warning-text: #fcd34d;
+  --bestow-color-info-solid: #2554eb;
+  --bestow-color-info-solid-hover: #1d42d8;
+  --bestow-color-info-contrast: #ffffff;
+  --bestow-color-info-subtle: rgba(59, 111, 246, 0.16);
+  --bestow-color-info-subtle-hover: rgba(59, 111, 246, 0.26);
+  --bestow-color-info-text: #93b4fd;
   --bestow-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
   --bestow-shadow-md: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 4px 12px rgba(0, 0, 0, 0.5);
   --bestow-shadow-lg: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 12px 32px rgba(0, 0, 0, 0.6);
 }
+.tkagtb2 {
+  --bestow-space-0: 0;
+  --bestow-space-1: 4px;
+  --bestow-space-2: 8px;
+  --bestow-space-3: 12px;
+  --bestow-space-4: 16px;
+  --bestow-space-5: 20px;
+  --bestow-space-6: 24px;
+  --bestow-space-8: 32px;
+  --bestow-space-10: 40px;
+  --bestow-space-12: 48px;
+  --bestow-space-16: 64px;
+  --bestow-radius-none: 0;
+  --bestow-radius-sm: 4px;
+  --bestow-radius-md: 8px;
+  --bestow-radius-lg: 12px;
+  --bestow-radius-xl: 16px;
+  --bestow-radius-full: 9999px;
+  --bestow-font-family-sans:
+    "Pretendard Variable",
+    Pretendard,
+    -apple-system,
+    BlinkMacSystemFont,
+    system-ui,
+    "Apple SD Gothic Neo",
+    "Noto Sans KR",
+    sans-serif;
+  --bestow-font-family-mono:
+    "JetBrains Mono",
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    monospace;
+  --bestow-font-size-xs: 0.75rem;
+  --bestow-font-size-sm: 0.875rem;
+  --bestow-font-size-md: 1rem;
+  --bestow-font-size-lg: 1.125rem;
+  --bestow-font-size-xl: 1.25rem;
+  --bestow-font-size-2xl: 1.5rem;
+  --bestow-font-size-3xl: 1.875rem;
+  --bestow-font-size-4xl: 2.25rem;
+  --bestow-font-weight-regular: 400;
+  --bestow-font-weight-medium: 500;
+  --bestow-font-weight-semibold: 600;
+  --bestow-font-weight-bold: 700;
+  --bestow-font-line-height-tight: 1.25;
+  --bestow-font-line-height-normal: 1.5;
+  --bestow-font-line-height-relaxed: 1.75;
+  --bestow-duration-fast: 120ms;
+  --bestow-duration-normal: 200ms;
+  --bestow-duration-slow: 320ms;
+  --bestow-z-index-overlay: 1300;
+  --bestow-z-index-modal: 1310;
+  --bestow-z-index-dropdown: 1320;
+  --bestow-z-index-toast: 1400;
+  --bestow-z-index-tooltip: 1500;
+  --bestow-color-bg-default: #ffffff;
+  --bestow-color-bg-subtle: #f8f9fa;
+  --bestow-color-bg-muted: #f1f3f5;
+  --bestow-color-bg-inverse: #212529;
+  --bestow-color-bg-overlay: rgba(0, 0, 0, 0.45);
+  --bestow-color-fg-default: #212529;
+  --bestow-color-fg-muted: #495057;
+  --bestow-color-fg-subtle: #666e76;
+  --bestow-color-fg-inverse: #ffffff;
+  --bestow-color-border-default: #dee2e6;
+  --bestow-color-border-strong: #adb5bd;
+  --bestow-color-border-focus: #3b6ff6;
+  --bestow-color-primary-solid: #2554eb;
+  --bestow-color-primary-solid-hover: #1d42d8;
+  --bestow-color-primary-contrast: #ffffff;
+  --bestow-color-primary-subtle: #eef4ff;
+  --bestow-color-primary-subtle-hover: #dbe6fe;
+  --bestow-color-primary-text: #1d42d8;
+  --bestow-color-neutral-solid: #343a40;
+  --bestow-color-neutral-solid-hover: #212529;
+  --bestow-color-neutral-contrast: #ffffff;
+  --bestow-color-neutral-subtle: #f1f3f5;
+  --bestow-color-neutral-subtle-hover: #e9ecef;
+  --bestow-color-neutral-text: #343a40;
+  --bestow-color-danger-solid: #dc2626;
+  --bestow-color-danger-solid-hover: #b91c1c;
+  --bestow-color-danger-contrast: #ffffff;
+  --bestow-color-danger-subtle: #fef2f2;
+  --bestow-color-danger-subtle-hover: #fee2e2;
+  --bestow-color-danger-text: #b91c1c;
+  --bestow-color-success-solid: #15803d;
+  --bestow-color-success-solid-hover: #166534;
+  --bestow-color-success-contrast: #ffffff;
+  --bestow-color-success-subtle: #f0fdf4;
+  --bestow-color-success-subtle-hover: #dcfce7;
+  --bestow-color-success-text: #15803d;
+  --bestow-color-warning-solid: #f59e0b;
+  --bestow-color-warning-solid-hover: #d97706;
+  --bestow-color-warning-contrast: #212529;
+  --bestow-color-warning-subtle: #fffbeb;
+  --bestow-color-warning-subtle-hover: #fef3c7;
+  --bestow-color-warning-text: #92400e;
+  --bestow-color-info-solid: #2554eb;
+  --bestow-color-info-solid-hover: #1d42d8;
+  --bestow-color-info-contrast: #ffffff;
+  --bestow-color-info-subtle: #eef4ff;
+  --bestow-color-info-subtle-hover: #dbe6fe;
+  --bestow-color-info-text: #1d42d8;
+  --bestow-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
+  --bestow-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
+  --bestow-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);
+}
+@media (prefers-color-scheme: dark) {
+  .tkagtb2 {
+    --bestow-space-0: 0;
+    --bestow-space-1: 4px;
+    --bestow-space-2: 8px;
+    --bestow-space-3: 12px;
+    --bestow-space-4: 16px;
+    --bestow-space-5: 20px;
+    --bestow-space-6: 24px;
+    --bestow-space-8: 32px;
+    --bestow-space-10: 40px;
+    --bestow-space-12: 48px;
+    --bestow-space-16: 64px;
+    --bestow-radius-none: 0;
+    --bestow-radius-sm: 4px;
+    --bestow-radius-md: 8px;
+    --bestow-radius-lg: 12px;
+    --bestow-radius-xl: 16px;
+    --bestow-radius-full: 9999px;
+    --bestow-font-family-sans:
+      "Pretendard Variable",
+      Pretendard,
+      -apple-system,
+      BlinkMacSystemFont,
+      system-ui,
+      "Apple SD Gothic Neo",
+      "Noto Sans KR",
+      sans-serif;
+    --bestow-font-family-mono:
+      "JetBrains Mono",
+      ui-monospace,
+      SFMono-Regular,
+      Menlo,
+      monospace;
+    --bestow-font-size-xs: 0.75rem;
+    --bestow-font-size-sm: 0.875rem;
+    --bestow-font-size-md: 1rem;
+    --bestow-font-size-lg: 1.125rem;
+    --bestow-font-size-xl: 1.25rem;
+    --bestow-font-size-2xl: 1.5rem;
+    --bestow-font-size-3xl: 1.875rem;
+    --bestow-font-size-4xl: 2.25rem;
+    --bestow-font-weight-regular: 400;
+    --bestow-font-weight-medium: 500;
+    --bestow-font-weight-semibold: 600;
+    --bestow-font-weight-bold: 700;
+    --bestow-font-line-height-tight: 1.25;
+    --bestow-font-line-height-normal: 1.5;
+    --bestow-font-line-height-relaxed: 1.75;
+    --bestow-duration-fast: 120ms;
+    --bestow-duration-normal: 200ms;
+    --bestow-duration-slow: 320ms;
+    --bestow-z-index-overlay: 1300;
+    --bestow-z-index-modal: 1310;
+    --bestow-z-index-dropdown: 1320;
+    --bestow-z-index-toast: 1400;
+    --bestow-z-index-tooltip: 1500;
+    --bestow-color-bg-default: #16181b;
+    --bestow-color-bg-subtle: #212529;
+    --bestow-color-bg-muted: #343a40;
+    --bestow-color-bg-inverse: #f8f9fa;
+    --bestow-color-bg-overlay: rgba(0, 0, 0, 0.65);
+    --bestow-color-fg-default: #f8f9fa;
+    --bestow-color-fg-muted: #dee2e6;
+    --bestow-color-fg-subtle: #adb5bd;
+    --bestow-color-fg-inverse: #212529;
+    --bestow-color-border-default: #495057;
+    --bestow-color-border-strong: #adb5bd;
+    --bestow-color-border-focus: #6090fa;
+    --bestow-color-primary-solid: #2554eb;
+    --bestow-color-primary-solid-hover: #1d42d8;
+    --bestow-color-primary-contrast: #ffffff;
+    --bestow-color-primary-subtle: rgba(59, 111, 246, 0.16);
+    --bestow-color-primary-subtle-hover: rgba(59, 111, 246, 0.26);
+    --bestow-color-primary-text: #93b4fd;
+    --bestow-color-neutral-solid: #e9ecef;
+    --bestow-color-neutral-solid-hover: #f1f3f5;
+    --bestow-color-neutral-contrast: #212529;
+    --bestow-color-neutral-subtle: rgba(255, 255, 255, 0.08);
+    --bestow-color-neutral-subtle-hover: rgba(255, 255, 255, 0.14);
+    --bestow-color-neutral-text: #f1f3f5;
+    --bestow-color-danger-solid: #dc2626;
+    --bestow-color-danger-solid-hover: #b91c1c;
+    --bestow-color-danger-contrast: #ffffff;
+    --bestow-color-danger-subtle: rgba(239, 68, 68, 0.16);
+    --bestow-color-danger-subtle-hover: rgba(239, 68, 68, 0.26);
+    --bestow-color-danger-text: #fca5a5;
+    --bestow-color-success-solid: #15803d;
+    --bestow-color-success-solid-hover: #166534;
+    --bestow-color-success-contrast: #ffffff;
+    --bestow-color-success-subtle: rgba(34, 197, 94, 0.16);
+    --bestow-color-success-subtle-hover: rgba(34, 197, 94, 0.26);
+    --bestow-color-success-text: #86efac;
+    --bestow-color-warning-solid: #f59e0b;
+    --bestow-color-warning-solid-hover: #fbbf24;
+    --bestow-color-warning-contrast: #212529;
+    --bestow-color-warning-subtle: rgba(245, 158, 11, 0.16);
+    --bestow-color-warning-subtle-hover: rgba(245, 158, 11, 0.26);
+    --bestow-color-warning-text: #fcd34d;
+    --bestow-color-info-solid: #2554eb;
+    --bestow-color-info-solid-hover: #1d42d8;
+    --bestow-color-info-contrast: #ffffff;
+    --bestow-color-info-subtle: rgba(59, 111, 246, 0.16);
+    --bestow-color-info-subtle-hover: rgba(59, 111, 246, 0.26);
+    --bestow-color-info-text: #93b4fd;
+    --bestow-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
+    --bestow-shadow-md: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 4px 12px rgba(0, 0, 0, 0.5);
+    --bestow-shadow-lg: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 12px 32px rgba(0, 0, 0, 0.6);
+  }
+}
 
 /* src/components/Badge/Badge.css.ts */
 ._1295cfn4 {
@@ -363,21 +599,27 @@
   --_1295cfn3: var(--bestow-color-warning-text);
 }
 ._1295cfnd {
+  --_1295cfn0: var(--bestow-color-info-solid);
+  --_1295cfn1: var(--bestow-color-info-contrast);
+  --_1295cfn2: var(--bestow-color-info-subtle);
+  --_1295cfn3: var(--bestow-color-info-text);
+}
+._1295cfne {
   min-height: 20px;
   padding-inline: var(--bestow-space-2);
   font-size: var(--bestow-font-size-xs);
 }
-._1295cfne {
+._1295cfnf {
   min-height: 24px;
   padding-inline: var(--bestow-space-2);
   font-size: var(--bestow-font-size-xs);
 }
-._1295cfnf {
+._1295cfng {
   min-height: 28px;
   padding-inline: var(--bestow-space-3);
   font-size: var(--bestow-font-size-sm);
 }
-._1295cfng {
+._1295cfnh {
   display: inline-flex;
   flex-shrink: 0;
 }
@@ -431,6 +673,39 @@
   gap: var(--bestow-space-2);
 }
 
+/* src/components/Container/Container.css.ts */
+.b404nn0 {
+  width: 100%;
+  margin-inline: auto;
+  padding-inline: var(--bestow-space-4);
+}
+.b404nn1 {
+  max-width: 40rem;
+}
+.b404nn2 {
+  max-width: 48rem;
+}
+.b404nn3 {
+  max-width: 64rem;
+}
+.b404nn4 {
+  max-width: 80rem;
+}
+.b404nn5 {
+  max-width: none;
+}
+.b404nn6 {
+  padding-inline: 0;
+}
+@media (min-width: 48em) {
+  .b404nn0 {
+    padding-inline: var(--bestow-space-6);
+  }
+  .b404nn6 {
+    padding-inline: 0;
+  }
+}
+
 /* src/components/DescriptionList/DescriptionList.css.ts */
 ._14g0ot41 {
   --_14g0ot40: 30%;
@@ -504,6 +779,170 @@
   background-color: var(--bestow-color-border-default);
 }
 
+/* src/components/Input/Input.css.ts */
+._19p5zvh0 {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--bestow-space-2);
+  border: 1px solid var(--bestow-color-border-input, var(--bestow-color-border-default));
+  border-radius: var(--bestow-radius-md);
+  background-color: var(--bestow-color-bg-default);
+  color: var(--bestow-color-fg-default);
+  transition: border-color var(--bestow-duration-fast), box-shadow var(--bestow-duration-fast);
+  cursor: text;
+}
+._19p5zvh0:hover:not([data-disabled]) {
+  border-color: var(--bestow-color-border-input-hover, var(--bestow-color-border-strong));
+}
+._19p5zvh0:focus-within {
+  border-color: var(--bestow-color-border-focus);
+  box-shadow: 0 0 0 1px var(--bestow-color-border-focus);
+}
+._19p5zvh0[data-invalid] {
+  border-color: var(--bestow-color-danger-solid);
+}
+._19p5zvh0[data-invalid]:focus-within {
+  box-shadow: 0 0 0 1px var(--bestow-color-danger-solid);
+}
+._19p5zvh0[data-disabled] {
+  background-color: var(--bestow-color-bg-muted);
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+._19p5zvh1 {
+  height: 32px;
+  padding-inline: var(--bestow-space-2);
+  font-size: var(--bestow-font-size-sm);
+}
+._19p5zvh2 {
+  height: 40px;
+  padding-inline: var(--bestow-space-3);
+  font-size: var(--bestow-font-size-sm);
+}
+._19p5zvh3 {
+  height: 48px;
+  padding-inline: var(--bestow-space-4);
+  font-size: var(--bestow-font-size-md);
+}
+._19p5zvh4 {
+  display: flex;
+  width: 100%;
+}
+._19p5zvh5 {
+  flex: 1;
+  min-width: 0;
+  height: 100%;
+  padding: 0;
+  border: none;
+  outline: none;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+}
+._19p5zvh5::placeholder {
+  color: var(--bestow-color-fg-subtle);
+}
+._19p5zvh5:disabled {
+  cursor: not-allowed;
+}
+._19p5zvh6 {
+  display: inline-flex;
+  flex-shrink: 0;
+  color: var(--bestow-color-fg-subtle);
+}
+._19p5zvh7 {
+  display: inline-flex;
+  flex-direction: column;
+  gap: var(--bestow-space-1);
+}
+._19p5zvh8 {
+  display: flex;
+  width: 100%;
+}
+._19p5zvh9 {
+  font-size: var(--bestow-font-size-sm);
+  font-weight: var(--bestow-font-weight-medium);
+  line-height: var(--bestow-font-line-height-normal);
+  color: var(--bestow-color-fg-default);
+}
+._19p5zvha {
+  margin-inline-start: 2px;
+  color: var(--bestow-color-danger-text);
+}
+._19p5zvhb {
+  margin: 0;
+  font-size: var(--bestow-font-size-xs);
+  line-height: var(--bestow-font-line-height-normal);
+  color: var(--bestow-color-fg-subtle);
+}
+._19p5zvhc {
+  color: var(--bestow-color-danger-text);
+}
+
+/* src/styles/responsive.css.ts */
+.iarbla0 {
+  --bestow-gap-base: initial;
+  --bestow-gap-sm: initial;
+  --bestow-gap-md: initial;
+  --bestow-gap-lg: initial;
+  --bestow-gap-xl: initial;
+  gap: var(--bestow-gap-base);
+}
+@media (min-width: 40em) {
+  .iarbla0 {
+    gap: var(--bestow-gap-sm);
+  }
+}
+@media (min-width: 48em) {
+  .iarbla0 {
+    gap: var(--bestow-gap-md);
+  }
+}
+@media (min-width: 64em) {
+  .iarbla0 {
+    gap: var(--bestow-gap-lg);
+  }
+}
+@media (min-width: 80em) {
+  .iarbla0 {
+    gap: var(--bestow-gap-xl);
+  }
+}
+
+/* src/components/Grid/Grid.css.ts */
+._1tylv9m0 {
+  display: grid;
+  min-width: 0;
+}
+._1tylv9m1 {
+  --bestow-grid-columns-base: initial;
+  --bestow-grid-columns-sm: initial;
+  --bestow-grid-columns-md: initial;
+  --bestow-grid-columns-lg: initial;
+  --bestow-grid-columns-xl: initial;
+  grid-template-columns: var(--bestow-grid-columns-base);
+}
+@media (min-width: 40em) {
+  ._1tylv9m1 {
+    grid-template-columns: var(--bestow-grid-columns-sm);
+  }
+}
+@media (min-width: 48em) {
+  ._1tylv9m1 {
+    grid-template-columns: var(--bestow-grid-columns-md);
+  }
+}
+@media (min-width: 64em) {
+  ._1tylv9m1 {
+    grid-template-columns: var(--bestow-grid-columns-lg);
+  }
+}
+@media (min-width: 80em) {
+  ._1tylv9m1 {
+    grid-template-columns: var(--bestow-grid-columns-xl);
+  }
+}
+
 /* src/styles/animations.css.ts */
 @keyframes _1grpb700 {
   from {
@@ -810,6 +1249,74 @@
 ._1jz9hj9r {
   flex-wrap: wrap;
 }
+._1jz9hj9s {
+  --bestow-stack-direction-base: initial;
+  --bestow-stack-direction-sm: initial;
+  --bestow-stack-direction-md: initial;
+  --bestow-stack-direction-lg: initial;
+  --bestow-stack-direction-xl: initial;
+  flex-direction: var(--bestow-stack-direction-base);
+}
+._1jz9hj9t {
+  --bestow-stack-align-base: initial;
+  --bestow-stack-align-sm: initial;
+  --bestow-stack-align-md: initial;
+  --bestow-stack-align-lg: initial;
+  --bestow-stack-align-xl: initial;
+  align-items: var(--bestow-stack-align-base);
+}
+._1jz9hj9u {
+  --bestow-stack-justify-base: initial;
+  --bestow-stack-justify-sm: initial;
+  --bestow-stack-justify-md: initial;
+  --bestow-stack-justify-lg: initial;
+  --bestow-stack-justify-xl: initial;
+  justify-content: var(--bestow-stack-justify-base);
+}
+@media (min-width: 40em) {
+  ._1jz9hj9s {
+    flex-direction: var(--bestow-stack-direction-sm);
+  }
+  ._1jz9hj9t {
+    align-items: var(--bestow-stack-align-sm);
+  }
+  ._1jz9hj9u {
+    justify-content: var(--bestow-stack-justify-sm);
+  }
+}
+@media (min-width: 48em) {
+  ._1jz9hj9s {
+    flex-direction: var(--bestow-stack-direction-md);
+  }
+  ._1jz9hj9t {
+    align-items: var(--bestow-stack-align-md);
+  }
+  ._1jz9hj9u {
+    justify-content: var(--bestow-stack-justify-md);
+  }
+}
+@media (min-width: 64em) {
+  ._1jz9hj9s {
+    flex-direction: var(--bestow-stack-direction-lg);
+  }
+  ._1jz9hj9t {
+    align-items: var(--bestow-stack-align-lg);
+  }
+  ._1jz9hj9u {
+    justify-content: var(--bestow-stack-justify-lg);
+  }
+}
+@media (min-width: 80em) {
+  ._1jz9hj9s {
+    flex-direction: var(--bestow-stack-direction-xl);
+  }
+  ._1jz9hj9t {
+    align-items: var(--bestow-stack-align-xl);
+  }
+  ._1jz9hj9u {
+    justify-content: var(--bestow-stack-justify-xl);
+  }
+}
 
 /* src/components/Typography/Typography.css.ts */
 .kiolio0 {
@@ -948,6 +1455,15 @@
 .sfyhlv0 *::after {
   box-sizing: border-box;
 }
+.tkagtb0 {
+  color-scheme: light;
+}
+.tkagtb1 {
+  color-scheme: dark;
+}
+.tkagtb2 {
+  color-scheme: light dark;
+}
 
 /* src/components/Accordion/Accordion.css.ts */
 .v58j0l0 {
@@ -1167,106 +1683,6 @@
   flex-shrink: 0;
 }
 
-/* src/components/Input/Input.css.ts */
-._19p5zvh0 {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--bestow-space-2);
-  border: 1px solid var(--bestow-color-border-input, var(--bestow-color-border-default));
-  border-radius: var(--bestow-radius-md);
-  background-color: var(--bestow-color-bg-default);
-  color: var(--bestow-color-fg-default);
-  transition: border-color var(--bestow-duration-fast), box-shadow var(--bestow-duration-fast);
-  cursor: text;
-}
-._19p5zvh0:hover:not([data-disabled]) {
-  border-color: var(--bestow-color-border-input-hover, var(--bestow-color-border-strong));
-}
-._19p5zvh0:focus-within {
-  border-color: var(--bestow-color-border-focus);
-  box-shadow: 0 0 0 1px var(--bestow-color-border-focus);
-}
-._19p5zvh0[data-invalid] {
-  border-color: var(--bestow-color-danger-solid);
-}
-._19p5zvh0[data-invalid]:focus-within {
-  box-shadow: 0 0 0 1px var(--bestow-color-danger-solid);
-}
-._19p5zvh0[data-disabled] {
-  background-color: var(--bestow-color-bg-muted);
-  cursor: not-allowed;
-  opacity: 0.6;
-}
-._19p5zvh1 {
-  height: 32px;
-  padding-inline: var(--bestow-space-2);
-  font-size: var(--bestow-font-size-sm);
-}
-._19p5zvh2 {
-  height: 40px;
-  padding-inline: var(--bestow-space-3);
-  font-size: var(--bestow-font-size-sm);
-}
-._19p5zvh3 {
-  height: 48px;
-  padding-inline: var(--bestow-space-4);
-  font-size: var(--bestow-font-size-md);
-}
-._19p5zvh4 {
-  display: flex;
-  width: 100%;
-}
-._19p5zvh5 {
-  flex: 1;
-  min-width: 0;
-  height: 100%;
-  padding: 0;
-  border: none;
-  outline: none;
-  background: transparent;
-  color: inherit;
-  font: inherit;
-}
-._19p5zvh5::placeholder {
-  color: var(--bestow-color-fg-subtle);
-}
-._19p5zvh5:disabled {
-  cursor: not-allowed;
-}
-._19p5zvh6 {
-  display: inline-flex;
-  flex-shrink: 0;
-  color: var(--bestow-color-fg-subtle);
-}
-._19p5zvh7 {
-  display: inline-flex;
-  flex-direction: column;
-  gap: var(--bestow-space-1);
-}
-._19p5zvh8 {
-  display: flex;
-  width: 100%;
-}
-._19p5zvh9 {
-  font-size: var(--bestow-font-size-sm);
-  font-weight: var(--bestow-font-weight-medium);
-  line-height: var(--bestow-font-line-height-normal);
-  color: var(--bestow-color-fg-default);
-}
-._19p5zvha {
-  margin-inline-start: 2px;
-  color: var(--bestow-color-danger-text);
-}
-._19p5zvhb {
-  margin: 0;
-  font-size: var(--bestow-font-size-xs);
-  line-height: var(--bestow-font-line-height-normal);
-  color: var(--bestow-color-fg-subtle);
-}
-._19p5zvhc {
-  color: var(--bestow-color-danger-text);
-}
-
 /* src/components/Modal/Modal.css.ts */
 ._1pdsmv00 {
   position: fixed;
@@ -1676,33 +2092,39 @@
   --bsmpc03: var(--bestow-color-warning-text);
 }
 .bsmpc0f {
+  --bsmpc00: var(--bestow-color-info-solid);
+  --bsmpc01: var(--bestow-color-info-contrast);
+  --bsmpc02: var(--bestow-color-info-subtle);
+  --bsmpc03: var(--bestow-color-info-text);
+}
+.bsmpc0g {
   display: inline-flex;
   flex-shrink: 0;
   margin-top: 2px;
   color: var(--bsmpc04);
 }
-.bsmpc0g {
+.bsmpc0h {
   display: flex;
   flex-direction: column;
   gap: var(--bestow-space-1);
   flex: 1;
   min-width: 0;
 }
-.bsmpc0h {
+.bsmpc0i {
   font-weight: var(--bestow-font-weight-semibold);
   color: var(--bsmpc04);
 }
-.bsmpc0i {
+.bsmpc0j {
   overflow-wrap: anywhere;
 }
-.bsmpc0j {
+.bsmpc0k {
   display: flex;
   align-items: center;
   gap: var(--bestow-space-2);
   flex-shrink: 0;
   align-self: center;
 }
-.bsmpc0k {
+.bsmpc0l {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1718,10 +2140,10 @@
   cursor: pointer;
   transition: background-color var(--bestow-duration-fast);
 }
-.bsmpc0k:hover {
+.bsmpc0l:hover {
   background-color: color-mix(in srgb, currentColor 12%, transparent);
 }
-.bsmpc0k:focus-visible {
+.bsmpc0l:focus-visible {
   outline: 2px solid var(--bestow-color-border-focus);
   outline-offset: 2px;
 }
@@ -2001,6 +2423,39 @@
   }
 }
 
+/* src/components/CheckboxGroup/CheckboxGroup.css.ts */
+._1z0r6xj0 {
+  margin-bottom: var(--bestow-space-1);
+}
+._1z0r6xj1 {
+  display: flex;
+  gap: var(--bestow-space-3);
+}
+._1z0r6xj2 {
+  flex-direction: column;
+}
+._1z0r6xj3 {
+  flex-direction: row;
+  flex-wrap: wrap;
+  column-gap: var(--bestow-space-5);
+}
+._1z0r6xj4 {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+._1z0r6xj5 {
+  font-size: var(--bestow-font-size-sm);
+  line-height: var(--bestow-font-line-height-normal);
+  color: var(--bestow-color-fg-muted);
+}
+._1z0r6xj6 {
+  margin-inline-start: calc(16px + var(--bestow-space-2));
+}
+._1z0r6xj7 {
+  margin-inline-start: calc(20px + var(--bestow-space-2));
+}
+
 /* src/components/Select/Select.css.ts */
 ._1kx81e80 {
   cursor: pointer;
@@ -2907,6 +3362,32 @@
   }
 }
 
+/* src/components/ResidentNumberInput/ResidentNumberInput.css.ts */
+._1llmfr70 {
+  display: flex;
+  align-items: center;
+  gap: var(--bestow-space-2);
+}
+._1llmfr71 {
+  width: 7rem;
+  flex: none;
+}
+._1llmfr72 {
+  width: 8rem;
+  flex: none;
+}
+._1llmfr73 {
+  width: 3rem;
+  flex: none;
+}
+._1llmfr74 {
+  color: var(--bestow-color-fg-muted);
+}
+._1llmfr75 {
+  color: var(--bestow-color-fg-muted);
+  letter-spacing: 0.1em;
+}
+
 /* src/components/SegmentedControl/SegmentedControl.css.ts */
 ._1h65mmo0 {
   display: inline-flex;
@@ -3837,24 +4318,27 @@
 ._1g11zvx6::before {
   background-color: var(--bestow-color-danger-solid);
 }
-._1g11zvx7 {
+._1g11zvx7::before {
+  background-color: var(--bestow-color-info-solid);
+}
+._1g11zvx8 {
   grid-area: title;
   font-size: var(--bestow-font-size-sm);
   font-weight: var(--bestow-font-weight-semibold);
   line-height: var(--bestow-font-line-height-normal);
 }
-._1g11zvx8 {
+._1g11zvx9 {
   grid-area: description;
   margin-top: 2px;
   font-size: var(--bestow-font-size-sm);
   color: var(--bestow-color-fg-muted);
 }
-._1g11zvx9 {
+._1g11zvxa {
   grid-area: action;
   justify-self: start;
   margin-top: var(--bestow-space-3);
 }
-._1g11zvxa {
+._1g11zvxb {
   grid-area: close;
   align-self: start;
   display: inline-flex;
@@ -3869,11 +4353,11 @@
   color: var(--bestow-color-fg-subtle);
   cursor: pointer;
 }
-._1g11zvxa:hover {
+._1g11zvxb:hover {
   background-color: var(--bestow-color-neutral-subtle);
   color: var(--bestow-color-fg-default);
 }
-._1g11zvxa:focus-visible {
+._1g11zvxb:focus-visible {
   outline: 2px solid var(--bestow-color-border-focus);
   outline-offset: 1px;
 }