sunpeak 0.5.10 → 0.5.13

package/dist/index.js

@@ -7360,7 +7360,7 @@ SegmentedControl.Option = Segment;
 function SimpleSidebar({ children, controls }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex h-screen w-full overflow-hidden", children: [
     /* @__PURE__ */ jsx("aside", { className: "hidden md:flex w-56 flex-col border-r border-subtle bg-background h-screen overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "p-3", children: /* @__PURE__ */ jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-xs font-semibold mb-2 sticky top-0 bg-background pb-1 z-10", children: "Controls" }),
+      /* @__PURE__ */ jsx("h2", { className: "text-xs font-semibold sticky top-0 bg-background z-10", children: "Controls" }),
       controls
     ] }) }) }) }),
     /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-auto h-screen", children })
@@ -11051,11 +11051,30 @@ function ChatGPTSimulator({
           SidebarSelect,
           {
             value: (userAgent == null ? void 0 : userAgent.device.type) ?? "desktop",
-            onChange: (value) => mock.setUserAgent({
-              ...userAgent,
-              device: { type: value },
-              capabilities: (userAgent == null ? void 0 : userAgent.capabilities) ?? { hover: true, touch: false }
-            }),
+            onChange: (value) => {
+              const deviceType = value;
+              let capabilities;
+              switch (deviceType) {
+                case "mobile":
+                  capabilities = { hover: false, touch: true };
+                  break;
+                case "tablet":
+                  capabilities = { hover: false, touch: true };
+                  break;
+                case "desktop":
+                  capabilities = { hover: true, touch: false };
+                  break;
+                case "unknown":
+                default:
+                  capabilities = { hover: true, touch: false };
+                  break;
+              }
+              mock.setUserAgent({
+                ...userAgent,
+                device: { type: deviceType },
+                capabilities
+              });
+            },
             options: [
               { value: "mobile", label: "Mobile" },
               { value: "tablet", label: "Tablet" },
@@ -11064,7 +11083,7 @@ function ChatGPTSimulator({
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx(SidebarControl, { label: "Capabilities", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "pl-4", children: /* @__PURE__ */ jsx(SidebarControl, { label: "Capabilities", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ jsx(
             SidebarCheckbox,
             {
@@ -11095,7 +11114,7 @@ function ChatGPTSimulator({
               label: "Touch"
             }
           )
-        ] }) }),
+        ] }) }) }),
         /* @__PURE__ */ jsx(SidebarControl, { label: "Safe Area Insets", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-1", children: [
           /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
             /* @__PURE__ */ jsx("label", { className: "text-[9px] text-secondary", children: "Top" }),