@opencode-ai/ui 1.18.11 → 1.18.13

package/dist/i18n/pl.d.ts

@@ -48,6 +48,7 @@ export declare const dict: {
     "ui.lineComment.editorLabel.prefix": string;
     "ui.lineComment.editorLabel.suffix": string;
     "ui.lineComment.placeholder": string;
+    "ui.lineComment.contextPlaceholder": string;
     "ui.lineComment.submit": string;
     "ui.lineComment.cancel": string;
     "ui.sessionTurn.steps.show": string;
@@ -55,6 +56,8 @@ export declare const dict: {
     "ui.sessionTurn.summary.response": string;
     "ui.sessionTurn.diff.showMore": string;
     "ui.sessionTurn.diffs.changed.one": string;
+    "ui.sessionTurn.diffs.changed.few": string;
+    "ui.sessionTurn.diffs.changed.many": string;
     "ui.sessionTurn.diffs.changed.other": string;
     "ui.sessionTurn.diffs.showAll": string;
     "ui.sessionTurn.diffs.showLess": string;
@@ -87,10 +90,16 @@ export declare const dict: {
     "ui.messagePart.questions.dismissed": string;
     "ui.messagePart.compaction": string;
     "ui.messagePart.context.read.one": string;
+    "ui.messagePart.context.read.few": string;
+    "ui.messagePart.context.read.many": string;
     "ui.messagePart.context.read.other": string;
     "ui.messagePart.context.search.one": string;
+    "ui.messagePart.context.search.few": string;
+    "ui.messagePart.context.search.many": string;
     "ui.messagePart.context.search.other": string;
     "ui.messagePart.context.list.one": string;
+    "ui.messagePart.context.list.few": string;
+    "ui.messagePart.context.list.many": string;
     "ui.messagePart.context.list.other": string;
     "ui.messagePart.diagnostic.error": string;
     "ui.messagePart.title.edit": string;
@@ -103,6 +112,23 @@ export declare const dict: {
     "ui.list.emptyWithFilter.prefix": string;
     "ui.list.emptyWithFilter.suffix": string;
     "ui.messageNav.newMessage": string;
+    "ui.promptInput.noMatchingItems": string;
+    "ui.promptInput.commands": string;
+    "ui.promptInput.dropFiles": string;
+    "ui.promptInput.removeAttachment": string;
+    "ui.promptInput.label": string;
+    "ui.promptInput.placeholder.shell": string;
+    "ui.promptInput.placeholder.normal": string;
+    "ui.promptInput.add": string;
+    "ui.promptInput.attachments": string;
+    "ui.promptInput.context": string;
+    "ui.promptInput.shell": string;
+    "ui.promptInput.chooseAgent": string;
+    "ui.promptInput.chooseModel": string;
+    "ui.promptInput.chooseVariant": string;
+    "ui.promptInput.send": string;
+    "ui.promptInput.stop": string;
+    "ui.tabs.close": string;
     "ui.textField.copyToClipboard": string;
     "ui.textField.copyLink": string;
     "ui.textField.copied": string;
@@ -115,11 +141,13 @@ export declare const dict: {
     "ui.tool.grep": string;
     "ui.tool.webfetch": string;
     "ui.tool.websearch": string;
+    "ui.tool.websearch.provider": string;
     "ui.tool.shell": string;
     "ui.tool.patch": string;
     "ui.tool.todos": string;
     "ui.tool.todos.read": string;
     "ui.tool.questions": string;
+    "ui.tool.questions.numbered": string;
     "ui.tool.agent": string;
     "ui.tool.agent.default": string;
     "ui.common.file.one": string;
@@ -135,6 +163,8 @@ export declare const dict: {
     "ui.common.next": string;
     "ui.common.submit": string;
     "ui.common.showMore": string;
+    "ui.common.clear": string;
+    "ui.common.file": string;
     "ui.permission.deny": string;
     "ui.permission.allowAlways": string;
     "ui.permission.allowOnce": string;

package/dist/i18n/ru.d.ts

@@ -48,6 +48,7 @@ export declare const dict: {
     "ui.lineComment.editorLabel.prefix": string;
     "ui.lineComment.editorLabel.suffix": string;
     "ui.lineComment.placeholder": string;
+    "ui.lineComment.contextPlaceholder": string;
     "ui.lineComment.submit": string;
     "ui.lineComment.cancel": string;
     "ui.sessionTurn.steps.show": string;
@@ -55,6 +56,8 @@ export declare const dict: {
     "ui.sessionTurn.summary.response": string;
     "ui.sessionTurn.diff.showMore": string;
     "ui.sessionTurn.diffs.changed.one": string;
+    "ui.sessionTurn.diffs.changed.few": string;
+    "ui.sessionTurn.diffs.changed.many": string;
     "ui.sessionTurn.diffs.changed.other": string;
     "ui.sessionTurn.diffs.showAll": string;
     "ui.sessionTurn.diffs.showLess": string;
@@ -87,10 +90,16 @@ export declare const dict: {
     "ui.messagePart.questions.dismissed": string;
     "ui.messagePart.compaction": string;
     "ui.messagePart.context.read.one": string;
+    "ui.messagePart.context.read.few": string;
+    "ui.messagePart.context.read.many": string;
     "ui.messagePart.context.read.other": string;
     "ui.messagePart.context.search.one": string;
+    "ui.messagePart.context.search.few": string;
+    "ui.messagePart.context.search.many": string;
     "ui.messagePart.context.search.other": string;
     "ui.messagePart.context.list.one": string;
+    "ui.messagePart.context.list.few": string;
+    "ui.messagePart.context.list.many": string;
     "ui.messagePart.context.list.other": string;
     "ui.messagePart.diagnostic.error": string;
     "ui.messagePart.title.edit": string;
@@ -103,6 +112,23 @@ export declare const dict: {
     "ui.list.emptyWithFilter.prefix": string;
     "ui.list.emptyWithFilter.suffix": string;
     "ui.messageNav.newMessage": string;
+    "ui.promptInput.noMatchingItems": string;
+    "ui.promptInput.commands": string;
+    "ui.promptInput.dropFiles": string;
+    "ui.promptInput.removeAttachment": string;
+    "ui.promptInput.label": string;
+    "ui.promptInput.placeholder.shell": string;
+    "ui.promptInput.placeholder.normal": string;
+    "ui.promptInput.add": string;
+    "ui.promptInput.attachments": string;
+    "ui.promptInput.context": string;
+    "ui.promptInput.shell": string;
+    "ui.promptInput.chooseAgent": string;
+    "ui.promptInput.chooseModel": string;
+    "ui.promptInput.chooseVariant": string;
+    "ui.promptInput.send": string;
+    "ui.promptInput.stop": string;
+    "ui.tabs.close": string;
     "ui.textField.copyToClipboard": string;
     "ui.textField.copyLink": string;
     "ui.textField.copied": string;
@@ -115,11 +141,13 @@ export declare const dict: {
     "ui.tool.grep": string;
     "ui.tool.webfetch": string;
     "ui.tool.websearch": string;
+    "ui.tool.websearch.provider": string;
     "ui.tool.shell": string;
     "ui.tool.patch": string;
     "ui.tool.todos": string;
     "ui.tool.todos.read": string;
     "ui.tool.questions": string;
+    "ui.tool.questions.numbered": string;
     "ui.tool.agent": string;
     "ui.tool.agent.default": string;
     "ui.common.file.one": string;
@@ -135,6 +163,8 @@ export declare const dict: {
     "ui.common.next": string;
     "ui.common.submit": string;
     "ui.common.showMore": string;
+    "ui.common.clear": string;
+    "ui.common.file": string;
     "ui.permission.deny": string;
     "ui.permission.allowAlways": string;
     "ui.permission.allowOnce": string;

package/dist/i18n/sv.d.ts

@@ -0,0 +1 @@
+export declare const dict: Record<string, string>;

package/dist/i18n/th.d.ts

@@ -48,6 +48,7 @@ export declare const dict: {
     "ui.lineComment.editorLabel.prefix": string;
     "ui.lineComment.editorLabel.suffix": string;
     "ui.lineComment.placeholder": string;
+    "ui.lineComment.contextPlaceholder": string;
     "ui.lineComment.submit": string;
     "ui.lineComment.cancel": string;
     "ui.sessionTurn.steps.show": string;
@@ -103,6 +104,23 @@ export declare const dict: {
     "ui.list.emptyWithFilter.prefix": string;
     "ui.list.emptyWithFilter.suffix": string;
     "ui.messageNav.newMessage": string;
+    "ui.promptInput.noMatchingItems": string;
+    "ui.promptInput.commands": string;
+    "ui.promptInput.dropFiles": string;
+    "ui.promptInput.removeAttachment": string;
+    "ui.promptInput.label": string;
+    "ui.promptInput.placeholder.shell": string;
+    "ui.promptInput.placeholder.normal": string;
+    "ui.promptInput.add": string;
+    "ui.promptInput.attachments": string;
+    "ui.promptInput.context": string;
+    "ui.promptInput.shell": string;
+    "ui.promptInput.chooseAgent": string;
+    "ui.promptInput.chooseModel": string;
+    "ui.promptInput.chooseVariant": string;
+    "ui.promptInput.send": string;
+    "ui.promptInput.stop": string;
+    "ui.tabs.close": string;
     "ui.textField.copyToClipboard": string;
     "ui.textField.copyLink": string;
     "ui.textField.copied": string;
@@ -115,11 +133,13 @@ export declare const dict: {
     "ui.tool.grep": string;
     "ui.tool.webfetch": string;
     "ui.tool.websearch": string;
+    "ui.tool.websearch.provider": string;
     "ui.tool.shell": string;
     "ui.tool.patch": string;
     "ui.tool.todos": string;
     "ui.tool.todos.read": string;
     "ui.tool.questions": string;
+    "ui.tool.questions.numbered": string;
     "ui.tool.agent": string;
     "ui.tool.agent.default": string;
     "ui.common.file.one": string;
@@ -127,6 +147,8 @@ export declare const dict: {
     "ui.common.question.one": string;
     "ui.common.question.other": string;
     "ui.common.add": string;
+    "ui.common.clear": string;
+    "ui.common.file": string;
     "ui.common.back": string;
     "ui.common.cancel": string;
     "ui.common.confirm": string;

package/dist/i18n/tr.d.ts

@@ -48,6 +48,7 @@ export declare const dict: {
     "ui.lineComment.editorLabel.prefix": string;
     "ui.lineComment.editorLabel.suffix": string;
     "ui.lineComment.placeholder": string;
+    "ui.lineComment.contextPlaceholder": string;
     "ui.lineComment.submit": string;
     "ui.lineComment.cancel": string;
     "ui.sessionTurn.steps.show": string;
@@ -103,6 +104,23 @@ export declare const dict: {
     "ui.list.emptyWithFilter.prefix": string;
     "ui.list.emptyWithFilter.suffix": string;
     "ui.messageNav.newMessage": string;
+    "ui.promptInput.noMatchingItems": string;
+    "ui.promptInput.commands": string;
+    "ui.promptInput.dropFiles": string;
+    "ui.promptInput.removeAttachment": string;
+    "ui.promptInput.label": string;
+    "ui.promptInput.placeholder.shell": string;
+    "ui.promptInput.placeholder.normal": string;
+    "ui.promptInput.add": string;
+    "ui.promptInput.attachments": string;
+    "ui.promptInput.context": string;
+    "ui.promptInput.shell": string;
+    "ui.promptInput.chooseAgent": string;
+    "ui.promptInput.chooseModel": string;
+    "ui.promptInput.chooseVariant": string;
+    "ui.promptInput.send": string;
+    "ui.promptInput.stop": string;
+    "ui.tabs.close": string;
     "ui.textField.copyToClipboard": string;
     "ui.textField.copyLink": string;
     "ui.textField.copied": string;
@@ -115,11 +133,13 @@ export declare const dict: {
     "ui.tool.grep": string;
     "ui.tool.webfetch": string;
     "ui.tool.websearch": string;
+    "ui.tool.websearch.provider": string;
     "ui.tool.shell": string;
     "ui.tool.patch": string;
     "ui.tool.todos": string;
     "ui.tool.todos.read": string;
     "ui.tool.questions": string;
+    "ui.tool.questions.numbered": string;
     "ui.tool.agent": string;
     "ui.tool.agent.default": string;
     "ui.common.file.one": string;
@@ -127,6 +147,8 @@ export declare const dict: {
     "ui.common.question.one": string;
     "ui.common.question.other": string;
     "ui.common.add": string;
+    "ui.common.clear": string;
+    "ui.common.file": string;
     "ui.common.back": string;
     "ui.common.cancel": string;
     "ui.common.confirm": string;

package/dist/i18n/ur.d.ts

@@ -0,0 +1 @@
+export declare const dict: Record<string, string>;

package/dist/i18n/vi.d.ts

@@ -0,0 +1 @@
+export declare const dict: Record<string, string>;

package/dist/i18n/zh.d.ts

@@ -48,6 +48,7 @@ export declare const dict: {
     "ui.lineComment.editorLabel.prefix": string;
     "ui.lineComment.editorLabel.suffix": string;
     "ui.lineComment.placeholder": string;
+    "ui.lineComment.contextPlaceholder": string;
     "ui.lineComment.submit": string;
     "ui.lineComment.cancel": string;
     "ui.sessionTurn.steps.show": string;
@@ -103,6 +104,23 @@ export declare const dict: {
     "ui.list.emptyWithFilter.prefix": string;
     "ui.list.emptyWithFilter.suffix": string;
     "ui.messageNav.newMessage": string;
+    "ui.promptInput.noMatchingItems": string;
+    "ui.promptInput.commands": string;
+    "ui.promptInput.dropFiles": string;
+    "ui.promptInput.removeAttachment": string;
+    "ui.promptInput.label": string;
+    "ui.promptInput.placeholder.shell": string;
+    "ui.promptInput.placeholder.normal": string;
+    "ui.promptInput.add": string;
+    "ui.promptInput.attachments": string;
+    "ui.promptInput.context": string;
+    "ui.promptInput.shell": string;
+    "ui.promptInput.chooseAgent": string;
+    "ui.promptInput.chooseModel": string;
+    "ui.promptInput.chooseVariant": string;
+    "ui.promptInput.send": string;
+    "ui.promptInput.stop": string;
+    "ui.tabs.close": string;
     "ui.textField.copyToClipboard": string;
     "ui.textField.copyLink": string;
     "ui.textField.copied": string;
@@ -115,11 +133,13 @@ export declare const dict: {
     "ui.tool.grep": string;
     "ui.tool.webfetch": string;
     "ui.tool.websearch": string;
+    "ui.tool.websearch.provider": string;
     "ui.tool.shell": string;
     "ui.tool.patch": string;
     "ui.tool.todos": string;
     "ui.tool.todos.read": string;
     "ui.tool.questions": string;
+    "ui.tool.questions.numbered": string;
     "ui.tool.agent": string;
     "ui.tool.agent.default": string;
     "ui.common.file.one": string;
@@ -127,6 +147,8 @@ export declare const dict: {
     "ui.common.question.one": string;
     "ui.common.question.other": string;
     "ui.common.add": string;
+    "ui.common.clear": string;
+    "ui.common.file": string;
     "ui.common.back": string;
     "ui.common.cancel": string;
     "ui.common.confirm": string;

package/dist/i18n/zht.d.ts

@@ -48,6 +48,7 @@ export declare const dict: {
     "ui.lineComment.editorLabel.prefix": string;
     "ui.lineComment.editorLabel.suffix": string;
     "ui.lineComment.placeholder": string;
+    "ui.lineComment.contextPlaceholder": string;
     "ui.lineComment.submit": string;
     "ui.lineComment.cancel": string;
     "ui.sessionTurn.steps.show": string;
@@ -103,6 +104,23 @@ export declare const dict: {
     "ui.list.emptyWithFilter.prefix": string;
     "ui.list.emptyWithFilter.suffix": string;
     "ui.messageNav.newMessage": string;
+    "ui.promptInput.noMatchingItems": string;
+    "ui.promptInput.commands": string;
+    "ui.promptInput.dropFiles": string;
+    "ui.promptInput.removeAttachment": string;
+    "ui.promptInput.label": string;
+    "ui.promptInput.placeholder.shell": string;
+    "ui.promptInput.placeholder.normal": string;
+    "ui.promptInput.add": string;
+    "ui.promptInput.attachments": string;
+    "ui.promptInput.context": string;
+    "ui.promptInput.shell": string;
+    "ui.promptInput.chooseAgent": string;
+    "ui.promptInput.chooseModel": string;
+    "ui.promptInput.chooseVariant": string;
+    "ui.promptInput.send": string;
+    "ui.promptInput.stop": string;
+    "ui.tabs.close": string;
     "ui.textField.copyToClipboard": string;
     "ui.textField.copyLink": string;
     "ui.textField.copied": string;
@@ -115,11 +133,13 @@ export declare const dict: {
     "ui.tool.grep": string;
     "ui.tool.webfetch": string;
     "ui.tool.websearch": string;
+    "ui.tool.websearch.provider": string;
     "ui.tool.shell": string;
     "ui.tool.patch": string;
     "ui.tool.todos": string;
     "ui.tool.todos.read": string;
     "ui.tool.questions": string;
+    "ui.tool.questions.numbered": string;
     "ui.tool.agent": string;
     "ui.tool.agent.default": string;
     "ui.common.file.one": string;
@@ -127,6 +147,8 @@ export declare const dict: {
     "ui.common.question.one": string;
     "ui.common.question.other": string;
     "ui.common.add": string;
+    "ui.common.clear": string;
+    "ui.common.file": string;
     "ui.common.back": string;
     "ui.common.cancel": string;
     "ui.common.confirm": string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencode-ai/ui",
-  "version": "1.18.11",
+  "version": "1.18.13",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -135,8 +135,7 @@
     "fuzzysort": "3.1.0",
     "katex": "0.16.27",
     "luxon": "3.6.1",
-    "marked": "17.0.6",
-    "marked-katex-extension": "5.1.6",
+    "marked": "18.0.7",
     "marked-shiki": "1.2.1",
     "morphdom": "2.7.8",
     "motion": "12.34.5",

package/src/components/diff-changes.css

@@ -1,5 +1,7 @@
 [data-component="diff-changes"] {
   display: flex;
+  direction: ltr;
+  unicode-bidi: isolate;
   gap: 8px;
   justify-content: flex-end;
   align-items: center;

package/src/components/dropdown-menu.css

@@ -60,7 +60,7 @@
 
   [data-slot="dropdown-menu-checkbox-item"],
   [data-slot="dropdown-menu-radio-item"] {
-    padding-right: 28px;
+    padding-inline-end: 28px;
   }
 
   [data-slot="dropdown-menu-sub-trigger"] {
@@ -76,7 +76,7 @@
     width: 16px;
     height: 16px;
     position: absolute;
-    right: 8px;
+    inset-inline-end: 8px;
     top: 50%;
     transform: translateY(-50%);
   }

package/src/components/icon.css

@@ -32,3 +32,8 @@
     height: auto;
   }
 }
+
+:dir(rtl) [data-component="icon"][data-directional] [data-slot="icon-svg"],
+:dir(rtl) [data-slot="menu-v2-item-chevron"] {
+  transform: scaleX(-1);
+}

package/src/components/icon.tsx

@@ -151,7 +151,18 @@ export function Icon(props: IconProps) {
   onMount(ensureSprite)
 
   return (
-    <div data-component="icon" data-size={local.size || "normal"}>
+    <div
+      data-component="icon"
+      data-size={local.size || "normal"}
+      data-directional={
+        local.name === "arrow-left" ||
+        local.name === "arrow-right" ||
+        local.name === "chevron-left" ||
+        local.name === "chevron-right"
+          ? true
+          : undefined
+      }
+    >
       <svg
         data-slot="icon-svg"
         classList={{

package/src/components/provider-icons/sprite.svg

@@ -366,34 +366,9 @@
     </symbol>
     <symbol viewBox="0 0 24 24" fill="none" id="openrouter">
       <path
-        d="M3.10913 12.07C3.65512 12.07 5.76627 11.5988 6.85825 10.98C7.95023 10.3612 7.95023 10.3612 10.207 8.75965C13.0642 6.73196 15.0845 7.41088 18.3968 7.41088"
+        d="M728.039 234C819.325 234 893.323 308.62 893.323 400.668C893.323 492.716 819.325 567.336 728.039 567.336L891.984 732.656C912.81 753.655 898.061 789.56 868.613 789.56H397.472C245.333 789.56 122 665.193 122 511.78C122 358.367 245.333 234 397.472 234H728.039ZM397.472 345.112C306.189 345.112 232.189 419.732 232.189 511.78C232.189 603.828 306.189 678.448 397.472 678.448C488.756 678.448 562.756 603.828 562.756 511.78C562.756 419.732 488.756 345.112 397.472 345.112Z"
         fill="currentColor"
-      ></path>
-      <path
-        d="M3.10913 12.07C3.65512 12.07 5.76627 11.5988 6.85825 10.98C7.95023 10.3612 7.95023 10.3612 10.207 8.75965C13.0642 6.73196 15.0845 7.41088 18.3968 7.41088"
-        stroke="currentColor"
-        stroke-width="3.27593"
-      ></path>
-      <path
-        d="M21.6 7.43108L16.0037 10.6622V4.20001L21.6 7.43108Z"
-        fill="currentColor"
-        stroke="currentColor"
-        stroke-width="0.0363992"
-      ></path>
-      <path
-        d="M3 12.072C3.54599 12.072 5.65714 12.5432 6.74912 13.162C7.8411 13.7808 7.8411 13.7808 10.0978 15.3823C12.9551 17.41 14.9753 16.7311 18.2877 16.7311"
-        fill="currentColor"
-      ></path>
-      <path
-        d="M3 12.072C3.54599 12.072 5.65714 12.5432 6.74912 13.162C7.8411 13.7808 7.8411 13.7808 10.0978 15.3823C12.9551 17.41 14.9753 16.7311 18.2877 16.7311"
-        stroke="currentColor"
-        stroke-width="3.27593"
-      ></path>
-      <path
-        d="M21.4909 16.7109L15.8945 13.4798V19.942L21.4909 16.7109Z"
-        fill="currentColor"
-        stroke="currentColor"
-        stroke-width="0.0363992"
+        transform="scale(0.0234375)"
       ></path>
     </symbol>
     <symbol viewBox="0 0 24 24" fill="none" id="opencode">

package/src/components/resize-handle.css

@@ -14,7 +14,7 @@
     opacity: 1;
   }
 
-  &[data-direction="horizontal"] {
+  &:where([data-direction="horizontal"]) {
     inset-block: 0;
     inset-inline-end: 0;
     width: 8px;
@@ -33,9 +33,21 @@
       inset-inline-start: 50%;
       transform: translateX(-50%);
     }
+
+    &:dir(rtl) {
+      transform: translateX(-50%);
+
+      &[data-edge="start"] {
+        transform: translateX(50%);
+      }
+
+      &::after {
+        transform: translateX(50%);
+      }
+    }
   }
 
-  &[data-direction="vertical"] {
+  &:where([data-direction="vertical"]) {
     inset-inline: 0;
     inset-block-start: 0;
     height: 8px;

package/src/components/resize-handle.tsx

@@ -33,6 +33,10 @@ export function ResizeHandle(props: ResizeHandleProps) {
     e.preventDefault()
     const edge = local.edge ?? (local.direction === "vertical" ? "start" : "end")
     const start = local.direction === "horizontal" ? e.clientX : e.clientY
+    const rtl =
+      local.direction === "horizontal" &&
+      e.currentTarget instanceof Element &&
+      getComputedStyle(e.currentTarget).direction === "rtl"
     const startSize = local.size
     const min = local.min
     const max = local.max
@@ -53,7 +57,7 @@ export function ResizeHandle(props: ResizeHandleProps) {
           ? edge === "end"
             ? pos - start
             : start - pos
-          : edge === "start"
+          : (edge === "start") !== rtl
             ? start - pos
             : pos - start
       current = startSize + delta

package/src/components/scroll-view.css

@@ -21,7 +21,7 @@
 
 .scroll-view__thumb {
   position: absolute;
-  right: 0;
+  inset-inline-end: 0;
   top: 0;
   width: 12px;
   transition: opacity 200ms ease;

package/src/components/select.css

@@ -1,6 +1,7 @@
 [data-component="select"] {
   [data-slot="select-select-trigger"] {
-    padding: 0 4px 0 8px;
+    padding-block: 0;
+    padding-inline: 8px 4px;
     box-shadow: none;
 
     [data-slot="select-select-trigger-value"] {
@@ -46,7 +47,8 @@
 
   &[data-trigger-style="settings"] {
     [data-slot="select-select-trigger"] {
-      padding: 6px 6px 6px 12px;
+      padding-block: 6px;
+      padding-inline: 12px 6px;
       box-shadow: none;
       border-radius: 6px;
       min-width: 160px;
@@ -154,7 +156,7 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      margin-left: auto;
+      margin-inline-start: auto;
       width: 16px;
       height: 16px;
     }

package/src/components/switch.css

@@ -103,6 +103,10 @@
     background-color: var(--icon-invert-base);
   }
 
+  &:dir(rtl)[data-checked] [data-slot="switch-thumb"] {
+    transform: translateX(-12px);
+  }
+
   &[data-checked]:hover:not([data-disabled], [data-readonly]) [data-slot="switch-control"] {
     border-color: var(--border-hover);
     background-color: var(--surface-hover);