@fragments-sdk/ui 0.9.2 → 0.9.4

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

@@ -1,142 +0,0 @@
-._root_165zt_1 {
-  display: flex;
-  flex-direction: column;
-  font-family: var(--fui-font-sans, "Geist Sans", "Geist", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
-}
-._root_165zt_1[data-orientation=vertical] {
-  flex-direction: row;
-}
-
-._list_165zt_10 {
-  position: relative;
-  display: flex;
-  align-items: center;
-  gap: var(--fui-space-1, 0.5rem);
-  border-bottom: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
-  padding: 0 var(--fui-space-1, 0.5rem);
-}
-._list_165zt_10[data-orientation=vertical] {
-  flex-direction: column;
-  align-items: stretch;
-  border-bottom: none;
-  border-right: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
-  padding: var(--fui-space-1, 0.5rem) 0;
-}
-
-._listPills_165zt_26 {
-  border-bottom: none;
-  background-color: var(--fui-bg-secondary, #f4f4f5);
-  border-radius: var(--fui-radius-lg, 0.571rem);
-  padding: var(--fui-space-0-75, 0.215rem);
-  gap: var(--fui-space-0-75, 0.215rem);
-  width: fit-content;
-}
-
-._tab_165zt_35 {
-  appearance: none;
-  background: transparent;
-  border: none;
-  padding: 0;
-  margin: 0;
-  font: inherit;
-  color: inherit;
-  cursor: pointer;
-}
-._tab_165zt_35:disabled {
-  cursor: not-allowed;
-}
-._tab_165zt_35 {
-  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);
-}
-._tab_165zt_35: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);
-}
-._tab_165zt_35:disabled, ._tab_165zt_35[data-disabled] {
-  opacity: 0.5;
-  pointer-events: none;
-}
-._tab_165zt_35 {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--fui-space-2, 1rem);
-  padding: var(--fui-padding-item-xs, 0.5rem) var(--fui-padding-item-md, 1.5rem);
-  font-size: var(--fui-font-size-sm, 1rem);
-  font-weight: var(--fui-font-weight-medium, 500);
-  color: var(--fui-text-secondary, #52525b);
-  white-space: nowrap;
-  border-radius: var(--fui-radius-sm, 0.25rem);
-}
-._tab_165zt_35:hover:not([data-disabled]) {
-  color: var(--fui-text-primary, #18181b);
-  background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
-}
-._tab_165zt_35[data-active] {
-  color: var(--fui-text-primary, #18181b);
-}
-._tab_165zt_35[data-disabled] {
-  color: var(--fui-text-tertiary, #71717a);
-}
-
-._tabUnderline_165zt_83 {
-  border-radius: 0;
-  margin-bottom: -1px;
-  padding-bottom: calc(var(--fui-padding-item-xs, 0.5rem) + 1px);
-}
-._tabUnderline_165zt_83:hover:not([data-disabled]) {
-  background-color: transparent;
-}
-
-._tabPills_165zt_92 {
-  border-radius: var(--fui-radius-md, 0.429rem);
-  transition: all 0.15s ease;
-}
-._tabPills_165zt_92:hover:not([data-disabled]):not([data-active]) {
-  background-color: transparent;
-  color: var(--fui-text-primary, #18181b);
-}
-._tabPills_165zt_92[data-active] {
-  background-color: var(--fui-bg-primary, #ffffff);
-  color: var(--fui-text-primary, #18181b);
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
-}
-
-._indicator_165zt_106 {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  height: 2px;
-  background-color: var(--fui-color-accent, #18181b);
-  border-radius: var(--fui-radius-full, 9999px);
-  width: var(--active-tab-width);
-  transform: translateX(var(--active-tab-left));
-  transition: width var(--fui-transition-fast, 150ms ease), transform var(--fui-transition-fast, 150ms ease);
-}
-[data-orientation=vertical] ._indicator_165zt_106 {
-  bottom: auto;
-  left: auto;
-  right: 0;
-  top: 0;
-  width: 2px;
-  height: var(--active-tab-height);
-  transform: translateY(var(--active-tab-top));
-}
-
-._panel_165zt_127 {
-  padding: var(--fui-padding-item-lg, 2rem) 0;
-  outline: none;
-}
-._panel_165zt_127[data-hidden] {
-  display: none;
-}
-._panel_165zt_127: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);
-  border-radius: var(--fui-radius-md, 0.429rem);
-}
-
-._panelFlush_165zt_140 {
-  padding: 0;
-}

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

@@ -1,85 +0,0 @@
-._text_1y18q_1 {
-  font-family: var(--fui-font-sans, "Geist Sans", "Geist", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
-  color: var(--fui-text-primary, #18181b);
-  margin: 0;
-}
-
-._variant-section-label_1y18q_7 {
-  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-xs, 0.857rem);
-  color: var(--fui-text-secondary, #52525b);
-  font-size: var(--fui-font-size-2xs, 0.714rem);
-  font-weight: var(--fui-font-weight-medium, 500);
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-}
-
-._size-2xs_1y18q_17 {
-  font-size: var(--fui-font-size-2xs, 0.714rem);
-}
-
-._size-xs_1y18q_21 {
-  font-size: var(--fui-font-size-xs, 0.857rem);
-}
-
-._size-sm_1y18q_25 {
-  font-size: var(--fui-font-size-sm, 1rem);
-}
-
-._size-base_1y18q_29 {
-  font-size: var(--fui-font-size-base, 1.143rem);
-}
-
-._size-lg_1y18q_33 {
-  font-size: var(--fui-font-size-lg, 1.286rem);
-}
-
-._size-xl_1y18q_37 {
-  font-size: var(--fui-font-size-xl, 1.714rem);
-}
-
-._size-2xl_1y18q_41 {
-  font-size: var(--fui-font-size-2xl, 2.143rem);
-}
-
-._weight-normal_1y18q_45 {
-  font-weight: var(--fui-font-weight-normal, 400);
-}
-
-._weight-medium_1y18q_49 {
-  font-weight: var(--fui-font-weight-medium, 500);
-}
-
-._weight-semibold_1y18q_53 {
-  font-weight: var(--fui-font-weight-semibold, 600);
-}
-
-._color-primary_1y18q_57 {
-  color: var(--fui-text-primary, #18181b);
-}
-
-._color-secondary_1y18q_61 {
-  color: var(--fui-text-secondary, #52525b);
-}
-
-._color-tertiary_1y18q_65 {
-  color: var(--fui-text-tertiary, #71717a);
-}
-
-._mono_1y18q_69 {
-  font-family: var(--fui-font-mono, "Geist Mono", "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, monospace);
-}
-
-._truncate_1y18q_73 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-._lineClamp_1y18q_79 {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: var(--fui-line-clamp, 2);
-  overflow: hidden;
-  text-overflow: ellipsis;
-}

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

@@ -1,96 +0,0 @@
-._wrapper_184qp_1 {
-  display: flex;
-  flex-direction: column;
-}
-
-._label_184qp_6 {
-  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);
-  font-weight: var(--fui-font-weight-medium, 500);
-  color: var(--fui-text-primary, #18181b);
-  margin-bottom: var(--fui-space-1, 0.5rem);
-}
-
-._required_184qp_14 {
-  color: var(--fui-color-danger, #ef4444);
-  margin-left: 2px;
-}
-
-._textarea_184qp_19 {
-  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;
-  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);
-}
-._textarea_184qp_19: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);
-}
-._textarea_184qp_19:disabled, ._textarea_184qp_19[data-disabled] {
-  opacity: 0.5;
-  pointer-events: none;
-}
-._textarea_184qp_19 {
-  display: block;
-  width: 100%;
-  min-height: var(--fui-input-height, 2.8571428571rem);
-  padding: var(--fui-space-2, 1rem) var(--fui-space-3, 1.5rem);
-  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-md, 0.429rem);
-  line-height: 1.5;
-  font-family: inherit;
-}
-._textarea_184qp_19::placeholder {
-  color: var(--fui-text-tertiary, #71717a);
-}
-._textarea_184qp_19:hover:not(:disabled):not(:focus) {
-  border-color: var(--fui-text-tertiary, #71717a);
-}
-._textarea_184qp_19:focus {
-  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);
-  border-color: var(--fui-color-accent, #18181b);
-}
-._textarea_184qp_19:disabled, ._textarea_184qp_19[data-disabled] {
-  background-color: var(--fui-bg-tertiary, #f4f4f5);
-  color: var(--fui-text-tertiary, #71717a);
-}
-
-._resize-none_184qp_63 {
-  resize: none;
-}
-
-._resize-vertical_184qp_67 {
-  resize: vertical;
-}
-
-._resize-horizontal_184qp_71 {
-  resize: horizontal;
-}
-
-._resize-both_184qp_75 {
-  resize: both;
-}
-
-._error_184qp_79 {
-  border-color: var(--fui-color-danger, #ef4444);
-}
-._error_184qp_79:focus {
-  border-color: var(--fui-color-danger, #ef4444);
-  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-color-danger, #ef4444);
-}
-
-._helper_184qp_87 {
-  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-xs, 0.857rem);
-  color: var(--fui-text-secondary, #52525b);
-  margin-top: var(--fui-space-1, 0.5rem);
-}
-
-._helperError_184qp_94 {
-  color: var(--fui-color-danger, #ef4444);
-}

package/dist/assets/components/Theme/ThemeToggle.module.css

@@ -1,85 +0,0 @@
-._toggleGroup_bv2fv_1 {
-  display: inline-flex;
-  gap: var(--fui-space-1, 0.5rem);
-  padding: var(--fui-space-0-5, 0.15rem);
-  background-color: var(--fui-bg-tertiary, #f4f4f5);
-  border-radius: var(--fui-radius-md, 0.429rem);
-}
-
-._toggleButton_bv2fv_9 {
-  appearance: none;
-  background: transparent;
-  border: none;
-  padding: 0;
-  margin: 0;
-  font: inherit;
-  color: inherit;
-  cursor: pointer;
-}
-._toggleButton_bv2fv_9:disabled {
-  cursor: not-allowed;
-}
-._toggleButton_bv2fv_9 {
-  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);
-}
-._toggleButton_bv2fv_9: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);
-}
-._toggleButton_bv2fv_9:disabled, ._toggleButton_bv2fv_9[data-disabled] {
-  opacity: 0.5;
-  pointer-events: none;
-}
-._toggleButton_bv2fv_9 {
-  min-width: var(--fui-target-size-min, 1.714rem);
-  min-height: var(--fui-target-size-min, 1.714rem);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--fui-radius-sm, 0.25rem);
-  color: var(--fui-text-secondary, #52525b);
-  background-color: transparent;
-}
-._toggleButton_bv2fv_9:hover:not(._toggleButtonActive_bv2fv_43) {
-  color: var(--fui-text-primary, #18181b);
-}
-._toggleButton_bv2fv_9:focus-visible {
-  outline: var(--fui-focus-ring-width, 2px) solid var(--fui-focus-ring-color, #18181b);
-  outline-offset: var(--fui-focus-ring-offset, 2px);
-}
-._toggleButton_bv2fv_9 svg {
-  flex-shrink: 0;
-}
-
-._toggleButtonActive_bv2fv_43 {
-  background-color: var(--fui-bg-elevated, #ffffff);
-  color: var(--fui-text-primary, #18181b);
-  box-shadow: var(--fui-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.03));
-}
-
-._sizeSm_bv2fv_60 ._toggleButton_bv2fv_9 {
-  width: var(--fui-theme-toggle-sm-width, 26px);
-  height: var(--fui-theme-toggle-sm-height, 24px);
-}
-._sizeSm_bv2fv_60 ._toggleButton_bv2fv_9 svg {
-  width: var(--fui-theme-toggle-sm-icon, 12px);
-  height: var(--fui-theme-toggle-sm-icon, 12px);
-}
-
-._sizeMd_bv2fv_69 ._toggleButton_bv2fv_9 {
-  width: var(--fui-theme-toggle-md-width, 32px);
-  height: var(--fui-theme-toggle-md-height, 28px);
-}
-._sizeMd_bv2fv_69 ._toggleButton_bv2fv_9 svg {
-  width: var(--fui-theme-toggle-md-icon, 14px);
-  height: var(--fui-theme-toggle-md-icon, 14px);
-}
-
-._sizeLg_bv2fv_78 ._toggleButton_bv2fv_9 {
-  width: var(--fui-theme-toggle-lg-width, 40px);
-  height: var(--fui-theme-toggle-lg-height, 34px);
-}
-._sizeLg_bv2fv_78 ._toggleButton_bv2fv_9 svg {
-  width: var(--fui-theme-toggle-lg-icon, 18px);
-  height: var(--fui-theme-toggle-lg-icon, 18px);
-}

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

@@ -1,201 +0,0 @@
-._thinkingIndicator_12dch_1 {
-  display: flex;
-  flex-direction: column;
-  gap: var(--fui-space-2, 1rem);
-  padding: var(--fui-space-2, 1rem);
-}
-
-._main_12dch_8 {
-  display: flex;
-  align-items: center;
-  gap: var(--fui-space-2, 1rem);
-}
-
-._label_12dch_14 {
-  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;
-  font-size: var(--fui-font-size-sm, 1rem);
-  color: var(--fui-text-secondary, #52525b);
-}
-
-._elapsed_12dch_25 {
-  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-xs, 0.857rem);
-  color: var(--fui-text-secondary, #52525b);
-  font-size: var(--fui-font-size-xs, 0.857rem);
-  color: var(--fui-text-tertiary, #71717a);
-  font-variant-numeric: tabular-nums;
-}
-
-._dots_12dch_34 {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-
-._dot_12dch_34 {
-  width: 6px;
-  height: 6px;
-  border-radius: var(--fui-radius-full, 9999px);
-  background-color: var(--fui-text-tertiary, #71717a);
-  animation: _bounce_12dch_1 1.4s ease-in-out infinite;
-}
-._dot_12dch_34:nth-child(1) {
-  animation-delay: 0s;
-}
-._dot_12dch_34:nth-child(2) {
-  animation-delay: 0.2s;
-}
-._dot_12dch_34:nth-child(3) {
-  animation-delay: 0.4s;
-}
-@media (prefers-reduced-motion: reduce) {
-  ._dot_12dch_34 {
-    animation: none;
-    opacity: 0.6;
-  }
-}
-
-@keyframes _bounce_12dch_1 {
-  0%, 60%, 100% {
-    transform: translateY(0);
-    opacity: 0.4;
-  }
-  30% {
-    transform: translateY(-4px);
-    opacity: 1;
-  }
-}
-._pulse_12dch_73 {
-  position: relative;
-  width: 16px;
-  height: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-._pulseRing_12dch_82 {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  border-radius: var(--fui-radius-full, 9999px);
-  background-color: var(--fui-color-accent, #18181b);
-  opacity: 0.3;
-  animation: _pulseRing_12dch_82 1.5s ease-out infinite;
-}
-@media (prefers-reduced-motion: reduce) {
-  ._pulseRing_12dch_82 {
-    animation: none;
-    opacity: 0.2;
-  }
-}
-
-._pulseDot_12dch_98 {
-  width: 8px;
-  height: 8px;
-  border-radius: var(--fui-radius-full, 9999px);
-  background-color: var(--fui-color-accent, #18181b);
-  z-index: 1;
-}
-
-@keyframes _pulseRing_12dch_82 {
-  0% {
-    transform: scale(0.5);
-    opacity: 0.5;
-  }
-  100% {
-    transform: scale(1.5);
-    opacity: 0;
-  }
-}
-._spinner_12dch_116 {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--fui-text-secondary, #52525b);
-}
-
-._spinnerIcon_12dch_123 {
-  animation: _spin_12dch_116 1s linear infinite;
-}
-@media (prefers-reduced-motion: reduce) {
-  ._spinnerIcon_12dch_123 {
-    animation: none;
-  }
-}
-
-@keyframes _spin_12dch_116 {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-._steps_12dch_140 {
-  display: flex;
-  flex-direction: column;
-  gap: var(--fui-space-1, 0.5rem);
-  padding-left: var(--fui-space-4, 2rem);
-  border-left: 2px solid var(--fui-border, rgba(0, 0, 0, 0.08));
-  margin-left: 7px;
-}
-
-._step_12dch_140 {
-  display: flex;
-  align-items: center;
-  gap: var(--fui-space-2, 1rem);
-  font-size: var(--fui-font-size-xs, 0.857rem);
-  color: var(--fui-text-tertiary, #71717a);
-}
-
-._stepIndicator_12dch_157 {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-  flex-shrink: 0;
-}
-
-._stepDot_12dch_166 {
-  width: 6px;
-  height: 6px;
-  border-radius: var(--fui-radius-full, 9999px);
-  background-color: var(--fui-text-tertiary, #71717a);
-  opacity: 0.5;
-}
-
-._stepLabel_12dch_174 {
-  flex: 1;
-}
-
-._stepPending_12dch_178 {
-  color: var(--fui-text-tertiary, #71717a);
-}
-
-._stepActive_12dch_182 {
-  color: var(--fui-text-secondary, #52525b);
-}
-._stepActive_12dch_182 ._stepIndicator_12dch_157 {
-  color: var(--fui-color-accent, #18181b);
-}
-
-._stepComplete_12dch_189 {
-  color: var(--fui-text-secondary, #52525b);
-}
-._stepComplete_12dch_189 ._stepIndicator_12dch_157 {
-  color: var(--fui-color-success, #22c55e);
-}
-
-._stepError_12dch_196 {
-  color: var(--fui-color-danger, #ef4444);
-}
-._stepError_12dch_196 ._stepIndicator_12dch_157 {
-  color: var(--fui-color-danger, #ef4444);
-}