@fragments-sdk/ui 0.9.0 → 0.9.2

package/dist/assets/components/Breadcrumbs/Breadcrumbs.module.css

@@ -0,0 +1,108 @@
+._root_yjw6n_1 {
+  font-family: var(--fui-font-sans, "Geist Sans", "Geist", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+  font-size: var(--fui-font-size-sm, 1rem);
+  line-height: var(--fui-line-height-normal, 1.5);
+}
+
+._list_yjw6n_7 {
+  display: inline-flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--fui-space-1, 0.5rem);
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+._item_yjw6n_17 {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--fui-space-1, 0.5rem);
+  min-width: 0;
+}
+
+._link_yjw6n_24 {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--fui-space-1, 0.5rem);
+  color: var(--fui-text-secondary, #52525b);
+  text-decoration: none;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 200px;
+  border-radius: var(--fui-radius-sm, 0.25rem);
+  padding: var(--fui-space-0-5, 0.15rem) var(--fui-space-1, 0.5rem);
+  margin: calc(-1 * var(--fui-space-0-5, 0.15rem)) calc(-1 * var(--fui-space-1, 0.5rem));
+  transition: color var(--fui-transition-fast, 150ms ease), background-color var(--fui-transition-fast, 150ms ease);
+}
+._link_yjw6n_24:hover {
+  color: var(--fui-text-primary, #18181b);
+  background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
+}
+._link_yjw6n_24:focus-visible {
+  outline: var(--fui-focus-ring-width, 2px) solid var(--fui-focus-ring-color, #18181b);
+  outline-offset: var(--fui-focus-ring-offset, 2px);
+}
+
+._current_yjw6n_48 {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--fui-space-1, 0.5rem);
+  color: var(--fui-text-primary, #18181b);
+  font-weight: var(--fui-font-weight-medium, 500);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 200px;
+}
+
+._separator_yjw6n_60 {
+  display: inline-flex;
+  align-items: center;
+  color: var(--fui-text-tertiary, #71717a);
+  font-size: var(--fui-font-size-xs, 0.857rem);
+  user-select: none;
+  flex-shrink: 0;
+}
+
+._ellipsis_yjw6n_69 {
+  min-width: var(--fui-target-size-min, 1.714rem);
+  min-height: var(--fui-target-size-min, 1.714rem);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: none;
+  border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
+  border-radius: var(--fui-radius-sm, 0.25rem);
+  color: var(--fui-text-secondary, #52525b);
+  cursor: pointer;
+  padding: var(--fui-space-0-5, 0.15rem) var(--fui-space-2, 1rem);
+  font-family: inherit;
+  font-size: var(--fui-font-size-sm, 1rem);
+  line-height: 1;
+  transition: color var(--fui-transition-fast, 150ms ease), background-color var(--fui-transition-fast, 150ms ease);
+}
+._ellipsis_yjw6n_69:hover {
+  color: var(--fui-text-primary, #18181b);
+  background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
+}
+._ellipsis_yjw6n_69:focus-visible {
+  outline: var(--fui-focus-ring-width, 2px) solid var(--fui-focus-ring-color, #18181b);
+  outline-offset: var(--fui-focus-ring-offset, 2px);
+}
+
+._icon_yjw6n_98 {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+  width: var(--fui-icon-md, 1.143rem);
+  height: var(--fui-icon-md, 1.143rem);
+}
+._icon_yjw6n_98 svg {
+  width: 100%;
+  height: 100%;
+}

package/dist/assets/components/Button/Button.module.css

@@ -0,0 +1,153 @@
+._button_1d9eh_1 {
+  appearance: none;
+  background: transparent;
+  border: none;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  cursor: pointer;
+}
+._button_1d9eh_1:disabled {
+  cursor: not-allowed;
+}
+._button_1d9eh_1 {
+  transition: background-color var(--fui-transition-fast, 150ms ease), border-color var(--fui-transition-fast, 150ms ease), box-shadow var(--fui-transition-fast, 150ms ease), opacity var(--fui-transition-fast, 150ms ease);
+}
+._button_1d9eh_1:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 var(--fui-focus-ring-offset, 2px) var(--fui-bg-primary, #ffffff), 0 0 0 calc(var(--fui-focus-ring-offset, 2px) + var(--fui-focus-ring-width, 2px)) var(--fui-focus-ring-color, #18181b);
+}
+._button_1d9eh_1:disabled, ._button_1d9eh_1[data-disabled] {
+  opacity: 0.5;
+  pointer-events: none;
+}
+._button_1d9eh_1 {
+  font-family: var(--fui-font-sans, Geist Sans, Geist, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif);
+  font-size: var(--fui-font-size-sm, 1rem);
+  line-height: var(--fui-line-height-normal, 1.5);
+  color: var(--fui-text-primary, #18181b);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--fui-space-2, 1rem);
+  border-radius: var(--fui-radius-md, 0.429rem);
+  font-weight: var(--fui-font-weight-medium, 500);
+  white-space: nowrap;
+  user-select: none;
+}
+
+._sm_1d9eh_42 {
+  min-height: var(--fui-button-height-sm, 2rem);
+  padding: 0 var(--fui-space-2, 1rem);
+  font-size: var(--fui-font-size-xs, 0.857rem);
+}
+
+._md_1d9eh_48 {
+  min-height: var(--fui-button-height-md, 2.5714285714rem);
+  padding: 0 var(--fui-space-3, 1.5rem);
+  font-size: var(--fui-font-size-sm, 1rem);
+}
+
+._lg_1d9eh_54 {
+  min-height: var(--fui-button-height-lg, 3.1428571429rem);
+  padding: 0 var(--fui-space-4, 2rem);
+  font-size: var(--fui-font-size-base, 1.143rem);
+}
+
+._primary_1d9eh_60 {
+  background-color: var(--fui-color-accent, #18181b);
+  color: var(--fui-text-inverse, #f4f4f5);
+  border: 1px solid transparent;
+}
+._primary_1d9eh_60:hover:not(:disabled) {
+  background-color: var(--fui-color-accent-hover, rgb(62.88, 62.88, 70.74));
+}
+._primary_1d9eh_60:active:not(:disabled), ._primary_1d9eh_60[data-pressed] {
+  background-color: var(--fui-color-accent-active, rgb(84.48, 84.48, 95.04));
+}
+
+._secondary_1d9eh_72 {
+  background-color: var(--fui-bg-secondary, #f4f4f5);
+  color: var(--fui-text-primary, #18181b);
+  border: 1px solid var(--fui-border-strong, rgba(0, 0, 0, 0.14));
+}
+._secondary_1d9eh_72:hover:not(:disabled) {
+  background-color: var(--fui-bg-tertiary, #f4f4f5);
+}
+._secondary_1d9eh_72:active:not(:disabled), ._secondary_1d9eh_72[data-pressed] {
+  background-color: var(--fui-bg-tertiary, #f4f4f5);
+}
+
+._ghost_1d9eh_84 {
+  background-color: transparent;
+  color: var(--fui-text-primary, #18181b);
+  border: 1px solid transparent;
+}
+._ghost_1d9eh_84:hover:not(:disabled) {
+  background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
+}
+._ghost_1d9eh_84:active:not(:disabled), ._ghost_1d9eh_84[data-pressed] {
+  background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
+}
+
+._danger_1d9eh_96 {
+  background-color: var(--fui-color-danger, #ef4444);
+  color: var(--fui-text-inverse, #f4f4f5);
+  border: 1px solid transparent;
+}
+._danger_1d9eh_96:hover:not(:disabled) {
+  background-color: var(--fui-color-danger-hover, rgb(236.5802955665, 39.7197044335, 39.7197044335));
+}
+._danger_1d9eh_96:active:not(:disabled), ._danger_1d9eh_96[data-pressed] {
+  background-color: var(--fui-color-danger-hover, rgb(236.5802955665, 39.7197044335, 39.7197044335));
+}
+
+._outlined_1d9eh_108 {
+  background-color: transparent;
+  color: var(--fui-text-primary, #18181b);
+  border: 1px solid var(--fui-border-strong, rgba(0, 0, 0, 0.14));
+}
+._outlined_1d9eh_108:hover:not(:disabled) {
+  background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
+}
+._outlined_1d9eh_108:active:not(:disabled), ._outlined_1d9eh_108[data-pressed] {
+  background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
+}
+
+._icon_1d9eh_120 {
+  aspect-ratio: 1;
+  padding: 0;
+}
+._icon_1d9eh_120._sm_1d9eh_42 {
+  width: var(--fui-button-height-sm, 2rem);
+}
+._icon_1d9eh_120._md_1d9eh_48 {
+  width: var(--fui-button-height-md, 2.5714285714rem);
+}
+._icon_1d9eh_120._lg_1d9eh_54 {
+  width: var(--fui-button-height-lg, 3.1428571429rem);
+}
+
+._fullWidth_1d9eh_134 {
+  width: 100%;
+}
+
+@media (prefers-contrast: more) {
+  ._secondary_1d9eh_72 {
+    border-width: 2px;
+    border-color: var(--fui-text-primary, #18181b);
+  }
+  ._outlined_1d9eh_108 {
+    border-width: 2px;
+    border-color: var(--fui-text-primary, #18181b);
+  }
+  ._ghost_1d9eh_84 {
+    border-width: 2px;
+  }
+  ._ghost_1d9eh_84:hover:not(:disabled) {
+    border-color: var(--fui-text-primary, #18181b);
+  }
+}

package/dist/assets/components/ButtonGroup/ButtonGroup.module.css

@@ -0,0 +1,32 @@
+._group_vdlw7_1 {
+  display: flex;
+  flex-direction: row;
+}
+
+._gap-xs_vdlw7_6 {
+  gap: var(--fui-space-1, 0.5rem);
+}
+
+._gap-sm_vdlw7_10 {
+  gap: var(--fui-space-2, 1rem);
+}
+
+._gap-md_vdlw7_14 {
+  gap: var(--fui-space-3, 1.5rem);
+}
+
+._wrap_vdlw7_18 {
+  flex-wrap: wrap;
+}
+
+._align-start_vdlw7_22 {
+  justify-content: flex-start;
+}
+
+._align-center_vdlw7_26 {
+  justify-content: center;
+}
+
+._align-end_vdlw7_30 {
+  justify-content: flex-end;
+}

package/dist/assets/components/Card/Card.module.css

@@ -0,0 +1,131 @@
+._card_1ysig_1 {
+  background-color: var(--fui-bg-elevated, #ffffff);
+  border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
+  border-radius: var(--fui-radius-lg, 0.571rem);
+  font-family: var(--fui-font-sans, "Geist Sans", "Geist", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+  transition: box-shadow var(--fui-transition-fast, 150ms ease), border-color var(--fui-transition-fast, 150ms ease), transform var(--fui-transition-fast, 150ms ease);
+}
+
+._default_1ysig_9 {
+  box-shadow: var(--fui-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.03));
+}
+
+._outlined_1ysig_13 {
+  border-color: var(--fui-border-strong, rgba(0, 0, 0, 0.14));
+  box-shadow: none;
+}
+
+._elevated_1ysig_18 {
+  box-shadow: var(--fui-shadow-md, 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 1px 3px -2px rgba(0, 0, 0, 0.04));
+}
+
+._paddingNone_1ysig_22 {
+  padding: 0;
+}
+
+._paddingSm_1ysig_26 {
+  padding: var(--fui-padding-container-sm, 1.5rem);
+}
+
+._paddingMd_1ysig_30 {
+  padding: var(--fui-padding-container-md, 2rem);
+}
+
+._paddingLg_1ysig_34 {
+  padding: var(--fui-padding-container-lg, 3rem);
+}
+
+._interactive_1ysig_38 {
+  appearance: none;
+  background: transparent;
+  border: none;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  cursor: pointer;
+}
+._interactive_1ysig_38:disabled {
+  cursor: not-allowed;
+}
+._interactive_1ysig_38 {
+  transition: background-color var(--fui-transition-fast, 150ms ease), border-color var(--fui-transition-fast, 150ms ease), box-shadow var(--fui-transition-fast, 150ms ease), opacity var(--fui-transition-fast, 150ms ease);
+}
+._interactive_1ysig_38:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 var(--fui-focus-ring-offset, 2px) var(--fui-bg-primary, #ffffff), 0 0 0 calc(var(--fui-focus-ring-offset, 2px) + var(--fui-focus-ring-width, 2px)) var(--fui-focus-ring-color, #18181b);
+}
+._interactive_1ysig_38:disabled, ._interactive_1ysig_38[data-disabled] {
+  opacity: 0.5;
+  pointer-events: none;
+}
+._interactive_1ysig_38 {
+  display: block;
+  width: 100%;
+  text-align: left;
+  cursor: pointer;
+}
+._interactive_1ysig_38:hover {
+  border-color: var(--fui-border-strong, rgba(0, 0, 0, 0.14));
+  box-shadow: var(--fui-shadow-md, 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 1px 3px -2px rgba(0, 0, 0, 0.04));
+  transform: translateY(-2px);
+}
+._interactive_1ysig_38:active {
+  box-shadow: var(--fui-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.03));
+  transform: translateY(0);
+}
+
+._header_1ysig_78 {
+  margin-bottom: var(--fui-space-3, 1.5rem);
+}
+
+._title_1ysig_82 {
+  margin: 0;
+  font-size: var(--fui-font-size-base, 1.143rem);
+  font-weight: var(--fui-font-weight-semibold, 600);
+  color: var(--fui-text-primary, #18181b);
+  line-height: var(--fui-line-height-tight, 1.25);
+}
+
+._description_1ysig_90 {
+  margin: var(--fui-space-1, 0.5rem) 0 0;
+  font-size: var(--fui-font-size-sm, 1rem);
+  color: var(--fui-text-secondary, #52525b);
+  line-height: var(--fui-line-height-normal, 1.5);
+}
+
+._body_1ysig_97 {
+  color: var(--fui-text-primary, #18181b);
+  font-size: var(--fui-font-size-sm, 1rem);
+  line-height: var(--fui-line-height-normal, 1.5);
+}
+
+._footer_1ysig_103 {
+  display: flex;
+  align-items: center;
+  gap: var(--fui-space-2, 1rem);
+  margin-top: var(--fui-space-4, 2rem);
+  padding-top: var(--fui-space-4, 2rem);
+  border-top: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._card_1ysig_1 {
+    transition: none;
+  }
+  ._interactive_1ysig_38:hover {
+    transform: none;
+  }
+  ._interactive_1ysig_38:active {
+    transform: none;
+  }
+}
+@media (prefers-contrast: more) {
+  ._card_1ysig_1 {
+    border-width: 2px;
+    border-color: var(--fui-text-primary, #18181b);
+  }
+  ._footer_1ysig_103 {
+    border-top-width: 2px;
+  }
+}

package/dist/assets/components/Chart/Chart.module.css

@@ -0,0 +1,122 @@
+._container_1kdlo_1 {
+  width: 100%;
+  height: 100%;
+  font-family: var(--fui-font-sans, "Geist Sans", "Geist", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+}
+._container_1kdlo_1 .recharts-text {
+  fill: var(--fui-text-secondary, #52525b);
+  font-size: var(--fui-font-size-xs, 0.857rem);
+}
+._container_1kdlo_1 .recharts-cartesian-grid line {
+  stroke: var(--fui-border, rgba(0, 0, 0, 0.08));
+}
+._container_1kdlo_1 .recharts-cartesian-axis-line,
+._container_1kdlo_1 .recharts-cartesian-axis-tick-line {
+  stroke: var(--fui-border, rgba(0, 0, 0, 0.08));
+}
+._container_1kdlo_1 .recharts-curve.recharts-tooltip-cursor {
+  stroke: var(--fui-border, rgba(0, 0, 0, 0.08));
+}
+._container_1kdlo_1 .recharts-rectangle.recharts-tooltip-cursor {
+  fill: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
+}
+
+._srOnly_1kdlo_24 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+._tooltip_1kdlo_36 {
+  background: var(--fui-bg-elevated, #ffffff);
+  border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
+  border-radius: var(--fui-radius-md, 0.429rem);
+  box-shadow: var(--fui-shadow-md, 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 1px 3px -2px rgba(0, 0, 0, 0.04));
+  padding: var(--fui-space-2, 1rem) var(--fui-space-3, 1.5rem);
+  font-family: var(--fui-font-sans, "Geist Sans", "Geist", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+}
+
+._tooltipLabel_1kdlo_45 {
+  font-size: var(--fui-font-size-xs, 0.857rem);
+  font-weight: var(--fui-font-weight-medium, 500);
+  color: var(--fui-text-primary, #18181b);
+  margin-bottom: var(--fui-space-1, 0.5rem);
+}
+
+._tooltipItems_1kdlo_52 {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+._tooltipItem_1kdlo_52 {
+  display: flex;
+  align-items: center;
+  gap: var(--fui-space-2, 1rem);
+  justify-content: space-between;
+  min-width: 100px;
+}
+
+._tooltipIndicator_1kdlo_66 {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+._tooltipIndicator_1kdlo_66._tooltipIndicatorLine_1kdlo_72 {
+  width: 12px;
+  height: 2px;
+  border-radius: var(--fui-radius-full, 9999px);
+}
+._tooltipIndicator_1kdlo_66._tooltipIndicatorDashed_1kdlo_77 {
+  width: 12px;
+  height: 0;
+  border-top: 2px dashed;
+  border-radius: 0;
+}
+
+._tooltipItemLabel_1kdlo_84 {
+  font-size: var(--fui-font-size-xs, 0.857rem);
+  color: var(--fui-text-secondary, #52525b);
+}
+
+._tooltipItemValue_1kdlo_89 {
+  font-size: var(--fui-font-size-xs, 0.857rem);
+  font-weight: var(--fui-font-weight-medium, 500);
+  color: var(--fui-text-primary, #18181b);
+  font-variant-numeric: tabular-nums;
+  margin-left: auto;
+}
+
+._legend_1kdlo_97 {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  gap: var(--fui-space-3, 1.5rem);
+  padding-top: var(--fui-space-2, 1rem);
+}
+
+._legendItem_1kdlo_106 {
+  display: flex;
+  align-items: center;
+  gap: var(--fui-space-1, 0.5rem);
+}
+
+._legendDot_1kdlo_112 {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+
+._legendLabel_1kdlo_119 {
+  font-size: var(--fui-font-size-xs, 0.857rem);
+  color: var(--fui-text-secondary, #52525b);
+}

package/dist/assets/components/Checkbox/Checkbox.module.css

@@ -0,0 +1,129 @@
+._wrapper_34t3o_1 {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--fui-space-2, 1rem);
+  cursor: pointer;
+  font-family: var(--fui-font-sans, "Geist Sans", "Geist", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+}
+._wrapper_34t3o_1[data-has-description] {
+  align-items: flex-start;
+}
+._wrapper_34t3o_1[data-disabled] {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+._checkbox_34t3o_16 {
+  transition: background-color var(--fui-transition-fast, 150ms ease), border-color var(--fui-transition-fast, 150ms ease), box-shadow var(--fui-transition-fast, 150ms ease), opacity var(--fui-transition-fast, 150ms ease);
+}
+._checkbox_34t3o_16:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 var(--fui-focus-ring-offset, 2px) var(--fui-bg-primary, #ffffff), 0 0 0 calc(var(--fui-focus-ring-offset, 2px) + var(--fui-focus-ring-width, 2px)) var(--fui-focus-ring-color, #18181b);
+}
+._checkbox_34t3o_16:disabled, ._checkbox_34t3o_16[data-disabled] {
+  opacity: 0.5;
+  pointer-events: none;
+}
+._checkbox_34t3o_16 {
+  min-width: var(--fui-target-size-min, 1.714rem);
+  min-height: var(--fui-target-size-min, 1.714rem);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  flex-shrink: 0;
+  width: 1rem;
+  height: 1rem;
+  margin-top: 0;
+  background-color: var(--fui-bg-elevated, #ffffff);
+  border: 1px solid var(--fui-border-strong, rgba(0, 0, 0, 0.14));
+  border-radius: var(--fui-radius-sm, 0.25rem);
+  cursor: inherit;
+}
+._checkbox_34t3o_16:hover:not([data-disabled]) {
+  border-color: var(--fui-text-tertiary, #71717a);
+}
+._checkbox_34t3o_16[data-checked], ._checkbox_34t3o_16[data-indeterminate] {
+  background-color: var(--fui-color-accent, #18181b);
+  border-color: var(--fui-color-accent, #18181b);
+}
+._checkbox_34t3o_16[data-checked]:hover:not([data-disabled]), ._checkbox_34t3o_16[data-indeterminate]:hover:not([data-disabled]) {
+  background-color: var(--fui-color-accent-hover, rgb(62.88, 62.88, 70.74));
+  border-color: var(--fui-color-accent-hover, rgb(62.88, 62.88, 70.74));
+}
+._checkbox_34t3o_16[data-invalid] {
+  border-color: var(--fui-color-danger, #ef4444);
+}
+._checkbox_34t3o_16[data-invalid][data-checked], ._checkbox_34t3o_16[data-invalid][data-indeterminate] {
+  background-color: var(--fui-color-danger, #ef4444);
+  border-color: var(--fui-color-danger, #ef4444);
+}
+
+._sm_34t3o_62 {
+  width: 0.875rem;
+  height: 0.875rem;
+  border-radius: var(--fui-space-0-75, 0.215rem);
+}
+
+._lg_34t3o_68 {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+._indicator_34t3o_73 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--fui-text-inverse, #f4f4f5);
+}
+._indicator_34t3o_73 svg {
+  width: 0.75rem;
+  height: 0.75rem;
+}
+._indicator_34t3o_73 {
+  opacity: 0;
+  transform: scale(0.8);
+  transition: opacity var(--fui-transition-fast, 150ms ease), transform var(--fui-transition-fast, 150ms ease);
+}
+[data-checked] > ._indicator_34t3o_73, [data-indeterminate] > ._indicator_34t3o_73 {
+  opacity: 1;
+  transform: scale(1);
+}
+
+._sm_34t3o_62 ._indicator_34t3o_73 svg {
+  width: 0.625rem;
+  height: 0.625rem;
+}
+
+._lg_34t3o_68 ._indicator_34t3o_73 svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+
+._content_34t3o_103 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--fui-space-0-5, 0.15rem);
+}
+
+._label_34t3o_109 {
+  font-size: var(--fui-font-size-sm, 1rem);
+  font-weight: var(--fui-font-weight-medium, 500);
+  color: var(--fui-text-primary, #18181b);
+  line-height: var(--fui-line-height-tight, 1.25);
+  user-select: none;
+}
+
+._labelSm_34t3o_117 {
+  font-size: var(--fui-font-size-xs, 0.857rem);
+}
+
+._labelLg_34t3o_121 {
+  font-size: var(--fui-font-size-base, 1.143rem);
+}
+
+._description_34t3o_125 {
+  font-size: var(--fui-font-size-xs, 0.857rem);
+  color: var(--fui-text-secondary, #52525b);
+  line-height: var(--fui-line-height-normal, 1.5);
+}