@opencode/ui 0.0.0-dev-20637 → 0.0.0-dev-20640

package/dist/icons/catalog.d.ts

@@ -184,6 +184,38 @@ declare const icons: {
         viewBox: string;
         body: string;
     };
+    "outline-arrow-left": {
+        viewBox: string;
+        body: string;
+    };
+    "outline-arrow-right": {
+        viewBox: string;
+        body: string;
+    };
+    "outline-arrow-up-right": {
+        viewBox: string;
+        body: string;
+    };
+    "outline-rotate-clockwise": {
+        viewBox: string;
+        body: string;
+    };
+    "outline-globe": {
+        viewBox: string;
+        body: string;
+    };
+    "outline-globe-plus": {
+        viewBox: string;
+        body: string;
+    };
+    "outline-cookie": {
+        viewBox: string;
+        body: string;
+    };
+    "outline-browser-annotate": {
+        viewBox: string;
+        body: string;
+    };
     "arrow-up-right": {
         viewBox: string;
         body: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencode/ui",
-  "version": "0.0.0-dev-20637",
+  "version": "0.0.0-dev-20640",
   "type": "module",
   "license": "MIT",
   "repository": {

package/src/actions/button/button.css

@@ -240,10 +240,12 @@
   color: var(--v2-icon-icon-muted);
 }
 
-[data-component="button-v2"][data-variant="ghost-muted"]:is(:hover, [data-state="hover"]):not(:disabled):not(
-    [data-expanded]
-  ) {
-  background-color: var(--v2-overlay-simple-overlay-hover);
+@media (hover: hover) {
+  [data-component="button-v2"][data-variant="ghost-muted"]:is(:hover, [data-state="hover"]):not(:disabled):not(
+      [data-expanded]
+    ) {
+    background-color: var(--v2-overlay-simple-overlay-hover);
+  }
 }
 
 [data-component="button-v2"][data-variant="ghost-muted"]:is(:active, [data-state="pressed"]):not(:disabled) {

package/src/icons/catalog.ts

@@ -186,6 +186,38 @@ const icons = {
     viewBox: "0 0 16 16",
     body: `<path d="M4.14908 11.0081H1.76282V1.51758H9.1038V2.55588M14.2225 4.99681H6.75397V14.4873H14.2225V4.99681Z" stroke="currentColor"/>`,
   },
+  "outline-arrow-left": {
+    viewBox: "0 0 16 16",
+    body: `<path d="M2.44442 7.99999H13.5555M6.22221 4.22222L2.44442 7.99999L6.22221 11.7778" stroke="currentColor"/>`,
+  },
+  "outline-arrow-right": {
+    viewBox: "0 0 16 16",
+    body: `<path d="M13.5555 7.99999H2.4444M9.77773 11.7778L13.5555 7.99999L9.77773 4.22222" stroke="currentColor"/>`,
+  },
+  "outline-arrow-up-right": {
+    viewBox: "0 0 16 16",
+    body: `<path d="M12.5 3.5L3.5 12.5M12.5 9.62L12.5 3.5L6.38 3.5" stroke="currentColor"/>`,
+  },
+  "outline-rotate-clockwise": {
+    viewBox: "0 0 16 16",
+    body: `<path d="M14.1992 8C14.1992 9.18669 13.8473 10.3467 13.188 11.3334C12.5288 12.3201 11.5917 13.0892 10.4953 13.5433C9.39897 13.9974 8.19257 14.1162 7.02868 13.8847C5.86479 13.6532 4.7957 13.0818 3.95658 12.2426C3.11747 11.4035 2.54602 10.3344 2.31451 9.17054C2.083 8.00666 2.20182 6.80026 2.65594 5.7039C3.11007 4.60754 3.87911 3.67047 4.8658 3.01118C5.85249 2.35189 7.01253 2 8.19922 2C9.87922 2 11.4859 2.66667 12.6926 3.82667L14.1992 5.33333M10.866 5.33333L14.1992 5.33333L14.1993 2" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/>`,
+  },
+  "outline-globe": {
+    viewBox: "0 0 16 16",
+    body: `<path d="M8.00001 14.4445C9.47277 14.4445 10.6667 11.5592 10.6667 8.00001C10.6667 4.44085 9.47277 1.55557 8.00001 1.55557M8.00001 14.4445C6.52725 14.4445 5.33335 11.5592 5.33335 8.00001C5.33335 4.44085 6.52725 1.55557 8.00001 1.55557M8.00001 14.4445C11.5592 14.4445 14.4444 11.5592 14.4444 8C14.4444 4.44083 11.5592 1.55557 8.00001 1.55557M8.00001 14.4445C4.44085 14.4445 1.55556 11.5592 1.55556 8C1.55556 4.44083 4.44085 1.55557 8.00001 1.55557M1.87203 6.00001H14.128M2.03555 10.4445H13.9644" stroke="currentColor"/>`,
+  },
+  "outline-globe-plus": {
+    viewBox: "0 0 16 16",
+    body: `<path d="M7 12.6667C5.71133 12.6667 4.66667 10.1296 4.66667 7C4.66667 3.87039 5.71133 1.33333 7 1.33333C8.2426 1.33333 9.25833 3.69221 9.32933 6.66667" stroke="currentColor" stroke-miterlimit="10"/><path d="M12.6667 6.66667H1.33333" stroke="currentColor"/><path d="M12.6667 7.72825V7C12.6667 3.87039 10.1296 1.33333 7 1.33333C3.8704 1.33333 1.33333 3.87039 1.33333 7C1.33333 10.1296 3.8704 12.6667 7 12.6667H7.58694" stroke="currentColor" stroke-miterlimit="10"/><path d="M9.5 11.5H13.5M11.5 9.5V13.5" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="square"/>`,
+  },
+  "outline-cookie": {
+    viewBox: "0 0 16 16",
+    body: `<path d="M14 8.5A6 6 0 1 1 7.5 2a2 2 0 0 0 2.5 2.5 2 2 0 0 0 2.5 2.5c.4.6.9 1.1 1.5 1.5Z" stroke="currentColor" stroke-linejoin="round"/><path d="M5.5 6.5h.01M5.5 10h.01M8.5 9h.01M10.5 11.5h.01" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>`,
+  },
+  "outline-browser-annotate": {
+    viewBox: "0 0 16 16",
+    body: `<path d="M10.6667 2H14V5.33333M2 5.33333V2H5.33333M2 10.6667V14H5.33333" stroke="currentColor" stroke-linecap="square"/><path d="M11.8571 11.8572L14 14M6.50008 6.50033L14.0001 9.00033L9.00008 14.0003L6.50008 6.50033Z" stroke="currentColor" stroke-linecap="square"/>`,
+  },
   "arrow-up-right": {
     viewBox: "0 0 16 16",
     body: `<path d="M11 9.56V5H6.44M11 5L5 11" stroke="currentColor"/>`,

package/src/icons/icon/icon.tsx

@@ -63,6 +63,8 @@ export function Icon(props: IconProps) {
       data-directional={
         iconName() === "arrow-left" ||
         iconName() === "arrow-right" ||
+        iconName() === "outline-arrow-left" ||
+        iconName() === "outline-arrow-right" ||
         iconName() === "chevron-left" ||
         iconName() === "chevron-right"
           ? ""