@fragments-sdk/ui 0.9.0 → 0.9.2

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

@@ -0,0 +1,175 @@
+._message_hkbox_1 {
+  display: flex;
+  gap: var(--fui-space-2, 1rem);
+  padding: var(--fui-padding-inline-sm);
+  border-radius: var(--fui-radius-lg, 0.571rem);
+  transition: background-color var(--fui-transition-fast, 150ms ease);
+}
+._message_hkbox_1:hover ._actions_hkbox_8 {
+  opacity: 1;
+}
+._message_hkbox_1:focus-within ._actions_hkbox_8 {
+  opacity: 1;
+}
+
+._user_hkbox_15 {
+  flex-direction: row-reverse;
+  margin-left: auto;
+}
+._user_hkbox_15 ._body_hkbox_19 {
+  align-items: flex-end;
+}
+._user_hkbox_15 ._content_hkbox_22 {
+  background-color: var(--fui-color-accent, #18181b);
+  color: var(--fui-text-inverse, #f4f4f5);
+}
+
+._assistant_hkbox_27 ._content_hkbox_22 {
+  background-color: var(--fui-bg-secondary, #f4f4f5);
+  color: var(--fui-text-primary, #18181b);
+}
+
+._system_hkbox_32 {
+  max-width: 100%;
+  justify-content: center;
+}
+._system_hkbox_32 ._content_hkbox_22 {
+  background-color: var(--fui-color-info-bg, rgba(59, 130, 246, 0.1));
+  color: var(--fui-text-secondary, #52525b);
+  font-size: var(--fui-font-size-xs, 0.857rem);
+  text-align: center;
+}
+._system_hkbox_32 ._avatar_hkbox_42 {
+  display: none;
+}
+
+._error_hkbox_46 ._content_hkbox_22 {
+  background-color: var(--fui-color-danger-bg, rgba(239, 68, 68, 0.1));
+  border: 1px solid var(--fui-color-danger, #ef4444);
+  color: var(--fui-color-danger-text, rgb(198.2384236453, 16.9615763547, 16.9615763547));
+}
+
+._sending_hkbox_52 {
+  opacity: 0.7;
+}
+
+._avatar_hkbox_42 {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  border-radius: var(--fui-radius-full, 9999px);
+  background-color: var(--fui-bg-tertiary, #f4f4f5);
+  color: var(--fui-text-secondary, #52525b);
+}
+._avatar_hkbox_42 svg {
+  width: 1rem;
+  height: 1rem;
+}
+
+._avatarUser_hkbox_72 {
+  background-color: var(--fui-color-accent, #18181b);
+  color: var(--fui-text-inverse, #f4f4f5);
+}
+
+._avatarAssistant_hkbox_77 {
+  background-color: var(--fui-bg-tertiary, #f4f4f5);
+  color: var(--fui-text-primary, #18181b);
+}
+
+._avatarSystem_hkbox_82 {
+  background-color: var(--fui-color-info-bg, rgba(59, 130, 246, 0.1));
+  color: var(--fui-color-info, #3b82f6);
+}
+
+._body_hkbox_19 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--fui-space-1, 0.5rem);
+  min-width: 0;
+  flex: 1;
+}
+
+._content_hkbox_22 {
+  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;
+  padding: var(--fui-padding-inline-sm) var(--fui-padding-inline-md);
+  border-radius: var(--fui-radius-lg, 0.571rem);
+  line-height: var(--fui-line-height-normal, 1.5);
+  word-wrap: break-word;
+}
+._content_hkbox_22 p {
+  margin: 0;
+}
+._content_hkbox_22 p + p {
+  margin-top: var(--fui-space-2, 1rem);
+}
+._content_hkbox_22 code {
+  font-family: var(--fui-font-mono, "Geist Mono", "SF Mono", SFMono-Regular, ui-monospace, "Cascadia Code", Menlo, monospace);
+  font-size: 0.9em;
+  padding: 0.125em 0.375em;
+  border-radius: var(--fui-radius-sm, 0.25rem);
+  background-color: var(--fui-bg-subtle, #fafafa);
+}
+._content_hkbox_22 pre {
+  margin: var(--fui-space-2, 1rem) 0;
+  padding: var(--fui-padding-inline-sm);
+  border-radius: var(--fui-radius-md, 0.429rem);
+  background-color: var(--fui-bg-subtle, #fafafa);
+  overflow-x: auto;
+}
+._content_hkbox_22 pre code {
+  padding: 0;
+  background: none;
+}
+._content_hkbox_22 ul,
+._content_hkbox_22 ol {
+  margin: var(--fui-space-2, 1rem) 0;
+  padding-left: var(--fui-space-4, 2rem);
+}
+
+._streaming_hkbox_137::after {
+  content: "";
+  display: inline-block;
+  width: 0.5em;
+  height: 1em;
+  margin-left: 2px;
+  background-color: currentColor;
+  animation: _blink_hkbox_1 1s step-end infinite;
+}
+
+@keyframes _blink_hkbox_1 {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+  }
+}
+._actions_hkbox_8 {
+  display: flex;
+  align-items: center;
+  gap: var(--fui-space-1, 0.5rem);
+  opacity: 0;
+  transition: opacity var(--fui-transition-fast, 150ms ease);
+}
+
+._timestamp_hkbox_163 {
+  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);
+  color: var(--fui-text-secondary, #52525b);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._streaming_hkbox_137::after {
+    animation: none;
+  }
+}

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

@@ -0,0 +1,553 @@
+._root_1sabn_1 {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+._rootVertical_1sabn_7 {
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+._list_1sabn_12 {
+  display: flex;
+  align-items: center;
+  gap: var(--fui-space-1, 0.5rem);
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+@media (max-width: 767px) {
+  ._list_1sabn_12 {
+    display: none;
+  }
+}
+
+._listVertical_1sabn_26 {
+  flex-direction: column;
+  align-items: stretch;
+}
+
+._trigger_1sabn_31 {
+  appearance: none;
+  background: transparent;
+  border: none;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  cursor: pointer;
+}
+._trigger_1sabn_31:disabled {
+  cursor: not-allowed;
+}
+._trigger_1sabn_31 {
+  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);
+}
+._trigger_1sabn_31: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);
+}
+._trigger_1sabn_31:disabled, ._trigger_1sabn_31[data-disabled] {
+  opacity: 0.5;
+  pointer-events: none;
+}
+._trigger_1sabn_31 {
+  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: flex;
+  align-items: center;
+  gap: var(--fui-space-1, 0.5rem);
+  padding: var(--fui-padding-item-xs, 0.5rem) var(--fui-padding-item-md, 1.5rem);
+  border-radius: var(--fui-radius-md, 0.429rem);
+  color: var(--fui-text-secondary, #52525b);
+  white-space: nowrap;
+  min-height: var(--fui-button-height-md, 2.5714285714rem);
+  cursor: pointer;
+}
+._trigger_1sabn_31:hover {
+  background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
+  color: var(--fui-text-primary, #18181b);
+}
+._trigger_1sabn_31:active {
+  background-color: var(--fui-bg-active, rgba(0, 0, 0, 0.06));
+}
+._trigger_1sabn_31[data-state=open] {
+  color: var(--fui-text-primary, #18181b);
+}
+
+._triggerChevron_1sabn_83 {
+  transition: transform var(--fui-transition-fast, 150ms ease);
+  flex-shrink: 0;
+}
+[data-state=open] > ._triggerChevron_1sabn_83 {
+  transform: rotate(180deg);
+}
+
+._content_1sabn_91 {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: auto;
+}
+._content_1sabn_91[data-motion=from-start] {
+  animation: _slideFromStart_1sabn_1 var(--fui-transition-normal, 200ms ease) ease forwards;
+}
+._content_1sabn_91[data-motion=from-end] {
+  animation: _slideFromEnd_1sabn_1 var(--fui-transition-normal, 200ms ease) ease forwards;
+}
+._content_1sabn_91[data-motion=to-start] {
+  animation: _slideToStart_1sabn_1 var(--fui-transition-normal, 200ms ease) ease forwards;
+}
+._content_1sabn_91[data-motion=to-end] {
+  animation: _slideToEnd_1sabn_1 var(--fui-transition-normal, 200ms ease) ease forwards;
+}
+
+@keyframes _slideFromStart_1sabn_1 {
+  from {
+    opacity: 0;
+    transform: translateX(calc(-1 * 8px));
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+@keyframes _slideFromEnd_1sabn_1 {
+  from {
+    opacity: 0;
+    transform: translateX(8px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+@keyframes _slideToStart_1sabn_1 {
+  from {
+    opacity: 1;
+    transform: translateX(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateX(calc(-1 * 8px));
+  }
+}
+@keyframes _slideToEnd_1sabn_1 {
+  from {
+    opacity: 1;
+    transform: translateX(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateX(8px);
+  }
+}
+._link_1sabn_150 {
+  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: flex;
+  align-items: center;
+  padding: var(--fui-padding-item-xs, 0.5rem) var(--fui-padding-item-md, 1.5rem);
+  border-radius: var(--fui-radius-md, 0.429rem);
+  color: var(--fui-text-secondary, #52525b);
+  text-decoration: none;
+  white-space: nowrap;
+  min-height: var(--fui-button-height-md, 2.5714285714rem);
+  transition: background-color var(--fui-transition-fast, 150ms ease), color var(--fui-transition-fast, 150ms ease);
+}
+._link_1sabn_150:hover {
+  background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
+  color: var(--fui-text-primary, #18181b);
+}
+._link_1sabn_150: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);
+}
+
+._linkActive_1sabn_176 {
+  color: var(--fui-text-primary, #18181b);
+  font-weight: var(--fui-font-weight-medium, 500);
+  background-color: var(--fui-bg-secondary, #f4f4f5);
+}
+._linkActive_1sabn_176:hover {
+  background-color: var(--fui-bg-secondary, #f4f4f5);
+  color: var(--fui-text-primary, #18181b);
+}
+
+._linkStructured_1sabn_186 {
+  display: flex;
+  gap: var(--fui-space-3, 1.5rem);
+  padding: var(--fui-padding-item-sm, 1rem) var(--fui-padding-item-md, 1.5rem);
+  border-radius: var(--fui-radius-md, 0.429rem);
+  white-space: normal;
+  min-height: auto;
+}
+._linkStructured_1sabn_186:hover {
+  background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
+}
+
+._linkIcon_1sabn_198 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: var(--fui-icon-xl, 1.714rem);
+  height: var(--fui-icon-xl, 1.714rem);
+  color: var(--fui-text-secondary, #52525b);
+  margin-top: var(--fui-space-0-5, 0.15rem);
+}
+
+._linkBody_1sabn_209 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--fui-space-0-5, 0.15rem);
+  min-width: 0;
+}
+
+._linkTitle_1sabn_216 {
+  font-weight: var(--fui-font-weight-medium, 500);
+  color: var(--fui-text-primary, #18181b);
+  font-size: var(--fui-font-size-sm, 1rem);
+  line-height: var(--fui-line-height-tight, 1.25);
+}
+
+._linkDescription_1sabn_223 {
+  font-size: var(--fui-font-size-xs, 0.857rem);
+  color: var(--fui-text-secondary, #52525b);
+  line-height: var(--fui-line-height-normal, 1.5);
+}
+
+._linkFeatured_1sabn_229 {
+  background-color: var(--fui-bg-secondary, #f4f4f5);
+  border: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
+}
+._linkFeatured_1sabn_229:hover {
+  background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
+  border-color: var(--fui-border-strong, rgba(0, 0, 0, 0.14));
+}
+
+._indicator_1sabn_238 {
+  position: absolute;
+  bottom: 0;
+  height: 2px;
+  background-color: var(--fui-color-accent, #18181b);
+  border-radius: 1px;
+  transition: left var(--fui-transition-normal, 200ms ease), width var(--fui-transition-normal, 200ms ease);
+  pointer-events: none;
+}
+
+._viewport_1sabn_248 {
+  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);
+  position: absolute;
+  top: 100%;
+  left: var(--fui-navmenu-viewport-left, 0);
+  overflow: hidden;
+  box-shadow: var(--fui-shadow-lg, 0 8px 12px -3px rgba(0, 0, 0, 0.08), 0 3px 5px -4px rgba(0, 0, 0, 0.05));
+  z-index: calc(var(--fui-header-z-index, 40) + 1);
+  width: var(--fui-navmenu-viewport-width);
+  height: var(--fui-navmenu-viewport-height);
+  transition: opacity var(--fui-transition-fast, 150ms ease);
+}
+._viewport_1sabn_248[data-state=closed] {
+  opacity: 0;
+  pointer-events: none;
+  width: 0;
+  height: 0;
+  overflow: hidden;
+}
+._viewport_1sabn_248[data-state=open] {
+  opacity: 1;
+}
+@media (max-width: 767px) {
+  ._viewport_1sabn_248 {
+    display: none;
+  }
+}
+
+._hamburger_1sabn_278 {
+  appearance: none;
+  background: transparent;
+  border: none;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  cursor: pointer;
+}
+._hamburger_1sabn_278:disabled {
+  cursor: not-allowed;
+}
+._hamburger_1sabn_278 {
+  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);
+}
+._hamburger_1sabn_278: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);
+}
+._hamburger_1sabn_278:disabled, ._hamburger_1sabn_278[data-disabled] {
+  opacity: 0.5;
+  pointer-events: none;
+}
+._hamburger_1sabn_278 {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  width: var(--fui-touch-lg, 3.1428571429rem);
+  height: var(--fui-touch-lg, 3.1428571429rem);
+  border-radius: var(--fui-radius-md, 0.429rem);
+  color: var(--fui-text-primary, #18181b);
+  flex-shrink: 0;
+}
+._hamburger_1sabn_278:hover {
+  background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
+}
+._hamburger_1sabn_278 svg {
+  width: var(--fui-icon-xl, 1.714rem);
+  height: var(--fui-icon-xl, 1.714rem);
+}
+@media (max-width: 767px) {
+  ._hamburger_1sabn_278 {
+    display: flex;
+  }
+}
+
+._drawerBackdrop_1sabn_325 {
+  position: fixed;
+  inset: 0;
+  background: var(--fui-backdrop, rgba(0, 0, 0, 0.5));
+  z-index: calc(var(--fui-header-z-index, 40) + 10);
+  animation: _fadeIn_1sabn_1 var(--fui-transition-normal, 200ms ease) ease;
+}
+
+._drawer_1sabn_325 {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: min(320px, 85vw);
+  max-width: 380px;
+  background-color: var(--fui-bg-primary, #ffffff);
+  z-index: calc(var(--fui-header-z-index, 40) + 11);
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+  animation: _slideInLeft_1sabn_1 var(--fui-transition-normal, 200ms ease) ease;
+}
+@media (min-width: 480px) {
+  ._drawer_1sabn_325 {
+    width: min(380px, 85vw);
+  }
+}
+
+._drawerRight_1sabn_353 {
+  left: auto;
+  right: 0;
+  animation: _slideInRight_1sabn_1 var(--fui-transition-normal, 200ms ease) ease;
+}
+
+._drawerHeader_1sabn_359 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 var(--fui-padding-container-md, 2rem);
+  border-bottom: 1px solid var(--fui-border, rgba(0, 0, 0, 0.08));
+  min-height: var(--fui-appshell-header-height, 56px);
+}
+
+._drawerClose_1sabn_368 {
+  appearance: none;
+  background: transparent;
+  border: none;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  cursor: pointer;
+}
+._drawerClose_1sabn_368:disabled {
+  cursor: not-allowed;
+}
+._drawerClose_1sabn_368 {
+  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);
+}
+._drawerClose_1sabn_368: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);
+}
+._drawerClose_1sabn_368:disabled, ._drawerClose_1sabn_368[data-disabled] {
+  opacity: 0.5;
+  pointer-events: none;
+}
+._drawerClose_1sabn_368 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--fui-touch-md, 2.2857142857rem);
+  height: var(--fui-touch-md, 2.2857142857rem);
+  border-radius: var(--fui-radius-md, 0.429rem);
+  color: var(--fui-text-secondary, #52525b);
+}
+._drawerClose_1sabn_368:hover {
+  background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
+  color: var(--fui-text-primary, #18181b);
+}
+
+._drawerBody_1sabn_406 {
+  flex: 1;
+  overflow-y: auto;
+  padding: var(--fui-space-2, 1rem) 0;
+}
+
+._drawerNav_1sabn_412 {
+  display: flex;
+  flex-direction: column;
+}
+
+._drawerLink_1sabn_417 {
+  appearance: none;
+  background: transparent;
+  border: none;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  cursor: pointer;
+}
+._drawerLink_1sabn_417:disabled {
+  cursor: not-allowed;
+}
+._drawerLink_1sabn_417 {
+  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: flex;
+  align-items: center;
+  width: 100%;
+  padding: var(--fui-padding-item-sm, 1rem) var(--fui-padding-container-md, 2rem);
+  color: var(--fui-text-secondary, #52525b);
+  text-decoration: none;
+  min-height: var(--fui-sidebar-item-height, 2.5rem);
+  transition: background-color var(--fui-transition-fast, 150ms ease);
+}
+._drawerLink_1sabn_417:hover {
+  background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
+  color: var(--fui-text-primary, #18181b);
+}
+
+._drawerSectionLabel_1sabn_451 {
+  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;
+  padding: var(--fui-space-3, 1.5rem) var(--fui-padding-container-md, 2rem) var(--fui-space-1, 0.5rem);
+}
+
+._drawerCollapsibleTrigger_1sabn_462 {
+  appearance: none;
+  background: transparent;
+  border: none;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  cursor: pointer;
+}
+._drawerCollapsibleTrigger_1sabn_462:disabled {
+  cursor: not-allowed;
+}
+._drawerCollapsibleTrigger_1sabn_462 {
+  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: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding: var(--fui-padding-item-sm, 1rem) var(--fui-padding-container-md, 2rem);
+  color: var(--fui-text-primary, #18181b);
+  font-weight: var(--fui-font-weight-medium, 500);
+  min-height: var(--fui-sidebar-item-height, 2.5rem);
+  transition: background-color var(--fui-transition-fast, 150ms ease);
+}
+._drawerCollapsibleTrigger_1sabn_462:hover {
+  background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
+}
+
+._drawerCollapsibleChevron_1sabn_496 {
+  transition: transform var(--fui-transition-fast, 150ms ease);
+  color: var(--fui-text-secondary, #52525b);
+  flex-shrink: 0;
+}
+._drawerCollapsibleChevron_1sabn_496[data-open=true] {
+  transform: rotate(90deg);
+}
+
+._drawerCollapsibleContent_1sabn_505 {
+  padding-left: var(--fui-space-3, 1.5rem);
+}
+
+@keyframes _fadeIn_1sabn_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes _slideInLeft_1sabn_1 {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+@keyframes _slideInRight_1sabn_1 {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  ._content_1sabn_91 {
+    animation: none;
+  }
+  ._viewport_1sabn_248 {
+    transition: none;
+  }
+  ._triggerChevron_1sabn_83 {
+    transition: none;
+  }
+  ._indicator_1sabn_238 {
+    transition: none;
+  }
+  ._drawer_1sabn_325,
+  ._drawerBackdrop_1sabn_325 {
+    animation: none;
+  }
+  ._drawerCollapsibleChevron_1sabn_496 {
+    transition: none;
+  }
+}