@minidev.fun/ui 1.0.1

package/dist/components/ui/src/components/ui/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","sources":["../../../../../../src/components/ui/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n} from \"@/components/ui/input-group\";\nimport { ChevronDownIcon, XIcon, CheckIcon } from \"lucide-react\";\n\nconst Combobox = ComboboxPrimitive.Root;\n\ntype ComboboxProps<T = unknown> = ComboboxPrimitive.Root.Props<T>;\n\ntype ComboboxValueProps = ComboboxPrimitive.Value.Props;\n\n/** Displays the selected value(s) as text in the trigger or input. */\nfunction ComboboxValue({ ...props }: ComboboxValueProps) {\n  return <ComboboxPrimitive.Value data-slot=\"combobox-value\" {...props} />;\n}\n\ntype ComboboxTriggerProps = ComboboxPrimitive.Trigger.Props;\n\n/** Button that opens the combobox popup. Automatically includes a chevron icon. */\nfunction ComboboxTrigger({\n  className,\n  children,\n  ...props\n}: ComboboxTriggerProps) {\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 size-4 pointer-events-none\" />\n    </ComboboxPrimitive.Trigger>\n  );\n}\n\ntype ComboboxClearProps = ComboboxPrimitive.Clear.Props;\n\n/** Button to clear the selected value. Renders as a ghost icon button with X icon. */\nfunction ComboboxClear({ className, ...props }: ComboboxClearProps) {\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\ntype ComboboxInputProps = ComboboxPrimitive.Input.Props & {\n  /** Show dropdown trigger button. @default true */\n  showTrigger?: boolean;\n  /** Show clear button when value is selected. @default false */\n  showClear?: boolean;\n};\n\n/**\n * Text input for single-select combobox with optional trigger and clear buttons.\n * Automatically renders within an InputGroup with inline-end addons.\n */\nfunction ComboboxInput({\n  className,\n  children,\n  disabled = false,\n  showTrigger = true,\n  showClear = false,\n  ...props\n}: ComboboxInputProps) {\n  return (\n    <InputGroup className={cn(\"w-auto\", className)}>\n      <ComboboxPrimitive.Input\n        render={<InputGroupInput disabled={disabled} />}\n        {...props}\n      />\n      <InputGroupAddon align=\"inline-end\">\n        {showTrigger && (\n          <InputGroupButton\n            size=\"icon-xs\"\n            variant=\"ghost\"\n            render={<ComboboxTrigger />}\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        )}\n        {showClear && <ComboboxClear disabled={disabled} />}\n      </InputGroupAddon>\n      {children}\n    </InputGroup>\n  );\n}\n\ntype ComboboxContentProps = ComboboxPrimitive.Popup.Props &\n  Pick<\n    ComboboxPrimitive.Positioner.Props,\n    \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n  >;\n\n/**\n * Popup container for combobox items. Automatically renders in portal with positioner.\n * Use `anchor` prop for multi-select with chips to position relative to chips container.\n */\nfunction ComboboxContent({\n  className,\n  side = \"bottom\",\n  sideOffset = 6,\n  align = \"start\",\n  alignOffset = 0,\n  anchor,\n  ...props\n}: ComboboxContentProps) {\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            \"bg-popover p-1 text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:border-input/30 max-h-72 min-w-36 overflow-hidden rounded-3xl shadow-md ring-1 duration-100 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) data-[chips=true]:min-w-(--anchor-width)\",\n            className,\n          )}\n          {...props}\n        />\n      </ComboboxPrimitive.Positioner>\n    </ComboboxPrimitive.Portal>\n  );\n}\n\ntype ComboboxListProps = ComboboxPrimitive.List.Props;\n\n/** Scrollable container for combobox items. Automatically manages overflow and empty states. */\nfunction ComboboxList({ className, ...props }: ComboboxListProps) {\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 p-1 data-empty:p-0 overflow-y-auto overscroll-contain\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype ComboboxItemProps = ComboboxPrimitive.Item.Props;\n\n/**\n * Selectable item in combobox list. Shows check icon when selected.\n * Requires unique `value` prop.\n */\nfunction ComboboxItem({ className, children, ...props }: ComboboxItemProps) {\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 gap-2 rounded-full py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ComboboxPrimitive.ItemIndicator\n        render={\n          <span className=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center\" />\n        }\n      >\n        <CheckIcon className=\"pointer-events-none\" />\n      </ComboboxPrimitive.ItemIndicator>\n    </ComboboxPrimitive.Item>\n  );\n}\n\ntype ComboboxGroupProps = ComboboxPrimitive.Group.Props;\n\n/** Container for grouping related items together with optional label. */\nfunction ComboboxGroup({ className, ...props }: ComboboxGroupProps) {\n  return (\n    <ComboboxPrimitive.Group\n      data-slot=\"combobox-group\"\n      className={cn(className)}\n      {...props}\n    />\n  );\n}\n\ntype ComboboxLabelProps = ComboboxPrimitive.GroupLabel.Props;\n\n/** Label for a group of items. Use within ComboboxGroup. */\nfunction ComboboxLabel({ className, ...props }: ComboboxLabelProps) {\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\ntype ComboboxCollectionProps = ComboboxPrimitive.Collection.Props;\n\n/** Defines collection of items for keyboard navigation and accessibility. */\nfunction ComboboxCollection({ ...props }: ComboboxCollectionProps) {\n  return (\n    <ComboboxPrimitive.Collection data-slot=\"combobox-collection\" {...props} />\n  );\n}\n\ntype ComboboxEmptyProps = ComboboxPrimitive.Empty.Props;\n\n/** Displays message when search returns no results. Automatically shown when list is empty. */\nfunction ComboboxEmpty({ className, ...props }: ComboboxEmptyProps) {\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\ntype ComboboxSeparatorProps = ComboboxPrimitive.Separator.Props;\n\n/** Visual separator between groups of items. */\nfunction ComboboxSeparator({ className, ...props }: ComboboxSeparatorProps) {\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\ntype ComboboxChipsProps = React.ComponentPropsWithRef<\n  typeof ComboboxPrimitive.Chips\n> &\n  ComboboxPrimitive.Chips.Props;\n\n/**\n * Container for selected chips in multi-select mode. Use with `useComboboxAnchor()` hook\n * and pass ref to anchor the popup. Contains ComboboxChip and ComboboxChipsInput.\n */\nfunction ComboboxChips({ className, ...props }: ComboboxChipsProps) {\n  return (\n    <ComboboxPrimitive.Chips\n      data-slot=\"combobox-chips\"\n      className={cn(\n        \"dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive dark:has-aria-invalid:border-destructive/50 flex min-h-9 flex-wrap items-center gap-1.5 rounded-lg border bg-transparent bg-clip-padding px-2.5 py-1.5 text-sm shadow-xs transition-[color,box-shadow] focus-within:ring-[3px] has-aria-invalid:ring-[3px] has-data-[slot=combobox-chip]:px-1.5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype ComboboxChipProps = ComboboxPrimitive.Chip.Props & {\n  /** Show remove button on chip. @default true */\n  showRemove?: boolean;\n};\n\n/**\n * Individual chip representing a selected item in multi-select mode.\n * Use within ComboboxChips. Includes remove button by default.\n */\nfunction ComboboxChip({\n  className,\n  children,\n  showRemove = true,\n  ...props\n}: ComboboxChipProps) {\n  return (\n    <ComboboxPrimitive.Chip\n      data-slot=\"combobox-chip\"\n      className={cn(\n        \"bg-muted text-foreground flex h-[calc(--spacing(5.5))] w-fit items-center justify-center gap-1 rounded-full px-1.5 text-xs font-medium whitespace-nowrap has-data-[slot=combobox-chip-remove]:pr-0 has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {showRemove && (\n        <ComboboxPrimitive.ChipRemove\n          render={<Button variant=\"ghost\" size=\"icon-xs\" />}\n          className=\"-ml-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\ntype ComboboxChipsInputProps = ComboboxPrimitive.Input.Props;\n\n/**\n * Text input for multi-select combobox. Use within ComboboxChips alongside chips.\n * This is the input field where users type to filter items.\n */\nfunction ComboboxChipsInput({ className, ...props }: ComboboxChipsInputProps) {\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\n/**\n * Hook that returns a ref for anchoring the popup to the chips container.\n * Use: `const anchorRef = useComboboxAnchor()` then pass to both ComboboxChips and ComboboxContent.\n */\nfunction useComboboxAnchor() {\n  return React.useRef<HTMLDivElement | null>(null);\n}\n\nexport {\n  Combobox,\n  ComboboxInput,\n  ComboboxContent,\n  ComboboxList,\n  ComboboxItem,\n  ComboboxGroup,\n  ComboboxLabel,\n  ComboboxCollection,\n  ComboboxEmpty,\n  ComboboxSeparator,\n  ComboboxChips,\n  ComboboxChip,\n  ComboboxChipsInput,\n  ComboboxTrigger,\n  ComboboxValue,\n  useComboboxAnchor,\n  type ComboboxProps,\n  type ComboboxInputProps,\n  type ComboboxContentProps,\n  type ComboboxListProps,\n  type ComboboxItemProps,\n  type ComboboxGroupProps,\n  type ComboboxLabelProps,\n  type ComboboxCollectionProps,\n  type ComboboxEmptyProps,\n  type ComboboxSeparatorProps,\n  type ComboboxChipsProps,\n  type ComboboxChipProps,\n  type ComboboxChipsInputProps,\n  type ComboboxTriggerProps,\n  type ComboboxValueProps,\n  type ComboboxClearProps,\n};\n"],"names":["ComboboxPrimitive.Trigger","ComboboxPrimitive.Clear","ComboboxPrimitive.Input","ComboboxPrimitive.Positioner","ComboboxPrimitive.Popup","ComboboxPrimitive.List","ComboboxPrimitive.Item","ComboboxPrimitive.ItemIndicator","ComboboxPrimitive.Group","ComboboxPrimitive.GroupLabel","ComboboxPrimitive.Empty","ComboboxPrimitive.Separator","ComboboxPrimitive.Chips","ComboboxPrimitive.Chip","ComboboxPrimitive.ChipRemove"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA;AAOA;AACE;AACF;AAKA;AAAyB;AACvB;AACA;AAEF;AACE;AACE;AAACA;AAAA;AACW;AACqD;AAC3D;AAEH;AAAA;AAC6E;AAAA;AAAA;AAGpF;AAKA;AACE;AACE;AAACC;AAAA;AACW;AAC+C;AAClC;AACnB;AAEmC;AAAA;AAG7C;AAaA;AAAuB;AACrB;AACA;AACW;AACG;AACF;AAEd;AACE;AAEI;AAAA;AAACC;AAAA;AAC8C;AACzC;AAAA;AAAA;AAGH;AACC;AAAC;AAAA;AACM;AACG;AACiB;AACf;AACA;AACV;AAAA;AAAA;AAG6C;AACnD;AACC;AAGP;AAYA;AAAyB;AACvB;AACO;AACM;AACL;AACM;AACd;AAEF;AACE;AAEI;AAACC;AAAA;AACC;AACA;AACA;AACA;AACA;AACU;AAEV;AAACC;AAAA;AACW;AACI;AACH;AACT;AACA;AAAA;AAEE;AAAA;AAAA;AACN;AAIR;AAKA;AACE;AACE;AAACC;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AAQA;AACE;AACE;AAACC;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAEH;AAAA;AACD;AAACC;AAAA;AAEkG;AAGtD;AAAA;AAAA;AAC7C;AAAA;AAGN;AAKA;AACE;AACE;AAACC;AAAA;AACW;AACa;AACnB;AAAA;AAGV;AAKA;AACE;AACE;AAACC;AAAA;AACW;AAC0D;AAChE;AAAA;AAGV;AAKA;AACE;AAGF;AAKA;AACE;AACE;AAACC;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AAKA;AACE;AACE;AAACC;AAAA;AACW;AAC0C;AAChD;AAAA;AAGV;AAWA;AACE;AACE;AAACC;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AAWA;AAAsB;AACpB;AACA;AACa;AAEf;AACE;AACE;AAACC;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAEH;AAAA;AAEC;AAACC;AAAA;AACgD;AACrC;AACA;AAE6B;AAAA;AAAA;AACzC;AAAA;AAIR;AAQA;AACE;AACE;AAACZ;AAAA;AACW;AAC6C;AACnD;AAAA;AAGV;AAMA;AACE;AACF;;;;;;;;;;;;;;;;;;;"}

package/dist/components/ui/src/components/ui/command.js

@@ -0,0 +1,149 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { Command as _e } from "../../../../../node_modules/cmdk/dist/index.js";
+import { cn } from "../../../../../lib/utils.js";
+import { Dialog, DialogHeader, DialogTitle, DialogDescription, DialogContent } from "./dialog.js";
+import { InputGroup, InputGroupAddon } from "./input-group.js";
+import Search from "../../../../../node_modules/lucide-react/dist/esm/icons/search.js";
+import Check from "../../../../../node_modules/lucide-react/dist/esm/icons/check.js";
+function Command({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    _e,
+    {
+      "data-slot": "command",
+      className: cn(
+        "bg-popover border text-popover-foreground rounded-5xl! p-4 flex size-full flex-col overflow-hidden",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandDialog({
+  title = "Command Palette",
+  description = "Search for a command to run...",
+  children,
+  className,
+  showCloseButton = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(Dialog, { ...props, children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsx(
+      DialogContent,
+      {
+        className: cn("rounded-4xl! overflow-hidden p-0", className),
+        showCloseButton,
+        children
+      }
+    )
+  ] });
+}
+function CommandInput({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "command-input-wrapper", className: "p-1 pb-0", children: /* @__PURE__ */ jsxs(InputGroup, { className: "bg-input/30 border-input/30 h-8! rounded-4xl! shadow-none! *:data-[slot=input-group-addon]:pl-2!", children: [
+    /* @__PURE__ */ jsx(
+      _e.Input,
+      {
+        "data-slot": "command-input",
+        className: cn(
+          "w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Search, { className: "size-4 shrink-0 opacity-50" }) })
+  ] }) });
+}
+function CommandList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    _e.List,
+    {
+      "data-slot": "command-list",
+      className: cn(
+        "no-scrollbar max-h-72 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandEmpty({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    _e.Empty,
+    {
+      "data-slot": "command-empty",
+      className: cn("py-6 text-center text-sm", className),
+      ...props
+    }
+  );
+}
+function CommandGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    _e.Group,
+    {
+      "data-slot": "command-group",
+      className: cn(
+        "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",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    _e.Separator,
+    {
+      "data-slot": "command-separator",
+      className: cn("bg-border -mx-1 h-px w-auto", className),
+      ...props
+    }
+  );
+}
+function CommandItem({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    _e.Item,
+    {
+      "data-slot": "command-item",
+      className: cn(
+        "data-selected:bg-muted my-1 data-selected:text-foreground data-selected:**:[svg]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none [&_svg:not([class*='size-'])]:size-4 [[data-slot=dialog-content]_&]:rounded-lg! group/command-item data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(Check, { className: "ml-auto opacity-0 group-has-[[data-slot=command-shortcut]]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" })
+      ]
+    }
+  );
+}
+function CommandShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "command-shortcut",
+      className: cn(
+        "text-muted-foreground group-data-selected/command-item:text-foreground ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut
+};
+//# sourceMappingURL=command.js.map

package/dist/components/ui/src/components/ui/command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.js","sources":["../../../../../../src/components/ui/command.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Command as CommandPrimitive } from \"cmdk\";\n\nimport { cn } from \"@/lib/utils\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"@/components/ui/dialog\";\nimport { InputGroup, InputGroupAddon } from \"@/components/ui/input-group\";\nimport { SearchIcon, CheckIcon } from \"lucide-react\";\n\ntype CommandProps = React.ComponentProps<typeof CommandPrimitive>;\n\n/**\n * Root command menu container with keyboard navigation and fuzzy search.\n * Typically used within CommandDialog for command palettes.\n */\nfunction Command({ className, ...props }: CommandProps) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"bg-popover border text-popover-foreground rounded-5xl! p-4 flex size-full flex-col overflow-hidden\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype CommandDialogProps = Omit<\n  React.ComponentProps<typeof Dialog>,\n  \"children\"\n> & {\n  /** Dialog title for screen readers. @default \"Command Palette\" */\n  title?: string;\n  /** Dialog description for screen readers. @default \"Search for a command to run...\" */\n  description?: string;\n  className?: string;\n  /** Show close button (X) in top-right corner. @default false */\n  showCloseButton?: boolean;\n  children: React.ReactNode;\n};\n\n/**\n * Command menu wrapped in a dialog for modal command palettes.\n * Automatically includes portal and overlay. Triggered with ⌘K or Ctrl+K.\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}: CommandDialogProps) {\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(\"rounded-4xl! overflow-hidden p-0\", className)}\n        showCloseButton={showCloseButton}\n      >\n        {children}\n      </DialogContent>\n    </Dialog>\n  );\n}\n\ntype CommandInputProps = React.ComponentProps<typeof CommandPrimitive.Input>;\n\n/**\n * Search input with integrated search icon. Automatically filters command items.\n */\nfunction CommandInput({ className, ...props }: CommandInputProps) {\n  return (\n    <div data-slot=\"command-input-wrapper\" className=\"p-1 pb-0\">\n      <InputGroup className=\"bg-input/30 border-input/30 h-8! rounded-4xl! shadow-none! *:data-[slot=input-group-addon]:pl-2!\">\n        <CommandPrimitive.Input\n          data-slot=\"command-input\"\n          className={cn(\n            \"w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n            className,\n          )}\n          {...props}\n        />\n        <InputGroupAddon>\n          <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n        </InputGroupAddon>\n      </InputGroup>\n    </div>\n  );\n}\n\ntype CommandListProps = React.ComponentProps<typeof CommandPrimitive.List>;\n\n/**\n * Scrollable container for command groups and items. Max height 72 (18rem).\n */\nfunction CommandList({ className, ...props }: CommandListProps) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        \"no-scrollbar max-h-72 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype CommandEmptyProps = React.ComponentProps<typeof CommandPrimitive.Empty>;\n\n/**\n * Displayed when search returns no results. Defaults to centered text.\n */\nfunction CommandEmpty({ className, ...props }: CommandEmptyProps) {\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\ntype CommandGroupProps = React.ComponentProps<typeof CommandPrimitive.Group>;\n\n/**\n * Groups related command items with optional heading. Use heading prop for labels.\n */\nfunction CommandGroup({ className, ...props }: CommandGroupProps) {\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\ntype CommandSeparatorProps = React.ComponentProps<\n  typeof CommandPrimitive.Separator\n>;\n\n/**\n * Visual divider between command groups or items.\n */\nfunction CommandSeparator({ className, ...props }: CommandSeparatorProps) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(\"bg-border -mx-1 h-px w-auto\", className)}\n      {...props}\n    />\n  );\n}\n\ntype CommandItemProps = React.ComponentProps<typeof CommandPrimitive.Item>;\n\n/**\n * Selectable command item with automatic check icon. Use onSelect prop for actions.\n * Automatically shows check icon when selected (hidden if CommandShortcut is present).\n */\nfunction CommandItem({ className, children, ...props }: CommandItemProps) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"data-selected:bg-muted my-1 data-selected:text-foreground data-selected:**:[svg]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none [&_svg:not([class*='size-'])]:size-4 [[data-slot=dialog-content]_&]:rounded-lg! group/command-item data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <CheckIcon className=\"ml-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\ntype CommandShortcutProps = React.ComponentProps<\"span\">;\n\n/**\n * Keyboard shortcut label displayed at the end of a command item.\n * Automatically aligned to the right and hides the check icon.\n */\nfunction CommandShortcut({ className, ...props }: CommandShortcutProps) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        \"text-muted-foreground group-data-selected/command-item:text-foreground ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n  type CommandProps,\n  type CommandDialogProps,\n  type CommandInputProps,\n  type CommandListProps,\n  type CommandEmptyProps,\n  type CommandGroupProps,\n  type CommandItemProps,\n  type CommandShortcutProps,\n  type CommandSeparatorProps,\n};\n"],"names":["CommandPrimitive"],"mappings":";;;;;;;;;AAsBA;AACE;AACE;AAACA;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AAoBA;AAAuB;AACb;AACM;AACd;AACA;AACkB;AAEpB;AACE;AAEI;AACE;AAAoB;AACY;AAClC;AACA;AAAC;AAAA;AAC4D;AAC3D;AAEC;AAAA;AAAA;AAIT;AAOA;AACE;AAGM;AAAA;AAAkB;AAAjB;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAAA;AAIN;AAIR;AAOA;AACE;AACE;AAAkB;AAAjB;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AAOA;AACE;AACE;AAAkB;AAAjB;AACW;AACyC;AAC/C;AAAA;AAGV;AAOA;AACE;AACE;AAAkB;AAAjB;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AASA;AACE;AACE;AAAkB;AAAjB;AACW;AAC4C;AAClD;AAAA;AAGV;AAQA;AACE;AACE;AAAkB;AAAjB;AACW;AACC;AACT;AACA;AAAA;AAEE;AAEH;AAAA;AACwJ;AAAA;AAAA;AAG/J;AAQA;AACE;AACE;AAAC;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;;;;;;;;;;;;"}

package/dist/components/ui/src/components/ui/context-menu.js

@@ -0,0 +1,245 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { cn } from "../../../../../lib/utils.js";
+import { menuItemVariants } from "../../../../../lib/variants.js";
+import Check from "../../../../../node_modules/lucide-react/dist/esm/icons/check.js";
+import ChevronRight from "../../../../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import { ContextMenuRoot } from "../../../../../node_modules/@base-ui/react/esm/context-menu/root/ContextMenuRoot.js";
+import { MenuCheckboxItem } from "../../../../../node_modules/@base-ui/react/esm/menu/checkbox-item/MenuCheckboxItem.js";
+import { MenuCheckboxItemIndicator } from "../../../../../node_modules/@base-ui/react/esm/menu/checkbox-item-indicator/MenuCheckboxItemIndicator.js";
+import { MenuPortal } from "../../../../../node_modules/@base-ui/react/esm/menu/portal/MenuPortal.js";
+import { MenuPositioner } from "../../../../../node_modules/@base-ui/react/esm/menu/positioner/MenuPositioner.js";
+import { MenuPopup } from "../../../../../node_modules/@base-ui/react/esm/menu/popup/MenuPopup.js";
+import { MenuGroup } from "../../../../../node_modules/@base-ui/react/esm/menu/group/MenuGroup.js";
+import { MenuItem } from "../../../../../node_modules/@base-ui/react/esm/menu/item/MenuItem.js";
+import { MenuGroupLabel } from "../../../../../node_modules/@base-ui/react/esm/menu/group-label/MenuGroupLabel.js";
+import { MenuRadioGroup } from "../../../../../node_modules/@base-ui/react/esm/menu/radio-group/MenuRadioGroup.js";
+import { MenuRadioItem } from "../../../../../node_modules/@base-ui/react/esm/menu/radio-item/MenuRadioItem.js";
+import { MenuRadioItemIndicator } from "../../../../../node_modules/@base-ui/react/esm/menu/radio-item-indicator/MenuRadioItemIndicator.js";
+import { Separator } from "../../../../../node_modules/@base-ui/react/esm/separator/Separator.js";
+import { MenuSubmenuRoot } from "../../../../../node_modules/@base-ui/react/esm/menu/submenu-root/MenuSubmenuRoot.js";
+import { MenuSubmenuTrigger } from "../../../../../node_modules/@base-ui/react/esm/menu/submenu-trigger/MenuSubmenuTrigger.js";
+import { ContextMenuTrigger as ContextMenuTrigger$1 } from "../../../../../node_modules/@base-ui/react/esm/context-menu/trigger/ContextMenuTrigger.js";
+function ContextMenu({ ...props }) {
+  return /* @__PURE__ */ jsx(ContextMenuRoot, { "data-slot": "context-menu", ...props });
+}
+function ContextMenuPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(MenuPortal, { "data-slot": "context-menu-portal", ...props });
+}
+function ContextMenuTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuTrigger$1,
+    {
+      "data-slot": "context-menu-trigger",
+      className: cn("select-none", className),
+      ...props
+    }
+  );
+}
+function ContextMenuContent({
+  className,
+  align = "start",
+  alignOffset = 4,
+  side = "right",
+  sideOffset = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(MenuPortal, { children: /* @__PURE__ */ jsx(
+    MenuPositioner,
+    {
+      className: "isolate z-50 outline-none",
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      children: /* @__PURE__ */ jsx(
+        MenuPopup,
+        {
+          "data-slot": "context-menu-content",
+          className: cn(
+            "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-5xl p-4 border-[0.5px] shadow-md ring-1 duration-100 z-50 max-h-(--available-height) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+function ContextMenuGroup({ ...props }) {
+  return /* @__PURE__ */ jsx(MenuGroup, { "data-slot": "context-menu-group", ...props });
+}
+function ContextMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MenuGroupLabel,
+    {
+      "data-slot": "context-menu-label",
+      "data-inset": inset,
+      className: cn(
+        "text-muted-foreground px-2 py-1.5 text-xs font-medium data-[inset]:pl-8",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuItem({
+  className,
+  inset = false,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MenuItem,
+    {
+      "data-slot": "context-menu-item",
+      className: cn(
+        menuItemVariants({ variant, inset }),
+        "group/context-menu-item",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuSub({ ...props }) {
+  return /* @__PURE__ */ jsx(MenuSubmenuRoot, { "data-slot": "context-menu-sub", ...props });
+}
+function ContextMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    MenuSubmenuTrigger,
+    {
+      "data-slot": "context-menu-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground rounded-sm px-2 py-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto" })
+      ]
+    }
+  );
+}
+function ContextMenuSubContent({ ...props }) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuContent,
+    {
+      "data-slot": "context-menu-sub-content",
+      className: "shadow-lg",
+      side: "right",
+      ...props
+    }
+  );
+}
+function ContextMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    MenuCheckboxItem,
+    {
+      "data-slot": "context-menu-checkbox-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute right-2 pointer-events-none", children: /* @__PURE__ */ jsx(MenuCheckboxItemIndicator, { children: /* @__PURE__ */ jsx(Check, {}) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuRadioGroup({ ...props }) {
+  return /* @__PURE__ */ jsx(
+    MenuRadioGroup,
+    {
+      "data-slot": "context-menu-radio-group",
+      ...props
+    }
+  );
+}
+function ContextMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    MenuRadioItem,
+    {
+      "data-slot": "context-menu-radio-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute right-2 pointer-events-none", children: /* @__PURE__ */ jsx(MenuRadioItemIndicator, { children: /* @__PURE__ */ jsx(Check, {}) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Separator,
+    {
+      "data-slot": "context-menu-separator",
+      className: cn("bg-border -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+function ContextMenuShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "context-menu-shortcut",
+      className: cn(
+        "text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuPortal,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger
+};
+//# sourceMappingURL=context-menu.js.map

package/dist/components/ui/src/components/ui/context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.js","sources":["../../../../../../src/components/ui/context-menu.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ContextMenu as ContextMenuPrimitive } from \"@base-ui/react/context-menu\";\n\nimport { cn } from \"@/lib/utils\";\nimport { menuItemVariants, type MenuItemVariant } from \"@/lib/variants\";\nimport { ChevronRightIcon, CheckIcon } from \"lucide-react\";\n\ntype ContextMenuProps = ContextMenuPrimitive.Root.Props;\n\n/** Root context menu component. Manages state and handles right-click trigger. */\nfunction ContextMenu({ ...props }: ContextMenuProps) {\n  return <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />;\n}\n\ntype ContextMenuPortalProps = ContextMenuPrimitive.Portal.Props;\n\n/** Portal container for context menu content. Renders content in document body. */\nfunction ContextMenuPortal({ ...props }: ContextMenuPortalProps) {\n  return (\n    <ContextMenuPrimitive.Portal data-slot=\"context-menu-portal\" {...props} />\n  );\n}\n\ntype ContextMenuTriggerProps = ContextMenuPrimitive.Trigger.Props;\n\n/** Element that triggers the context menu on right-click. */\nfunction ContextMenuTrigger({ className, ...props }: ContextMenuTriggerProps) {\n  return (\n    <ContextMenuPrimitive.Trigger\n      data-slot=\"context-menu-trigger\"\n      className={cn(\"select-none\", className)}\n      {...props}\n    />\n  );\n}\n\ntype ContextMenuContentProps = ContextMenuPrimitive.Popup.Props &\n  Pick<\n    ContextMenuPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >;\n\n/**\n * Context menu content with automatic portal and positioning.\n * Includes animations, shadows, and overflow handling.\n */\nfunction ContextMenuContent({\n  className,\n  align = \"start\",\n  alignOffset = 4,\n  side = \"right\",\n  sideOffset = 0,\n  ...props\n}: ContextMenuContentProps) {\n  return (\n    <ContextMenuPrimitive.Portal>\n      <ContextMenuPrimitive.Positioner\n        className=\"isolate z-50 outline-none\"\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n      >\n        <ContextMenuPrimitive.Popup\n          data-slot=\"context-menu-content\"\n          className={cn(\n            \"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-5xl p-4 border-[0.5px] shadow-md ring-1 duration-100 z-50 max-h-(--available-height) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none\",\n            className,\n          )}\n          {...props}\n        />\n      </ContextMenuPrimitive.Positioner>\n    </ContextMenuPrimitive.Portal>\n  );\n}\n\ntype ContextMenuGroupProps = ContextMenuPrimitive.Group.Props;\n\n/** Groups related menu items together. Use with ContextMenuLabel. */\nfunction ContextMenuGroup({ ...props }: ContextMenuGroupProps) {\n  return (\n    <ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />\n  );\n}\n\ntype ContextMenuLabelProps = ContextMenuPrimitive.GroupLabel.Props & {\n  /** Adds extra left padding to align with items that have icons. */\n  inset?: boolean;\n};\n\n/** Label for a group of context menu items. */\nfunction ContextMenuLabel({\n  className,\n  inset,\n  ...props\n}: ContextMenuLabelProps) {\n  return (\n    <ContextMenuPrimitive.GroupLabel\n      data-slot=\"context-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"text-muted-foreground px-2 py-1.5 text-xs font-medium data-[inset]:pl-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype ContextMenuItemProps = ContextMenuPrimitive.Item.Props & {\n  /** Adds extra left padding to align with items that have icons. */\n  inset?: boolean;\n  /** Visual style variant. @default \"default\" */\n  variant?: MenuItemVariant;\n};\n\n/** Interactive menu item. Closes menu on click by default. */\nfunction ContextMenuItem({\n  className,\n  inset = false,\n  variant = \"default\",\n  ...props\n}: ContextMenuItemProps) {\n  return (\n    <ContextMenuPrimitive.Item\n      data-slot=\"context-menu-item\"\n      className={cn(\n        menuItemVariants({ variant, inset }),\n        \"group/context-menu-item\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype ContextMenuSubProps = ContextMenuPrimitive.SubmenuRoot.Props;\n\n/** Root component for a nested submenu. */\nfunction ContextMenuSub({ ...props }: ContextMenuSubProps) {\n  return (\n    <ContextMenuPrimitive.SubmenuRoot data-slot=\"context-menu-sub\" {...props} />\n  );\n}\n\ntype ContextMenuSubTriggerProps = ContextMenuPrimitive.SubmenuTrigger.Props & {\n  /** Adds extra left padding to align with items that have icons. */\n  inset?: boolean;\n};\n\n/** Menu item that opens a submenu. Automatically includes chevron icon. */\nfunction ContextMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: ContextMenuSubTriggerProps) {\n  return (\n    <ContextMenuPrimitive.SubmenuTrigger\n      data-slot=\"context-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground rounded-sm px-2 py-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto\" />\n    </ContextMenuPrimitive.SubmenuTrigger>\n  );\n}\n\ntype ContextMenuSubContentProps = React.ComponentProps<\n  typeof ContextMenuContent\n>;\n\n/** Content container for a submenu. Opens to the right by default. */\nfunction ContextMenuSubContent({ ...props }: ContextMenuSubContentProps) {\n  return (\n    <ContextMenuContent\n      data-slot=\"context-menu-sub-content\"\n      className=\"shadow-lg\"\n      side=\"right\"\n      {...props}\n    />\n  );\n}\n\ntype ContextMenuCheckboxItemProps = ContextMenuPrimitive.CheckboxItem.Props;\n\n/** Menu item with checkbox. Shows check icon when selected. */\nfunction ContextMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: ContextMenuCheckboxItemProps) {\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      data-slot=\"context-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"absolute right-2 pointer-events-none\">\n        <ContextMenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon />\n        </ContextMenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.CheckboxItem>\n  );\n}\n\ntype ContextMenuRadioGroupProps = ContextMenuPrimitive.RadioGroup.Props;\n\n/** Container for mutually exclusive radio items. */\nfunction ContextMenuRadioGroup({ ...props }: ContextMenuRadioGroupProps) {\n  return (\n    <ContextMenuPrimitive.RadioGroup\n      data-slot=\"context-menu-radio-group\"\n      {...props}\n    />\n  );\n}\n\ntype ContextMenuRadioItemProps = ContextMenuPrimitive.RadioItem.Props;\n\n/** Radio button menu item. Shows check icon when selected. */\nfunction ContextMenuRadioItem({\n  className,\n  children,\n  ...props\n}: ContextMenuRadioItemProps) {\n  return (\n    <ContextMenuPrimitive.RadioItem\n      data-slot=\"context-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 pointer-events-none\">\n        <ContextMenuPrimitive.RadioItemIndicator>\n          <CheckIcon />\n        </ContextMenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.RadioItem>\n  );\n}\n\ntype ContextMenuSeparatorProps = ContextMenuPrimitive.Separator.Props;\n\n/** Visual separator between menu items or groups. */\nfunction ContextMenuSeparator({\n  className,\n  ...props\n}: ContextMenuSeparatorProps) {\n  return (\n    <ContextMenuPrimitive.Separator\n      data-slot=\"context-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\ntype ContextMenuShortcutProps = React.ComponentProps<\"span\">;\n\n/** Displays keyboard shortcut hint aligned to the right of menu item. */\nfunction ContextMenuShortcut({\n  className,\n  ...props\n}: ContextMenuShortcutProps) {\n  return (\n    <span\n      data-slot=\"context-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  ContextMenu,\n  ContextMenuTrigger,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuCheckboxItem,\n  ContextMenuRadioItem,\n  ContextMenuLabel,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuGroup,\n  ContextMenuPortal,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuRadioGroup,\n  type ContextMenuProps,\n  type ContextMenuTriggerProps,\n  type ContextMenuContentProps,\n  type ContextMenuItemProps,\n  type ContextMenuCheckboxItemProps,\n  type ContextMenuRadioItemProps,\n  type ContextMenuLabelProps,\n  type ContextMenuSeparatorProps,\n  type ContextMenuShortcutProps,\n  type ContextMenuGroupProps,\n  type ContextMenuPortalProps,\n  type ContextMenuSubProps,\n  type ContextMenuSubContentProps,\n  type ContextMenuSubTriggerProps,\n  type ContextMenuRadioGroupProps,\n};\n"],"names":["ContextMenuPrimitive.Root","ContextMenuPrimitive.Portal","ContextMenuPrimitive.Trigger","ContextMenuPrimitive.Positioner","ContextMenuPrimitive.Popup","ContextMenuPrimitive.Group","ContextMenuPrimitive.GroupLabel","ContextMenuPrimitive.Item","ContextMenuPrimitive.SubmenuRoot","ContextMenuPrimitive.SubmenuTrigger","ChevronRightIcon","ContextMenuPrimitive.CheckboxItem","ContextMenuPrimitive.CheckboxItemIndicator","CheckIcon","ContextMenuPrimitive.RadioGroup","ContextMenuPrimitive.RadioItem","ContextMenuPrimitive.RadioItemIndicator","ContextMenuPrimitive.Separator"],"mappings":"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"}

package/dist/components/ui/src/components/ui/dialog.js

@@ -0,0 +1,149 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { cn } from "../../../../../lib/utils.js";
+import { Button } from "./button.js";
+import X from "../../../../../node_modules/lucide-react/dist/esm/icons/x.js";
+import { DialogRoot } from "../../../../../node_modules/@base-ui/react/esm/dialog/root/DialogRoot.js";
+import { DialogClose as DialogClose$1 } from "../../../../../node_modules/@base-ui/react/esm/dialog/close/DialogClose.js";
+import { DialogPopup } from "../../../../../node_modules/@base-ui/react/esm/dialog/popup/DialogPopup.js";
+import { DialogDescription as DialogDescription$1 } from "../../../../../node_modules/@base-ui/react/esm/dialog/description/DialogDescription.js";
+import { DialogBackdrop } from "../../../../../node_modules/@base-ui/react/esm/dialog/backdrop/DialogBackdrop.js";
+import { DialogPortal as DialogPortal$1 } from "../../../../../node_modules/@base-ui/react/esm/dialog/portal/DialogPortal.js";
+import { DialogTitle as DialogTitle$1 } from "../../../../../node_modules/@base-ui/react/esm/dialog/title/DialogTitle.js";
+import { DialogTrigger as DialogTrigger$1 } from "../../../../../node_modules/@base-ui/react/esm/dialog/trigger/DialogTrigger.js";
+function Dialog({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogRoot, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogTrigger$1, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPortal$1, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogClose$1, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogBackdrop,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPopup,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-border grid max-w-[calc(100%-2rem)] gap-6 rounded-6xl p-8 text-sm ring-1 duration-100 sm:max-w-md fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            DialogClose$1,
+            {
+              "data-slot": "dialog-close",
+              render: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  className: "absolute top-4 right-4",
+                  size: "icon-sm"
+                }
+              ),
+              children: [
+                /* @__PURE__ */ jsx(X, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("gap-2 flex flex-col", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({
+  className,
+  showCloseButton = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn(
+        "gap-2 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        showCloseButton && /* @__PURE__ */ jsx(DialogClose$1, { render: /* @__PURE__ */ jsx(Button, { variant: "outline" }), children: "Close" })
+      ]
+    }
+  );
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogTitle$1,
+    {
+      "data-slot": "dialog-title",
+      className: cn("leading-none font-medium", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogDescription$1,
+    {
+      "data-slot": "dialog-description",
+      className: cn(
+        "text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger
+};
+//# sourceMappingURL=dialog.js.map

package/dist/components/ui/src/components/ui/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sources":["../../../../../../src/components/ui/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\n\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"@/components/ui/button\";\nimport { XIcon } from \"lucide-react\";\n\ntype DialogProps = DialogPrimitive.Root.Props;\n\n/**\n * Root dialog component. Groups all parts of the dialog and manages open state.\n * Use with controlled (`open`/`onOpenChange`) or uncontrolled (`defaultOpen`) state.\n */\nfunction Dialog({ ...props }: DialogProps) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\ntype DialogTriggerProps = DialogPrimitive.Trigger.Props;\n\n/**\n * Button that opens the dialog. Use `render` prop to customize the trigger element.\n */\nfunction DialogTrigger({ ...props }: DialogTriggerProps) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\ntype DialogPortalProps = DialogPrimitive.Portal.Props;\n\n/**\n * Portal component that renders dialog content at document root.\n * Automatically used by DialogContent - rarely needed directly.\n */\nfunction DialogPortal({ ...props }: DialogPortalProps) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\ntype DialogCloseProps = DialogPrimitive.Close.Props;\n\n/**\n * Button that closes the dialog. Can be styled using the `render` prop.\n */\nfunction DialogClose({ ...props }: DialogCloseProps) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\ntype DialogOverlayProps = DialogPrimitive.Backdrop.Props;\n\n/**\n * Backdrop overlay that appears behind the dialog with blur effect.\n */\nfunction DialogOverlay({ className, ...props }: DialogOverlayProps) {\n  return (\n    <DialogPrimitive.Backdrop\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype DialogContentProps = DialogPrimitive.Popup.Props & {\n  /**\n   * Show close button (X) in top-right corner.\n   * @default true\n   */\n  showCloseButton?: boolean;\n};\n\n/**\n * Main dialog content container with automatic portal and backdrop overlay.\n * Centered on screen with fade and zoom animations.\n */\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: DialogContentProps) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Popup\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-border grid max-w-[calc(100%-2rem)] gap-6 rounded-6xl p-8 text-sm ring-1 duration-100 sm:max-w-md fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            render={\n              <Button\n                variant=\"ghost\"\n                className=\"absolute top-4 right-4\"\n                size=\"icon-sm\"\n              />\n            }\n          >\n            <XIcon />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Popup>\n    </DialogPortal>\n  );\n}\n\ntype DialogHeaderProps = React.ComponentProps<\"div\">;\n\n/**\n * Container for dialog title and description. Provides consistent spacing.\n */\nfunction DialogHeader({ className, ...props }: DialogHeaderProps) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"gap-2 flex flex-col\", className)}\n      {...props}\n    />\n  );\n}\n\ntype DialogFooterProps = React.ComponentProps<\"div\"> & {\n  /**\n   * Show a \"Close\" button in the footer.\n   * @default false\n   */\n  showCloseButton?: boolean;\n};\n\n/**\n * Container for dialog actions. Stacks vertically on mobile, horizontal on desktop.\n */\nfunction DialogFooter({\n  className,\n  showCloseButton = false,\n  children,\n  ...props\n}: DialogFooterProps) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"gap-2 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close render={<Button variant=\"outline\" />}>\n          Close\n        </DialogPrimitive.Close>\n      )}\n    </div>\n  );\n}\n\ntype DialogTitleProps = DialogPrimitive.Title.Props;\n\n/**\n * Dialog title with accessible heading semantics. Required for screen readers.\n */\nfunction DialogTitle({ className, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"leading-none font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\ntype DialogDescriptionProps = DialogPrimitive.Description.Props;\n\n/**\n * Dialog description providing additional context. Supports inline links with hover effects.\n */\nfunction DialogDescription({ className, ...props }: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\n        \"text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n  type DialogProps,\n  type DialogCloseProps,\n  type DialogContentProps,\n  type DialogDescriptionProps,\n  type DialogFooterProps,\n  type DialogHeaderProps,\n  type DialogOverlayProps,\n  type DialogPortalProps,\n  type DialogTitleProps,\n  type DialogTriggerProps,\n};\n"],"names":["DialogPrimitive.Backdrop","DialogPrimitive.Popup","DialogPrimitive.Close","DialogPrimitive.Title","DialogPrimitive.Description"],"mappings":";;;;;;;;;;;;;;AAeA;AACE;AACF;AAOA;AACE;AACF;AAQA;AACE;AACF;AAOA;AACE;AACF;AAOA;AACE;AACE;AAACA;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AAcA;AAAuB;AACrB;AACA;AACkB;AAEpB;AACE;AAEI;AAAe;AACf;AAACC;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAEH;AAAA;AAEC;AAACC;AAAA;AACW;AAER;AAAC;AAAA;AACS;AACE;AACL;AAAA;AAAA;AAIT;AAAO;AACwB;AAAA;AAAA;AAAA;AACjC;AAAA;AAAA;AAKV;AAOA;AACE;AACE;AAAC;AAAA;AACW;AACoC;AAC1C;AAAA;AAGV;AAaA;AAAsB;AACpB;AACkB;AAClB;AAEF;AACE;AACE;AAAC;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAEH;AAAA;AAIC;AAAA;AAAA;AAIR;AAOA;AACE;AACE;AAACC;AAAA;AACW;AACyC;AAC/C;AAAA;AAGV;AAOA;AACE;AACE;AAACC;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;;;;;;;;;;;;;"}