@flanksource/clicky-ui 0.3.1 → 0.3.3

package/dist/rpc/AcceptPicker.cjs

@@ -1,137 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const react$1 = require("@floating-ui/react");
-const button = require("../components/button.cjs");
-const Icon = require("../data/Icon.cjs");
-const utils = require("../lib/utils.cjs");
-const modalStack = require("../overlay/modalStack.cjs");
-const acceptOptions = require("./accept-options.cjs");
-const UiEllipsis = require("../icons/components/UiEllipsis.cjs");
-const UiCheck = require("../icons/components/UiCheck.cjs");
-const PREVIEW_OPTIONS = [
-  { value: "curl", label: "Show cURL preview" },
-  { value: "cli", label: "Show CLI preview" },
-  { value: "hidden", label: "Hide preview" }
-];
-function AcceptPicker({
-  value,
-  onChange,
-  size = "md",
-  options = acceptOptions.ACCEPT_OPTIONS,
-  previewMode = "hidden",
-  onPreviewModeChange,
-  className
-}) {
-  var _a;
-  const [open, setOpen] = react.useState(false);
-  const pad = size === "sm" ? "px-2 py-0.5" : "px-2.5 py-1";
-  const activeLabel = ((_a = options.find((opt) => opt.value === value)) == null ? void 0 : _a.label) ?? value;
-  const floatingZ = modalStack.useFloatingZIndex();
-  const { refs, floatingStyles, context } = react$1.useFloating({
-    open,
-    onOpenChange: setOpen,
-    placement: "bottom-end",
-    whileElementsMounted: react$1.autoUpdate,
-    middleware: [react$1.offset(6), react$1.flip({ padding: 8 }), react$1.shift({ padding: 8 })]
-  });
-  const { getReferenceProps, getFloatingProps } = react$1.useInteractions([
-    react$1.useClick(context),
-    react$1.useDismiss(context, { escapeKey: false }),
-    react$1.useRole(context, { role: "menu" })
-  ]);
-  modalStack.useEscapeLayer(open, () => {
-    setOpen(false);
-    if (refs.domReference.current instanceof HTMLElement) refs.domReference.current.focus();
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      button.Button,
-      {
-        ref: refs.setReference,
-        type: "button",
-        variant: "outline",
-        size: "sm",
-        "aria-label": "Open format menu",
-        className: utils.cn("h-auto gap-1.5", pad),
-        ...getReferenceProps(),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium", children: activeLabel }),
-          /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiEllipsis.UiEllipsis, className: "text-muted-foreground" })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsxRuntime.jsx(react$1.FloatingPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(react$1.FloatingFocusManager, { context, modal: false, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref: refs.setFloating,
-        role: "menu",
-        "aria-label": "Format and preview options",
-        style: { ...floatingStyles, zIndex: floatingZ },
-        className: "min-w-[12rem] rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5",
-        ...getFloatingProps(),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(MenuSectionLabel, { children: "Format" }),
-          options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
-            MenuRadioItem,
-            {
-              label: opt.label,
-              active: opt.value === value,
-              onSelect: () => {
-                onChange(opt.value);
-                setOpen(false);
-              }
-            },
-            opt.value
-          )),
-          onPreviewModeChange && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { role: "separator", className: "my-1 h-px bg-border" }),
-            /* @__PURE__ */ jsxRuntime.jsx(MenuSectionLabel, { children: "Preview" }),
-            PREVIEW_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
-              MenuRadioItem,
-              {
-                label: option.label,
-                active: option.value === previewMode,
-                onSelect: () => {
-                  onPreviewModeChange(option.value);
-                  setOpen(false);
-                }
-              },
-              option.value
-            ))
-          ] })
-        ]
-      }
-    ) }) })
-  ] });
-}
-function MenuSectionLabel({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children });
-}
-function MenuRadioItem({
-  label,
-  active,
-  onSelect
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      type: "button",
-      role: "menuitemradio",
-      "aria-checked": active,
-      className: utils.cn(
-        "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm transition-colors",
-        "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none",
-        active && "font-medium"
-      ),
-      onClick: onSelect,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1", children: label }),
-        active ? /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCheck.UiCheck, className: "shrink-0" }) : null
-      ]
-    }
-  );
-}
-exports.AcceptPicker = AcceptPicker;
-//# sourceMappingURL=AcceptPicker.cjs.map

package/dist/rpc/AcceptPicker.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AcceptPicker.cjs","sources":["../../src/rpc/AcceptPicker.tsx"],"sourcesContent":["import { useState, type Ref } from \"react\";\nimport {\n  autoUpdate,\n  flip,\n  FloatingFocusManager,\n  FloatingPortal,\n  offset,\n  shift,\n  useClick,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useRole,\n} from \"@floating-ui/react\";\nimport { Button } from \"../components/button\";\nimport { Icon } from \"../data/Icon\";\nimport { UiEllipsis, UiCheck } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { useEscapeLayer, useFloatingZIndex } from \"../overlay/modalStack\";\nimport {\n  ACCEPT_OPTIONS,\n  type AcceptOption,\n  type OperationPreviewMode,\n} from \"./accept-options\";\n\nexport type AcceptPickerProps = {\n  value: string;\n  onChange: (value: string) => void;\n  size?: \"sm\" | \"md\";\n  options?: readonly AcceptOption[];\n  previewMode?: OperationPreviewMode;\n  onPreviewModeChange?: (mode: OperationPreviewMode) => void;\n  className?: string;\n};\n\nconst PREVIEW_OPTIONS: Array<{ value: OperationPreviewMode; label: string }> = [\n  { value: \"curl\", label: \"Show cURL preview\" },\n  { value: \"cli\", label: \"Show CLI preview\" },\n  { value: \"hidden\", label: \"Hide preview\" },\n];\n\nexport function AcceptPicker({\n  value,\n  onChange,\n  size = \"md\",\n  options = ACCEPT_OPTIONS,\n  previewMode = \"hidden\",\n  onPreviewModeChange,\n  className,\n}: AcceptPickerProps) {\n  const [open, setOpen] = useState(false);\n  const pad = size === \"sm\" ? \"px-2 py-0.5\" : \"px-2.5 py-1\";\n  const activeLabel = options.find((opt) => opt.value === value)?.label ?? value;\n\n  // Portaled (floating-ui) so the menu escapes `overflow` clipping from\n  // scroll-container ancestors, matching Combobox/DropdownMenu.\n  const floatingZ = useFloatingZIndex();\n  const { refs, floatingStyles, context } = useFloating({\n    open,\n    onOpenChange: setOpen,\n    placement: \"bottom-end\",\n    whileElementsMounted: autoUpdate,\n    middleware: [offset(6), flip({ padding: 8 }), shift({ padding: 8 })],\n  });\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    useClick(context),\n    useDismiss(context, { escapeKey: false }),\n    useRole(context, { role: \"menu\" }),\n  ]);\n  useEscapeLayer(open, () => {\n    setOpen(false);\n    if (refs.domReference.current instanceof HTMLElement) refs.domReference.current.focus();\n  });\n\n  return (\n    <div className={cn(\"flex\", className)}>\n      <Button\n        ref={refs.setReference as Ref<HTMLButtonElement>}\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        aria-label=\"Open format menu\"\n        className={cn(\"h-auto gap-1.5\", pad)}\n        {...getReferenceProps()}\n      >\n        <span className=\"text-xs font-medium\">{activeLabel}</span>\n        <Icon icon={UiEllipsis} className=\"text-muted-foreground\" />\n      </Button>\n      {open && (\n        <FloatingPortal>\n          <FloatingFocusManager context={context} modal={false}>\n            <div\n              ref={refs.setFloating}\n              role=\"menu\"\n              aria-label=\"Format and preview options\"\n              style={{ ...floatingStyles, zIndex: floatingZ }}\n              className=\"min-w-[12rem] rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5\"\n              {...getFloatingProps()}\n            >\n          <MenuSectionLabel>Format</MenuSectionLabel>\n          {options.map((opt) => (\n            <MenuRadioItem\n              key={opt.value}\n              label={opt.label}\n              active={opt.value === value}\n              onSelect={() => {\n                onChange(opt.value);\n                setOpen(false);\n              }}\n            />\n          ))}\n          {onPreviewModeChange && (\n            <>\n              <div role=\"separator\" className=\"my-1 h-px bg-border\" />\n              <MenuSectionLabel>Preview</MenuSectionLabel>\n              {PREVIEW_OPTIONS.map((option) => (\n                <MenuRadioItem\n                  key={option.value}\n                  label={option.label}\n                  active={option.value === previewMode}\n                  onSelect={() => {\n                    onPreviewModeChange(option.value);\n                    setOpen(false);\n                  }}\n                />\n              ))}\n            </>\n          )}\n            </div>\n          </FloatingFocusManager>\n        </FloatingPortal>\n      )}\n    </div>\n  );\n}\n\nfunction MenuSectionLabel({ children }: { children: string }) {\n  return (\n    <div className=\"px-2 py-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\">\n      {children}\n    </div>\n  );\n}\n\nfunction MenuRadioItem({\n  label,\n  active,\n  onSelect,\n}: {\n  label: string;\n  active: boolean;\n  onSelect: () => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemradio\"\n      aria-checked={active}\n      className={cn(\n        \"flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm transition-colors\",\n        \"hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none\",\n        active && \"font-medium\",\n      )}\n      onClick={onSelect}\n    >\n      <span className=\"min-w-0 flex-1\">{label}</span>\n      {active ? <Icon icon={UiCheck} className=\"shrink-0\" /> : null}\n    </button>\n  );\n}\n"],"names":["ACCEPT_OPTIONS","useState","useFloatingZIndex","useFloating","autoUpdate","offset","flip","shift","useInteractions","useClick","useDismiss","useRole","useEscapeLayer","cn","jsxs","Button","jsx","Icon","UiEllipsis","FloatingPortal","FloatingFocusManager","Fragment","UiCheck"],"mappings":"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"}

package/dist/rpc/AcceptPicker.d.ts

@@ -1,12 +0,0 @@
-import { AcceptOption, OperationPreviewMode } from './accept-options';
-export type AcceptPickerProps = {
-    value: string;
-    onChange: (value: string) => void;
-    size?: "sm" | "md";
-    options?: readonly AcceptOption[];
-    previewMode?: OperationPreviewMode;
-    onPreviewModeChange?: (mode: OperationPreviewMode) => void;
-    className?: string;
-};
-export declare function AcceptPicker({ value, onChange, size, options, previewMode, onPreviewModeChange, className, }: AcceptPickerProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AcceptPicker.d.ts.map

package/dist/rpc/AcceptPicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AcceptPicker.d.ts","sourceRoot":"","sources":["../../src/rpc/AcceptPicker.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,oBAAoB,EAC1B,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,YAAY,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAQF,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,IAAW,EACX,OAAwB,EACxB,WAAsB,EACtB,mBAAmB,EACnB,SAAS,GACV,EAAE,iBAAiB,2CAqFnB"}

package/dist/rpc/AcceptPicker.js

@@ -1,137 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useState } from "react";
-import { useFloating, autoUpdate, offset, flip, shift, useInteractions, useClick, useDismiss, useRole, FloatingPortal, FloatingFocusManager } from "@floating-ui/react";
-import { Button } from "../components/button.js";
-import { Icon } from "../data/Icon.js";
-import { cn } from "../lib/utils.js";
-import { useFloatingZIndex, useEscapeLayer } from "../overlay/modalStack.js";
-import { ACCEPT_OPTIONS } from "./accept-options.js";
-import { UiEllipsis } from "../icons/components/UiEllipsis.js";
-import { UiCheck } from "../icons/components/UiCheck.js";
-const PREVIEW_OPTIONS = [
-  { value: "curl", label: "Show cURL preview" },
-  { value: "cli", label: "Show CLI preview" },
-  { value: "hidden", label: "Hide preview" }
-];
-function AcceptPicker({
-  value,
-  onChange,
-  size = "md",
-  options = ACCEPT_OPTIONS,
-  previewMode = "hidden",
-  onPreviewModeChange,
-  className
-}) {
-  var _a;
-  const [open, setOpen] = useState(false);
-  const pad = size === "sm" ? "px-2 py-0.5" : "px-2.5 py-1";
-  const activeLabel = ((_a = options.find((opt) => opt.value === value)) == null ? void 0 : _a.label) ?? value;
-  const floatingZ = useFloatingZIndex();
-  const { refs, floatingStyles, context } = useFloating({
-    open,
-    onOpenChange: setOpen,
-    placement: "bottom-end",
-    whileElementsMounted: autoUpdate,
-    middleware: [offset(6), flip({ padding: 8 }), shift({ padding: 8 })]
-  });
-  const { getReferenceProps, getFloatingProps } = useInteractions([
-    useClick(context),
-    useDismiss(context, { escapeKey: false }),
-    useRole(context, { role: "menu" })
-  ]);
-  useEscapeLayer(open, () => {
-    setOpen(false);
-    if (refs.domReference.current instanceof HTMLElement) refs.domReference.current.focus();
-  });
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex", className), children: [
-    /* @__PURE__ */ jsxs(
-      Button,
-      {
-        ref: refs.setReference,
-        type: "button",
-        variant: "outline",
-        size: "sm",
-        "aria-label": "Open format menu",
-        className: cn("h-auto gap-1.5", pad),
-        ...getReferenceProps(),
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: activeLabel }),
-          /* @__PURE__ */ jsx(Icon, { icon: UiEllipsis, className: "text-muted-foreground" })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(FloatingFocusManager, { context, modal: false, children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: refs.setFloating,
-        role: "menu",
-        "aria-label": "Format and preview options",
-        style: { ...floatingStyles, zIndex: floatingZ },
-        className: "min-w-[12rem] rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5",
-        ...getFloatingProps(),
-        children: [
-          /* @__PURE__ */ jsx(MenuSectionLabel, { children: "Format" }),
-          options.map((opt) => /* @__PURE__ */ jsx(
-            MenuRadioItem,
-            {
-              label: opt.label,
-              active: opt.value === value,
-              onSelect: () => {
-                onChange(opt.value);
-                setOpen(false);
-              }
-            },
-            opt.value
-          )),
-          onPreviewModeChange && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("div", { role: "separator", className: "my-1 h-px bg-border" }),
-            /* @__PURE__ */ jsx(MenuSectionLabel, { children: "Preview" }),
-            PREVIEW_OPTIONS.map((option) => /* @__PURE__ */ jsx(
-              MenuRadioItem,
-              {
-                label: option.label,
-                active: option.value === previewMode,
-                onSelect: () => {
-                  onPreviewModeChange(option.value);
-                  setOpen(false);
-                }
-              },
-              option.value
-            ))
-          ] })
-        ]
-      }
-    ) }) })
-  ] });
-}
-function MenuSectionLabel({ children }) {
-  return /* @__PURE__ */ jsx("div", { className: "px-2 py-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children });
-}
-function MenuRadioItem({
-  label,
-  active,
-  onSelect
-}) {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      role: "menuitemradio",
-      "aria-checked": active,
-      className: cn(
-        "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm transition-colors",
-        "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none",
-        active && "font-medium"
-      ),
-      onClick: onSelect,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children: label }),
-        active ? /* @__PURE__ */ jsx(Icon, { icon: UiCheck, className: "shrink-0" }) : null
-      ]
-    }
-  );
-}
-export {
-  AcceptPicker
-};
-//# sourceMappingURL=AcceptPicker.js.map

package/dist/rpc/AcceptPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AcceptPicker.js","sources":["../../src/rpc/AcceptPicker.tsx"],"sourcesContent":["import { useState, type Ref } from \"react\";\nimport {\n  autoUpdate,\n  flip,\n  FloatingFocusManager,\n  FloatingPortal,\n  offset,\n  shift,\n  useClick,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useRole,\n} from \"@floating-ui/react\";\nimport { Button } from \"../components/button\";\nimport { Icon } from \"../data/Icon\";\nimport { UiEllipsis, UiCheck } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { useEscapeLayer, useFloatingZIndex } from \"../overlay/modalStack\";\nimport {\n  ACCEPT_OPTIONS,\n  type AcceptOption,\n  type OperationPreviewMode,\n} from \"./accept-options\";\n\nexport type AcceptPickerProps = {\n  value: string;\n  onChange: (value: string) => void;\n  size?: \"sm\" | \"md\";\n  options?: readonly AcceptOption[];\n  previewMode?: OperationPreviewMode;\n  onPreviewModeChange?: (mode: OperationPreviewMode) => void;\n  className?: string;\n};\n\nconst PREVIEW_OPTIONS: Array<{ value: OperationPreviewMode; label: string }> = [\n  { value: \"curl\", label: \"Show cURL preview\" },\n  { value: \"cli\", label: \"Show CLI preview\" },\n  { value: \"hidden\", label: \"Hide preview\" },\n];\n\nexport function AcceptPicker({\n  value,\n  onChange,\n  size = \"md\",\n  options = ACCEPT_OPTIONS,\n  previewMode = \"hidden\",\n  onPreviewModeChange,\n  className,\n}: AcceptPickerProps) {\n  const [open, setOpen] = useState(false);\n  const pad = size === \"sm\" ? \"px-2 py-0.5\" : \"px-2.5 py-1\";\n  const activeLabel = options.find((opt) => opt.value === value)?.label ?? value;\n\n  // Portaled (floating-ui) so the menu escapes `overflow` clipping from\n  // scroll-container ancestors, matching Combobox/DropdownMenu.\n  const floatingZ = useFloatingZIndex();\n  const { refs, floatingStyles, context } = useFloating({\n    open,\n    onOpenChange: setOpen,\n    placement: \"bottom-end\",\n    whileElementsMounted: autoUpdate,\n    middleware: [offset(6), flip({ padding: 8 }), shift({ padding: 8 })],\n  });\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    useClick(context),\n    useDismiss(context, { escapeKey: false }),\n    useRole(context, { role: \"menu\" }),\n  ]);\n  useEscapeLayer(open, () => {\n    setOpen(false);\n    if (refs.domReference.current instanceof HTMLElement) refs.domReference.current.focus();\n  });\n\n  return (\n    <div className={cn(\"flex\", className)}>\n      <Button\n        ref={refs.setReference as Ref<HTMLButtonElement>}\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        aria-label=\"Open format menu\"\n        className={cn(\"h-auto gap-1.5\", pad)}\n        {...getReferenceProps()}\n      >\n        <span className=\"text-xs font-medium\">{activeLabel}</span>\n        <Icon icon={UiEllipsis} className=\"text-muted-foreground\" />\n      </Button>\n      {open && (\n        <FloatingPortal>\n          <FloatingFocusManager context={context} modal={false}>\n            <div\n              ref={refs.setFloating}\n              role=\"menu\"\n              aria-label=\"Format and preview options\"\n              style={{ ...floatingStyles, zIndex: floatingZ }}\n              className=\"min-w-[12rem] rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5\"\n              {...getFloatingProps()}\n            >\n          <MenuSectionLabel>Format</MenuSectionLabel>\n          {options.map((opt) => (\n            <MenuRadioItem\n              key={opt.value}\n              label={opt.label}\n              active={opt.value === value}\n              onSelect={() => {\n                onChange(opt.value);\n                setOpen(false);\n              }}\n            />\n          ))}\n          {onPreviewModeChange && (\n            <>\n              <div role=\"separator\" className=\"my-1 h-px bg-border\" />\n              <MenuSectionLabel>Preview</MenuSectionLabel>\n              {PREVIEW_OPTIONS.map((option) => (\n                <MenuRadioItem\n                  key={option.value}\n                  label={option.label}\n                  active={option.value === previewMode}\n                  onSelect={() => {\n                    onPreviewModeChange(option.value);\n                    setOpen(false);\n                  }}\n                />\n              ))}\n            </>\n          )}\n            </div>\n          </FloatingFocusManager>\n        </FloatingPortal>\n      )}\n    </div>\n  );\n}\n\nfunction MenuSectionLabel({ children }: { children: string }) {\n  return (\n    <div className=\"px-2 py-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\">\n      {children}\n    </div>\n  );\n}\n\nfunction MenuRadioItem({\n  label,\n  active,\n  onSelect,\n}: {\n  label: string;\n  active: boolean;\n  onSelect: () => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemradio\"\n      aria-checked={active}\n      className={cn(\n        \"flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm transition-colors\",\n        \"hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none\",\n        active && \"font-medium\",\n      )}\n      onClick={onSelect}\n    >\n      <span className=\"min-w-0 flex-1\">{label}</span>\n      {active ? <Icon icon={UiCheck} className=\"shrink-0\" /> : null}\n    </button>\n  );\n}\n"],"names":[],"mappings":"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"}