@brainfish-ai/components 0.35.19 → 0.36.0

package/dist/esm/components/ui/chart.js

@@ -0,0 +1,198 @@
+import * as React from 'react';
+import * as RechartsPrimitive from 'recharts';
+import { cn } from '../../lib/utils.js';
+
+const THEMES = { light: "", dark: ".dark" };
+const ChartContext = React.createContext(null);
+function useChart() {
+  const context = React.useContext(ChartContext);
+  if (!context) {
+    throw new Error("useChart must be used within a <ChartContainer />");
+  }
+  return context;
+}
+const ChartContainer = React.forwardRef(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React.useId();
+  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
+  return /* @__PURE__ */ React.createElement(ChartContext.Provider, { value: { config } }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-chart": chartId,
+      ref,
+      className: cn(
+        "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(ChartStyle, { id: chartId, config }),
+    /* @__PURE__ */ React.createElement(RechartsPrimitive.ResponsiveContainer, null, children)
+  ));
+});
+ChartContainer.displayName = "Chart";
+const ChartStyle = ({ id, config }) => {
+  const colorConfig = Object.entries(config).filter(([, config2]) => config2.theme || config2.color);
+  if (!colorConfig.length) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(THEMES).map(
+          ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig.map(([key, itemConfig]) => {
+            const color = itemConfig.theme?.[theme] || itemConfig.color;
+            return color ? `  --color-${key}: ${color};` : null;
+          }).join("\n")}
+}
+`
+        ).join("\n")
+      }
+    }
+  );
+};
+const ChartTooltip = RechartsPrimitive.Tooltip;
+const ChartTooltipContent = React.forwardRef(
+  ({
+    active,
+    payload,
+    className,
+    indicator = "dot",
+    hideLabel = false,
+    hideIndicator = false,
+    label,
+    labelFormatter,
+    labelClassName,
+    formatter,
+    color,
+    nameKey,
+    labelKey
+  }, ref) => {
+    const { config } = useChart();
+    const tooltipLabel = React.useMemo(() => {
+      if (hideLabel || !payload?.length) {
+        return null;
+      }
+      const [item] = payload;
+      const key = `${labelKey || item?.dataKey || item?.name || "value"}`;
+      const itemConfig = getPayloadConfigFromPayload(config, item, key);
+      const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
+      if (labelFormatter) {
+        return /* @__PURE__ */ React.createElement("div", { className: cn("font-medium", labelClassName) }, labelFormatter(value, payload));
+      }
+      if (!value) {
+        return null;
+      }
+      return /* @__PURE__ */ React.createElement("div", { className: cn("font-medium", labelClassName) }, value);
+    }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
+    if (!active || !payload?.length) {
+      return null;
+    }
+    const nestLabel = payload.length === 1 && indicator !== "dot";
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref,
+        className: cn(
+          "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
+          className
+        )
+      },
+      !nestLabel ? tooltipLabel : null,
+      /* @__PURE__ */ React.createElement("div", { className: "grid gap-1.5" }, payload.filter((item) => item.type !== "none").map((item, index) => {
+        const key = `${nameKey || item.name || item.dataKey || "value"}`;
+        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+        const indicatorColor = color || item.payload.fill || item.color;
+        return /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            key: item.dataKey,
+            className: cn(
+              "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
+              indicator === "dot" && "items-center"
+            )
+          },
+          formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ React.createElement(React.Fragment, null, itemConfig?.icon ? /* @__PURE__ */ React.createElement(itemConfig.icon, null) : !hideIndicator && /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              className: cn("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
+                "h-2.5 w-2.5": indicator === "dot",
+                "w-1": indicator === "line",
+                "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
+                "my-0.5": nestLabel && indicator === "dashed"
+              }),
+              style: {
+                "--color-bg": indicatorColor,
+                "--color-border": indicatorColor
+              }
+            }
+          ), /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              className: cn(
+                "flex flex-1 justify-between leading-none",
+                nestLabel ? "items-end" : "items-center"
+              )
+            },
+            /* @__PURE__ */ React.createElement("div", { className: "grid gap-1.5" }, nestLabel ? tooltipLabel : null, /* @__PURE__ */ React.createElement("span", { className: "text-muted-foreground" }, itemConfig?.label || item.name)),
+            item.value != null && /* @__PURE__ */ React.createElement("span", { className: "font-mono font-medium tabular-nums text-foreground" }, item.value.toLocaleString())
+          ))
+        );
+      }))
+    );
+  }
+);
+ChartTooltipContent.displayName = "ChartTooltip";
+const ChartLegend = RechartsPrimitive.Legend;
+const ChartLegendContent = React.forwardRef(({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
+  const { config } = useChart();
+  if (!payload?.length) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref,
+      className: cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className)
+    },
+    payload.filter((item) => item.type !== "none").map((item) => {
+      const key = `${nameKey || item.dataKey || "value"}`;
+      const itemConfig = getPayloadConfigFromPayload(config, item, key);
+      return /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          key: item.value,
+          className: cn("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground")
+        },
+        itemConfig?.icon && !hideIcon ? /* @__PURE__ */ React.createElement(itemConfig.icon, null) : /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: "h-2 w-2 shrink-0 rounded-[2px]",
+            style: {
+              backgroundColor: item.color
+            }
+          }
+        ),
+        itemConfig?.label
+      );
+    })
+  );
+});
+ChartLegendContent.displayName = "ChartLegend";
+function getPayloadConfigFromPayload(config, payload, key) {
+  if (typeof payload !== "object" || payload === null) {
+    return void 0;
+  }
+  const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
+  let configLabelKey = key;
+  if (key in payload && typeof payload[key] === "string") {
+    configLabelKey = payload[key];
+  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
+    configLabelKey = payloadPayload[key];
+  }
+  return configLabelKey in config ? config[configLabelKey] : config[key];
+}
+
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };

package/dist/esm/components/ui/collapsible.js

@@ -1,2 +1,33 @@
-import n from"react";import*as e from"@radix-ui/react-collapsible";const t=e.Root,l=e.CollapsibleTrigger,o=({children:t,...l})=>/* @__PURE__ */n.createElement(e.CollapsibleContent,{...l},/* @__PURE__ */n.createElement("style",null,'\n        .CollapsibleContent[data-state="open"] {\n          animation: slideDown 200ms ease-in-out;\n        }\n        .CollapsibleContent[data-state="closed"] {\n          animation: slideUp 200ms ease-in-out;\n        }\n\n        @keyframes slideDown {\n          from {\n            height: 0;\n          }\n          to {\n            height: var(--radix-collapsible-content-height);\n          }\n        }\n\n        @keyframes slideUp {\n          from {\n            height: var(--radix-collapsible-content-height);\n          }\n          to {\n            height: 0;\n          }\n        }\n      '),t);export{t as Collapsible,o as CollapsibleContent,l as CollapsibleTrigger};
-//# sourceMappingURL=collapsible.js.map
+import React__default from 'react';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+
+const Collapsible = CollapsiblePrimitive.Root;
+const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
+const CollapsibleContent = ({ children, ...props }) => /* @__PURE__ */ React__default.createElement(CollapsiblePrimitive.CollapsibleContent, { ...props }, /* @__PURE__ */ React__default.createElement("style", null, `
+        .CollapsibleContent[data-state="open"] {
+          animation: slideDown 200ms ease-in-out;
+        }
+        .CollapsibleContent[data-state="closed"] {
+          animation: slideUp 200ms ease-in-out;
+        }
+
+        @keyframes slideDown {
+          from {
+            height: 0;
+          }
+          to {
+            height: var(--radix-collapsible-content-height);
+          }
+        }
+
+        @keyframes slideUp {
+          from {
+            height: var(--radix-collapsible-content-height);
+          }
+          to {
+            height: 0;
+          }
+        }
+      `), children);
+
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/esm/components/ui/combobox.js

@@ -1,2 +1 @@
-export{C as Combobox}from"../../chunks/combobox.DKotd4uC.js";
-//# sourceMappingURL=combobox.js.map
+export { Combobox } from '../combobox/combobox.js';

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

@@ -1,3 +1,79 @@
-import*as e from"react";import{Command as a}from"cmdk";import{MagnifyingGlassIcon as t}from"@radix-ui/react-icons";import{c as r}from"../../chunks/utils.DtKoarLP.js";import{Dialog as o,DialogContent as m}from"./dialog.js";const s=e.forwardRef(({className:t,...o},m)=>/* @__PURE__ */e.createElement(a,{ref:m,className:r("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",t),...o}));s.displayName=a.displayName;const d=({children:a,...t})=>/* @__PURE__ */e.createElement(o,{...t},/* @__PURE__ */e.createElement(m,{className:"overflow-hidden p-0"},/* @__PURE__ */e.createElement(s,{className:"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[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"},a))),n=e.forwardRef(({className:o,...m},s)=>
-/* @__PURE__ */e.createElement("div",{className:"flex items-center border-b px-3","cmdk-input-wrapper":""},/* @__PURE__ */e.createElement(t,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),/* @__PURE__ */e.createElement(a.Input,{ref:s,className:r("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none ring-0 focus:outline-none focus:ring-0 focus-visible:outline-none focus-visible:ring-0 placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",o),...m})));n.displayName=a.Input.displayName;const c=e.forwardRef(({className:t,...o},m)=>/* @__PURE__ */e.createElement(a.List,{ref:m,className:r("max-h-[300px] overflow-y-auto overflow-x-hidden",t),...o}));c.displayName=a.List.displayName;const l=e.forwardRef((t,r)=>/* @__PURE__ */e.createElement(a.Empty,{ref:r,className:"py-6 text-center text-sm",...t}));l.displayName=a.Empty.displayName;const i=e.forwardRef(({className:t,...o},m)=>/* @__PURE__ */e.createElement(a.Group,{ref:m,className:r("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",t),...o}));i.displayName=a.Group.displayName;const p=e.forwardRef(({className:t,...o},m)=>/* @__PURE__ */e.createElement(a.Separator,{ref:m,className:r("-mx-1 h-px bg-border",t),...o}));p.displayName=a.Separator.displayName;const u=e.forwardRef(({className:t,...o},m)=>/* @__PURE__ */e.createElement(a.Item,{ref:m,className:r("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",t),...o}));u.displayName=a.Item.displayName;const f=({className:a,...t})=>/* @__PURE__ */e.createElement("span",{className:r("ml-auto text-xs tracking-widest text-muted-foreground",a),...t});f.displayName="CommandShortcut";export{s as Command,d as CommandDialog,l as CommandEmpty,i as CommandGroup,n as CommandInput,u as CommandItem,c as CommandList,p as CommandSeparator,f as CommandShortcut};
-//# sourceMappingURL=command.js.map
+import * as React from 'react';
+import { Command as Command$1 } from 'cmdk';
+import { MagnifyingGlassIcon } from '@radix-ui/react-icons';
+import { cn } from '../../lib/utils.js';
+import { Dialog, DialogContent } from './dialog.js';
+
+const Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  Command$1,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      className
+    ),
+    ...props
+  }
+));
+Command.displayName = Command$1.displayName;
+const CommandDialog = ({ children, ...props }) => {
+  return /* @__PURE__ */ React.createElement(Dialog, { ...props }, /* @__PURE__ */ React.createElement(DialogContent, { className: "overflow-hidden p-0" }, /* @__PURE__ */ React.createElement(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[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)));
+};
+const CommandInput = React.forwardRef(({ className, ...props }, ref) => (
+  // eslint-disable-next-line react/no-unknown-property
+  /* @__PURE__ */ React.createElement("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "" }, /* @__PURE__ */ React.createElement(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), /* @__PURE__ */ React.createElement(
+    Command$1.Input,
+    {
+      ref,
+      className: cn(
+        "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none ring-0 focus:outline-none focus:ring-0 focus-visible:outline-none focus-visible:ring-0 placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  ))
+));
+CommandInput.displayName = Command$1.Input.displayName;
+const CommandList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  Command$1.List,
+  {
+    ref,
+    className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+    ...props
+  }
+));
+CommandList.displayName = Command$1.List.displayName;
+const CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ React.createElement(Command$1.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+CommandEmpty.displayName = Command$1.Empty.displayName;
+const CommandGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  Command$1.Group,
+  {
+    ref,
+    className: cn(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+CommandGroup.displayName = Command$1.Group.displayName;
+const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(Command$1.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
+CommandSeparator.displayName = Command$1.Separator.displayName;
+const CommandItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  Command$1.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      className
+    ),
+    ...props
+  }
+));
+CommandItem.displayName = Command$1.Item.displayName;
+const CommandShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ React.createElement("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+};
+CommandShortcut.displayName = "CommandShortcut";
+
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

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

@@ -1,3 +1,53 @@
-import*as e from"react";import*as a from"@radix-ui/react-dialog";import{X as t}from"@phosphor-icons/react";import{c as s}from"../../chunks/utils.DtKoarLP.js";const o=a.Root,l=a.Trigger,r=a.Portal,n=a.Close,d=e.forwardRef(({className:t,...o},l)=>/* @__PURE__ */e.createElement(a.Overlay,{ref:l,className:s("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",t),...o}));d.displayName=a.Overlay.displayName;const i=e.forwardRef(({className:o,children:l,...n},i)=>/* @__PURE__ */e.createElement(r,null,/* @__PURE__ */e.createElement(d,null),/* @__PURE__ */e.createElement(a.Content,{ref:i,className:s("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-surface p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg","border-border shadow-[2px_2px_0_0_#0A0A0D] !transition-shadow duration-300 ease-in-out dark:shadow-[2px_2px_0_0_#FFF]",o),...n},l,
-/* @__PURE__ */e.createElement(a.Close,{className:"absolute right-4 top-4 opacity-70 ring-offset-background hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground bg-surface text-default rounded duration-300 ease-in-out p-1.5"},/* @__PURE__ */e.createElement(t,{size:20,weight:"bold"}),/* @__PURE__ */e.createElement("span",{className:"sr-only"},"Close")))));i.displayName=a.Content.displayName;const c=({className:a,...t})=>/* @__PURE__ */e.createElement("div",{className:s("flex flex-col space-y-1.5 text-center sm:text-left",a),...t});c.displayName="DialogHeader";const m=({className:a,...t})=>/* @__PURE__ */e.createElement("div",{className:s("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",a),...t});m.displayName="DialogFooter";const f=e.forwardRef(({className:t,...o},l)=>/* @__PURE__ */e.createElement(a.Title,{ref:l,className:s("text-lg font-semibold leading-none tracking-tight mt-0",t),...o}));f.displayName=a.Title.displayName;const p=e.forwardRef(({className:t,...o},l)=>/* @__PURE__ */e.createElement(a.Description,{ref:l,className:s("text-sm text-muted-foreground",t),...o}));p.displayName=a.Description.displayName;export{o as Dialog,n as DialogClose,i as DialogContent,p as DialogDescription,m as DialogFooter,c as DialogHeader,d as DialogOverlay,r as DialogPortal,f as DialogTitle,l as DialogTrigger};
-//# sourceMappingURL=dialog.js.map
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { X } from '@phosphor-icons/react';
+import { cn } from '../../lib/utils.js';
+
+const Dialog = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogPortal = DialogPrimitive.Portal;
+const DialogClose = DialogPrimitive.Close;
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(DialogPortal, null, /* @__PURE__ */ React.createElement(DialogOverlay, null), /* @__PURE__ */ React.createElement(
+  DialogPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-surface p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+      "border-border shadow-[2px_2px_0_0_#0A0A0D] !transition-shadow duration-300 ease-in-out dark:shadow-[2px_2px_0_0_#FFF]",
+      className
+    ),
+    ...props
+  },
+  children,
+  /* @__PURE__ */ React.createElement(DialogPrimitive.Close, { className: "absolute right-4 top-4 opacity-70 ring-offset-background hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground bg-surface text-default rounded duration-300 ease-in-out p-1.5" }, /* @__PURE__ */ React.createElement(X, { size: 20, weight: "bold" }), /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Close"))
+)));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+const DialogHeader = ({ className, ...props }) => /* @__PURE__ */ React.createElement("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+DialogHeader.displayName = "DialogHeader";
+const DialogFooter = ({ className, ...props }) => /* @__PURE__ */ React.createElement("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+DialogFooter.displayName = "DialogFooter";
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold leading-none tracking-tight mt-0", className),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+const DialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/esm/components/ui/div-button.js

@@ -1,3 +1,61 @@
-import*as e from"react";import{S as r}from"../../chunks/index.Ca2JkOFO.js";import{cva as o}from"class-variance-authority";import{c as a}from"../../chunks/utils.DtKoarLP.js";const t=o("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:border-ring focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",suggestion:"bg-blue-600 text-white rounded-full",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline",dark:"bg-dark-700 text-white shadow hover:bg-dark-800 dark:bg-primary dark:text-primary-foreground dark:hover:bg-primary/80 focus-visible:bg-dark-800 dark:focus-visible:bg-primary/80",shadow:"bg-primary text-primary rounded border border-border shadow-[2px_2px_0_0_#0A0A0D] hover:shadow-none !transition-shadow duration-300 ease-in-out active:shadow-[inset_2px_2px_0_0_#262626] dark:shadow-[2px_2px_0_0_#FFF] dark:hover:shadow-none dark:active:shadow-[inset_2px_2px_0_0_#FFF]",shadowSurface:"bg-surface text-dark-900 rounded border border-border shadow-[2px_2px_0_0_#0A0A0D] hover:shadow-none !transition-shadow duration-300 ease-in-out active:shadow-[inset_2px_2px_0_0_#262626] dark:shadow-[2px_2px_0_0_#FFF] dark:hover:shadow-none dark:active:shadow-[inset_2px_2px_0_0_#FFF]"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-sm",lg:"h-10 rounded-md px-8",icon:"h-9 w-9 [&_svg]:size-5"}},defaultVariants:{variant:"default",size:"default"}}),s=e.forwardRef(({className:o,variant:s,size:n,asChild:i=!1,onClick:d,onKeyDown:u,...c},h)=>{const p=i?r:"div";/* @__PURE__ */
-return e.createElement(p,{className:a(t({variant:s,size:n,className:o})),ref:h,role:"button",tabIndex:0,onClick:d,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.currentTarget.click()),u?.(e)},...c})});s.displayName="DivButton";export{s as DivButton,t as divButtonVariants};
-//# sourceMappingURL=div-button.js.map
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils.js';
+
+const divButtonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:border-ring focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        suggestion: "bg-blue-600 text-white rounded-full",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+        dark: "bg-dark-700 text-white shadow hover:bg-dark-800 dark:bg-primary dark:text-primary-foreground dark:hover:bg-primary/80 focus-visible:bg-dark-800 dark:focus-visible:bg-primary/80",
+        shadow: "bg-primary text-primary rounded border border-border shadow-[2px_2px_0_0_#0A0A0D] hover:shadow-none !transition-shadow duration-300 ease-in-out active:shadow-[inset_2px_2px_0_0_#262626] dark:shadow-[2px_2px_0_0_#FFF] dark:hover:shadow-none dark:active:shadow-[inset_2px_2px_0_0_#FFF]",
+        shadowSurface: "bg-surface text-dark-900 rounded border border-border shadow-[2px_2px_0_0_#0A0A0D] hover:shadow-none !transition-shadow duration-300 ease-in-out active:shadow-[inset_2px_2px_0_0_#262626] dark:shadow-[2px_2px_0_0_#FFF] dark:hover:shadow-none dark:active:shadow-[inset_2px_2px_0_0_#FFF]"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-sm",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9 [&_svg]:size-5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+const DivButton = React.forwardRef(
+  ({ className, variant, size, asChild = false, onClick, onKeyDown, ...props }, ref) => {
+    const handleKeyDown = (event) => {
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        event.currentTarget.click();
+      }
+      onKeyDown?.(event);
+    };
+    const Comp = asChild ? Slot : "div";
+    return /* @__PURE__ */ React.createElement(
+      Comp,
+      {
+        className: cn(divButtonVariants({ variant, size, className })),
+        ref,
+        role: "button",
+        tabIndex: 0,
+        onClick,
+        onKeyDown: handleKeyDown,
+        ...props
+      }
+    );
+  }
+);
+DivButton.displayName = "DivButton";
+
+export { DivButton, divButtonVariants };

package/dist/esm/components/ui/dropdown-menu.js

@@ -1,4 +1,114 @@
-import*as e from"react";import*as t from"@radix-ui/react-dropdown-menu";import{ChevronRightIcon as a,CheckIcon as s}from"@radix-ui/react-icons";import{c as o}from"../../chunks/utils.DtKoarLP.js";const r=t.Root,n=t.Trigger,l=t.Group,d=t.Portal,m=t.Sub,i=t.RadioGroup,c=e.forwardRef(({className:s,inset:r,children:n,secondaryRow:l,...d},m)=>/* @__PURE__ */e.createElement(t.SubTrigger,{ref:m,className:o("flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm !outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",r&&"pl-8",l&&"h-auto group/dropdown-item",s),...d},l?/* @__PURE__ */e.createElement(e.Fragment,null,/* @__PURE__ */e.createElement("div",{className:"flex min-w-0 flex-1 flex-col items-start"},/* @__PURE__ */e.createElement("div",{className:"flex w-full items-center gap-2 pb-0.5 [&_svg]:size-4 [&_svg]:shrink-0"},n),l),/* @__PURE__ */e.createElement(a,{className:"ml-auto"})):/* @__PURE__ */e.createElement(e.Fragment,null,n,/* @__PURE__ */e.createElement(a,{className:"ml-auto"}))));c.displayName=t.SubTrigger.displayName;const p=e.forwardRef(({className:a,...s},r)=>/* @__PURE__ */e.createElement(t.SubContent,{ref:r,className:o("z-50 min-w-[8rem] overflow-hidden rounded-md border border-foreground bg-popover p-1 text-popover-foreground shadow-[4px_4px_0_0_#171717] dark:shadow-[4px_4px_0_0_#fff]","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",a),...s}));p.displayName=t.SubContent.displayName;const f=e.forwardRef(({className:a,sideOffset:s=4,...r},n)=>/* @__PURE__ */e.createElement(t.Portal,null,/* @__PURE__ */e.createElement(t.Content,{ref:n,sideOffset:s,className:o("z-50 min-w-[8rem] overflow-hidden rounded-md border border-foreground bg-popover p-1 text-popover-foreground shadow-[4px_4px_0_0_#171717] dark:shadow-[4px_4px_0_0_#fff]","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",a),...r})));f.displayName=t.Content.displayName;const u=e.forwardRef(({className:a,inset:s,children:r,secondaryRow:n,...l},d)=>/* @__PURE__ */e.createElement(t.Item,{ref:d,className:o("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm !outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:size-5 [&_svg]:shrink-0",s&&"pl-8",n&&"flex-col items-start h-auto group/dropdown-item",a),...l},n?/* @__PURE__ */e.createElement(e.Fragment,null,/* @__PURE__ */e.createElement("div",{className:"flex w-full items-center gap-2 pb-0.5 [&_svg]:size-5 [&_svg]:shrink-0"},r),n):r));u.displayName=t.Item.displayName;const g=e.forwardRef(({className:a,children:r,checked:n,...l},d)=>/* @__PURE__ */e.createElement(t.CheckboxItem,{ref:d,className:o("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm !outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),checked:n,...l},
-/* @__PURE__ */e.createElement("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"},/* @__PURE__ */e.createElement(t.ItemIndicator,null,/* @__PURE__ */e.createElement(s,{className:"h-4 w-4"}))),r));g.displayName=t.CheckboxItem.displayName;const N=e.forwardRef(({className:a,children:r,...n},l)=>/* @__PURE__ */e.createElement(t.RadioItem,{ref:l,className:o("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm !outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),...n},
-/* @__PURE__ */e.createElement("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"},/* @__PURE__ */e.createElement(t.ItemIndicator,null,/* @__PURE__ */e.createElement(s,{className:"h-4 w-4"}))),r));N.displayName=t.RadioItem.displayName;const x=e.forwardRef(({className:a,inset:s,...r},n)=>/* @__PURE__ */e.createElement(t.Label,{ref:n,className:o("px-2 py-1.5 text-sm font-semibold",s&&"pl-8",a),...r}));x.displayName=t.Label.displayName;const b=e.forwardRef(({className:a,...s},r)=>/* @__PURE__ */e.createElement(t.Separator,{ref:r,className:o("-mx-1 my-1 h-px bg-muted",a),...s}));b.displayName=t.Separator.displayName;const h=({className:t,...a})=>/* @__PURE__ */e.createElement("span",{className:o("ml-auto text-xs tracking-widest opacity-60",t),...a});h.displayName="DropdownMenuShortcut";export{r as DropdownMenu,g as DropdownMenuCheckboxItem,f as DropdownMenuContent,l as DropdownMenuGroup,u as DropdownMenuItem,x as DropdownMenuLabel,d as DropdownMenuPortal,i as DropdownMenuRadioGroup,N as DropdownMenuRadioItem,b as DropdownMenuSeparator,h as DropdownMenuShortcut,m as DropdownMenuSub,p as DropdownMenuSubContent,c as DropdownMenuSubTrigger,n as DropdownMenuTrigger};
-//# sourceMappingURL=dropdown-menu.js.map
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { ChevronRightIcon, CheckIcon } from '@radix-ui/react-icons';
+import { cn } from '../../lib/utils.js';
+
+const DropdownMenu = DropdownMenuPrimitive.Root;
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, secondaryRow, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm !outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      inset && "pl-8",
+      secondaryRow && "h-auto group/dropdown-item",
+      className
+    ),
+    ...props
+  },
+  secondaryRow ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 flex-1 flex-col items-start" }, /* @__PURE__ */ React.createElement("div", { className: "flex w-full items-center gap-2 pb-0.5 [&_svg]:size-4 [&_svg]:shrink-0" }, children), secondaryRow), /* @__PURE__ */ React.createElement(ChevronRightIcon, { className: "ml-auto" })) : /* @__PURE__ */ React.createElement(React.Fragment, null, children, /* @__PURE__ */ React.createElement(ChevronRightIcon, { className: "ml-auto" }))
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-foreground bg-popover p-1 text-popover-foreground shadow-[4px_4px_0_0_#171717] dark:shadow-[4px_4px_0_0_#fff]",
+      "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",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-foreground bg-popover p-1 text-popover-foreground shadow-[4px_4px_0_0_#171717] dark:shadow-[4px_4px_0_0_#fff]",
+      "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",
+      className
+    ),
+    ...props
+  }
+)));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+const DropdownMenuItem = React.forwardRef(({ className, inset, children, secondaryRow, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm !outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:size-5 [&_svg]:shrink-0",
+      inset && "pl-8",
+      secondaryRow && "flex-col items-start h-auto group/dropdown-item",
+      className
+    ),
+    ...props
+  },
+  secondaryRow ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex w-full items-center gap-2 pb-0.5 [&_svg]:size-5 [&_svg]:shrink-0" }, children), secondaryRow) : children
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm !outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement(CheckIcon, { className: "h-4 w-4" }))),
+  children
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm !outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement(CheckIcon, { className: "h-4 w-4" }))),
+  children
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+const DropdownMenuShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ React.createElement("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/esm/components/ui/hover-card.js

@@ -1,2 +1,22 @@
-import*as t from"react";import*as e from"@radix-ui/react-hover-card";import{c as a}from"../../chunks/utils.DtKoarLP.js";const o=e.Root,r=e.Trigger,d=t.forwardRef(({className:o,align:r="center",sideOffset:d=4,...i},s)=>/* @__PURE__ */t.createElement(e.Portal,null,/* @__PURE__ */t.createElement(e.Content,{ref:s,align:r,sideOffset:d,className:a("z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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 origin-[--radix-hover-card-content-transform-origin]",o),...i})));d.displayName=e.Content.displayName;export{o as HoverCard,d as HoverCardContent,r as HoverCardTrigger};
-//# sourceMappingURL=hover-card.js.map
+import * as React from 'react';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import { cn } from '../../lib/utils.js';
+
+const HoverCard = HoverCardPrimitive.Root;
+const HoverCardTrigger = HoverCardPrimitive.Trigger;
+const HoverCardContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React.createElement(HoverCardPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+  HoverCardPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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 origin-[--radix-hover-card-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+)));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+
+export { HoverCard, HoverCardContent, HoverCardTrigger };