@onesaz/ui 0.1.8 → 0.2.0

package/dist/index.js

@@ -146,30 +146,28 @@ function cn(...inputs) {
 
 // src/components/button.tsx
 import * as React2 from "react";
-import { Slot } from "@radix-ui/react-slot";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var Button = React2.forwardRef(
-  ({ className, variant = "default", size = "default", asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
+  ({ className, variant = "default", size = "default", ...props }, ref) => {
     return /* @__PURE__ */ jsx2(
-      Comp,
+      "button",
       {
         className: cn(
-          "inline-flex items-center justify-center whitespace-nowrap rounded-[var(--radius)] text-sm font-medium transition-colors",
-          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
+          "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
           "disabled:pointer-events-none disabled:opacity-50",
           {
-            "bg-[var(--accent)] text-[var(--accent-foreground)] hover:bg-[var(--accent-hover)]": variant === "default",
-            "bg-[var(--destructive)] text-[var(--destructive-foreground)] hover:bg-[var(--destructive)]/90": variant === "destructive",
-            "border border-[var(--input)] bg-[var(--background)] hover:bg-[var(--muted)] hover:text-[var(--foreground)]": variant === "outline",
-            "bg-[var(--muted)] text-[var(--foreground)] hover:bg-[var(--muted)]/80": variant === "secondary",
-            "hover:bg-[var(--muted)] hover:text-[var(--foreground)]": variant === "ghost",
-            "text-[var(--accent)] underline-offset-4 hover:underline": variant === "link"
+            "bg-accent text-accent-foreground hover:bg-accent-hover": variant === "default",
+            "bg-destructive text-destructive-foreground hover:bg-destructive/90": variant === "destructive",
+            "border border-input bg-background hover:bg-muted hover:text-foreground": variant === "outline",
+            "bg-muted text-foreground hover:bg-muted/80": variant === "secondary",
+            "hover:bg-muted hover:text-foreground": variant === "ghost",
+            "text-accent underline-offset-4 hover:underline": variant === "link"
           },
           {
             "h-10 px-4 py-2": size === "default",
-            "h-9 rounded-[var(--radius)] px-3": size === "sm",
-            "h-11 rounded-[var(--radius)] px-8": size === "lg",
+            "h-9 rounded-md px-3": size === "sm",
+            "h-11 rounded-md px-8": size === "lg",
             "h-10 w-10": size === "icon"
           },
           className
@@ -192,10 +190,10 @@ var Input = React3.forwardRef(
       {
         type,
         className: cn(
-          "flex h-10 w-full rounded-[var(--radius)] border border-[var(--input)] bg-[var(--background)] px-3 py-2 text-sm",
-          "ring-offset-[var(--background)] file:border-0 file:bg-transparent file:text-sm file:font-medium",
-          "placeholder:text-[var(--muted-foreground)]",
-          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
+          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+          "ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium",
+          "placeholder:text-muted-foreground",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
           "disabled:cursor-not-allowed disabled:opacity-50",
           className
         ),
@@ -216,10 +214,10 @@ var Textarea = React4.forwardRef(
       "textarea",
       {
         className: cn(
-          "flex min-h-[80px] w-full rounded-[var(--radius)] border border-[var(--input)] bg-[var(--background)] px-3 py-2 text-sm",
-          "ring-offset-[var(--background)]",
-          "placeholder:text-[var(--muted-foreground)]",
-          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
+          "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+          "ring-offset-background",
+          "placeholder:text-muted-foreground",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
           "disabled:cursor-not-allowed disabled:opacity-50",
           className
         ),
@@ -240,7 +238,7 @@ var Card = React5.forwardRef(
     {
       ref,
       className: cn(
-        "rounded-[var(--radius-lg)] border border-[var(--border)] bg-[var(--card)] text-[var(--card-foreground)] shadow-sm",
+        "rounded-lg border border-border bg-card text-card-foreground shadow-sm",
         className
       ),
       ...props
@@ -275,7 +273,7 @@ var CardDescription = React5.forwardRef(
     "p",
     {
       ref,
-      className: cn("text-sm text-[var(--muted-foreground)]", className),
+      className: cn("text-sm text-muted-foreground", className),
       ...props
     }
   )
@@ -308,12 +306,12 @@ var Badge = React6.forwardRef(
         ref,
         className: cn(
           "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors",
-          "focus:outline-none focus:ring-2 focus:ring-[var(--ring)] focus:ring-offset-2",
+          "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
           {
-            "border-transparent bg-[var(--accent)] text-[var(--accent-foreground)]": variant === "default",
-            "border-transparent bg-[var(--muted)] text-[var(--foreground)]": variant === "secondary",
-            "border-transparent bg-[var(--destructive)] text-[var(--destructive-foreground)]": variant === "destructive",
-            "border border-[var(--border)] text-[var(--foreground)]": variant === "outline"
+            "border-transparent bg-accent text-accent-foreground": variant === "default",
+            "border-transparent bg-muted text-foreground": variant === "secondary",
+            "border-transparent bg-destructive text-destructive-foreground": variant === "destructive",
+            "border border-border text-foreground": variant === "outline"
           },
           className
         ),
@@ -326,394 +324,252 @@ Badge.displayName = "Badge";
 
 // src/components/label.tsx
 import * as React7 from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
 import { jsx as jsx7 } from "react/jsx-runtime";
-var Label = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
-  LabelPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-      className
-    ),
-    ...props
-  }
-));
-Label.displayName = LabelPrimitive.Root.displayName;
+var Label = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
+    "label",
+    {
+      ref,
+      className: cn(
+        "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Label.displayName = "Label";
 
 // src/components/checkbox.tsx
 import * as React8 from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { jsx as jsx8 } from "react/jsx-runtime";
-var Checkbox = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
-  CheckboxPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "peer h-4 w-4 shrink-0 rounded-sm border border-[var(--accent)]",
-      "ring-offset-[var(--background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
-      "disabled:cursor-not-allowed disabled:opacity-50",
-      "data-[state=checked]:bg-[var(--accent)] data-[state=checked]:text-[var(--accent-foreground)]",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx8(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx8(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "3",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        className: "h-3 w-3",
-        children: /* @__PURE__ */ jsx8("polyline", { points: "20 6 9 17 4 12" })
-      }
-    ) })
-  }
-));
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+var Checkbox = React8.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+    "input",
+    {
+      type: "checkbox",
+      ref,
+      className: cn(
+        "h-4 w-4 shrink-0 rounded-sm border border-accent cursor-pointer",
+        "ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "accent-accent",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Checkbox.displayName = "Checkbox";
 
 // src/components/switch.tsx
 import * as React9 from "react";
-import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var Switch = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
-  SwitchPrimitives.Root,
-  {
-    className: cn(
-      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--background)]",
-      "disabled:cursor-not-allowed disabled:opacity-50",
-      "data-[state=checked]:bg-[var(--accent)] data-[state=unchecked]:bg-[var(--input)]",
-      className
+import { jsx as jsx9, jsxs } from "react/jsx-runtime";
+var Switch = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxs("label", { className: cn("relative inline-flex items-center cursor-pointer", className), children: [
+    /* @__PURE__ */ jsx9(
+      "input",
+      {
+        type: "checkbox",
+        ref,
+        className: "sr-only peer",
+        ...props
+      }
     ),
-    ...props,
-    ref,
-    children: /* @__PURE__ */ jsx9(
-      SwitchPrimitives.Thumb,
+    /* @__PURE__ */ jsx9(
+      "div",
       {
         className: cn(
-          "pointer-events-none block h-5 w-5 rounded-full bg-[var(--background)] shadow-lg ring-0 transition-transform",
-          "data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+          "w-11 h-6 rounded-full transition-colors",
+          "bg-input peer-checked:bg-accent",
+          "peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background",
+          "peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+          'after:content-[""] after:absolute after:top-[2px] after:left-[2px]',
+          "after:bg-background after:rounded-full after:h-5 after:w-5",
+          "after:transition-transform after:shadow-lg",
+          "peer-checked:after:translate-x-5"
         )
       }
     )
-  }
-));
-Switch.displayName = SwitchPrimitives.Root.displayName;
+  ] })
+);
+Switch.displayName = "Switch";
 
 // src/components/separator.tsx
 import * as React10 from "react";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { jsx as jsx10 } from "react/jsx-runtime";
-var Separator = React10.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx10(
-  SeparatorPrimitive.Root,
-  {
-    ref,
-    decorative,
-    orientation,
-    className: cn(
-      "shrink-0 bg-[var(--border)]",
-      orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-      className
-    ),
-    ...props
-  }
-));
-Separator.displayName = SeparatorPrimitive.Root.displayName;
+var Separator = React10.forwardRef(
+  ({ className, orientation = "horizontal", ...props }, ref) => /* @__PURE__ */ jsx10(
+    "div",
+    {
+      ref,
+      role: "separator",
+      "aria-orientation": orientation,
+      className: cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator.displayName = "Separator";
 
 // src/components/select/index.tsx
 import * as React11 from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { jsx as jsx11, jsxs } from "react/jsx-runtime";
-var Select = SelectPrimitive.Root;
-var SelectGroup = SelectPrimitive.Group;
-var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  SelectPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      "flex h-10 w-full items-center justify-between rounded-[var(--radius)] border border-[var(--input)] bg-[var(--background)] px-3 py-2 text-sm",
-      "ring-offset-[var(--background)] placeholder:text-[var(--muted-foreground)]",
-      "focus:outline-none focus:ring-2 focus:ring-[var(--ring)] focus:ring-offset-2",
-      "disabled:cursor-not-allowed disabled:opacity-50",
-      "[&>span]:line-clamp-1",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx11(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx11(
-        "svg",
-        {
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "24",
-          height: "24",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          className: "h-4 w-4 opacity-50",
-          children: /* @__PURE__ */ jsx11("path", { d: "m6 9 6 6 6-6" })
-        }
-      ) })
-    ]
-  }
-));
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
-  SelectPrimitive.ScrollUpButton,
-  {
-    ref,
-    className: cn("flex cursor-default items-center justify-center py-1", className),
-    ...props,
-    children: /* @__PURE__ */ jsx11(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        className: "h-4 w-4",
-        children: /* @__PURE__ */ jsx11("path", { d: "m18 15-6-6-6 6" })
-      }
-    )
-  }
-));
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
-  SelectPrimitive.ScrollDownButton,
-  {
-    ref,
-    className: cn("flex cursor-default items-center justify-center py-1", className),
-    ...props,
-    children: /* @__PURE__ */ jsx11(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        className: "h-4 w-4",
-        children: /* @__PURE__ */ jsx11("path", { d: "m6 9 6 6 6-6" })
-      }
-    )
-  }
-));
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React11.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx11(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
-  SelectPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-[var(--radius)] border border-[var(--border)] bg-[var(--popover)] text-[var(--popover-foreground)] shadow-md",
-      "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",
-      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-      className
-    ),
-    position,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx11(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx11(
-        SelectPrimitive.Viewport,
-        {
-          className: cn(
-            "p-1",
-            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-          ),
-          children
-        }
+import { jsx as jsx11 } from "react/jsx-runtime";
+var Select = React11.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx11(
+    "select",
+    {
+      ref,
+      className: cn(
+        "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm",
+        "ring-offset-background",
+        "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        className
       ),
-      /* @__PURE__ */ jsx11(SelectScrollDownButton, {})
-    ]
-  }
-) }));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
-  SelectPrimitive.Label,
-  {
-    ref,
-    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
-    ...props
-  }
-));
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  SelectPrimitive.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none",
-      "focus:bg-[var(--muted)] focus:text-[var(--foreground)]",
-      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx11("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx11(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx11(
-        "svg",
-        {
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "24",
-          height: "24",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          className: "h-4 w-4",
-          children: /* @__PURE__ */ jsx11("polyline", { points: "20 6 9 17 4 12" })
-        }
-      ) }) }),
-      /* @__PURE__ */ jsx11(SelectPrimitive.ItemText, { children })
-    ]
-  }
-));
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
-  SelectPrimitive.Separator,
-  {
-    ref,
-    className: cn("-mx-1 my-1 h-px bg-[var(--muted)]", className),
-    ...props
-  }
-));
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+      ...props,
+      children
+    }
+  )
+);
+Select.displayName = "Select";
+var SelectOption = React11.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx11("option", { ref, className: cn("py-1.5", className), ...props })
+);
+SelectOption.displayName = "SelectOption";
+var SelectGroup = React11.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx11("optgroup", { ref, className: cn("font-semibold", className), ...props })
+);
+SelectGroup.displayName = "SelectGroup";
 var SelectNamespace = Object.assign(Select, {
-  Group: SelectGroup,
-  Value: SelectValue,
-  Trigger: SelectTrigger,
-  Content: SelectContent,
-  Label: SelectLabel,
-  Item: SelectItem,
-  Separator: SelectSeparator,
-  ScrollUpButton: SelectScrollUpButton,
-  ScrollDownButton: SelectScrollDownButton
+  Option: SelectOption,
+  Group: SelectGroup
 });
 
 // src/components/dialog/index.tsx
 import * as React12 from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { jsx as jsx12, jsxs as jsxs2 } from "react/jsx-runtime";
-var Dialog = DialogPrimitive.Root;
-var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = DialogPrimitive.Portal;
-var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React12.forwardRef(({ className, style, ...props }, ref) => /* @__PURE__ */ jsx12(
-  DialogPrimitive.Overlay,
-  {
-    ref,
-    className: cn(
-      "fixed inset-0 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
+import { Fragment, jsx as jsx12, jsxs as jsxs2 } from "react/jsx-runtime";
+var Dialog = ({ open, onOpenChange, children }) => {
+  React12.useEffect(() => {
+    const handleEscape = (e) => {
+      if (e.key === "Escape" && open) {
+        onOpenChange?.(false);
+      }
+    };
+    document.addEventListener("keydown", handleEscape);
+    return () => document.removeEventListener("keydown", handleEscape);
+  }, [open, onOpenChange]);
+  if (!open) return null;
+  return /* @__PURE__ */ jsx12(Fragment, { children });
+};
+Dialog.displayName = "Dialog";
+var DialogContent = React12.forwardRef(
+  ({ className, children, onClose, ...props }, ref) => /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx12(
+      "div",
+      {
+        className: "fixed inset-0 z-50 bg-black/80",
+        onClick: onClose
+      }
     ),
-    style: { zIndex: 99999, ...style },
-    ...props
-  }
-));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React12.forwardRef(({ className, children, style, ...props }, ref) => /* @__PURE__ */ jsxs2(DialogPortal, { children: [
-  /* @__PURE__ */ jsx12(DialogOverlay, {}),
-  /* @__PURE__ */ jsxs2(
-    DialogPrimitive.Content,
-    {
-      ref,
-      className: cn(
-        "fixed left-1/2 top-1/2 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 p-6 shadow-lg duration-200",
-        "bg-[var(--background)] border border-[var(--border)] text-[var(--foreground)]",
-        "data-[state=open]:animate-in data-[state=closed]:animate-out",
-        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-        "sm:rounded-lg",
-        className
-      ),
-      style: { zIndex: 99999, ...style },
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxs2(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-[var(--background)] transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--ring)] focus:ring-offset-2 disabled:pointer-events-none", children: [
-          /* @__PURE__ */ jsxs2(
-            "svg",
+    /* @__PURE__ */ jsxs2(
+      "div",
+      {
+        ref,
+        className: cn(
+          "fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 p-6 shadow-lg",
+          "bg-popover border border-border text-popover-foreground",
+          "rounded-lg",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          onClose && /* @__PURE__ */ jsxs2(
+            "button",
             {
-              xmlns: "http://www.w3.org/2000/svg",
-              width: "24",
-              height: "24",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              className: "h-4 w-4",
+              type: "button",
+              onClick: onClose,
+              className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
               children: [
-                /* @__PURE__ */ jsx12("path", { d: "M18 6 6 18" }),
-                /* @__PURE__ */ jsx12("path", { d: "m6 6 12 12" })
+                /* @__PURE__ */ jsxs2(
+                  "svg",
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: "24",
+                    height: "24",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    className: "h-4 w-4",
+                    children: [
+                      /* @__PURE__ */ jsx12("path", { d: "M18 6 6 18" }),
+                      /* @__PURE__ */ jsx12("path", { d: "m6 6 12 12" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Close" })
               ]
             }
-          ),
-          /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx12("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx12(
+          )
+        ]
+      }
+    )
+  ] })
+);
+DialogContent.displayName = "DialogContent";
+var DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx12(
   "div",
   {
-    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+    className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
     ...props
   }
 );
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
-  DialogPrimitive.Title,
-  {
-    ref,
-    className: cn("text-lg font-semibold leading-none tracking-tight", className),
-    ...props
-  }
-));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
-  DialogPrimitive.Description,
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx12(
+  "div",
   {
-    ref,
-    className: cn("text-sm text-[var(--muted-foreground)]", className),
+    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
     ...props
   }
-));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React12.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+    "h2",
+    {
+      ref,
+      className: cn("text-lg font-semibold leading-none tracking-tight", className),
+      ...props
+    }
+  )
+);
+DialogTitle.displayName = "DialogTitle";
+var DialogDescription = React12.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+    "p",
+    {
+      ref,
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  )
+);
+DialogDescription.displayName = "DialogDescription";
 var DialogNamespace = Object.assign(Dialog, {
-  Portal: DialogPortal,
-  Overlay: DialogOverlay,
-  Close: DialogClose,
-  Trigger: DialogTrigger,
   Content: DialogContent,
   Header: DialogHeader,
   Footer: DialogFooter,
@@ -739,7 +595,7 @@ var Spinner = React13.forwardRef(
             "h-6 w-6": size === "default",
             "h-8 w-8": size === "lg"
           },
-          "text-[var(--accent)]",
+          "text-accent",
           className
         ),
         ...props,
@@ -778,7 +634,7 @@ var TableFooter = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   {
     ref,
     className: cn(
-      "border-t bg-[var(--muted)]/50 font-medium [&>tr]:last:border-b-0",
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
       className
     ),
     ...props
@@ -790,9 +646,9 @@ var TableRow = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   {
     ref,
     className: cn(
-      "border-b border-[var(--border)] transition-colors",
-      "hover:bg-[var(--muted)]/50",
-      "data-[state=selected]:bg-[var(--muted)]",
+      "border-b border-border transition-colors",
+      "hover:bg-muted/50",
+      "data-[state=selected]:bg-muted",
       className
     ),
     ...props
@@ -804,7 +660,7 @@ var TableHead = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   {
     ref,
     className: cn(
-      "h-12 px-4 text-left align-middle font-medium text-[var(--muted-foreground)]",
+      "h-12 px-4 text-left align-middle font-medium text-muted-foreground",
       "[&:has([role=checkbox])]:pr-0",
       className
     ),
@@ -828,7 +684,7 @@ var TableCaption = React14.forwardRef(({ className, ...props }, ref) => /* @__PU
   "caption",
   {
     ref,
-    className: cn("mt-4 text-sm text-[var(--muted-foreground)]", className),
+    className: cn("mt-4 text-sm text-muted-foreground", className),
     ...props
   }
 ));
@@ -987,7 +843,6 @@ var PaginationNamespace = Object.assign(Pagination, {
 
 // src/components/combobox/index.tsx
 import * as React16 from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { jsx as jsx16, jsxs as jsxs4 } from "react/jsx-runtime";
 var Combobox = React16.forwardRef(
   ({
@@ -1004,6 +859,7 @@ var Combobox = React16.forwardRef(
     const [open, setOpen] = React16.useState(false);
     const [search, setSearch] = React16.useState("");
     const [internalValue, setInternalValue] = React16.useState(defaultValue ?? "");
+    const containerRef = React16.useRef(null);
     const value = controlledValue !== void 0 ? controlledValue : internalValue;
     const filteredOptions = React16.useMemo(() => {
       if (!search) return options;
@@ -1020,25 +876,33 @@ var Combobox = React16.forwardRef(
       setOpen(false);
       setSearch("");
     };
-    return /* @__PURE__ */ jsxs4(PopoverPrimitive.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx16(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs4(
+    React16.useEffect(() => {
+      const handleClickOutside = (event) => {
+        if (containerRef.current && !containerRef.current.contains(event.target)) {
+          setOpen(false);
+        }
+      };
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, []);
+    return /* @__PURE__ */ jsxs4("div", { ref: containerRef, className: "relative", children: [
+      /* @__PURE__ */ jsxs4(
         "button",
         {
-          ref,
           type: "button",
           role: "combobox",
           "aria-expanded": open,
           disabled,
+          onClick: () => setOpen(!open),
           className: cn(
-            "flex h-10 w-full items-center justify-between rounded-[var(--radius)] border border-[var(--input)] bg-[var(--background)] px-3 py-2 text-sm",
-            "ring-offset-[var(--background)]",
-            "placeholder:text-[var(--muted-foreground)]",
-            "focus:outline-none focus:ring-2 focus:ring-[var(--ring)] focus:ring-offset-2",
+            "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm",
+            "ring-offset-background",
+            "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
             "disabled:cursor-not-allowed disabled:opacity-50",
             className
           ),
           children: [
-            /* @__PURE__ */ jsx16("span", { className: cn(!selectedOption && "text-[var(--muted-foreground)]"), children: selectedOption?.label ?? placeholder }),
+            /* @__PURE__ */ jsx16("span", { className: cn(!selectedOption && "text-muted-foreground"), children: selectedOption?.label ?? placeholder }),
             /* @__PURE__ */ jsx16(
               "svg",
               {
@@ -1060,21 +924,54 @@ var Combobox = React16.forwardRef(
             )
           ]
         }
-      ) }),
-      /* @__PURE__ */ jsx16(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs4(
-        PopoverPrimitive.Content,
-        {
-          className: cn(
-            "z-50 w-[var(--radix-popover-trigger-width)] overflow-hidden rounded-[var(--radius)] border border-[var(--border)] bg-[var(--popover)] text-[var(--popover-foreground)] shadow-md",
-            "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=top]:slide-in-from-bottom-2"
+      ),
+      open && /* @__PURE__ */ jsxs4("div", { className: "absolute z-50 mt-1 w-full overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "flex items-center border-b border-border px-3", children: [
+          /* @__PURE__ */ jsxs4(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: "mr-2 h-4 w-4 shrink-0 opacity-50",
+              children: [
+                /* @__PURE__ */ jsx16("circle", { cx: "11", cy: "11", r: "8" }),
+                /* @__PURE__ */ jsx16("path", { d: "m21 21-4.3-4.3" })
+              ]
+            }
           ),
-          sideOffset: 4,
-          children: [
-            /* @__PURE__ */ jsxs4("div", { className: "flex items-center border-b border-[var(--border)] px-3", children: [
-              /* @__PURE__ */ jsxs4(
+          /* @__PURE__ */ jsx16(
+            "input",
+            {
+              ref,
+              className: "flex h-10 w-full bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground",
+              placeholder: searchPlaceholder,
+              value: search,
+              onChange: (e) => setSearch(e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx16("div", { className: "max-h-[300px] overflow-y-auto p-1", children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx16("div", { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }) : filteredOptions.map((option) => /* @__PURE__ */ jsxs4(
+          "button",
+          {
+            type: "button",
+            disabled: option.disabled,
+            onClick: () => handleSelect(option.value),
+            className: cn(
+              "relative flex w-full cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none",
+              "hover:bg-muted hover:text-foreground",
+              "focus:bg-muted focus:text-foreground",
+              "disabled:pointer-events-none disabled:opacity-50",
+              option.value === value && "bg-muted"
+            ),
+            children: [
+              /* @__PURE__ */ jsx16("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: option.value === value && /* @__PURE__ */ jsx16(
                 "svg",
                 {
                   xmlns: "http://www.w3.org/2000/svg",
@@ -1086,61 +983,16 @@ var Combobox = React16.forwardRef(
                   strokeWidth: "2",
                   strokeLinecap: "round",
                   strokeLinejoin: "round",
-                  className: "mr-2 h-4 w-4 shrink-0 opacity-50",
-                  children: [
-                    /* @__PURE__ */ jsx16("circle", { cx: "11", cy: "11", r: "8" }),
-                    /* @__PURE__ */ jsx16("path", { d: "m21 21-4.3-4.3" })
-                  ]
+                  className: "h-4 w-4",
+                  children: /* @__PURE__ */ jsx16("polyline", { points: "20 6 9 17 4 12" })
                 }
-              ),
-              /* @__PURE__ */ jsx16(
-                "input",
-                {
-                  className: "flex h-10 w-full bg-transparent py-3 text-sm outline-none placeholder:text-[var(--muted-foreground)]",
-                  placeholder: searchPlaceholder,
-                  value: search,
-                  onChange: (e) => setSearch(e.target.value)
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx16("div", { className: "max-h-[300px] overflow-y-auto p-1", children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx16("div", { className: "py-6 text-center text-sm text-[var(--muted-foreground)]", children: emptyMessage }) : filteredOptions.map((option) => /* @__PURE__ */ jsxs4(
-              "button",
-              {
-                type: "button",
-                disabled: option.disabled,
-                onClick: () => handleSelect(option.value),
-                className: cn(
-                  "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none",
-                  "hover:bg-[var(--muted)] hover:text-[var(--foreground)]",
-                  "focus:bg-[var(--muted)] focus:text-[var(--foreground)]",
-                  "disabled:pointer-events-none disabled:opacity-50",
-                  option.value === value && "bg-[var(--muted)]"
-                ),
-                children: [
-                  /* @__PURE__ */ jsx16("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: option.value === value && /* @__PURE__ */ jsx16(
-                    "svg",
-                    {
-                      xmlns: "http://www.w3.org/2000/svg",
-                      width: "24",
-                      height: "24",
-                      viewBox: "0 0 24 24",
-                      fill: "none",
-                      stroke: "currentColor",
-                      strokeWidth: "2",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      className: "h-4 w-4",
-                      children: /* @__PURE__ */ jsx16("polyline", { points: "20 6 9 17 4 12" })
-                    }
-                  ) }),
-                  option.label
-                ]
-              },
-              option.value
-            )) })
-          ]
-        }
-      ) })
+              ) }),
+              option.label
+            ]
+          },
+          option.value
+        )) })
+      ] })
     ] });
   }
 );
@@ -1157,15 +1009,11 @@ export {
   Checkbox,
   Combobox,
   DialogNamespace as Dialog,
-  DialogClose,
   DialogContent,
   DialogDescription,
   DialogFooter,
   DialogHeader,
-  DialogOverlay,
-  DialogPortal,
   DialogTitle,
-  DialogTrigger,
   Input,
   Label,
   PaginationNamespace as Pagination,
@@ -1176,15 +1024,8 @@ export {
   PaginationNext,
   PaginationPrevious,
   SelectNamespace as Select,
-  SelectContent,
   SelectGroup,
-  SelectItem,
-  SelectLabel,
-  SelectScrollDownButton,
-  SelectScrollUpButton,
-  SelectSeparator,
-  SelectTrigger,
-  SelectValue,
+  SelectOption,
   Separator,
   Spinner,
   Switch,