@easyops-cn/a2ui-react 0.0.4 → 0.0.6

package/dist/0.8/index.js

@@ -1,11 +1,15 @@
-import { A2UIRenderer as o } from "./A2UIRenderer.js";
-import { ComponentRenderer as t } from "./components/ComponentRenderer.js";
-import { useDispatchAction as m } from "./hooks/useDispatchAction.js";
-import { useDataBinding as d, useFormBinding as f } from "./hooks/useDataBinding.js";
+import { A2UIProvider as o } from "./contexts/A2UIProvider.js";
+import { A2UIRenderer as t } from "./A2UIRenderer.js";
+import { ComponentRenderer as p } from "./components/ComponentRenderer.js";
+import { useDispatchAction as s } from "./hooks/useDispatchAction.js";
+import { useDataBinding as f, useFormBinding as x } from "./hooks/useDataBinding.js";
+import { useA2UIMessageHandler as u } from "./hooks/useA2UIMessageHandler.js";
 export {
-  o as A2UIRenderer,
-  t as ComponentRenderer,
-  d as useDataBinding,
-  m as useDispatchAction,
-  f as useFormBinding
+  o as A2UIProvider,
+  t as A2UIRenderer,
+  p as ComponentRenderer,
+  u as useA2UIMessageHandler,
+  f as useDataBinding,
+  s as useDispatchAction,
+  x as useFormBinding
 };

package/dist/components/ui/button.js

@@ -0,0 +1,53 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Slot as a } from "@radix-ui/react-slot";
+import { cva as s } from "class-variance-authority";
+import { cn as d } from "../../lib/utils.js";
+const u = s(
+  "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: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function b({
+  className: t,
+  variant: e = "default",
+  size: r = "default",
+  asChild: i = !1,
+  ...n
+}) {
+  return /* @__PURE__ */ o(
+    i ? a : "button",
+    {
+      "data-slot": "button",
+      "data-variant": e,
+      "data-size": r,
+      className: d(u({ variant: e, size: r, className: t })),
+      ...n
+    }
+  );
+}
+export {
+  b as Button,
+  u as buttonVariants
+};

package/dist/components/ui/calendar.js

@@ -0,0 +1,173 @@
+import { jsx as n } from "react/jsx-runtime";
+import * as m from "react";
+import { ChevronLeftIcon as b, ChevronRightIcon as h, ChevronDownIcon as w } from "lucide-react";
+import { getDefaultClassNames as p, DayPicker as _ } from "react-day-picker";
+import { cn as e } from "../../lib/utils.js";
+import { buttonVariants as f, Button as y } from "./button.js";
+function j({
+  className: c,
+  classNames: i,
+  showOutsideDays: r = !0,
+  captionLayout: l = "label",
+  buttonVariant: s = "ghost",
+  formatters: u,
+  components: x,
+  ...g
+}) {
+  const t = p();
+  return /* @__PURE__ */ n(
+    _,
+    {
+      showOutsideDays: r,
+      className: e(
+        "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        c
+      ),
+      captionLayout: l,
+      formatters: {
+        formatMonthDropdown: (a) => a.toLocaleString("default", { month: "short" }),
+        ...u
+      },
+      classNames: {
+        root: e("w-fit", t.root),
+        months: e(
+          "flex gap-4 flex-col md:flex-row relative",
+          t.months
+        ),
+        month: e("flex flex-col w-full gap-4", t.month),
+        nav: e(
+          "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
+          t.nav
+        ),
+        button_previous: e(
+          f({ variant: s }),
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          t.button_previous
+        ),
+        button_next: e(
+          f({ variant: s }),
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          t.button_next
+        ),
+        month_caption: e(
+          "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
+          t.month_caption
+        ),
+        dropdowns: e(
+          "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
+          t.dropdowns
+        ),
+        dropdown_root: e(
+          "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
+          t.dropdown_root
+        ),
+        dropdown: e(
+          "absolute bg-popover inset-0 opacity-0",
+          t.dropdown
+        ),
+        caption_label: e(
+          "select-none font-medium",
+          l === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",
+          t.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: e("flex", t.weekdays),
+        weekday: e(
+          "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",
+          t.weekday
+        ),
+        week: e("flex w-full mt-2", t.week),
+        week_number_header: e(
+          "select-none w-(--cell-size)",
+          t.week_number_header
+        ),
+        week_number: e(
+          "text-[0.8rem] select-none text-muted-foreground",
+          t.week_number
+        ),
+        day: e(
+          "relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
+          g.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md",
+          t.day
+        ),
+        range_start: e(
+          "rounded-l-md bg-accent",
+          t.range_start
+        ),
+        range_middle: e("rounded-none", t.range_middle),
+        range_end: e("rounded-r-md bg-accent", t.range_end),
+        today: e(
+          "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
+          t.today
+        ),
+        outside: e(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          t.outside
+        ),
+        disabled: e(
+          "text-muted-foreground opacity-50",
+          t.disabled
+        ),
+        hidden: e("invisible", t.hidden),
+        ...i
+      },
+      components: {
+        Root: ({ className: a, rootRef: d, ...o }) => /* @__PURE__ */ n(
+          "div",
+          {
+            "data-slot": "calendar",
+            ref: d,
+            className: e(a),
+            ...o
+          }
+        ),
+        Chevron: ({ className: a, orientation: d, ...o }) => d === "left" ? /* @__PURE__ */ n(b, { className: e("size-4", a), ...o }) : d === "right" ? /* @__PURE__ */ n(
+          h,
+          {
+            className: e("size-4", a),
+            ...o
+          }
+        ) : /* @__PURE__ */ n(w, { className: e("size-4", a), ...o }),
+        DayButton: v,
+        WeekNumber: ({ children: a, ...d }) => /* @__PURE__ */ n("td", { ...d, children: /* @__PURE__ */ n("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: a }) }),
+        ...x
+      },
+      ...g
+    }
+  );
+}
+function v({
+  className: c,
+  day: i,
+  modifiers: r,
+  ...l
+}) {
+  const s = p(), u = m.useRef(null);
+  return m.useEffect(() => {
+    r.focused && u.current?.focus();
+  }, [r.focused]), /* @__PURE__ */ n(
+    y,
+    {
+      ref: u,
+      variant: "ghost",
+      size: "icon",
+      "data-day": i.date.toLocaleDateString(),
+      "data-selected-single": r.selected && !r.range_start && !r.range_end && !r.range_middle,
+      "data-range-start": r.range_start,
+      "data-range-end": r.range_end,
+      "data-range-middle": r.range_middle,
+      className: e(
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
+        s.day,
+        c
+      ),
+      ...l
+    }
+  );
+}
+export {
+  j as Calendar,
+  v as CalendarDayButton
+};

package/dist/components/ui/card.js

@@ -0,0 +1,29 @@
+import { jsx as t } from "react/jsx-runtime";
+import { cn as a } from "../../lib/utils.js";
+function n({ className: r, ...o }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card",
+      className: a(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        r
+      ),
+      ...o
+    }
+  );
+}
+function c({ className: r, ...o }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: a("px-6", r),
+      ...o
+    }
+  );
+}
+export {
+  n as Card,
+  c as CardContent
+};

package/dist/components/ui/checkbox.js

@@ -0,0 +1,31 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-checkbox";
+import { CheckIcon as t } from "lucide-react";
+import { cn as o } from "../../lib/utils.js";
+function s({
+  className: i,
+  ...a
+}) {
+  return /* @__PURE__ */ r(
+    e.Root,
+    {
+      "data-slot": "checkbox",
+      className: o(
+        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        i
+      ),
+      ...a,
+      children: /* @__PURE__ */ r(
+        e.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none",
+          children: /* @__PURE__ */ r(t, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+export {
+  s as Checkbox
+};

package/dist/components/ui/dialog.js

@@ -0,0 +1,77 @@
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-dialog";
+import { XIcon as l } from "lucide-react";
+import { cn as i } from "../../lib/utils.js";
+function m({
+  ...t
+}) {
+  return /* @__PURE__ */ a(o.Root, { "data-slot": "dialog", ...t });
+}
+function p({
+  ...t
+}) {
+  return /* @__PURE__ */ a(o.Trigger, { "data-slot": "dialog-trigger", ...t });
+}
+function d({
+  ...t
+}) {
+  return /* @__PURE__ */ a(o.Portal, { "data-slot": "dialog-portal", ...t });
+}
+function g({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    o.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: i(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function v({
+  className: t,
+  children: e,
+  showCloseButton: s = !0,
+  ...r
+}) {
+  return /* @__PURE__ */ n(d, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(g, {}),
+    /* @__PURE__ */ n(
+      o.Content,
+      {
+        "data-slot": "dialog-content",
+        className: i(
+          "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
+          t
+        ),
+        ...r,
+        children: [
+          e,
+          s && /* @__PURE__ */ n(
+            o.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ a(l, {}),
+                /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+export {
+  m as Dialog,
+  v as DialogContent,
+  g as DialogOverlay,
+  d as DialogPortal,
+  p as DialogTrigger
+};

package/dist/components/ui/input.js

@@ -0,0 +1,21 @@
+import { jsx as t } from "react/jsx-runtime";
+import { cn as n } from "../../lib/utils.js";
+function a({ className: e, type: i, ...r }) {
+  return /* @__PURE__ */ t(
+    "input",
+    {
+      type: i,
+      "data-slot": "input",
+      className: n(
+        "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
+      ),
+      ...r
+    }
+  );
+}
+export {
+  a as Input
+};

package/dist/components/ui/label.js

@@ -0,0 +1,22 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-label";
+import { cn as r } from "../../lib/utils.js";
+function l({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    a.Root,
+    {
+      "data-slot": "label",
+      className: r(
+        "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
+      ),
+      ...t
+    }
+  );
+}
+export {
+  l as Label
+};

package/dist/components/ui/popover.js

@@ -0,0 +1,38 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-popover";
+import { cn as n } from "../../lib/utils.js";
+function s({
+  ...o
+}) {
+  return /* @__PURE__ */ t(e.Root, { "data-slot": "popover", ...o });
+}
+function m({
+  ...o
+}) {
+  return /* @__PURE__ */ t(e.Trigger, { "data-slot": "popover-trigger", ...o });
+}
+function f({
+  className: o,
+  align: r = "center",
+  sideOffset: a = 4,
+  ...i
+}) {
+  return /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ t(
+    e.Content,
+    {
+      "data-slot": "popover-content",
+      align: r,
+      sideOffset: a,
+      className: n(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        o
+      ),
+      ...i
+    }
+  ) });
+}
+export {
+  s as Popover,
+  f as PopoverContent,
+  m as PopoverTrigger
+};

package/dist/components/ui/select.js

@@ -0,0 +1,144 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-select";
+import { ChevronDownIcon as l, CheckIcon as c, ChevronUpIcon as u } from "lucide-react";
+import { cn as o } from "../../lib/utils.js";
+function h({
+  ...t
+}) {
+  return /* @__PURE__ */ e(a.Root, { "data-slot": "select", ...t });
+}
+function x({
+  ...t
+}) {
+  return /* @__PURE__ */ e(a.Value, { "data-slot": "select-value", ...t });
+}
+function b({
+  className: t,
+  size: s = "default",
+  children: r,
+  ...n
+}) {
+  return /* @__PURE__ */ i(
+    a.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": s,
+      className: o(
+        "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",
+        t
+      ),
+      ...n,
+      children: [
+        r,
+        /* @__PURE__ */ e(a.Icon, { asChild: !0, children: /* @__PURE__ */ e(l, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function w({
+  className: t,
+  children: s,
+  position: r = "item-aligned",
+  align: n = "center",
+  ...d
+}) {
+  return /* @__PURE__ */ e(a.Portal, { children: /* @__PURE__ */ i(
+    a.Content,
+    {
+      "data-slot": "select-content",
+      className: o(
+        "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",
+        r === "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",
+        t
+      ),
+      position: r,
+      align: n,
+      ...d,
+      children: [
+        /* @__PURE__ */ e(m, {}),
+        /* @__PURE__ */ e(
+          a.Viewport,
+          {
+            className: o(
+              "p-1",
+              r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children: s
+          }
+        ),
+        /* @__PURE__ */ e(p, {})
+      ]
+    }
+  ) });
+}
+function y({
+  className: t,
+  children: s,
+  ...r
+}) {
+  return /* @__PURE__ */ i(
+    a.Item,
+    {
+      "data-slot": "select-item",
+      className: o(
+        "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",
+        t
+      ),
+      ...r,
+      children: [
+        /* @__PURE__ */ e(
+          "span",
+          {
+            "data-slot": "select-item-indicator",
+            className: "absolute right-2 flex size-3.5 items-center justify-center",
+            children: /* @__PURE__ */ e(a.ItemIndicator, { children: /* @__PURE__ */ e(c, { className: "size-4" }) })
+          }
+        ),
+        /* @__PURE__ */ e(a.ItemText, { children: s })
+      ]
+    }
+  );
+}
+function m({
+  className: t,
+  ...s
+}) {
+  return /* @__PURE__ */ e(
+    a.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: o(
+        "flex cursor-default items-center justify-center py-1",
+        t
+      ),
+      ...s,
+      children: /* @__PURE__ */ e(u, { className: "size-4" })
+    }
+  );
+}
+function p({
+  className: t,
+  ...s
+}) {
+  return /* @__PURE__ */ e(
+    a.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: o(
+        "flex cursor-default items-center justify-center py-1",
+        t
+      ),
+      ...s,
+      children: /* @__PURE__ */ e(l, { className: "size-4" })
+    }
+  );
+}
+export {
+  h as Select,
+  w as SelectContent,
+  y as SelectItem,
+  p as SelectScrollDownButton,
+  m as SelectScrollUpButton,
+  b as SelectTrigger,
+  x as SelectValue
+};

package/dist/components/ui/separator.js

@@ -0,0 +1,26 @@
+import { jsx as i } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-separator";
+import { cn as e } from "../../lib/utils.js";
+function m({
+  className: t,
+  orientation: o = "horizontal",
+  decorative: r = !0,
+  ...a
+}) {
+  return /* @__PURE__ */ i(
+    n.Root,
+    {
+      "data-slot": "separator",
+      decorative: r,
+      orientation: o,
+      className: e(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        t
+      ),
+      ...a
+    }
+  );
+}
+export {
+  m as Separator
+};