@opencode-ai/ui 0.0.0-dev-18801 → 0.0.0-dev-202609010712

package/src/feedback/progress-circle/progress-circle.tsx

@@ -1,64 +0,0 @@
-import { type ComponentProps, createMemo, Show, splitProps } from "solid-js"
-import "./progress-circle.css"
-
-export interface ProgressCircleProps extends Pick<ComponentProps<"svg">, "class" | "classList" | "style"> {
-  percentage: number
-  appearance?: "compact" | "indicator"
-  size?: number
-  strokeWidth?: number
-}
-
-export function ProgressCircle(props: ProgressCircleProps) {
-  const [local, rest] = splitProps(props, ["percentage", "appearance", "size", "strokeWidth", "class", "classList"])
-
-  const appearance = () => local.appearance ?? "compact"
-  const viewBoxSize = () => (appearance() === "indicator" ? 16 : 14)
-  const size = () => local.size ?? viewBoxSize()
-  const strokeWidth = () => local.strokeWidth ?? (appearance() === "indicator" ? 3 : 1.5)
-  const center = () => viewBoxSize() / 2
-  const radius = () => center() - strokeWidth() / 2
-  const circumference = createMemo(() => 2 * Math.PI * radius())
-  const offset = createMemo(() => circumference() * (1 - Math.max(0, Math.min(100, local.percentage || 0)) / 100))
-
-  return (
-    <svg
-      {...rest}
-      width={size()}
-      height={size()}
-      viewBox={`0 0 ${viewBoxSize()} ${viewBoxSize()}`}
-      fill="none"
-      data-component="progress-circle"
-      data-appearance={appearance()}
-      classList={{
-        ...local.classList,
-        [local.class ?? ""]: !!local.class,
-      }}
-    >
-      <circle
-        cx={center()}
-        cy={center()}
-        r={radius()}
-        data-slot="progress-circle-background"
-        stroke-width={strokeWidth()}
-      />
-      <Show when={appearance() === "indicator"}>
-        <circle
-          cx={center()}
-          cy={center()}
-          r={radius()}
-          data-slot="progress-circle-background-overlay"
-          stroke-width={strokeWidth()}
-        />
-      </Show>
-      <circle
-        cx={center()}
-        cy={center()}
-        r={radius()}
-        data-slot="progress-circle-progress"
-        stroke-width={strokeWidth()}
-        stroke-dasharray={circumference().toString()}
-        stroke-dashoffset={offset()}
-      />
-    </svg>
-  )
-}

package/src/forms/switch/switch.tsx

@@ -1,34 +0,0 @@
-import { Control, Description, ErrorMessage, Input, Label, Root, Thumb } from "@kobalte/core/switch"
-import { Show, splitProps } from "solid-js"
-import type { ComponentProps, ParentProps } from "solid-js"
-import "./switch.css"
-
-export interface SwitchProps extends ParentProps<ComponentProps<typeof Root>> {
-  // I think we should consolidate - ask designers.
-  appearance?: "standard" | "compact"
-  hideLabel?: boolean
-  description?: string
-}
-
-export function Switch(props: SwitchProps) {
-  const [local, others] = splitProps(props, ["children", "class", "appearance", "hideLabel", "description"])
-  return (
-    <Root {...others} class={local.class} data-component="switch" data-appearance={local.appearance ?? "compact"}>
-      <Input data-slot="switch-input" />
-      <Show when={local.children}>
-        {(label) => (
-          <Label data-slot="switch-label" classList={{ "sr-only": local.hideLabel }}>
-            {label()}
-          </Label>
-        )}
-      </Show>
-      <Show when={local.description}>
-        <Description data-slot="switch-description">{local.description}</Description>
-      </Show>
-      <Control data-slot="switch-control">
-        <Thumb data-slot="switch-thumb" />
-      </Control>
-      <ErrorMessage data-slot="switch-error" />
-    </Root>
-  )
-}

package/src/i18n/he.ts

@@ -1,199 +0,0 @@
-export const dict = {
-  "ui.sessionReview.title": "שינויים בהפעלה",
-  "ui.sessionReview.title.git": "שינויים ב-Git",
-  "ui.sessionReview.title.branch": "שינויים בענף",
-  "ui.sessionReview.title.lastTurn": "שינויים בתור האחרון",
-  "ui.sessionReview.diffStyle.unified": "מאוחד",
-  "ui.sessionReview.diffStyle.split": "מפוצל",
-  "ui.sessionReview.expandAll": "הרחב הכל",
-  "ui.sessionReview.collapseAll": "כווץ הכל",
-  "ui.sessionReview.change.added": "נוסף",
-  "ui.sessionReview.change.removed": "הוסר",
-  "ui.sessionReview.change.modified": "שונה",
-  "ui.sessionReview.image.loading": "טוען...",
-  "ui.sessionReview.image.placeholder": "תמונה",
-  "ui.sessionReview.largeDiff.title": "ה-diff גדול מדי להצגה",
-  "ui.sessionReview.largeDiff.meta": "המגבלה היא {{limit}} שורות שהשתנו. כעת יש {{current}} שורות שהשתנו.",
-  "ui.sessionReview.largeDiff.renderAnyway": "הצג בכל זאת",
-  "ui.sessionReviewV2.expandMode": "הרחבה או כיווץ של ה-diff",
-  "ui.sessionReviewV2.filterFiles": "סינון קבצים",
-  "ui.sessionReviewV2.toggleSidebar": "הצגה או הסתרה של עץ הקבצים",
-  "ui.sessionReviewV2.showAllLines": "הצג את כל השורות",
-  "ui.sessionReviewV2.hideNonDiffLines": "הסתרת שורות שאינן חלק מה-diff",
-  "ui.sessionReviewV2.unifiedDiff": "diff מאוחד",
-  "ui.sessionReviewV2.splitDiff": "diff מפוצל",
-  "ui.sessionReviewV2.previousFile": "הקובץ הקודם",
-  "ui.sessionReviewV2.nextFile": "הקובץ הבא",
-  "ui.sessionReviewV2.diffView": "תצוגת diff",
-  "ui.sessionReviewV2.empty.noGit.title": "אין שינויים במעקב",
-  "ui.sessionReviewV2.empty.noGit.description": "עקוב, סקור ובטל שינויים בפרויקט הזה",
-  "ui.sessionReviewV2.empty.noGit.action": "צור מאגר Git",
-  "ui.sessionReviewV2.empty.noGit.actionLoading": "יוצר מאגר Git...",
-  "ui.sessionReviewV2.empty.changes.title": "אין עדיין שינויים בקובץ",
-  "ui.sessionReviewV2.empty.changes.description": "שינויים בפרויקט יופיעו כאן",
-  "ui.sessionReview.openFile": "פתיחת קובץ",
-  "ui.sessionReview.selection.line": "שורה {{line}}",
-  "ui.sessionReview.selection.lines": "שורות {{start}}-{{end}}",
-  "ui.fileMedia.kind.image": "תמונה",
-  "ui.fileMedia.kind.audio": "אודיו",
-  "ui.fileMedia.state.removed": "הוסר קובץ {{kind}}.",
-  "ui.fileMedia.state.loading": "טוען {{kind}}...",
-  "ui.fileMedia.state.error": "לא ניתן לטעון {{kind}}.",
-  "ui.fileMedia.state.unavailable": "תצוגה מקדימה של {{kind}} אינה זמינה.",
-  "ui.fileMedia.binary.title": "קובץ בינארי",
-  "ui.fileMedia.binary.description.path": "{{path}} הוא קובץ בינארי.",
-  "ui.fileMedia.binary.description.default": "תוכן בינארי",
-  "ui.lineComment.label.prefix": "תגובה על ",
-  "ui.lineComment.label.suffix": "",
-  "ui.lineComment.editorLabel.prefix": "תגובה על ",
-  "ui.lineComment.editorLabel.suffix": "",
-  "ui.lineComment.placeholder": "הוסף תגובה",
-  "ui.lineComment.contextPlaceholder": "הוסף הקשר לשינוי זה",
-  "ui.lineComment.submit": "שלח תגובה",
-  "ui.lineComment.cancel": "בטל",
-  "ui.sessionTurn.steps.show": "הצג צעדים",
-  "ui.sessionTurn.steps.hide": "הסתר צעדים",
-  "ui.sessionTurn.summary.response": "תגובה",
-  "ui.sessionTurn.diff.showMore": "הצג שינויים נוספים ({{count}})",
-  "ui.sessionTurn.diffs.changed.one": "{{count}} קובץ השתנה",
-  "ui.sessionTurn.diffs.changed.other": "{{count}} קבצים השתנו",
-  "ui.sessionTurn.diffs.showAll": "הצג הכל",
-  "ui.sessionTurn.diffs.showLess": "הצג פחות",
-  "ui.sessionTurn.diffs.more": "+{{count}} קבצים נוספים",
-  "ui.sessionTurn.retry.retrying": "מנסה שוב",
-  "ui.sessionTurn.retry.inSeconds": "בעוד {{seconds}} שניות",
-  "ui.sessionTurn.retry.attempt": "ניסיון #{{attempt}}",
-  "ui.sessionTurn.retry.attemptLine": "{{line}} - ניסיון #{{attempt}}",
-  "ui.sessionTurn.retry.geminiHot": "העומס על Gemini גבוה מדי כרגע",
-  "ui.sessionTurn.error.freeUsageExceeded": "חריגה מהשימוש בחינם",
-  "ui.sessionTurn.error.addCredits": "הוסף קרדיטים",
-  "dialog.usageExceeded.freeTier.title": "הגעת למגבלה החינמית",
-  "dialog.usageExceeded.freeTier.description":
-    "הירשם ל-OpenCode Go לקבלת גישה אמינה למודלי הקוד הפתוח הטובים ביותר, החל מ-$5 לחודש.",
-  "dialog.usageExceeded.freeTier.actionLabel": "הירשם",
-  "dialog.usageExceeded.accountRateLimit.title": "הגעת למגבלת Go",
-  "dialog.usageExceeded.accountRateLimit.description":
-    "הגעת למגבלת השימוש. כדי להמשיך להשתמש במודל זה כעת, הפעל שימוש מהיתרה הזמינה שלך",
-  "dialog.usageExceeded.accountRateLimit.actionLabel": "פתח את ההגדרות",
-  "ui.sessionTurn.status.delegating": "מעביר את העבודה לסוכן אחר",
-  "ui.sessionTurn.status.planning": "תכנון השלבים הבאים",
-  "ui.sessionTurn.status.gatheringContext": "בודק את הפרויקט",
-  "ui.sessionTurn.status.gatheredContext": "בדיקת הפרויקט הסתיימה",
-  "ui.sessionTurn.status.searchingCodebase": "חיפוש בבסיס הקוד",
-  "ui.sessionTurn.status.searchingWeb": "חיפוש באינטרנט",
-  "ui.sessionTurn.status.makingEdits": "ביצוע עריכות",
-  "ui.sessionTurn.status.runningCommands": "הפעלת פקודות",
-  "ui.sessionTurn.status.thinking": "חושב",
-  "ui.sessionTurn.status.thinkingWithTopic": "חשיבה - {{topic}}",
-  "ui.sessionTurn.status.gatheringThoughts": "מגבש מחשבות",
-  "ui.sessionTurn.status.consideringNextSteps": "בוחן את הצעדים הבאים",
-  "ui.messagePart.diagnostic.error": "שגיאה",
-  "ui.messagePart.title.edit": "ערוך",
-  "ui.messagePart.title.write": "כתוב",
-  "ui.messagePart.option.typeOwnAnswer": "הקלד את התשובה שלך",
-  "ui.messagePart.review.title": "בדיקת התשובות",
-  "ui.messagePart.questions.dismissed": "השאלות נדחו",
-  "ui.messagePart.compaction": "ההפעלה נדחסה",
-  "ui.messagePart.context.read.one": "{{count}} קריאה",
-  "ui.messagePart.context.read.other": "{{count}} קריאות",
-  "ui.messagePart.context.search.one": "{{count}} חיפוש",
-  "ui.messagePart.context.search.other": "{{count}} חיפושים",
-  "ui.messagePart.context.list.one": "{{count}} הצגה",
-  "ui.messagePart.context.list.other": "{{count}} הצגות",
-  "ui.list.loading": "טוען",
-  "ui.list.empty": "אין תוצאות",
-  "ui.list.clearFilter": "נקה מסנן",
-  "ui.list.emptyWithFilter.prefix": "אין תוצאות עבור",
-  "ui.list.emptyWithFilter.suffix": "",
-  "ui.fileSearch.placeholder": "מצא",
-  "ui.fileSearch.previousMatch": "התוצאה הקודמת",
-  "ui.fileSearch.nextMatch": "התוצאה הבאה",
-  "ui.fileSearch.close": "סגור חיפוש",
-  "ui.messageNav.newMessage": "הודעה חדשה",
-  "ui.promptInput.noMatchingItems": "אין פריטים תואמים",
-  "ui.promptInput.commands": "פקודות",
-  "ui.promptInput.dropFiles": "שחרר קבצים לצירוף",
-  "ui.promptInput.removeAttachment": "הסר את הקובץ המצורף",
-  "ui.promptInput.label": "פרומפט",
-  "ui.promptInput.placeholder.shell": "הזן פקודת מעטפת...",
-  "ui.promptInput.placeholder.normal": "שאל כל דבר, {{slash}} עבור פקודות, {{at}} עבור הקשר...",
-  "ui.promptInput.add": "הוסף תמונות וקבצים",
-  "ui.promptInput.attachments": "תמונות וקבצים",
-  "ui.promptInput.context": "הקשר",
-  "ui.promptInput.shell": "פקודת מעטפת",
-  "ui.promptInput.chooseAgent": "בחר סוכן",
-  "ui.promptInput.chooseModel": "בחר מודל",
-  "ui.promptInput.chooseVariant": "בחר גרסה של מודל",
-  "ui.promptInput.send": "שלח",
-  "ui.promptInput.stop": "עצור",
-  "ui.tabs.close": "סגור כרטיסייה",
-  "ui.textField.copyToClipboard": "העתק ללוח",
-  "ui.textField.copyLink": "העתק קישור",
-  "ui.textField.copied": "הועתק",
-  "ui.imagePreview.alt": "תצוגה מקדימה של תמונה",
-  "ui.scrollView.ariaLabel": "תוכן שניתן לגלול",
-  "ui.tool.read": "קרא",
-  "ui.tool.loaded": "טעון",
-  "ui.tool.list": "רשימה",
-  "ui.tool.glob": "Glob",
-  "ui.tool.grep": "Grep",
-  "ui.tool.task": "משימה",
-  "ui.tool.webfetch": "Webfetch",
-  "ui.tool.websearch": "Web Search",
-  "ui.tool.websearch.provider": "{{provider}} Web Search",
-  "ui.tool.shell": "Shell",
-  "ui.tool.patch": "Patch",
-  "ui.tool.questions": "שאלות",
-  "ui.tool.questions.numbered": "שאלות {{number}}",
-  "ui.tool.agent": "סוכן {{type}}",
-  "ui.tool.agent.default": "סוכן",
-  "ui.tool.skill": "מיומנות",
-  "ui.basicTool.called": "בוצעה קריאה אל `{{tool}}`",
-  "ui.toolErrorCard.failed": "נכשל",
-  "ui.toolErrorCard.copyError": "שגיאת העתקה",
-  "ui.common.file.one": "קובץ",
-  "ui.common.file.other": "קבצים",
-  "ui.common.question.one": "שאלה",
-  "ui.common.question.other": "שאלות",
-  "ui.common.add": "הוסף",
-  "ui.common.clear": "נקה",
-  "ui.common.file": "קובץ",
-  "ui.common.back": "חזרה",
-  "ui.common.cancel": "בטל",
-  "ui.common.confirm": "אשר",
-  "ui.common.dismiss": "סגור",
-  "ui.common.close": "סגור",
-  "ui.common.next": "הבא",
-  "ui.common.submit": "שלח",
-  "ui.common.showMore": "הצג עוד",
-  "ui.permission.deny": "דחה",
-  "ui.permission.allowAlways": "אפשר תמיד",
-  "ui.permission.allowOnce": "אפשר פעם אחת",
-  "ui.message.expand": "הרחב את ההודעה",
-  "ui.message.collapse": "כווץ הודעה",
-  "ui.message.copy": "העתק",
-  "ui.message.copyMessage": "העתק הודעה",
-  "ui.message.forkMessage": "יצירת הפעלה חדשה מכאן",
-  "ui.message.revertMessage": "ביטול ההודעה",
-  "ui.message.copyResponse": "העתק את התגובה",
-  "ui.message.copied": "הועתק",
-  "ui.message.duration.seconds": "{{count}}s",
-  "ui.message.duration.minutesSeconds": "{{minutes}}m {{seconds}}s",
-  "ui.message.interrupted": "נקטע",
-  "ui.message.queued": "בתור",
-  "ui.message.attachment.alt": "קובץ מצורף",
-  "ui.patch.action.deleted": "נמחק",
-  "ui.patch.action.created": "נוצר",
-  "ui.patch.action.moved": "הועבר",
-  "ui.patch.action.patched": "עודכן",
-  "ui.question.subtitle.answered": "שאלות שנענו: {{count}}",
-  "ui.question.answer.none": "(אין תשובה)",
-  "ui.question.review.notAnswered": "(ללא תשובה)",
-  "ui.question.multiHint": "בחר את כל התשובות המתאימות",
-  "ui.question.singleHint": "בחר תשובה אחת",
-  "ui.question.custom.placeholder": "הקלד את תשובתך...",
-  "ui.sessionTurn.diffs.changed.two": "{{count}} קבצים השתנו",
-  "ui.messagePart.context.read.two": "{{count}} קריאות",
-  "ui.messagePart.context.search.two": "{{count}} חיפושים",
-  "ui.messagePart.context.list.two": "{{count}} הצגות",
-}

package/src/icons/icon/icon.css

@@ -1,3 +0,0 @@
-:dir(rtl) [data-slot="icon-svg"][data-directional] {
-  transform: scaleX(-1);
-}

package/src/navigation/tabs/tabs.tsx

@@ -1,194 +0,0 @@
-import { Content, List, Root, Trigger } from "@kobalte/core/tabs"
-import { createContext, Show, splitProps, useContext, type JSX } from "solid-js"
-import type { Component, ComponentProps, ParentProps } from "solid-js"
-import { useI18n } from "../../context/i18n"
-import "./tabs-current.css"
-
-export type TabsVariant = "panel" | "underline" | "surface" | "line" | "pill" | "settings"
-
-export interface TabsProps extends ComponentProps<typeof Root> {
-  variant?: TabsVariant
-  orientation?: "horizontal" | "vertical"
-}
-export interface TabsListProps extends ComponentProps<typeof List> {}
-export interface TabsTriggerProps extends ComponentProps<typeof Trigger> {
-  classes?: { button?: string }
-  closeButton?: JSX.Element
-  hideCloseButton?: boolean
-  onMiddleClick?: () => void
-  subtext?: JSX.Element | string
-}
-export interface TabsCloseButtonProps extends ComponentProps<"button"> {}
-export interface TabsContentProps extends ComponentProps<typeof Content> {}
-
-const TabsContext = createContext<{ current: () => boolean }>({ current: () => false })
-
-function TabsRoot(props: TabsProps) {
-  const [local, rest] = splitProps(props, ["class", "classList", "variant", "orientation", "children"])
-  const variant = () => local.variant ?? "panel"
-  const current = () => variant() === "line" || variant() === "pill" || variant() === "settings"
-  const dataVariant = () => {
-    if (variant() === "panel" || variant() === "line") return "normal"
-    if (variant() === "underline") return "alt"
-    if (variant() === "surface") return "pill"
-    return variant()
-  }
-  return (
-    <TabsContext.Provider value={{ current }}>
-      <Root
-        {...rest}
-        orientation={local.orientation}
-        data-component={current() ? "tabs-v2" : "tabs"}
-        data-variant={dataVariant()}
-        data-orientation={local.orientation || "horizontal"}
-        classList={{
-          ...local.classList,
-          [local.class ?? ""]: !!local.class,
-        }}
-      >
-        {local.children}
-      </Root>
-    </TabsContext.Provider>
-  )
-}
-
-function TabsList(props: TabsListProps) {
-  const ctx = useContext(TabsContext)
-  const [local, rest] = splitProps(props, ["class", "classList"])
-  return (
-    <List
-      {...rest}
-      data-slot={ctx.current() ? "tabs-v2-list" : "tabs-list"}
-      classList={{
-        ...local.classList,
-        [local.class ?? ""]: !!local.class,
-      }}
-    />
-  )
-}
-
-function TabsTrigger(props: ParentProps<TabsTriggerProps>) {
-  const ctx = useContext(TabsContext)
-  const [local, rest] = splitProps(props, [
-    "class",
-    "classList",
-    "classes",
-    "children",
-    "closeButton",
-    "hideCloseButton",
-    "onMiddleClick",
-    "subtext",
-    "dir",
-  ])
-  const wrapperSlot = () => (ctx.current() ? "tabs-v2-trigger-wrapper" : "tabs-trigger-wrapper")
-  const triggerSlot = () => (ctx.current() ? "tabs-v2-trigger" : "tabs-trigger")
-  const closeSlot = () => (ctx.current() ? "tabs-v2-trigger-close-button" : "tabs-trigger-close-button")
-  return (
-    <div
-      data-slot={wrapperSlot()}
-      data-value={props.value}
-      classList={{
-        ...local.classList,
-        [local.class ?? ""]: !!local.class,
-      }}
-      onMouseDown={(event) => {
-        if (event.button !== 1 || !local.onMiddleClick) return
-        event.preventDefault()
-      }}
-      onAuxClick={(event) => {
-        if (event.button !== 1 || !local.onMiddleClick) return
-        event.preventDefault()
-        local.onMiddleClick()
-      }}
-    >
-      <Trigger
-        {...rest}
-        dir={local.dir ?? "auto"}
-        data-slot={triggerSlot()}
-        data-value={props.value}
-        classList={{ [local.classes?.button ?? ""]: !!local.classes?.button }}
-      >
-        <Show when={ctx.current()} fallback={local.children}>
-          <span class="inline-flex items-center gap-2" data-slot="tabs-v2-trigger-content">
-            {local.children}
-            <Show when={local.subtext}>
-              {(subtext) => (
-                <span data-slot="tabs-v2-subtext" class="ms-2 text-xs text-text-weak">
-                  {subtext()}
-                </span>
-              )}
-            </Show>
-          </span>
-        </Show>
-      </Trigger>
-      <Show when={local.closeButton}>
-        {(closeButton) => (
-          <div data-slot={closeSlot()} data-hidden={local.hideCloseButton ? "" : undefined}>
-            {closeButton()}
-          </div>
-        )}
-      </Show>
-    </div>
-  )
-}
-
-function TabsCloseButton(props: TabsCloseButtonProps) {
-  const i18n = useI18n()
-  const [local, rest] = splitProps(props, ["class", "classList", "onClick", "onPointerDown", "aria-label"])
-  return (
-    <button
-      type="button"
-      {...rest}
-      aria-label={local["aria-label"] ?? i18n.t("ui.tabs.close")}
-      data-slot="tabs-close-button"
-      classList={{
-        [local.class ?? ""]: !!local.class,
-        ...local.classList,
-      }}
-      onPointerDown={(event) => {
-        event.stopPropagation()
-        if (typeof local.onPointerDown === "function") local.onPointerDown(event)
-      }}
-      onClick={(event) => {
-        event.preventDefault()
-        event.stopPropagation()
-        if (typeof local.onClick === "function") local.onClick(event)
-      }}
-    >
-      <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
-        <path d="M10.8889 3.11108L3.11108 10.8889" stroke="currentColor" stroke-linejoin="round" />
-        <path d="M3.11108 3.11108L10.8889 10.8889" stroke="currentColor" stroke-linejoin="round" />
-      </svg>
-    </button>
-  )
-}
-
-function TabsContent(props: ParentProps<TabsContentProps>) {
-  const ctx = useContext(TabsContext)
-  const [local, rest] = splitProps(props, ["class", "classList", "children"])
-  return (
-    <Content
-      {...rest}
-      data-slot={ctx.current() ? "tabs-v2-content" : "tabs-content"}
-      classList={{
-        ...local.classList,
-        [local.class ?? ""]: !!local.class,
-      }}
-    >
-      {local.children}
-    </Content>
-  )
-}
-
-const TabsSectionTitle: Component<ParentProps> = (props) => {
-  const ctx = useContext(TabsContext)
-  return <div data-slot={ctx.current() ? "tabs-v2-section-title" : "tabs-section-title"}>{props.children}</div>
-}
-
-export const Tabs = Object.assign(TabsRoot, {
-  List: TabsList,
-  Trigger: TabsTrigger,
-  CloseButton: TabsCloseButton,
-  Content: TabsContent,
-  SectionTitle: TabsSectionTitle,
-})