@a2ui-sdk/react 0.0.0

package/dist/components/ui/select.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: 'sm' | 'default';
+}): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

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.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Separator };

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.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Slider };

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.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

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.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Textarea({ className, ...props }: React.ComponentProps<'textarea'>): import("react/jsx-runtime").JSX.Element;
+export { Textarea };

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/index.d.ts

@@ -0,0 +1,2 @@
+export * as v0_8 from './0.8';
+export * as v0_9 from './0.9';

package/dist/index.js

@@ -0,0 +1,6 @@
+import * as _ from "./0.8/index.js";
+import * as o from "./0.9/index.js";
+export {
+  _ as v0_8,
+  o as v0_9
+};

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

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

@@ -0,0 +1,75 @@
+{
+  "name": "@a2ui-sdk/react",
+  "version": "0.0.0",
+  "description": "A2UI SDK for React",
+  "homepage": "https://easyops-cn.github.io/a2ui-sdk/",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:easyops-cn/a2ui-sdk.git",
+    "directory": "packages/react"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./0.8": {
+      "types": "./dist/0.8/index.d.ts",
+      "default": "./dist/0.8/index.js"
+    },
+    "./0.9": {
+      "types": "./dist/0.9/index.d.ts",
+      "default": "./dist/0.9/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage"
+  },
+  "license": "Apache-2.0",
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@a2ui-sdk/types": "^0.0.0",
+    "@a2ui-sdk/utils": "^0.0.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.1",
+    "@testing-library/user-event": "^14.6.1",
+    "@vitejs/plugin-react": "^5.1.2",
+    "@vitest/coverage-v8": "^4.0.16",
+    "jsdom": "^27.4.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "typescript": "~5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-tsconfig-paths": "^6.0.4",
+    "vitest": "^4.0.16"
+  },
+  "dependencies": {
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.562.0",
+    "tailwind-merge": "^3.4.0"
+  }
+}