@gv-tech/design-system 2.22.1 → 2.23.0

package/dist/combobox.mjs

@@ -0,0 +1,164 @@
+"use client";
+"use client";
+import { Jr as e, _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, it as u, l as d, m as f, o as p, p as m, r as h, rt as g, s as _, u as v, v as y, x as b, y as x, z as S } from "./vendor-B6CFfDyk.mjs";
+import { t as C } from "./utils-IYJAOUsw.mjs";
+import { Button as w } from "./button.mjs";
+import { InputGroup as T, InputGroupAddon as E, InputGroupButton as D, InputGroupInput as O } from "./input-group.mjs";
+import * as k from "react";
+//#region packages/ui-web/src/combobox.tsx
+var A = e(), j = i;
+function M({ ...e }) {
+	return /* @__PURE__ */ (0, A.jsx)(_, {
+		"data-slot": "combobox-value",
+		...e
+	});
+}
+function N({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ (0, A.jsxs)(b, {
+		"data-slot": "combobox-trigger",
+		className: C("[&_svg:not([class*=size-])]:size-4", e),
+		...n,
+		children: [t, /* @__PURE__ */ (0, A.jsx)(g, { className: "text-muted-foreground pointer-events-none size-4" })]
+	});
+}
+function P({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, A.jsx)(x, {
+		"data-slot": "combobox-clear",
+		render: /* @__PURE__ */ (0, A.jsx)(D, {
+			variant: "ghost",
+			size: "icon-xs"
+		}),
+		className: C(e),
+		...t,
+		children: /* @__PURE__ */ (0, A.jsx)(S, { className: "pointer-events-none" })
+	});
+}
+function F({ className: e, children: t, disabled: n = !1, showTrigger: i = !0, showClear: a = !1, ...o }) {
+	return /* @__PURE__ */ (0, A.jsxs)(T, {
+		className: C("w-auto", e),
+		children: [
+			/* @__PURE__ */ (0, A.jsx)(r, {
+				render: /* @__PURE__ */ (0, A.jsx)(O, { disabled: n }),
+				...o
+			}),
+			/* @__PURE__ */ (0, A.jsxs)(E, {
+				align: "inline-end",
+				children: [i && /* @__PURE__ */ (0, A.jsx)(D, {
+					size: "icon-xs",
+					variant: "ghost",
+					asChild: !0,
+					"data-slot": "input-group-button",
+					className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
+					disabled: n,
+					children: /* @__PURE__ */ (0, A.jsx)(N, {})
+				}), a && /* @__PURE__ */ (0, A.jsx)(P, { disabled: n })]
+			}),
+			t
+		]
+	});
+}
+function I({ className: e, side: t = "bottom", sideOffset: n = 6, align: r = "start", alignOffset: i = 0, anchor: a, ...o }) {
+	return /* @__PURE__ */ (0, A.jsx)(s, { children: /* @__PURE__ */ (0, A.jsx)(c, {
+		side: t,
+		sideOffset: n,
+		align: r,
+		alignOffset: i,
+		anchor: a,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ (0, A.jsx)(f, {
+			"data-slot": "combobox-content",
+			"data-chips": !!a,
+			className: C("group/combobox-content bg-popover text-popover-foreground ring-foreground/10 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-lg shadow-md ring-1 duration-100 data-[chips=true]:min-w-(--anchor-width) *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none", e),
+			...o
+		})
+	}) });
+}
+function L({ className: e, ...n }) {
+	return /* @__PURE__ */ (0, A.jsx)(t, {
+		"data-slot": "combobox-list",
+		className: C("no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0", e),
+		...n
+	});
+}
+function R({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ (0, A.jsxs)(a, {
+		"data-slot": "combobox-item",
+		className: C("data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground relative flex w-full cursor-default items-center gap-2 rounded-md py-1 ps-1.5 pe-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4", e),
+		...n,
+		children: [t, /* @__PURE__ */ (0, A.jsx)(p, {
+			render: /* @__PURE__ */ (0, A.jsx)("span", { className: "pointer-events-none absolute end-2 flex size-4 items-center justify-center" }),
+			children: /* @__PURE__ */ (0, A.jsx)(u, { className: "pointer-events-none" })
+		})]
+	});
+}
+function z({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, A.jsx)(m, {
+		"data-slot": "combobox-group",
+		className: C(e),
+		...t
+	});
+}
+function B({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, A.jsx)(o, {
+		"data-slot": "combobox-label",
+		className: C("text-muted-foreground px-2 py-1.5 text-xs", e),
+		...t
+	});
+}
+function V({ ...e }) {
+	return /* @__PURE__ */ (0, A.jsx)(y, {
+		"data-slot": "combobox-collection",
+		...e
+	});
+}
+function H({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, A.jsx)(v, {
+		"data-slot": "combobox-empty",
+		className: C("text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-empty/combobox-content:flex", e),
+		...t
+	});
+}
+function U({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, A.jsx)(d, {
+		"data-slot": "combobox-separator",
+		className: C("bg-border -mx-1 my-1 h-px", e),
+		...t
+	});
+}
+function W({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, A.jsx)(n, {
+		"data-slot": "combobox-chips",
+		className: C("border-input focus-within:border-ring focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-destructive/20 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40 flex min-h-8 flex-wrap items-center gap-1 rounded-lg border bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:ring-3 has-aria-invalid:ring-3 has-data-[slot=combobox-chip]:px-1", e),
+		...t
+	});
+}
+function G({ className: e, children: t, showRemove: n = !0, ...r }) {
+	return /* @__PURE__ */ (0, A.jsxs)(l, {
+		"data-slot": "combobox-chip",
+		className: C("bg-muted text-foreground flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm px-1.5 text-xs font-medium whitespace-nowrap has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pe-0", e),
+		...r,
+		children: [t, n && /* @__PURE__ */ (0, A.jsx)(h, {
+			render: /* @__PURE__ */ (0, A.jsx)(w, {
+				variant: "ghost",
+				size: "icon-xs"
+			}),
+			className: "-ms-1 opacity-50 hover:opacity-100",
+			"data-slot": "combobox-chip-remove",
+			children: /* @__PURE__ */ (0, A.jsx)(S, { className: "pointer-events-none" })
+		})]
+	});
+}
+function K({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, A.jsx)(r, {
+		"data-slot": "combobox-chip-input",
+		className: C("min-w-16 flex-1 outline-none", e),
+		...t
+	});
+}
+function q() {
+	return k.useRef(null);
+}
+//#endregion
+export { j as Combobox, G as ComboboxChip, W as ComboboxChips, K as ComboboxChipsInput, V as ComboboxCollection, I as ComboboxContent, H as ComboboxEmpty, z as ComboboxGroup, F as ComboboxInput, R as ComboboxItem, B as ComboboxLabel, L as ComboboxList, U as ComboboxSeparator, N as ComboboxTrigger, M as ComboboxValue, q as useComboboxAnchor };
+
+//# sourceMappingURL=combobox.mjs.map

package/dist/combobox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.mjs","names":[],"sources":["../packages/ui-web/src/combobox.tsx"],"sourcesContent":["'use client';\n\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react';\nimport * as React from 'react';\n\nimport type {\n  ComboboxChipBaseProps,\n  ComboboxChipsBaseProps,\n  ComboboxChipsInputBaseProps,\n  ComboboxClearBaseProps,\n  ComboboxCollectionBaseProps,\n  ComboboxContentBaseProps,\n  ComboboxEmptyBaseProps,\n  ComboboxGroupBaseProps,\n  ComboboxInputBaseProps,\n  ComboboxItemBaseProps,\n  ComboboxLabelBaseProps,\n  ComboboxListBaseProps,\n  ComboboxSeparatorBaseProps,\n  ComboboxTriggerBaseProps,\n  ComboboxValueBaseProps,\n} from '@gv-tech/ui-core';\nimport { CheckIcon, ChevronDownIcon, XIcon } from 'lucide-react';\nimport { Button } from './button';\nimport { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from './input-group';\nimport { cn } from './lib/utils';\n\nconst Combobox = ComboboxPrimitive.Root;\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props & ComboboxValueBaseProps) {\n  return <ComboboxPrimitive.Value data-slot=\"combobox-value\" {...props} />;\n}\n\nfunction ComboboxTrigger({\n  className,\n  children,\n  ...props\n}: ComboboxPrimitive.Trigger.Props & ComboboxTriggerBaseProps) {\n  return (\n    <ComboboxPrimitive.Trigger\n      data-slot=\"combobox-trigger\"\n      className={cn('[&_svg:not([class*=size-])]:size-4', className)}\n      {...props}\n    >\n      {children}\n      <ChevronDownIcon className=\"text-muted-foreground pointer-events-none size-4\" />\n    </ComboboxPrimitive.Trigger>\n  );\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props & ComboboxClearBaseProps) {\n  return (\n    <ComboboxPrimitive.Clear\n      data-slot=\"combobox-clear\"\n      render={<InputGroupButton variant=\"ghost\" size=\"icon-xs\" />}\n      className={cn(className)}\n      {...props}\n    >\n      <XIcon className=\"pointer-events-none\" />\n    </ComboboxPrimitive.Clear>\n  );\n}\n\nfunction ComboboxInput({\n  className,\n  children,\n  disabled = false,\n  showTrigger = true,\n  showClear = false,\n  ...props\n}: ComboboxPrimitive.Input.Props & ComboboxInputBaseProps) {\n  return (\n    <InputGroup className={cn('w-auto', className)}>\n      <ComboboxPrimitive.Input render={<InputGroupInput disabled={disabled} />} {...props} />\n      <InputGroupAddon align=\"inline-end\">\n        {showTrigger && (\n          <InputGroupButton\n            size=\"icon-xs\"\n            variant=\"ghost\"\n            asChild\n            data-slot=\"input-group-button\"\n            className=\"group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent\"\n            disabled={disabled}\n          >\n            <ComboboxTrigger />\n          </InputGroupButton>\n        )}\n        {showClear && <ComboboxClear disabled={disabled} />}\n      </InputGroupAddon>\n      {children}\n    </InputGroup>\n  );\n}\n\nfunction ComboboxContent({\n  className,\n  side = 'bottom',\n  sideOffset = 6,\n  align = 'start',\n  alignOffset = 0,\n  anchor,\n  ...props\n}: ComboboxPrimitive.Popup.Props &\n  Pick<ComboboxPrimitive.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> &\n  ComboboxContentBaseProps) {\n  return (\n    <ComboboxPrimitive.Portal>\n      <ComboboxPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        anchor={anchor}\n        className=\"isolate z-50\"\n      >\n        <ComboboxPrimitive.Popup\n          data-slot=\"combobox-content\"\n          data-chips={!!anchor}\n          className={cn(\n            'group/combobox-content bg-popover text-popover-foreground ring-foreground/10 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-lg shadow-md ring-1 duration-100 data-[chips=true]:min-w-(--anchor-width) *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none',\n            className,\n          )}\n          {...props}\n        />\n      </ComboboxPrimitive.Positioner>\n    </ComboboxPrimitive.Portal>\n  );\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props & ComboboxListBaseProps) {\n  return (\n    <ComboboxPrimitive.List\n      data-slot=\"combobox-list\"\n      className={cn(\n        'no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props & ComboboxItemBaseProps) {\n  return (\n    <ComboboxPrimitive.Item\n      data-slot=\"combobox-item\"\n      className={cn(\n        'data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground relative flex w-full cursor-default items-center gap-2 rounded-md py-1 ps-1.5 pe-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ComboboxPrimitive.ItemIndicator\n        render={<span className=\"pointer-events-none absolute end-2 flex size-4 items-center justify-center\" />}\n      >\n        <CheckIcon className=\"pointer-events-none\" />\n      </ComboboxPrimitive.ItemIndicator>\n    </ComboboxPrimitive.Item>\n  );\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props & ComboboxGroupBaseProps) {\n  return <ComboboxPrimitive.Group data-slot=\"combobox-group\" className={cn(className)} {...props} />;\n}\n\nfunction ComboboxLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props & ComboboxLabelBaseProps) {\n  return (\n    <ComboboxPrimitive.GroupLabel\n      data-slot=\"combobox-label\"\n      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}\n      {...props}\n    />\n  );\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props & ComboboxCollectionBaseProps) {\n  return <ComboboxPrimitive.Collection data-slot=\"combobox-collection\" {...props} />;\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props & ComboboxEmptyBaseProps) {\n  return (\n    <ComboboxPrimitive.Empty\n      data-slot=\"combobox-empty\"\n      className={cn(\n        'text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-empty/combobox-content:flex',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props & ComboboxSeparatorBaseProps) {\n  return (\n    <ComboboxPrimitive.Separator\n      data-slot=\"combobox-separator\"\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nfunction ComboboxChips({\n  className,\n  ...props\n}: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> &\n  ComboboxPrimitive.Chips.Props &\n  ComboboxChipsBaseProps) {\n  return (\n    <ComboboxPrimitive.Chips\n      data-slot=\"combobox-chips\"\n      className={cn(\n        'border-input focus-within:border-ring focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-destructive/20 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40 flex min-h-8 flex-wrap items-center gap-1 rounded-lg border bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:ring-3 has-aria-invalid:ring-3 has-data-[slot=combobox-chip]:px-1',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ComboboxChip({\n  className,\n  children,\n  showRemove = true,\n  ...props\n}: ComboboxPrimitive.Chip.Props & ComboboxChipBaseProps) {\n  return (\n    <ComboboxPrimitive.Chip\n      data-slot=\"combobox-chip\"\n      className={cn(\n        'bg-muted text-foreground flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm px-1.5 text-xs font-medium whitespace-nowrap has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pe-0',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {showRemove && (\n        <ComboboxPrimitive.ChipRemove\n          render={<Button variant=\"ghost\" size=\"icon-xs\" />}\n          className=\"-ms-1 opacity-50 hover:opacity-100\"\n          data-slot=\"combobox-chip-remove\"\n        >\n          <XIcon className=\"pointer-events-none\" />\n        </ComboboxPrimitive.ChipRemove>\n      )}\n    </ComboboxPrimitive.Chip>\n  );\n}\n\nfunction ComboboxChipsInput({ className, ...props }: ComboboxPrimitive.Input.Props & ComboboxChipsInputBaseProps) {\n  return (\n    <ComboboxPrimitive.Input\n      data-slot=\"combobox-chip-input\"\n      className={cn('min-w-16 flex-1 outline-none', className)}\n      {...props}\n    />\n  );\n}\n\nfunction useComboboxAnchor() {\n  return React.useRef<HTMLDivElement | null>(null);\n}\n\nexport {\n  Combobox,\n  ComboboxChip,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxCollection,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxGroup,\n  ComboboxInput,\n  ComboboxItem,\n  ComboboxLabel,\n  ComboboxList,\n  ComboboxSeparator,\n  ComboboxTrigger,\n  ComboboxValue,\n  useComboboxAnchor,\n};\n"],"mappings":"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"}

package/dist/command.cjs

@@ -1,2 +1,2 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-3cr8xz0x.js"),n=require("./utils-DU-Y_pvO.js"),r=require("./dialog.cjs");let i=require("react");i=e.r(i);var a=t.vr(),o=i.forwardRef(({className:e,...r},i)=>(0,a.jsx)(t.mn,{ref:i,className:n.t(`bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md`,e),...r}));o.displayName=t.mn?.displayName||`Command`;var s=({children:e,...t})=>(0,a.jsx)(r.Dialog,{...t,children:(0,a.jsxs)(r.DialogContent,{className:`overflow-hidden p-0`,children:[(0,a.jsx)(r.DialogTitle,{className:`sr-only`,children:`Search`}),(0,a.jsx)(r.DialogDescription,{className:`sr-only`,children:`Search for documentation and components.`}),(0,a.jsx)(o,{className:`[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5`,children:e})]})}),c=i.forwardRef(({className:e,...r},i)=>(0,a.jsxs)(`div`,{className:`flex items-center border-b px-3`,"cmdk-input-wrapper":``,children:[(0,a.jsx)(t.Yn,{className:`mr-2 h-4 w-4 shrink-0 opacity-50`}),(0,a.jsx)(t.mn.Input,{ref:i,className:n.t(`placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50`,e),...r})]}));c.displayName=t.mn.Input?.displayName||`CommandInput`;var l=i.forwardRef(({className:e,...r},i)=>(0,a.jsx)(t.mn.List,{ref:i,className:n.t(`max-h-[300px] overflow-x-hidden overflow-y-auto`,e),...r}));l.displayName=t.mn.List?.displayName||`CommandList`;var u=i.forwardRef((e,n)=>(0,a.jsx)(t.mn.Empty,{ref:n,className:`py-6 text-center text-sm`,...e}));u.displayName=t.mn.Empty?.displayName||`CommandEmpty`;var d=i.forwardRef(({className:e,...r},i)=>(0,a.jsx)(t.mn.Group,{ref:i,className:n.t(`text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium`,e),...r}));d.displayName=t.mn.Group?.displayName||`CommandGroup`;var f=i.forwardRef(({className:e,...r},i)=>(0,a.jsx)(t.mn.Separator,{ref:i,className:n.t(`bg-border -mx-1 h-px`,e),...r}));f.displayName=t.mn.Separator?.displayName||`CommandSeparator`;var p=i.forwardRef(({className:e,...r},i)=>(0,a.jsx)(t.mn.Item,{ref:i,className:n.t(`data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0`,e),...r}));p.displayName=t.mn.Item?.displayName||`CommandItem`;var m=({className:e,...t})=>(0,a.jsx)(`span`,{className:n.t(`text-muted-foreground ml-auto text-xs tracking-widest`,e),...t});m.displayName=`CommandShortcut`,exports.Command=o,exports.CommandDialog=s,exports.CommandEmpty=u,exports.CommandGroup=d,exports.CommandInput=c,exports.CommandItem=p,exports.CommandList=l,exports.CommandSeparator=f,exports.CommandShortcut=m;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-UfQavLF9.js"),n=require("./utils-D7tt_q-u.js"),r=require("./dialog.cjs"),i=require("./input-group.cjs");let a=require("react");a=e.r(a);var o=t.Jr();function s({className:e,...r}){return(0,o.jsx)(t.A,{"data-slot":`command`,className:n.t(`bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-xl! p-1`,e),...r})}function c({title:e=`Command Palette`,description:t=`Search for a command to run...`,children:i,className:a,showCloseButton:c=!1,...l}){return(0,o.jsxs)(r.Dialog,{...l,children:[(0,o.jsxs)(r.DialogHeader,{className:`sr-only`,children:[(0,o.jsx)(r.DialogTitle,{children:e}),(0,o.jsx)(r.DialogDescription,{children:t})]}),(0,o.jsx)(r.DialogContent,{className:n.t(`top-1/3 translate-y-0 overflow-hidden rounded-xl! p-0 shadow-2xl`,a),showCloseButton:c,children:(0,o.jsx)(s,{className:`[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5`,children:i})})]})}function l({className:e,...r}){return(0,o.jsx)(`div`,{"data-slot":`command-input-wrapper`,className:`p-1 pb-0`,children:(0,o.jsxs)(i.InputGroup,{className:`border-input/30 bg-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:ps-2!`,children:[(0,o.jsx)(t.A.Input,{"data-slot":`command-input`,className:n.t(`w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50`,e),...r}),(0,o.jsx)(i.InputGroupAddon,{children:(0,o.jsx)(t.U,{className:`size-4 shrink-0 opacity-50`})})]})})}function u({className:e,...r}){return(0,o.jsx)(t.A.List,{"data-slot":`command-list`,className:n.t(`no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none`,e),...r})}function d({className:e,...r}){return(0,o.jsx)(t.A.Empty,{"data-slot":`command-empty`,className:n.t(`py-6 text-center text-sm`,e),...r})}function f({className:e,...r}){return(0,o.jsx)(t.A.Group,{"data-slot":`command-group`,className:n.t(`text-foreground **:[[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium`,e),...r})}function p({className:e,...r}){return(0,o.jsx)(t.A.Separator,{"data-slot":`command-separator`,className:n.t(`bg-border -mx-1 h-px`,e),...r})}function m({className:e,children:r,...i}){return(0,o.jsxs)(t.A.Item,{"data-slot":`command-item`,className:n.t(`group/command-item data-[selected=true]:bg-muted data-[selected=true]:text-foreground data-[selected=true]:*:[svg]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4`,e),...i,children:[r,(0,o.jsx)(t.it,{className:`ms-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100`})]})}function h({className:e,...t}){return(0,o.jsx)(`span`,{"data-slot":`command-shortcut`,className:n.t(`text-muted-foreground group-data-[selected=true]/command-item:text-foreground ms-auto text-xs tracking-widest`,e),...t})}exports.Command=s,exports.CommandDialog=c,exports.CommandEmpty=d,exports.CommandGroup=f,exports.CommandInput=l,exports.CommandItem=m,exports.CommandList=u,exports.CommandSeparator=p,exports.CommandShortcut=h;
 //# sourceMappingURL=command.cjs.map

package/dist/command.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"command.cjs","names":[],"sources":["../packages/ui-web/src/command.tsx"],"sourcesContent":["'use client';\n\nimport { type DialogProps } from '@radix-ui/react-dialog';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { Search } from 'lucide-react';\nimport * as React from 'react';\n\nimport {\n  CommandBaseProps,\n  CommandEmptyBaseProps,\n  CommandGroupBaseProps,\n  CommandInputBaseProps,\n  CommandItemBaseProps,\n  CommandListBaseProps,\n  CommandSeparatorBaseProps,\n  CommandShortcutBaseProps,\n} from '@gv-tech/ui-core';\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from './dialog';\nimport { cn } from './lib/utils';\n\nconst Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive> & CommandBaseProps\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md',\n      className,\n    )}\n    {...props}\n  />\n));\nCommand.displayName = CommandPrimitive?.displayName || 'Command';\n\nconst CommandDialog = ({ children, ...props }: DialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0\">\n        <DialogTitle className=\"sr-only\">Search</DialogTitle>\n        <DialogDescription className=\"sr-only\">Search for documentation and components.</DialogDescription>\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> & CommandInputBaseProps\n>(({ className, ...props }, ref) => (\n  <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n    <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        'placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    />\n  </div>\n));\n\nCommandInput.displayName = CommandPrimitive.Input?.displayName || 'CommandInput';\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> & CommandListBaseProps\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn('max-h-[300px] overflow-x-hidden overflow-y-auto', className)}\n    {...props}\n  />\n));\n\nCommandList.displayName = CommandPrimitive.List?.displayName || 'CommandList';\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> & CommandEmptyBaseProps\n>((props, ref) => <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />);\n\nCommandEmpty.displayName = CommandPrimitive.Empty?.displayName || 'CommandEmpty';\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group> & CommandGroupBaseProps\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      'text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',\n      className,\n    )}\n    {...props}\n  />\n));\n\nCommandGroup.displayName = CommandPrimitive.Group?.displayName || 'CommandGroup';\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator> & CommandSeparatorBaseProps\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator ref={ref} className={cn('bg-border -mx-1 h-px', className)} {...props} />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator?.displayName || 'CommandSeparator';\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> & CommandItemBaseProps\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={cn(\n      'data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n      className,\n    )}\n    {...props}\n  />\n));\n\nCommandItem.displayName = CommandPrimitive.Item?.displayName || 'CommandItem';\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement> & CommandShortcutBaseProps) => {\n  return <span className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)} {...props} />;\n};\nCommandShortcut.displayName = 'CommandShortcut';\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n};\nexport type {\n  CommandEmptyBaseProps as CommandEmptyProps,\n  CommandGroupBaseProps as CommandGroupProps,\n  CommandInputBaseProps as CommandInputProps,\n  CommandItemBaseProps as CommandItemProps,\n  CommandListBaseProps as CommandListProps,\n  CommandBaseProps as CommandProps,\n  CommandSeparatorBaseProps as CommandSeparatorProps,\n  CommandShortcutBaseProps as CommandShortcutProps,\n};\n"],"mappings":"yRAoBM,EAAU,EAAM,YAGnB,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAC,EAAA,GAAD,CACO,MACL,UAAW,EAAA,EACT,4FACA,CACF,EACA,GAAI,CACL,CAAA,CACF,EACD,EAAQ,YAAc,EAAA,IAAkB,aAAe,UAEvD,IAAM,GAAiB,CAAE,WAAU,GAAG,MAElC,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,GAAI,YACV,EAAA,EAAA,MAAC,EAAA,cAAD,CAAe,UAAU,+BAAzB,EACE,EAAA,EAAA,KAAC,EAAA,YAAD,CAAa,UAAU,mBAAU,QAAmB,CAAA,GACpD,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAmB,UAAU,mBAAU,0CAA2D,CAAA,GAClG,EAAA,EAAA,KAAC,EAAD,CAAS,UAAU,8WAChB,UACM,CAAA,CACI,GACT,CAAA,EAIN,EAAe,EAAM,YAGxB,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kCAAkC,qBAAmB,YAApE,EACE,EAAA,EAAA,KAAC,EAAA,GAAD,CAAQ,UAAU,kCAAoC,CAAA,GACtD,EAAA,EAAA,KAAC,EAAA,GAAiB,MAAlB,CACO,MACL,UAAW,EAAA,EACT,yJACA,CACF,EACA,GAAI,CACL,CAAA,CACE,GACN,EAED,EAAa,YAAc,EAAA,GAAiB,OAAO,aAAe,eAElE,IAAM,EAAc,EAAM,YAGvB,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAC,EAAA,GAAiB,KAAlB,CACO,MACL,UAAW,EAAA,EAAG,kDAAmD,CAAS,EAC1E,GAAI,CACL,CAAA,CACF,EAED,EAAY,YAAc,EAAA,GAAiB,MAAM,aAAe,cAEhE,IAAM,EAAe,EAAM,YAGxB,EAAO,KAAQ,EAAA,EAAA,KAAC,EAAA,GAAiB,MAAlB,CAA6B,MAAK,UAAU,2BAA2B,GAAI,CAAQ,CAAA,CAAC,EAEtG,EAAa,YAAc,EAAA,GAAiB,OAAO,aAAe,eAElE,IAAM,EAAe,EAAM,YAGxB,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAC,EAAA,GAAiB,MAAlB,CACO,MACL,UAAW,EAAA,EACT,yNACA,CACF,EACA,GAAI,CACL,CAAA,CACF,EAED,EAAa,YAAc,EAAA,GAAiB,OAAO,aAAe,eAElE,IAAM,EAAmB,EAAM,YAG5B,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAC,EAAA,GAAiB,UAAlB,CAAiC,MAAK,UAAW,EAAA,EAAG,uBAAwB,CAAS,EAAG,GAAI,CAAQ,CAAA,CACrG,EACD,EAAiB,YAAc,EAAA,GAAiB,WAAW,aAAe,mBAE1E,IAAM,EAAc,EAAM,YAGvB,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAC,EAAA,GAAiB,KAAlB,CACO,MACL,UAAW,EAAA,EACT,0TACA,CACF,EACA,GAAI,CACL,CAAA,CACF,EAED,EAAY,YAAc,EAAA,GAAiB,MAAM,aAAe,cAEhE,IAAM,GAAmB,CAAE,YAAW,GAAG,MAChC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,EAAG,wDAAyD,CAAS,EAAG,GAAI,CAAQ,CAAA,EAE9G,EAAgB,YAAc"}
+{"version":3,"file":"command.cjs","names":[],"sources":["../packages/ui-web/src/command.tsx"],"sourcesContent":["import { Command as CommandPrimitive } from 'cmdk';\nimport * as React from 'react';\n\nimport { CheckIcon, SearchIcon } from 'lucide-react';\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from './dialog';\nimport { InputGroup, InputGroupAddon } from './input-group';\nimport { cn } from './lib/utils';\n\nimport type { CommandBaseProps } from '@gv-tech/ui-core';\n\nfunction Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        'bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-xl! p-1',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = false,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string;\n  description?: string;\n  className?: string;\n  showCloseButton?: boolean;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn('top-1/3 translate-y-0 overflow-hidden rounded-xl! p-0 shadow-2xl', className)}\n        showCloseButton={showCloseButton}\n      >\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div data-slot=\"command-input-wrapper\" className=\"p-1 pb-0\">\n      <InputGroup className=\"border-input/30 bg-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:ps-2!\">\n        <CommandPrimitive.Input\n          data-slot=\"command-input\"\n          className={cn('w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50', className)}\n          {...props}\n        />\n        <InputGroupAddon>\n          <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n        </InputGroupAddon>\n      </InputGroup>\n    </div>\n  );\n}\n\nfunction CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn('no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className={cn('py-6 text-center text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'text-foreground **:[[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn('bg-border -mx-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandItem({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        'group/command-item data-[selected=true]:bg-muted data-[selected=true]:text-foreground data-[selected=true]:*:[svg]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <CheckIcon className=\"ms-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100\" />\n    </CommandPrimitive.Item>\n  );\n}\n\nfunction CommandShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        'text-muted-foreground group-data-[selected=true]/command-item:text-foreground ms-auto text-xs tracking-widest',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n};\n\n// Verify that the component satisfies the ui-core contract\nconst _verifyCommandContract: CommandBaseProps = {} as unknown as React.ComponentProps<typeof Command>;\n"],"mappings":"2SAUA,SAAS,EAAQ,CAAE,YAAW,GAAG,GAAwD,CACvF,OACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,YAAU,UACV,UAAW,EAAA,EACT,6FACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAc,CACrB,QAAQ,kBACR,cAAc,iCACd,WACA,YACA,kBAAkB,GAClB,GAAG,GAMF,CACD,OACE,EAAA,EAAA,MAAC,EAAA,OAAD,CAAQ,GAAI,WAAZ,EACE,EAAA,EAAA,MAAC,EAAA,aAAD,CAAc,UAAU,mBAAxB,EACE,EAAA,EAAA,KAAC,EAAA,YAAD,CAAA,SAAc,CAAmB,CAAA,GACjC,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAA,SAAoB,CAA+B,CAAA,CACvC,KACd,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,UAAW,EAAA,EAAG,mEAAoE,CAAS,EAC1E,4BAEjB,EAAA,EAAA,KAAC,EAAD,CAAS,UAAU,2TAChB,UACM,CAAA,CACI,CAAA,CACT,GAEZ,CAEA,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,YAAU,wBAAwB,UAAU,qBAC/C,EAAA,EAAA,MAAC,EAAA,WAAD,CAAY,UAAU,2GAAtB,EACE,EAAA,EAAA,KAAC,EAAA,EAAiB,MAAlB,CACE,YAAU,gBACV,UAAW,EAAA,EAAG,gFAAiF,CAAS,EACxG,GAAI,CACL,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,EAAD,CAAY,UAAU,4BAA8B,CAAA,CACrC,CAAA,CACP,GACT,CAAA,CAET,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAAA,EAAA,KAAC,EAAA,EAAiB,KAAlB,CACE,YAAU,eACV,UAAW,EAAA,EAAG,mFAAoF,CAAS,EAC3G,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAA,EAAA,KAAC,EAAA,EAAiB,MAAlB,CACE,YAAU,gBACV,UAAW,EAAA,EAAG,2BAA4B,CAAS,EACnD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAA,EAAA,KAAC,EAAA,EAAiB,MAAlB,CACE,YAAU,gBACV,UAAW,EAAA,EACT,8NACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OACE,EAAA,EAAA,KAAC,EAAA,EAAiB,UAAlB,CACE,YAAU,oBACV,UAAW,EAAA,EAAG,uBAAwB,CAAS,EAC/C,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,YAAW,WAAU,GAAG,GAA6D,CAC1G,OACE,EAAA,EAAA,MAAC,EAAA,EAAiB,KAAlB,CACE,YAAU,eACV,UAAW,EAAA,EACT,kbACA,CACF,EACA,GAAI,WANN,CAQG,GACD,EAAA,EAAA,KAAC,EAAA,GAAD,CAAW,UAAU,iIAAmI,CAAA,CACnI,GAE3B,CAEA,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAuC,CAC9E,OACE,EAAA,EAAA,KAAC,OAAD,CACE,YAAU,mBACV,UAAW,EAAA,EACT,gHACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/command.mjs

@@ -1,81 +1,92 @@
 "use client";
-"use client";
-import { Yn as e, mn as t, vr as n } from "./vendor-ChPUVHXi.mjs";
-import { t as r } from "./utils-BsD1_fYL.mjs";
-import { Dialog as i, DialogContent as a, DialogDescription as o, DialogTitle as s } from "./dialog.mjs";
-import * as c from "react";
+import { A as e, Jr as t, U as n, it as r } from "./vendor-B6CFfDyk.mjs";
+import { t as i } from "./utils-IYJAOUsw.mjs";
+import { Dialog as a, DialogContent as o, DialogDescription as s, DialogHeader as c, DialogTitle as l } from "./dialog.mjs";
+import { InputGroup as u, InputGroupAddon as d } from "./input-group.mjs";
+import "react";
 //#region packages/ui-web/src/command.tsx
-var l = n(), u = c.forwardRef(({ className: e, ...n }, i) => /* @__PURE__ */ (0, l.jsx)(t, {
-	ref: i,
-	className: r("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", e),
-	...n
-}));
-u.displayName = t?.displayName || "Command";
-var d = ({ children: e, ...t }) => /* @__PURE__ */ (0, l.jsx)(i, {
-	...t,
-	children: /* @__PURE__ */ (0, l.jsxs)(a, {
-		className: "overflow-hidden p-0",
-		children: [
-			/* @__PURE__ */ (0, l.jsx)(s, {
-				className: "sr-only",
-				children: "Search"
-			}),
-			/* @__PURE__ */ (0, l.jsx)(o, {
-				className: "sr-only",
-				children: "Search for documentation and components."
-			}),
-			/* @__PURE__ */ (0, l.jsx)(u, {
-				className: "[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
-				children: e
+var f = t();
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ (0, f.jsx)(e, {
+		"data-slot": "command",
+		className: i("bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-xl! p-1", t),
+		...n
+	});
+}
+function m({ title: e = "Command Palette", description: t = "Search for a command to run...", children: n, className: r, showCloseButton: u = !1, ...d }) {
+	return /* @__PURE__ */ (0, f.jsxs)(a, {
+		...d,
+		children: [/* @__PURE__ */ (0, f.jsxs)(c, {
+			className: "sr-only",
+			children: [/* @__PURE__ */ (0, f.jsx)(l, { children: e }), /* @__PURE__ */ (0, f.jsx)(s, { children: t })]
+		}), /* @__PURE__ */ (0, f.jsx)(o, {
+			className: i("top-1/3 translate-y-0 overflow-hidden rounded-xl! p-0 shadow-2xl", r),
+			showCloseButton: u,
+			children: /* @__PURE__ */ (0, f.jsx)(p, {
+				className: "[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5",
+				children: n
 			})
-		]
-	})
-}), f = c.forwardRef(({ className: n, ...i }, a) => /* @__PURE__ */ (0, l.jsxs)("div", {
-	className: "flex items-center border-b px-3",
-	"cmdk-input-wrapper": "",
-	children: [/* @__PURE__ */ (0, l.jsx)(e, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), /* @__PURE__ */ (0, l.jsx)(t.Input, {
-		ref: a,
-		className: r("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50", n),
-		...i
-	})]
-}));
-f.displayName = t.Input?.displayName || "CommandInput";
-var p = c.forwardRef(({ className: e, ...n }, i) => /* @__PURE__ */ (0, l.jsx)(t.List, {
-	ref: i,
-	className: r("max-h-[300px] overflow-x-hidden overflow-y-auto", e),
-	...n
-}));
-p.displayName = t.List?.displayName || "CommandList";
-var m = c.forwardRef((e, n) => /* @__PURE__ */ (0, l.jsx)(t.Empty, {
-	ref: n,
-	className: "py-6 text-center text-sm",
-	...e
-}));
-m.displayName = t.Empty?.displayName || "CommandEmpty";
-var h = c.forwardRef(({ className: e, ...n }, i) => /* @__PURE__ */ (0, l.jsx)(t.Group, {
-	ref: i,
-	className: r("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", e),
-	...n
-}));
-h.displayName = t.Group?.displayName || "CommandGroup";
-var g = c.forwardRef(({ className: e, ...n }, i) => /* @__PURE__ */ (0, l.jsx)(t.Separator, {
-	ref: i,
-	className: r("bg-border -mx-1 h-px", e),
-	...n
-}));
-g.displayName = t.Separator?.displayName || "CommandSeparator";
-var _ = c.forwardRef(({ className: e, ...n }, i) => /* @__PURE__ */ (0, l.jsx)(t.Item, {
-	ref: i,
-	className: r("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", e),
-	...n
-}));
-_.displayName = t.Item?.displayName || "CommandItem";
-var v = ({ className: e, ...t }) => /* @__PURE__ */ (0, l.jsx)("span", {
-	className: r("text-muted-foreground ml-auto text-xs tracking-widest", e),
-	...t
-});
-v.displayName = "CommandShortcut";
+		})]
+	});
+}
+function h({ className: t, ...r }) {
+	return /* @__PURE__ */ (0, f.jsx)("div", {
+		"data-slot": "command-input-wrapper",
+		className: "p-1 pb-0",
+		children: /* @__PURE__ */ (0, f.jsxs)(u, {
+			className: "border-input/30 bg-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:ps-2!",
+			children: [/* @__PURE__ */ (0, f.jsx)(e.Input, {
+				"data-slot": "command-input",
+				className: i("w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", t),
+				...r
+			}), /* @__PURE__ */ (0, f.jsx)(d, { children: /* @__PURE__ */ (0, f.jsx)(n, { className: "size-4 shrink-0 opacity-50" }) })]
+		})
+	});
+}
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ (0, f.jsx)(e.List, {
+		"data-slot": "command-list",
+		className: i("no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none", t),
+		...n
+	});
+}
+function _({ className: t, ...n }) {
+	return /* @__PURE__ */ (0, f.jsx)(e.Empty, {
+		"data-slot": "command-empty",
+		className: i("py-6 text-center text-sm", t),
+		...n
+	});
+}
+function v({ className: t, ...n }) {
+	return /* @__PURE__ */ (0, f.jsx)(e.Group, {
+		"data-slot": "command-group",
+		className: i("text-foreground **:[[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium", t),
+		...n
+	});
+}
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ (0, f.jsx)(e.Separator, {
+		"data-slot": "command-separator",
+		className: i("bg-border -mx-1 h-px", t),
+		...n
+	});
+}
+function b({ className: t, children: n, ...a }) {
+	return /* @__PURE__ */ (0, f.jsxs)(e.Item, {
+		"data-slot": "command-item",
+		className: i("group/command-item data-[selected=true]:bg-muted data-[selected=true]:text-foreground data-[selected=true]:*:[svg]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4", t),
+		...a,
+		children: [n, /* @__PURE__ */ (0, f.jsx)(r, { className: "ms-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" })]
+	});
+}
+function x({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, f.jsx)("span", {
+		"data-slot": "command-shortcut",
+		className: i("text-muted-foreground group-data-[selected=true]/command-item:text-foreground ms-auto text-xs tracking-widest", e),
+		...t
+	});
+}
 //#endregion
-export { u as Command, d as CommandDialog, m as CommandEmpty, h as CommandGroup, f as CommandInput, _ as CommandItem, p as CommandList, g as CommandSeparator, v as CommandShortcut };
+export { p as Command, m as CommandDialog, _ as CommandEmpty, v as CommandGroup, h as CommandInput, b as CommandItem, g as CommandList, y as CommandSeparator, x as CommandShortcut };
 
 //# sourceMappingURL=command.mjs.map

package/dist/command.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"command.mjs","names":[],"sources":["../packages/ui-web/src/command.tsx"],"sourcesContent":["'use client';\n\nimport { type DialogProps } from '@radix-ui/react-dialog';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { Search } from 'lucide-react';\nimport * as React from 'react';\n\nimport {\n  CommandBaseProps,\n  CommandEmptyBaseProps,\n  CommandGroupBaseProps,\n  CommandInputBaseProps,\n  CommandItemBaseProps,\n  CommandListBaseProps,\n  CommandSeparatorBaseProps,\n  CommandShortcutBaseProps,\n} from '@gv-tech/ui-core';\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from './dialog';\nimport { cn } from './lib/utils';\n\nconst Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive> & CommandBaseProps\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md',\n      className,\n    )}\n    {...props}\n  />\n));\nCommand.displayName = CommandPrimitive?.displayName || 'Command';\n\nconst CommandDialog = ({ children, ...props }: DialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0\">\n        <DialogTitle className=\"sr-only\">Search</DialogTitle>\n        <DialogDescription className=\"sr-only\">Search for documentation and components.</DialogDescription>\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> & CommandInputBaseProps\n>(({ className, ...props }, ref) => (\n  <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n    <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        'placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    />\n  </div>\n));\n\nCommandInput.displayName = CommandPrimitive.Input?.displayName || 'CommandInput';\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> & CommandListBaseProps\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn('max-h-[300px] overflow-x-hidden overflow-y-auto', className)}\n    {...props}\n  />\n));\n\nCommandList.displayName = CommandPrimitive.List?.displayName || 'CommandList';\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> & CommandEmptyBaseProps\n>((props, ref) => <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />);\n\nCommandEmpty.displayName = CommandPrimitive.Empty?.displayName || 'CommandEmpty';\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group> & CommandGroupBaseProps\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      'text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',\n      className,\n    )}\n    {...props}\n  />\n));\n\nCommandGroup.displayName = CommandPrimitive.Group?.displayName || 'CommandGroup';\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator> & CommandSeparatorBaseProps\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator ref={ref} className={cn('bg-border -mx-1 h-px', className)} {...props} />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator?.displayName || 'CommandSeparator';\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> & CommandItemBaseProps\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={cn(\n      'data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n      className,\n    )}\n    {...props}\n  />\n));\n\nCommandItem.displayName = CommandPrimitive.Item?.displayName || 'CommandItem';\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement> & CommandShortcutBaseProps) => {\n  return <span className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)} {...props} />;\n};\nCommandShortcut.displayName = 'CommandShortcut';\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n};\nexport type {\n  CommandEmptyBaseProps as CommandEmptyProps,\n  CommandGroupBaseProps as CommandGroupProps,\n  CommandInputBaseProps as CommandInputProps,\n  CommandItemBaseProps as CommandItemProps,\n  CommandListBaseProps as CommandListProps,\n  CommandBaseProps as CommandProps,\n  CommandSeparatorBaseProps as CommandSeparatorProps,\n  CommandShortcutBaseProps as CommandShortcutProps,\n};\n"],"mappings":";;;;;;;aAoBM,IAAU,EAAM,YAGnB,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CACO;CACL,WAAW,EACT,6FACA,CACF;CACA,GAAI;AACL,CAAA,CACF;AACD,EAAQ,cAAc,GAAkB,eAAe;AAEvD,IAAM,KAAiB,EAAE,aAAU,GAAG,QAElC,iBAAA,GAAA,EAAA,KAAC,GAAD;CAAQ,GAAI;WACV,iBAAA,GAAA,EAAA,MAAC,GAAD;EAAe,WAAU;YAAzB;GACE,iBAAA,GAAA,EAAA,KAAC,GAAD;IAAa,WAAU;cAAU;GAAmB,CAAA;GACpD,iBAAA,GAAA,EAAA,KAAC,GAAD;IAAmB,WAAU;cAAU;GAA2D,CAAA;GAClG,iBAAA,GAAA,EAAA,KAAC,GAAD;IAAS,WAAU;IAChB;GACM,CAAA;EACI;;AACT,CAAA,GAIN,IAAe,EAAM,YAGxB,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,MAAC,OAAD;CAAK,WAAU;CAAkC,sBAAmB;WAApE,CACE,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAQ,WAAU,mCAAoC,CAAA,GACtD,iBAAA,GAAA,EAAA,KAAC,EAAiB,OAAlB;EACO;EACL,WAAW,EACT,0JACA,CACF;EACA,GAAI;CACL,CAAA,CACE;EACN;AAED,EAAa,cAAc,EAAiB,OAAO,eAAe;AAElE,IAAM,IAAc,EAAM,YAGvB,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,EAAiB,MAAlB;CACO;CACL,WAAW,EAAG,mDAAmD,CAAS;CAC1E,GAAI;AACL,CAAA,CACF;AAED,EAAY,cAAc,EAAiB,MAAM,eAAe;AAEhE,IAAM,IAAe,EAAM,YAGxB,GAAO,MAAQ,iBAAA,GAAA,EAAA,KAAC,EAAiB,OAAlB;CAA6B;CAAK,WAAU;CAA2B,GAAI;AAAQ,CAAA,CAAC;AAEtG,EAAa,cAAc,EAAiB,OAAO,eAAe;AAElE,IAAM,IAAe,EAAM,YAGxB,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,EAAiB,OAAlB;CACO;CACL,WAAW,EACT,0NACA,CACF;CACA,GAAI;AACL,CAAA,CACF;AAED,EAAa,cAAc,EAAiB,OAAO,eAAe;AAElE,IAAM,IAAmB,EAAM,YAG5B,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,EAAiB,WAAlB;CAAiC;CAAK,WAAW,EAAG,wBAAwB,CAAS;CAAG,GAAI;AAAQ,CAAA,CACrG;AACD,EAAiB,cAAc,EAAiB,WAAW,eAAe;AAE1E,IAAM,IAAc,EAAM,YAGvB,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,EAAiB,MAAlB;CACO;CACL,WAAW,EACT,2TACA,CACF;CACA,GAAI;AACL,CAAA,CACF;AAED,EAAY,cAAc,EAAiB,MAAM,eAAe;AAEhE,IAAM,KAAmB,EAAE,cAAW,GAAG,QAChC,iBAAA,GAAA,EAAA,KAAC,QAAD;CAAM,WAAW,EAAG,yDAAyD,CAAS;CAAG,GAAI;AAAQ,CAAA;AAE9G,EAAgB,cAAc"}
+{"version":3,"file":"command.mjs","names":[],"sources":["../packages/ui-web/src/command.tsx"],"sourcesContent":["import { Command as CommandPrimitive } from 'cmdk';\nimport * as React from 'react';\n\nimport { CheckIcon, SearchIcon } from 'lucide-react';\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from './dialog';\nimport { InputGroup, InputGroupAddon } from './input-group';\nimport { cn } from './lib/utils';\n\nimport type { CommandBaseProps } from '@gv-tech/ui-core';\n\nfunction Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        'bg-popover text-popover-foreground flex size-full flex-col overflow-hidden rounded-xl! p-1',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = false,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string;\n  description?: string;\n  className?: string;\n  showCloseButton?: boolean;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn('top-1/3 translate-y-0 overflow-hidden rounded-xl! p-0 shadow-2xl', className)}\n        showCloseButton={showCloseButton}\n      >\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div data-slot=\"command-input-wrapper\" className=\"p-1 pb-0\">\n      <InputGroup className=\"border-input/30 bg-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:ps-2!\">\n        <CommandPrimitive.Input\n          data-slot=\"command-input\"\n          className={cn('w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50', className)}\n          {...props}\n        />\n        <InputGroupAddon>\n          <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n        </InputGroupAddon>\n      </InputGroup>\n    </div>\n  );\n}\n\nfunction CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn('no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className={cn('py-6 text-center text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'text-foreground **:[[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn('bg-border -mx-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandItem({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        'group/command-item data-[selected=true]:bg-muted data-[selected=true]:text-foreground data-[selected=true]:*:[svg]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <CheckIcon className=\"ms-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100\" />\n    </CommandPrimitive.Item>\n  );\n}\n\nfunction CommandShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        'text-muted-foreground group-data-[selected=true]/command-item:text-foreground ms-auto text-xs tracking-widest',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n};\n\n// Verify that the component satisfies the ui-core contract\nconst _verifyCommandContract: CommandBaseProps = {} as unknown as React.ComponentProps<typeof Command>;\n"],"mappings":";;;;;;;;AAUA,SAAS,EAAQ,EAAE,cAAW,GAAG,KAAwD;CACvF,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,8FACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAc,EACrB,WAAQ,mBACR,iBAAc,kCACd,aACA,cACA,qBAAkB,IAClB,GAAG,KAMF;CACD,OACE,iBAAA,GAAA,EAAA,MAAC,GAAD;EAAQ,GAAI;YAAZ,CACE,iBAAA,GAAA,EAAA,MAAC,GAAD;GAAc,WAAU;aAAxB,CACE,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAA,UAAc,EAAmB,CAAA,GACjC,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAA,UAAoB,EAA+B,CAAA,CACvC;MACd,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,WAAW,EAAG,oEAAoE,CAAS;GAC1E;aAEjB,iBAAA,GAAA,EAAA,KAAC,GAAD;IAAS,WAAU;IAChB;GACM,CAAA;EACI,CAAA,CACT;;AAEZ;AAEA,SAAS,EAAa,EAAE,cAAW,GAAG,KAA8D;CAClG,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,aAAU;EAAwB,WAAU;YAC/C,iBAAA,GAAA,EAAA,MAAC,GAAD;GAAY,WAAU;aAAtB,CACE,iBAAA,GAAA,EAAA,KAAC,EAAiB,OAAlB;IACE,aAAU;IACV,WAAW,EAAG,iFAAiF,CAAS;IACxG,GAAI;GACL,CAAA,GACD,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAA,UACE,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAY,WAAU,6BAA8B,CAAA,EACrC,CAAA,CACP;;CACT,CAAA;AAET;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAA6D;CAChG,OACE,iBAAA,GAAA,EAAA,KAAC,EAAiB,MAAlB;EACE,aAAU;EACV,WAAW,EAAG,oFAAoF,CAAS;EAC3G,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAa,EAAE,cAAW,GAAG,KAA8D;CAClG,OACE,iBAAA,GAAA,EAAA,KAAC,EAAiB,OAAlB;EACE,aAAU;EACV,WAAW,EAAG,4BAA4B,CAAS;EACnD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAa,EAAE,cAAW,GAAG,KAA8D;CAClG,OACE,iBAAA,GAAA,EAAA,KAAC,EAAiB,OAAlB;EACE,aAAU;EACV,WAAW,EACT,+NACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EAAE,cAAW,GAAG,KAAkE;CAC1G,OACE,iBAAA,GAAA,EAAA,KAAC,EAAiB,WAAlB;EACE,aAAU;EACV,WAAW,EAAG,wBAAwB,CAAS;EAC/C,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,aAAU,GAAG,KAA6D;CAC1G,OACE,iBAAA,GAAA,EAAA,MAAC,EAAiB,MAAlB;EACE,aAAU;EACV,WAAW,EACT,mbACA,CACF;EACA,GAAI;YANN,CAQG,GACD,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAW,WAAU,kIAAmI,CAAA,CACnI;;AAE3B;AAEA,SAAS,EAAgB,EAAE,cAAW,GAAG,KAAuC;CAC9E,OACE,iBAAA,GAAA,EAAA,KAAC,QAAD;EACE,aAAU;EACV,WAAW,EACT,iHACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/context-menu.cjs

@@ -1,2 +1,2 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-3cr8xz0x.js"),n=require("./utils-DU-Y_pvO.js");let r=require("react");r=e.r(r);var i=t.vr(),a=t.cn,o=t.pn,s=t.tn,c=t.an,l=t.un,u=t.on,d=r.forwardRef(({className:e,inset:r,children:a,...o},s)=>(0,i.jsxs)(t.fn,{ref:s,className:n.t(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none`,r&&`pl-8`,e),...o,children:[a,(0,i.jsx)(t.rr,{className:`ml-auto h-4 w-4`})]}));d.displayName=t.fn?.displayName||`ContextMenuSubTrigger`;var f=r.forwardRef(({className:e,...r},a)=>(0,i.jsx)(t.dn,{ref:a,className:n.t(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-[--radix-context-menu-content-transform-origin] overflow-hidden rounded-md border p-1 shadow-lg`,e),...r}));f.displayName=t.dn?.displayName||`ContextMenuSubContent`;var p=r.forwardRef(({className:e,...r},a)=>(0,i.jsx)(t.an,{children:(0,i.jsx)(t.en,{ref:a,className:n.t(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] origin-[--radix-context-menu-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md`,e),...r})}));p.displayName=t.en?.displayName||`ContextMenuContent`;var m=r.forwardRef(({className:e,inset:r,...a},o)=>(0,i.jsx)(t.nn,{ref:o,className:n.t(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,r&&`pl-8`,e),...a}));m.displayName=t.nn?.displayName||`ContextMenuItem`;var h=r.forwardRef(({className:e,children:r,checked:a,...o},s)=>(0,i.jsxs)(t.$t,{ref:s,className:n.t(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,e),checked:a,...o,children:[(0,i.jsx)(`span`,{className:`absolute left-2 flex h-3.5 w-3.5 items-center justify-center`,children:(0,i.jsx)(t.rn,{children:(0,i.jsx)(t.or,{className:`h-4 w-4`})})}),r]}));h.displayName=t.$t?.displayName||`ContextMenuCheckboxItem`;var g=r.forwardRef(({className:e,children:r,...a},o)=>(0,i.jsxs)(t.sn,{ref:o,className:n.t(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,e),...a,children:[(0,i.jsx)(`span`,{className:`absolute left-2 flex h-3.5 w-3.5 items-center justify-center`,children:(0,i.jsx)(t.rn,{children:(0,i.jsx)(t.tr,{className:`h-4 w-4 fill-current`})})}),r]}));g.displayName=t.sn?.displayName||`ContextMenuRadioItem`;var _=r.forwardRef(({className:e,inset:r,...a},o)=>(0,i.jsx)(t.in,{ref:o,className:n.t(`text-foreground px-2 py-1.5 text-sm font-semibold`,r&&`pl-8`,e),...a}));_.displayName=t.in?.displayName||`ContextMenuLabel`;var v=r.forwardRef(({className:e,...r},a)=>(0,i.jsx)(t.ln,{ref:a,className:n.t(`bg-border -mx-1 my-1 h-px`,e),...r}));v.displayName=t.ln?.displayName||`ContextMenuSeparator`;var y=({className:e,...t})=>(0,i.jsx)(`span`,{className:n.t(`text-muted-foreground ml-auto text-xs tracking-widest`,e),...t});y.displayName=`ContextMenuShortcut`,exports.ContextMenu=a,exports.ContextMenuCheckboxItem=h,exports.ContextMenuContent=p,exports.ContextMenuGroup=s,exports.ContextMenuItem=m,exports.ContextMenuLabel=_,exports.ContextMenuPortal=c,exports.ContextMenuRadioGroup=u,exports.ContextMenuRadioItem=g,exports.ContextMenuSeparator=v,exports.ContextMenuShortcut=y,exports.ContextMenuSub=l,exports.ContextMenuSubContent=f,exports.ContextMenuSubTrigger=d,exports.ContextMenuTrigger=o;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-UfQavLF9.js"),n=require("./utils-D7tt_q-u.js");let r=require("react");r=e.r(r);var i=t.Jr();function a({...e}){return(0,i.jsx)(t.cr,{"data-slot":`context-menu`,...e})}function o({className:e,...r}){return(0,i.jsx)(t.pr,{"data-slot":`context-menu-trigger`,className:n.t(`select-none`,e),...r})}function s({...e}){return(0,i.jsx)(t.tr,{"data-slot":`context-menu-group`,...e})}function c({...e}){return(0,i.jsx)(t.ar,{"data-slot":`context-menu-portal`,...e})}function l({...e}){return(0,i.jsx)(t.ur,{"data-slot":`context-menu-sub`,...e})}function u({...e}){return(0,i.jsx)(t.or,{"data-slot":`context-menu-radio-group`,...e})}function d({className:e,...r}){return(0,i.jsx)(t.ar,{children:(0,i.jsx)(t.er,{"data-slot":`context-menu-content`,className:n.t(`bg-popover text-popover-foreground ring-foreground/10 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 z-50 max-h-(--radix-context-menu-content-available-height) min-w-36 origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg p-1 shadow-md ring-1 duration-100`,e),...r})})}function f({className:e,inset:r,variant:a=`default`,...o}){return(0,i.jsx)(t.nr,{"data-slot":`context-menu-item`,"data-inset":r,"data-variant":a,className:n.t(`group/context-menu-item focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 focus:*:[svg]:text-accent-foreground data-[variant=destructive]:*:[svg]:text-destructive relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:ps-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4`,e),...o})}function p({className:e,inset:r,children:a,...o}){return(0,i.jsxs)(t.fr,{"data-slot":`context-menu-sub-trigger`,"data-inset":r,className:n.t(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-inset:ps-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4`,e),...o,children:[a,(0,i.jsx)(t.tt,{className:`ms-auto`})]})}function m({className:e,...r}){return(0,i.jsx)(t.dr,{"data-slot":`context-menu-sub-content`,className:n.t(`bg-popover text-popover-foreground data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 z-50 min-w-32 origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-lg border p-1 shadow-lg duration-100`,e),...r})}function h({className:e,children:r,checked:a,inset:o,...s}){return(0,i.jsxs)(t.$n,{"data-slot":`context-menu-checkbox-item`,"data-inset":o,className:n.t(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-md py-1 ps-1.5 pe-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:ps-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4`,e),checked:a,...s,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute end-2`,children:(0,i.jsx)(t.rr,{children:(0,i.jsx)(t.it,{})})}),r]})}function g({className:e,children:r,inset:a,...o}){return(0,i.jsxs)(t.sr,{"data-slot":`context-menu-radio-item`,"data-inset":a,className:n.t(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-md py-1 ps-1.5 pe-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:ps-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4`,e),...o,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute end-2`,children:(0,i.jsx)(t.rr,{children:(0,i.jsx)(t.it,{})})}),r]})}function _({className:e,inset:r,...a}){return(0,i.jsx)(t.ir,{"data-slot":`context-menu-label`,"data-inset":r,className:n.t(`text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:ps-7`,e),...a})}function v({className:e,...r}){return(0,i.jsx)(t.lr,{"data-slot":`context-menu-separator`,className:n.t(`bg-border -mx-1 my-1 h-px`,e),...r})}function y({className:e,...t}){return(0,i.jsx)(`span`,{"data-slot":`context-menu-shortcut`,className:n.t(`text-muted-foreground group-focus/context-menu-item:text-accent-foreground ms-auto text-xs tracking-widest`,e),...t})}exports.ContextMenu=a,exports.ContextMenuCheckboxItem=h,exports.ContextMenuContent=d,exports.ContextMenuGroup=s,exports.ContextMenuItem=f,exports.ContextMenuLabel=_,exports.ContextMenuPortal=c,exports.ContextMenuRadioGroup=u,exports.ContextMenuRadioItem=g,exports.ContextMenuSeparator=v,exports.ContextMenuShortcut=y,exports.ContextMenuSub=l,exports.ContextMenuSubContent=m,exports.ContextMenuSubTrigger=p,exports.ContextMenuTrigger=o;
 //# sourceMappingURL=context-menu.cjs.map