react-uic 0.0.1-alpha.2 → 0.0.1-alpha.4

package/dist/index.js

@@ -1,17 +1,17 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { Slot as l } from "@radix-ui/react-slot";
-import { cva as c } from "class-variance-authority";
-import { clsx as p } from "clsx";
-import { twMerge as f } from "tailwind-merge";
-import * as m from "@radix-ui/react-separator";
-import * as g from "@radix-ui/react-label";
-import * as n from "@radix-ui/react-select";
-import { CheckIcon as v, ChevronDownIcon as u, ChevronUpIcon as b } from "lucide-react";
-function a(...e) {
-  return f(p(e));
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
 }
-const h = c(
+const buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
@@ -38,45 +38,46 @@ const h = c(
     }
   }
 );
-function V({
-  className: e,
-  variant: t = "default",
-  size: o = "default",
-  asChild: i = !1,
-  ...s
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
 }) {
-  return /* @__PURE__ */ r(
-    i ? l : "button",
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
     {
       "data-slot": "button",
-      "data-variant": t,
-      "data-size": o,
-      className: a(h({ variant: t, size: o, className: e })),
-      ...s
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
     }
   );
 }
-function x({
-  className: e,
-  orientation: t = "horizontal",
-  decorative: o = !0,
-  ...i
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
 }) {
-  return /* @__PURE__ */ r(
-    m.Root,
+  return /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
-      decorative: o,
-      orientation: t,
-      className: a(
+      decorative,
+      orientation,
+      className: cn(
         "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
-        e
+        className
       ),
-      ...i
+      ...props
     }
   );
 }
-const w = c(
+const buttonGroupVariants = cva(
   "flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
   {
     variants: {
@@ -90,354 +91,356 @@ const w = c(
     }
   }
 );
-function G({
-  className: e,
-  orientation: t,
-  ...o
+function ButtonGroup({
+  className,
+  orientation,
+  ...props
 }) {
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       role: "group",
       "data-slot": "button-group",
-      "data-orientation": t,
-      className: a(w({ orientation: t }), e),
-      ...o
+      "data-orientation": orientation,
+      className: cn(buttonGroupVariants({ orientation }), className),
+      ...props
     }
   );
 }
-function T({
-  className: e,
-  asChild: t = !1,
-  ...o
+function ButtonGroupText({
+  className,
+  asChild = false,
+  ...props
 }) {
-  return /* @__PURE__ */ r(
-    t ? l : "div",
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
     {
-      className: a(
+      className: cn(
         "bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
-        e
+        className
       ),
-      ...o
+      ...props
     }
   );
 }
-function D({
-  className: e,
-  orientation: t = "vertical",
-  ...o
+function ButtonGroupSeparator({
+  className,
+  orientation = "vertical",
+  ...props
 }) {
-  return /* @__PURE__ */ r(
-    x,
+  return /* @__PURE__ */ jsx(
+    Separator,
     {
       "data-slot": "button-group-separator",
-      orientation: t,
-      className: a(
+      orientation,
+      className: cn(
         "bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
-        e
+        className
       ),
-      ...o
+      ...props
     }
   );
 }
-function L({ className: e, ...t }) {
-  return /* @__PURE__ */ r(
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "card",
-      className: a(
+      className: cn(
         "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
-        e
+        className
       ),
-      ...t
+      ...props
     }
   );
 }
-function P({ className: e, ...t }) {
-  return /* @__PURE__ */ r(
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "card-header",
-      className: a(
+      className: cn(
         "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        e
+        className
       ),
-      ...t
+      ...props
     }
   );
 }
-function R({ className: e, ...t }) {
-  return /* @__PURE__ */ r(
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "card-title",
-      className: a("leading-none font-semibold", e),
-      ...t
+      className: cn("leading-none font-semibold", className),
+      ...props
     }
   );
 }
-function U({ className: e, ...t }) {
-  return /* @__PURE__ */ r(
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "card-description",
-      className: a("text-muted-foreground text-sm", e),
-      ...t
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
     }
   );
 }
-function A({ className: e, ...t }) {
-  return /* @__PURE__ */ r(
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "card-action",
-      className: a(
+      className: cn(
         "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-        e
+        className
       ),
-      ...t
+      ...props
     }
   );
 }
-function F({ className: e, ...t }) {
-  return /* @__PURE__ */ r(
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "card-content",
-      className: a("px-6", e),
-      ...t
+      className: cn("px-6", className),
+      ...props
     }
   );
 }
-function H({ className: e, ...t }) {
-  return /* @__PURE__ */ r(
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "card-footer",
-      className: a("flex items-center px-6 [.border-t]:pt-6", e),
-      ...t
+      className: cn("flex items-center px-6 [.border-t]:pt-6", className),
+      ...props
     }
   );
 }
-function M({ className: e, type: t, ...o }) {
-  return /* @__PURE__ */ r(
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx(
     "input",
     {
-      type: t,
+      type,
       "data-slot": "input",
-      className: a(
+      className: cn(
         "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
         "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-        e
+        className
       ),
-      ...o
+      ...props
     }
   );
 }
-function q({
-  className: e,
-  ...t
+function Label({
+  className,
+  ...props
 }) {
-  return /* @__PURE__ */ r(
-    g.Root,
+  return /* @__PURE__ */ jsx(
+    LabelPrimitive.Root,
     {
       "data-slot": "label",
-      className: a(
+      className: cn(
         "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-        e
+        className
       ),
-      ...t
+      ...props
     }
   );
 }
-function E({
-  ...e
+function Select({
+  ...props
 }) {
-  return /* @__PURE__ */ r(n.Root, { "data-slot": "select", ...e });
+  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
-function J({
-  ...e
+function SelectGroup({
+  ...props
 }) {
-  return /* @__PURE__ */ r(n.Group, { "data-slot": "select-group", ...e });
+  return /* @__PURE__ */ jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
 }
-function K({
-  ...e
+function SelectValue({
+  ...props
 }) {
-  return /* @__PURE__ */ r(n.Value, { "data-slot": "select-value", ...e });
+  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
-function O({
-  className: e,
-  size: t = "default",
-  children: o,
-  ...i
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
 }) {
-  return /* @__PURE__ */ d(
-    n.Trigger,
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
-      "data-size": t,
-      className: a(
+      "data-size": size,
+      className: cn(
         "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        e
+        className
       ),
-      ...i,
+      ...props,
       children: [
-        o,
-        /* @__PURE__ */ r(n.Icon, { asChild: !0, children: /* @__PURE__ */ r(u, { className: "size-4 opacity-50" }) })
+        children,
+        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })
       ]
     }
   );
 }
-function Q({
-  className: e,
-  children: t,
-  position: o = "item-aligned",
-  align: i = "center",
-  ...s
+function SelectContent({
+  className,
+  children,
+  position = "item-aligned",
+  align = "center",
+  ...props
 }) {
-  return /* @__PURE__ */ r(n.Portal, { children: /* @__PURE__ */ d(
-    n.Content,
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    SelectPrimitive.Content,
     {
       "data-slot": "select-content",
-      className: a(
+      className: cn(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
-        o === "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",
-        e
+        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: o,
-      align: i,
-      ...s,
+      position,
+      align,
+      ...props,
       children: [
-        /* @__PURE__ */ r(y, {}),
-        /* @__PURE__ */ r(
-          n.Viewport,
+        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx(
+          SelectPrimitive.Viewport,
           {
-            className: a(
+            className: cn(
               "p-1",
-              o === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
             ),
-            children: t
+            children
           }
         ),
-        /* @__PURE__ */ r(z, {})
+        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
       ]
     }
   ) });
 }
-function W({
-  className: e,
-  ...t
+function SelectLabel({
+  className,
+  ...props
 }) {
-  return /* @__PURE__ */ r(
-    n.Label,
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Label,
     {
       "data-slot": "select-label",
-      className: a("text-muted-foreground px-2 py-1.5 text-xs", e),
-      ...t
+      className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+      ...props
     }
   );
 }
-function X({
-  className: e,
-  children: t,
-  ...o
+function SelectItem({
+  className,
+  children,
+  ...props
 }) {
-  return /* @__PURE__ */ d(
-    n.Item,
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Item,
     {
       "data-slot": "select-item",
-      className: a(
+      className: cn(
         "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-        e
+        className
       ),
-      ...o,
+      ...props,
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ jsx(
           "span",
           {
             "data-slot": "select-item-indicator",
             className: "absolute right-2 flex size-3.5 items-center justify-center",
-            children: /* @__PURE__ */ r(n.ItemIndicator, { children: /* @__PURE__ */ r(v, { className: "size-4" }) })
+            children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
           }
         ),
-        /* @__PURE__ */ r(n.ItemText, { children: t })
+        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
       ]
     }
   );
 }
-function Y({
-  className: e,
-  ...t
+function SelectSeparator({
+  className,
+  ...props
 }) {
-  return /* @__PURE__ */ r(
-    n.Separator,
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
-      className: a("bg-border pointer-events-none -mx-1 my-1 h-px", e),
-      ...t
+      className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+      ...props
     }
   );
 }
-function y({
-  className: e,
-  ...t
+function SelectScrollUpButton({
+  className,
+  ...props
 }) {
-  return /* @__PURE__ */ r(
-    n.ScrollUpButton,
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: a(
+      className: cn(
         "flex cursor-default items-center justify-center py-1",
-        e
+        className
       ),
-      ...t,
-      children: /* @__PURE__ */ r(b, { className: "size-4" })
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
     }
   );
 }
-function z({
-  className: e,
-  ...t
+function SelectScrollDownButton({
+  className,
+  ...props
 }) {
-  return /* @__PURE__ */ r(
-    n.ScrollDownButton,
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
-      className: a(
+      className: cn(
         "flex cursor-default items-center justify-center py-1",
-        e
+        className
       ),
-      ...t,
-      children: /* @__PURE__ */ r(u, { className: "size-4" })
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
     }
   );
 }
 export {
-  V as Button,
-  G as ButtonGroup,
-  D as ButtonGroupSeparator,
-  T as ButtonGroupText,
-  L as Card,
-  A as CardAction,
-  F as CardContent,
-  U as CardDescription,
-  H as CardFooter,
-  P as CardHeader,
-  R as CardTitle,
-  M as Input,
-  q as Label,
-  E as Select,
-  Q as SelectContent,
-  J as SelectGroup,
-  X as SelectItem,
-  W as SelectLabel,
-  z as SelectScrollDownButton,
-  y as SelectScrollUpButton,
-  Y as SelectSeparator,
-  O as SelectTrigger,
-  K as SelectValue,
-  x as Separator,
-  w as buttonGroupVariants,
-  h as buttonVariants
+  Button,
+  ButtonGroup,
+  ButtonGroupSeparator,
+  ButtonGroupText,
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Input,
+  Label,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  buttonGroupVariants,
+  buttonVariants
 };
+//# sourceMappingURL=index.js.map