@easyops-cn/a2ui-react 0.0.4 → 0.0.5

package/dist/0.8/components/display/AudioPlayerComponent.js

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { memo as m } from "react";
-import { useDataBinding as n } from "@/0.8/hooks/useDataBinding";
-import { cn as a } from "@/lib/utils";
+import { useDataBinding as n } from "../../hooks/useDataBinding.js";
+import { cn as a } from "../../../lib/utils.js";
 const u = m(function({
   surfaceId: o,
   url: i,

package/dist/0.8/components/display/DividerComponent.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { memo as t } from "react";
-import { Separator as e } from "@/components/ui/separator";
+import { Separator as e } from "../../../components/ui/separator.js";
 const i = t(function({
   axis: o = "horizontal"
 }) {

package/dist/0.8/components/display/IconComponent.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { memo as i } from "react";
-import { useDataBinding as l } from "@/0.8/hooks/useDataBinding";
+import { useDataBinding as l } from "../../hooks/useDataBinding.js";
 import { AlertTriangle as c, EyeOff as f, Eye as s, Upload as m, StarOff as p, StarHalf as d, Star as h, ShoppingCart as C, Share2 as u, Settings as w, Send as O, Search as g, RefreshCw as k, Printer as y, Image as H, Phone as o, User as I, CreditCard as S, Bell as U, BellOff as A, MoreHorizontal as M, MoreVertical as P, Menu as v, Mail as B, Unlock as D, Lock as F, MapPin as N, Info as T, Home as b, HelpCircle as x, Folder as z, HeartOff as E, Heart as L, AlertCircle as R, CalendarDays as V, Pencil as j, Download as X, Trash2 as $, X as q, Check as G, Camera as J, Calendar as K, Paperclip as Q, ArrowRight as W, ArrowLeft as Y, Plus as Z, UserCircle as _ } from "lucide-react";
-import { cn as ee } from "@/lib/utils";
+import { cn as ee } from "../../../lib/utils.js";
 const re = {
   accountCircle: _,
   add: Z,

package/dist/0.8/components/display/ImageComponent.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { memo as m } from "react";
-import { useDataBinding as i } from "@/0.8/hooks/useDataBinding";
-import { cn as s } from "@/lib/utils";
+import { useDataBinding as i } from "../../hooks/useDataBinding.js";
+import { cn as s } from "../../../lib/utils.js";
 const t = {
   contain: "object-contain",
   cover: "object-cover",

package/dist/0.8/components/display/TextComponent.js

@@ -1,7 +1,7 @@
 import { jsx as h } from "react/jsx-runtime";
 import { memo as x } from "react";
-import { useDataBinding as l } from "@/0.8/hooks/useDataBinding";
-import { cn as r } from "@/lib/utils";
+import { useDataBinding as l } from "../../hooks/useDataBinding.js";
+import { cn as r } from "../../../lib/utils.js";
 const o = {
   h1: "text-3xl font-bold tracking-tight",
   h2: "text-2xl font-semibold tracking-tight",

package/dist/0.8/components/display/VideoComponent.js

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as n } from "react/jsx-runtime";
 import { memo as i } from "react";
-import { useDataBinding as s } from "@/0.8/hooks/useDataBinding";
-import { cn as m } from "@/lib/utils";
+import { useDataBinding as s } from "../../hooks/useDataBinding.js";
+import { cn as m } from "../../../lib/utils.js";
 const d = i(function({
   surfaceId: r,
   url: e

package/dist/0.8/components/interactive/ButtonComponent.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import { memo as p, useCallback as s } from "react";
-import { useDispatchAction as c } from "@/0.8/hooks/useDispatchAction";
-import { Button as u } from "@/components/ui/button";
+import { useDispatchAction as c } from "../../hooks/useDispatchAction.js";
+import { Button as u } from "../../../components/ui/button.js";
 import { ComponentRenderer as a } from "../ComponentRenderer.js";
 const f = p(function({
   surfaceId: t,

package/dist/0.8/components/interactive/CheckBoxComponent.js

@@ -1,9 +1,9 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { memo as p, useCallback as C } from "react";
-import { useDataBinding as d, useFormBinding as x } from "@/0.8/hooks/useDataBinding";
-import { Checkbox as k } from "@/components/ui/checkbox";
-import { Label as f } from "@/components/ui/label";
-import { cn as b } from "@/lib/utils";
+import { useDataBinding as d, useFormBinding as x } from "../../hooks/useDataBinding.js";
+import { Checkbox as k } from "../../../components/ui/checkbox.js";
+import { Label as f } from "../../../components/ui/label.js";
+import { cn as b } from "../../../lib/utils.js";
 const g = p(function({
   surfaceId: e,
   componentId: m,

package/dist/0.8/components/interactive/DateTimeInputComponent.js

@@ -2,12 +2,12 @@ import { jsx as i, jsxs as f } from "react/jsx-runtime";
 import { memo as V, useMemo as l, useCallback as M } from "react";
 import { CalendarIcon as j } from "lucide-react";
 import { parse as p, isValid as P, format as m } from "date-fns";
-import { useFormBinding as B } from "@/0.8/hooks/useDataBinding";
-import { cn as y } from "@/lib/utils";
-import { Button as F } from "@/components/ui/button";
-import { Calendar as S } from "@/components/ui/calendar";
-import { Popover as k, PopoverTrigger as A, PopoverContent as L } from "@/components/ui/popover";
-import { Input as g } from "@/components/ui/input";
+import { useFormBinding as B } from "../../hooks/useDataBinding.js";
+import { cn as y } from "../../../lib/utils.js";
+import { Button as F } from "../../../components/ui/button.js";
+import { Calendar as S } from "../../../components/ui/calendar.js";
+import { Popover as k, PopoverTrigger as A, PopoverContent as L } from "../../../components/ui/popover.js";
+import { Input as g } from "../../../components/ui/input.js";
 const U = V(function({
   surfaceId: v,
   componentId: w,

package/dist/0.8/components/interactive/MultipleChoiceComponent.js

@@ -1,10 +1,10 @@
 import { jsx as r, jsxs as g, Fragment as M } from "react/jsx-runtime";
 import { memo as N, useCallback as p } from "react";
-import { useFormBinding as V, useDataBinding as S } from "@/0.8/hooks/useDataBinding";
-import { Select as F, SelectTrigger as $, SelectValue as j, SelectContent as B, SelectItem as D } from "@/components/ui/select";
-import { Checkbox as L } from "@/components/ui/checkbox";
-import { Label as T } from "@/components/ui/label";
-import { cn as h } from "@/lib/utils";
+import { useFormBinding as V, useDataBinding as S } from "../../hooks/useDataBinding.js";
+import { Select as F, SelectTrigger as $, SelectValue as j, SelectContent as B, SelectItem as D } from "../../../components/ui/select.js";
+import { Checkbox as L } from "../../../components/ui/checkbox.js";
+import { Label as T } from "../../../components/ui/label.js";
+import { cn as h } from "../../../lib/utils.js";
 const A = N(function({
   surfaceId: a,
   componentId: o,

package/dist/0.8/components/interactive/SliderComponent.js

@@ -1,8 +1,8 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { memo as a, useCallback as c } from "react";
-import { useFormBinding as p } from "@/0.8/hooks/useDataBinding";
-import { Slider as f } from "@/components/ui/slider";
-import { cn as h } from "@/lib/utils";
+import { useFormBinding as p } from "../../hooks/useDataBinding.js";
+import { Slider as f } from "../../../components/ui/slider.js";
+import { cn as h } from "../../../lib/utils.js";
 const u = a(function({
   surfaceId: m,
   value: s,

package/dist/0.8/components/interactive/TextFieldComponent.js

@@ -1,10 +1,10 @@
 import { jsxs as u, jsx as t } from "react/jsx-runtime";
 import { memo as T, useCallback as f } from "react";
-import { useDataBinding as g, useFormBinding as h } from "@/0.8/hooks/useDataBinding";
-import { Input as b } from "@/components/ui/input";
-import { Textarea as C } from "@/components/ui/textarea";
-import { Label as F } from "@/components/ui/label";
-import { cn as v } from "@/lib/utils";
+import { useDataBinding as g, useFormBinding as h } from "../../hooks/useDataBinding.js";
+import { Input as b } from "../../../components/ui/input.js";
+import { Textarea as C } from "../../../components/ui/textarea.js";
+import { Label as F } from "../../../components/ui/label.js";
+import { cn as v } from "../../../lib/utils.js";
 const y = {
   shortText: "text",
   longText: "text",

package/dist/0.8/components/layout/CardComponent.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { memo as m } from "react";
-import { Card as n, CardContent as t } from "@/components/ui/card";
+import { Card as n, CardContent as t } from "../../../components/ui/card.js";
 import { ComponentRenderer as p } from "../ComponentRenderer.js";
 const a = m(function({
   surfaceId: e,

package/dist/0.8/components/layout/ColumnComponent.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { memo as u } from "react";
-import { useDataModel as d } from "@/0.8/hooks/useDataBinding";
-import { cn as y } from "@/lib/utils";
-import { getValueByPath as j } from "@/0.8/utils/pathUtils";
+import { useDataModel as d } from "../../hooks/useDataBinding.js";
+import { cn as y } from "../../../lib/utils.js";
+import { getValueByPath as j } from "../../utils/pathUtils.js";
 import { ComponentRenderer as r } from "../ComponentRenderer.js";
 const v = {
   start: "justify-start",

package/dist/0.8/components/layout/ListComponent.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { memo as d } from "react";
-import { useDataModel as x } from "@/0.8/hooks/useDataBinding";
-import { cn as u } from "@/lib/utils";
-import { getValueByPath as v } from "@/0.8/utils/pathUtils";
+import { useDataModel as x } from "../../hooks/useDataBinding.js";
+import { cn as u } from "../../../lib/utils.js";
+import { getValueByPath as v } from "../../utils/pathUtils.js";
 import { ComponentRenderer as r } from "../ComponentRenderer.js";
 const L = {
   start: "items-start",

package/dist/0.8/components/layout/ModalComponent.js

@@ -1,6 +1,6 @@
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import { memo as l, useState as a } from "react";
-import { Dialog as s, DialogTrigger as d, DialogContent as c } from "@/components/ui/dialog";
+import { Dialog as s, DialogTrigger as d, DialogContent as c } from "../../../components/ui/dialog.js";
 import { ComponentRenderer as t } from "../ComponentRenderer.js";
 const f = l(function({
   surfaceId: e,

package/dist/0.8/components/layout/RowComponent.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { memo as l } from "react";
-import { useDataModel as u } from "@/0.8/hooks/useDataBinding";
-import { cn as y } from "@/lib/utils";
-import { getValueByPath as j } from "@/0.8/utils/pathUtils";
+import { useDataModel as u } from "../../hooks/useDataBinding.js";
+import { cn as y } from "../../../lib/utils.js";
+import { getValueByPath as j } from "../../utils/pathUtils.js";
 import { ComponentRenderer as r } from "../ComponentRenderer.js";
 const v = {
   start: "justify-start",

package/dist/0.8/components/layout/TabsComponent.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as o, Fragment as c } from "react/jsx-runtime";
 import { memo as d } from "react";
-import { useDataBinding as m } from "@/0.8/hooks/useDataBinding";
-import { Tabs as p, TabsList as s, TabsTrigger as T, TabsContent as h } from "@/components/ui/tabs";
+import { useDataBinding as m } from "../../hooks/useDataBinding.js";
+import { Tabs as p, TabsList as s, TabsTrigger as T, TabsContent as h } from "../../../components/ui/tabs.js";
 import { ComponentRenderer as u } from "../ComponentRenderer.js";
 const f = d(function({
   surfaceId: r,

package/dist/0.8/hooks/useDataBinding.js

@@ -1,23 +1,28 @@
-import { useMemo as r } from "react";
-import { useDataModelContext as m } from "../contexts/DataModelContext.js";
-import { resolveValue as l } from "../utils/dataBinding.js";
+import { useMemo as i } from "react";
+import { useDataModelContext as l } from "../contexts/DataModelContext.js";
+import { resolveValue as m } from "../utils/dataBinding.js";
 function s(n, t, o) {
-  const { getDataModel: e } = m();
-  return r(() => {
+  const { getDataModel: e } = l();
+  return i(() => {
     const a = e(n);
-    return l(t, a, o);
+    return m(t, a, o);
   }, [e, n, t, o]);
 }
+function u(n) {
+  const { getDataModel: t } = l();
+  return i(() => t(n), [t, n]);
+}
 function h(n, t, o) {
-  const { getDataModel: e, setDataValue: a } = m(), p = r(() => {
-    const i = e(n);
-    return l(t, i, o);
-  }, [e, n, t, o]), M = r(() => (i) => {
-    t && "path" in t && a(n, t.path, i);
+  const { getDataModel: e, setDataValue: a } = l(), M = i(() => {
+    const r = e(n);
+    return m(t, r, o);
+  }, [e, n, t, o]), D = i(() => (r) => {
+    t && "path" in t && a(n, t.path, r);
   }, [a, n, t]);
-  return [p, M];
+  return [M, D];
 }
 export {
   s as useDataBinding,
+  u as useDataModel,
   h 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
+};

package/dist/components/ui/slider.js

@@ -0,0 +1,63 @@
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import * as m from "react";
+import * as a from "@radix-ui/react-slider";
+import { cn as n } from "../../lib/utils.js";
+function v({
+  className: l,
+  defaultValue: r,
+  value: t,
+  min: i = 0,
+  max: o = 100,
+  ...s
+}) {
+  const d = m.useMemo(
+    () => Array.isArray(t) ? t : Array.isArray(r) ? r : [i, o],
+    [t, r, i, o]
+  );
+  return /* @__PURE__ */ h(
+    a.Root,
+    {
+      "data-slot": "slider",
+      defaultValue: r,
+      value: t,
+      min: i,
+      max: o,
+      className: n(
+        "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
+        l
+      ),
+      ...s,
+      children: [
+        /* @__PURE__ */ e(
+          a.Track,
+          {
+            "data-slot": "slider-track",
+            className: n(
+              "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
+            ),
+            children: /* @__PURE__ */ e(
+              a.Range,
+              {
+                "data-slot": "slider-range",
+                className: n(
+                  "bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
+                )
+              }
+            )
+          }
+        ),
+        Array.from({ length: d.length }, (f, c) => /* @__PURE__ */ e(
+          a.Thumb,
+          {
+            "data-slot": "slider-thumb",
+            className: "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
+          },
+          c
+        ))
+      ]
+    }
+  );
+}
+export {
+  v as Slider
+};

package/dist/components/ui/tabs.js

@@ -0,0 +1,67 @@
+import { jsx as a } from "react/jsx-runtime";
+import * as s from "@radix-ui/react-tabs";
+import { cn as i } from "../../lib/utils.js";
+function o({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    s.Root,
+    {
+      "data-slot": "tabs",
+      className: i("flex flex-col gap-2", t),
+      ...e
+    }
+  );
+}
+function d({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    s.List,
+    {
+      "data-slot": "tabs-list",
+      className: i(
+        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function c({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    s.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: i(
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function l({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    s.Content,
+    {
+      "data-slot": "tabs-content",
+      className: i("flex-1 outline-none", t),
+      ...e
+    }
+  );
+}
+export {
+  o as Tabs,
+  l as TabsContent,
+  d as TabsList,
+  c as TabsTrigger
+};

package/dist/components/ui/textarea.js

@@ -0,0 +1,18 @@
+import { jsx as i } from "react/jsx-runtime";
+import { cn as t } from "../../lib/utils.js";
+function n({ className: r, ...e }) {
+  return /* @__PURE__ */ i(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: t(
+        "border-input placeholder: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 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        r
+      ),
+      ...e
+    }
+  );
+}
+export {
+  n as Textarea
+};

package/dist/lib/utils.js

@@ -0,0 +1,8 @@
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function n(...r) {
+  return t(o(r));
+}
+export {
+  n as cn
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyops-cn/a2ui-react",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "A2UI React Renderer",
   "homepage": "https://easyops-cn.github.io/a2ui-react/",
   "repository": {