@easyops-cn/a2ui-react 0.0.4 → 0.0.6

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.6",
   "description": "A2UI React Renderer",
   "homepage": "https://easyops-cn.github.io/a2ui-react/",
   "repository": {

package/dist/0.8/A2UIRenderer.test.d.ts

@@ -1,6 +0,0 @@
-/**
- * A2UIRenderer Tests
- *
- * Tests for the main A2UIRenderer component.
- */
-export {};

package/dist/0.8/components/ComponentRenderer.test.d.ts

@@ -1,6 +0,0 @@
-/**
- * ComponentRenderer Tests
- *
- * Tests for the ComponentRenderer component that routes rendering based on type.
- */
-export {};

package/dist/0.8/components/display/display.test.d.ts

@@ -1,7 +0,0 @@
-/**
- * Display Components Tests
- *
- * Tests for TextComponent, ImageComponent, IconComponent, VideoComponent,
- * AudioPlayerComponent, and DividerComponent.
- */
-export {};

package/dist/0.8/components/interactive/interactive.test.d.ts

@@ -1,7 +0,0 @@
-/**
- * Interactive Components Tests
- *
- * Tests for ButtonComponent, CheckBoxComponent, TextFieldComponent,
- * DateTimeInputComponent, MultipleChoiceComponent, and SliderComponent.
- */
-export {};

package/dist/0.8/components/layout/layout.test.d.ts

@@ -1,7 +0,0 @@
-/**
- * Layout Components Tests
- *
- * Tests for RowComponent, ColumnComponent, ListComponent, CardComponent,
- * TabsComponent, and ModalComponent.
- */
-export {};

package/dist/0.8/contexts/A2UIProvider.test.d.ts

@@ -1,6 +0,0 @@
-/**
- * A2UIProvider Tests
- *
- * Tests for the combined A2UI provider component.
- */
-export {};

package/dist/0.8/contexts/ActionContext.test.d.ts

@@ -1,6 +0,0 @@
-/**
- * ActionContext Tests
- *
- * Tests for the Action context provider and hook.
- */
-export {};

package/dist/0.8/contexts/DataModelContext.test.d.ts

@@ -1,6 +0,0 @@
-/**
- * DataModelContext Tests
- *
- * Tests for the DataModel context provider and hook.
- */
-export {};

package/dist/0.8/contexts/SurfaceContext.test.d.ts

@@ -1,6 +0,0 @@
-/**
- * SurfaceContext Tests
- *
- * Tests for the Surface context provider and hook.
- */
-export {};

package/dist/0.8/hooks/useA2UIMessageHandler.test.d.ts

@@ -1,6 +0,0 @@
-/**
- * useA2UIMessageHandler Tests
- *
- * Tests for the useA2UIMessageHandler hook.
- */
-export {};

package/dist/0.8/hooks/useComponent.test.d.ts

@@ -1,6 +0,0 @@
-/**
- * useComponent Tests
- *
- * Tests for the useComponent hook.
- */
-export {};

package/dist/0.8/hooks/useDataBinding.test.d.ts

@@ -1,6 +0,0 @@
-/**
- * useDataBinding Tests
- *
- * Tests for the useDataBinding, useDataModel, and useFormBinding hooks.
- */
-export {};

package/dist/0.8/hooks/useDispatchAction.test.d.ts

@@ -1,6 +0,0 @@
-/**
- * useDispatchAction Tests
- *
- * Tests for the useDispatchAction hooks.
- */
-export {};

package/dist/0.8/hooks/useSurface.test.d.ts

@@ -1,6 +0,0 @@
-/**
- * useSurface Tests
- *
- * Tests for the useSurface hook.
- */
-export {};

package/dist/0.8/utils/dataBinding.test.d.ts

@@ -1,6 +0,0 @@
-/**
- * dataBinding Tests
- *
- * Tests for data binding utility functions used in A2UI.
- */
-export {};

package/dist/0.8/utils/pathUtils.test.d.ts

@@ -1,6 +0,0 @@
-/**
- * pathUtils Tests
- *
- * Tests for path utility functions used in A2UI data model operations.
- */
-export {};