@chaibuilder/sdk 0.1.22 → 0.1.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/dist/{AddBlocks-254892c5.js → AddBlocks-5818ee33.js} +13 -14
  2. package/dist/AddBlocks-97c464e1.cjs +3 -0
  3. package/dist/{BrandingOptions-81fb41d9.js → BrandingOptions-3095a1ac.js} +1 -1
  4. package/dist/{BrandingOptions-10c05f85.cjs → BrandingOptions-a4de85eb.cjs} +1 -1
  5. package/dist/{CanvasArea-a261378b.cjs → CanvasArea-45062968.cjs} +2 -2
  6. package/dist/{CanvasArea-7e09f98e.js → CanvasArea-a6706381.js} +2 -2
  7. package/dist/{CurrentPage-b67bee36.cjs → CurrentPage-181bbdc0.cjs} +1 -1
  8. package/dist/{CurrentPage-ce5a51fa.js → CurrentPage-36e1f888.js} +1 -1
  9. package/dist/{Layers-b3a452cc.js → Layers-066e5450.js} +2 -2
  10. package/dist/{Layers-4e859d15.cjs → Layers-884713c8.cjs} +1 -1
  11. package/dist/{MarkAsGlobalBlock-1a1039f8.cjs → MarkAsGlobalBlock-3336e964.cjs} +1 -1
  12. package/dist/{MarkAsGlobalBlock-7d9f5e11.js → MarkAsGlobalBlock-dc93e527.js} +1 -1
  13. package/dist/{PagesPanel-163b7771.cjs → PagesPanel-574a0a87.cjs} +1 -1
  14. package/dist/{PagesPanel-2559ea9e.js → PagesPanel-dba3d5fa.js} +2 -2
  15. package/dist/{ProjectPanel-e78931cd.cjs → ProjectPanel-a737a211.cjs} +1 -1
  16. package/dist/{ProjectPanel-fab32a4f.js → ProjectPanel-b7c44110.js} +2 -2
  17. package/dist/Settings-7d129d30.cjs +1 -0
  18. package/dist/{Settings-a2638a6e.js → Settings-a3117310.js} +584 -579
  19. package/dist/SidePanels-b4ba0640.cjs +1 -0
  20. package/dist/SidePanels-ffe30d1c.js +329 -0
  21. package/dist/{Topbar-ef648e78.js → Topbar-4e04e218.js} +1 -1
  22. package/dist/{Topbar-c131ef83.cjs → Topbar-836552a6.cjs} +1 -1
  23. package/dist/{add-page-modal-7d645bf7.cjs → add-page-modal-217f08a5.cjs} +1 -1
  24. package/dist/{add-page-modal-8c9dad17.js → add-page-modal-41831178.js} +1 -1
  25. package/dist/core.cjs +1 -1
  26. package/dist/core.js +1 -1
  27. package/dist/{delete-page-modal-ec091c19.js → delete-page-modal-9c81fd1f.js} +1 -1
  28. package/dist/{delete-page-modal-19001f8d.cjs → delete-page-modal-a58fb14e.cjs} +1 -1
  29. package/dist/{index-e6e838ec.js → index-088a9534.js} +6 -6
  30. package/dist/{index-2f61b040.cjs → index-e2dad9ec.cjs} +18 -18
  31. package/dist/{page-viewer-dec9a6d2.js → page-viewer-6a9db9cc.js} +2 -2
  32. package/dist/{page-viewer-65e2ca1a.cjs → page-viewer-ff2173dd.cjs} +1 -1
  33. package/dist/{project-general-setting-c7d95cc0.cjs → project-general-setting-695a14fa.cjs} +1 -1
  34. package/dist/{project-general-setting-067afe22.js → project-general-setting-d0cb6eca.js} +1 -1
  35. package/dist/render.cjs +1 -1
  36. package/dist/render.d.ts +2 -4
  37. package/dist/render.js +59 -67
  38. package/dist/{single-page-detail-f110be66.js → single-page-detail-ac77d6d0.js} +2 -2
  39. package/dist/{single-page-detail-14e7a650.cjs → single-page-detail-f54b60af.cjs} +1 -1
  40. package/dist/textarea-0750bcd2.js +73 -0
  41. package/dist/textarea-a338ede6.cjs +1 -0
  42. package/dist/ui.cjs +1 -1
  43. package/dist/ui.js +72 -73
  44. package/package.json +3 -3
  45. package/dist/AddBlocks-a86eec32.cjs +0 -3
  46. package/dist/Settings-d9df3548.cjs +0 -1
  47. package/dist/SidePanels-1439e695.cjs +0 -1
  48. package/dist/SidePanels-aa583e71.js +0 -242
  49. package/dist/card-14e1d020.cjs +0 -1
  50. package/dist/card-f8f4f985.js +0 -33
  51. package/dist/textarea-20b2f6b2.cjs +0 -1
  52. package/dist/textarea-9dfb6a32.js +0 -45
@@ -1,242 +0,0 @@
1
- import { j as e } from "./jsx-runtime-944c88e2.js";
2
- import { PlusIcon as E, Half2Icon as V } from "@radix-ui/react-icons";
3
- import v, { useMemo as I, useState as m, useEffect as L, lazy as C, Suspense as b } from "react";
4
- import { useAtom as N } from "jotai";
5
- import { filter as y, map as w, isNull as H, isEmpty as M, find as O, each as _, get as F } from "lodash";
6
- import { B as u, u as k, S as P } from "./useBuilderProp-81a14920.js";
7
- import { T as R, a as J, b as D, c as S } from "./tabs-85caa1e8.js";
8
- import { u as U, p as $, a as q, b as G } from "./index-e6e838ec.js";
9
- import "react-i18next";
10
- import { c as Q } from "./utils-ac68b2c8.js";
11
- import { ListTreeIcon as T, DatabaseIcon as W } from "lucide-react";
12
- import { getChaiDataProviders as X } from "@chaibuilder/blocks";
13
- import { D as Y, a as Z, c as ee, e as se, f as ae } from "./dialog-3d4e82ed.js";
14
- import { C as le, a as re, c as te, d as ie } from "./card-f8f4f985.js";
15
- import { S as oe, c as ne, b as ce, d as de, f as K } from "./select-7fddd7c3.js";
16
- import me from "react-json-view";
17
- import "@radix-ui/react-slot";
18
- import "class-variance-authority";
19
- import "@radix-ui/react-tooltip";
20
- import "@radix-ui/react-toast";
21
- import "@radix-ui/react-tabs";
22
- import "./MODIFIERS-2f19c314.js";
23
- import "clsx";
24
- import "@radix-ui/react-scroll-area";
25
- import "react-dom";
26
- import "@floating-ui/react-dom";
27
- import "i18next";
28
- import "flagged";
29
- import "react-dnd";
30
- import "@minoru/react-dnd-treeview";
31
- import "react-hotkeys-hook";
32
- import "flat-to-nested";
33
- import "./html-to-json-45e0e3b5.js";
34
- import "himalaya";
35
- import "redux-undo";
36
- import "@react-hookz/web";
37
- import "sonner";
38
- import "tailwind-merge";
39
- import "@radix-ui/react-dialog";
40
- import "@radix-ui/react-select";
41
- const xe = ({ provider: a, onClose: x }) => {
42
- const [l, n] = m(null);
43
- return L(() => {
44
- a && (a.mockFn ? a.mockFn : a.dataFn)().then((c) => n(c));
45
- }, [a]), a ? /* @__PURE__ */ e.jsx(Y, { onOpenChange: (t) => t ? "" : x(), defaultOpen: !0, children: /* @__PURE__ */ e.jsxs(Z, { children: [
46
- /* @__PURE__ */ e.jsxs(ee, { children: [
47
- /* @__PURE__ */ e.jsxs(se, { children: [
48
- "Data Provider: ",
49
- a.name
50
- ] }),
51
- /* @__PURE__ */ e.jsx(ae, { children: a.description })
52
- ] }),
53
- /* @__PURE__ */ e.jsx(
54
- me,
55
- {
56
- name: a.providerKey,
57
- enableClipboard: !1,
58
- displayObjectSize: !1,
59
- displayDataTypes: !1,
60
- src: l
61
- }
62
- )
63
- ] }) }) : null;
64
- }, pe = () => {
65
- const a = I(() => X(), []), [x, l] = U(), [, n] = N($), [t, c] = m(
66
- y(a, (s) => w(x, "providerKey").includes(s.providerKey))
67
- ), [i, f] = m(""), [h, o] = m(null), j = y(
68
- a.map((s) => w(t, "providerKey").includes(s.providerKey) ? null : { value: s.providerKey, label: s.name }),
69
- (s) => !H(s)
70
- ), r = () => {
71
- const s = O(a, { providerKey: i });
72
- c((d) => [...d, s]), l((d) => [...d, { providerKey: s.providerKey, args: {} }]), f(""), n("UNSAVED");
73
- }, p = (s) => {
74
- c((d) => y(d, (g) => g.providerKey !== s.providerKey)), l((d) => y(d, (g) => g.providerKey !== s.providerKey)), n("UNSAVED");
75
- }, B = (s) => o(s);
76
- return /* @__PURE__ */ e.jsxs("div", { className: "px-1", children: [
77
- /* @__PURE__ */ e.jsx("br", {}),
78
- /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 mb-1.5 text-xs", children: "Add data providers:" }) }),
79
- /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-1", children: [
80
- /* @__PURE__ */ e.jsxs(oe, { value: i, onValueChange: (s) => f(s), children: [
81
- /* @__PURE__ */ e.jsx(ne, { className: "w-full", children: /* @__PURE__ */ e.jsx(ce, { placeholder: "Select a provider" }) }),
82
- /* @__PURE__ */ e.jsxs(de, { children: [
83
- /* @__PURE__ */ e.jsx(K, { value: "", children: "Choose" }),
84
- j.map((s) => /* @__PURE__ */ e.jsx(K, { value: s.value, children: s.label }, s.value))
85
- ] })
86
- ] }),
87
- /* @__PURE__ */ e.jsx(u, { onClick: r, disabled: M(i), variant: "destructive", children: "+" })
88
- ] }),
89
- /* @__PURE__ */ e.jsx("br", {}),
90
- /* @__PURE__ */ e.jsxs("div", { className: t.length ? "block" : "hidden", children: [
91
- /* @__PURE__ */ e.jsx("hr", {}),
92
- /* @__PURE__ */ e.jsx("br", {}),
93
- /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 mb-1.5 text-xs", children: "Page data providers:" }),
94
- t.map((s) => /* @__PURE__ */ e.jsx(le, { className: "mt-2 rounded-md", children: /* @__PURE__ */ e.jsxs(re, { className: "p-2", children: [
95
- /* @__PURE__ */ e.jsx(te, { children: s.name }),
96
- /* @__PURE__ */ e.jsx(ie, { children: s.description }),
97
- /* @__PURE__ */ e.jsx("button", { onClick: () => B(s), className: "text-left text-xs text-blue-500", children: "view data" }),
98
- /* @__PURE__ */ e.jsx("button", { onClick: () => p(s), className: "text-left text-xs text-red-500", children: "remove" })
99
- ] }) })),
100
- /* @__PURE__ */ e.jsx(xe, { onClose: () => o(null), provider: h })
101
- ] })
102
- ] });
103
- }, A = C(() => import("./Layers-b3a452cc.js")), ue = C(() => import("./BrandingOptions-81fb41d9.js")), fe = C(() => import("./ImagesPanel-38c44785.js"));
104
- let z = null;
105
- const as = () => {
106
- const a = k("sideBarComponents.top", []), x = k("sideBarComponents.bottom", []), [l, n] = N(q), [t, c] = m(l), [i, f] = m(null), h = {
107
- layers: A,
108
- "branding-options": ue,
109
- images: fe
110
- };
111
- _(a, ({ name: r, panel: p }) => {
112
- h[r] = p;
113
- });
114
- const o = (r) => {
115
- clearTimeout(z), j(!1), l !== "layers" && r === "layers" ? z = setTimeout(() => c("layers"), 500) : c(r), n(r);
116
- }, [, j] = N(G);
117
- return /* @__PURE__ */ e.jsxs("div", { className: "relative flex", children: [
118
- /* @__PURE__ */ e.jsxs("div", { className: "z-[100] flex h-full w-fit flex-col items-center justify-between border-b border-r border-border bg-background pt-2", children: [
119
- /* @__PURE__ */ e.jsxs("div", { className: "relative z-[100] flex w-14 flex-col items-center space-y-2", children: [
120
- /* @__PURE__ */ e.jsx(
121
- u,
122
- {
123
- onClick: () => {
124
- j(!0), n("layers");
125
- },
126
- size: "sm",
127
- variant: l === "add-blocks" ? "default" : "outline",
128
- children: /* @__PURE__ */ e.jsx(E, { className: "text-xl" })
129
- }
130
- ),
131
- /* @__PURE__ */ e.jsx(
132
- u,
133
- {
134
- onClick: () => o("layers"),
135
- size: "sm",
136
- variant: l === "layers" ? "default" : "outline",
137
- children: /* @__PURE__ */ e.jsx(T, { className: "w-4" })
138
- }
139
- ),
140
- /* @__PURE__ */ e.jsx(
141
- u,
142
- {
143
- onClick: () => o("branding-options"),
144
- size: "sm",
145
- variant: l === "branding-options" ? "default" : "outline",
146
- children: /* @__PURE__ */ e.jsx(V, { className: "w-4 max-w-[40px] text-xs" })
147
- }
148
- ),
149
- v.Children.toArray(
150
- a.map(({ name: r, icon: p }) => /* @__PURE__ */ e.jsx(b, { fallback: /* @__PURE__ */ e.jsx(P, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(
151
- u,
152
- {
153
- onClick: () => o(r),
154
- size: "sm",
155
- className: "w-10",
156
- variant: l === r ? "default" : "outline",
157
- children: /* @__PURE__ */ e.jsx(p, {})
158
- }
159
- ) }))
160
- )
161
- ] }),
162
- /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center space-y-2", children: v.Children.toArray(
163
- x.map((r) => /* @__PURE__ */ e.jsx(b, { fallback: /* @__PURE__ */ e.jsx(P, { className: "h-10" }), children: /* @__PURE__ */ e.jsx(r, {}) }))
164
- ) })
165
- ] }),
166
- /* @__PURE__ */ e.jsx(
167
- "div",
168
- {
169
- onClick: () => {
170
- o("layers");
171
- },
172
- className: "absolute inset-0 right-0 z-50 w-screen bg-black/20" + (l === "layers" ? " hidden" : "")
173
- }
174
- ),
175
- /* @__PURE__ */ e.jsx(
176
- "div",
177
- {
178
- className: `fixed left-14 z-[50] h-full w-96 border-r bg-background duration-500 ease-in-out ${l !== "layers" ? "translate-x-0" : "-translate-x-full"}`,
179
- children: /* @__PURE__ */ e.jsx(
180
- b,
181
- {
182
- fallback: /* @__PURE__ */ e.jsxs("div", { className: "flex animate-pulse flex-col gap-y-2 bg-white p-4", children: [
183
- /* @__PURE__ */ e.jsx("div", { className: "h-6 w-1/2 bg-gray-300" }),
184
- /* @__PURE__ */ e.jsx("div", { className: "h-16 w-full bg-gray-200" }),
185
- /* @__PURE__ */ e.jsx("div", { className: "h-16 w-full bg-gray-200" })
186
- ] }),
187
- children: /* @__PURE__ */ e.jsx(
188
- "div",
189
- {
190
- className: Q("relative h-full max-h-[93%] bg-background p-1", l === "layers" ? "" : "z-[100]"),
191
- onMouseEnter: () => {
192
- i && clearTimeout(i);
193
- },
194
- onMouseLeave: () => {
195
- const r = setTimeout(() => {
196
- i && (o("layers"), clearTimeout(i));
197
- }, 1e3);
198
- f(r);
199
- },
200
- children: v.createElement(F(h, t, () => /* @__PURE__ */ e.jsx("div", {})))
201
- }
202
- )
203
- }
204
- )
205
- }
206
- ),
207
- /* @__PURE__ */ e.jsx("div", { className: "h-full w-60 border-r p-1", children: /* @__PURE__ */ e.jsx(
208
- b,
209
- {
210
- fallback: /* @__PURE__ */ e.jsxs("div", { className: "flex animate-pulse flex-col gap-y-2 p-4", children: [
211
- /* @__PURE__ */ e.jsx("div", { className: "h-6 w-1/2 bg-gray-300" }),
212
- /* @__PURE__ */ e.jsx("div", { className: "h-16 w-full bg-gray-200" }),
213
- /* @__PURE__ */ e.jsx("div", { className: "h-16 w-full bg-gray-200" })
214
- ] }),
215
- children: /* @__PURE__ */ e.jsxs(R, { defaultValue: "layers", className: "flex h-full w-full flex-col py-1", children: [
216
- /* @__PURE__ */ e.jsxs(J, { className: "mx-1 h-10 grid grid-cols-2", children: [
217
- /* @__PURE__ */ e.jsxs(D, { value: "layers", children: [
218
- /* @__PURE__ */ e.jsx(T, { className: "h-3 mr-2" }),
219
- " Layers"
220
- ] }),
221
- /* @__PURE__ */ e.jsxs(D, { value: "data-provider", children: [
222
- /* @__PURE__ */ e.jsx(W, { className: "w-3 mr-2" }),
223
- "Data"
224
- ] })
225
- ] }),
226
- /* @__PURE__ */ e.jsx(
227
- S,
228
- {
229
- value: "layers",
230
- className: "no-scrollbar -mx-1 -mr-2 h-full flex-1 overflow-y-auto overflow-x-hidden",
231
- children: v.createElement(A)
232
- }
233
- ),
234
- /* @__PURE__ */ e.jsx(S, { value: "data-provider", className: "flex-1 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ e.jsx(pe, {}) })
235
- ] })
236
- }
237
- ) })
238
- ] });
239
- };
240
- export {
241
- as as default
242
- };
@@ -1 +0,0 @@
1
- "use strict";const a=require("./jsx-runtime-5c3ac4f7.cjs"),m=require("react"),s=require("./utils-3c452dd0.cjs");function u(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=u(m),d=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("div",{ref:t,className:s.cn("rounded-xl border bg-card text-card-foreground shadow",e),...r}));d.displayName="Card";const c=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("div",{ref:t,className:s.cn("flex flex-col space-y-1.5 p-6",e),...r}));c.displayName="CardHeader";const i=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("h3",{ref:t,className:s.cn("font-semibold leading-none tracking-tight",e),...r}));i.displayName="CardTitle";const l=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("p",{ref:t,className:s.cn("text-sm text-muted-foreground",e),...r}));l.displayName="CardDescription";const p=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("div",{ref:t,className:s.cn("p-6 pt-0",e),...r}));p.displayName="CardContent";const f=o.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("div",{ref:t,className:s.cn(" flex items-center p-6 pt-0",e),...r}));f.displayName="CardFooter";exports.Card=d;exports.CardContent=p;exports.CardDescription=l;exports.CardFooter=f;exports.CardHeader=c;exports.CardTitle=i;
@@ -1,33 +0,0 @@
1
- import { j as s } from "./jsx-runtime-944c88e2.js";
2
- import * as d from "react";
3
- import { c as o } from "./utils-ac68b2c8.js";
4
- const t = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx("div", { ref: r, className: o("rounded-xl border bg-card text-card-foreground shadow", a), ...e }));
5
- t.displayName = "Card";
6
- const i = d.forwardRef(
7
- ({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx("div", { ref: r, className: o("flex flex-col space-y-1.5 p-6", a), ...e })
8
- );
9
- i.displayName = "CardHeader";
10
- const c = d.forwardRef(
11
- ({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx("h3", { ref: r, className: o("font-semibold leading-none tracking-tight", a), ...e })
12
- );
13
- c.displayName = "CardTitle";
14
- const m = d.forwardRef(
15
- ({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx("p", { ref: r, className: o("text-sm text-muted-foreground", a), ...e })
16
- );
17
- m.displayName = "CardDescription";
18
- const n = d.forwardRef(
19
- ({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx("div", { ref: r, className: o("p-6 pt-0", a), ...e })
20
- );
21
- n.displayName = "CardContent";
22
- const f = d.forwardRef(
23
- ({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx("div", { ref: r, className: o(" flex items-center p-6 pt-0", a), ...e })
24
- );
25
- f.displayName = "CardFooter";
26
- export {
27
- t as C,
28
- i as a,
29
- f as b,
30
- c,
31
- m as d,
32
- n as e
33
- };
@@ -1 +0,0 @@
1
- "use strict";const a=require("./jsx-runtime-5c3ac4f7.cjs"),u=require("react"),f=require("class-variance-authority"),i=require("./utils-3c452dd0.cjs");function x(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=x(u),p=f.cva("relative w-full rounded-lg border px-4 py-3 text-sm [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",{variants:{variant:{default:"bg-background text-foreground",destructive:"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"}},defaultVariants:{variant:"default"}}),o=n.forwardRef(({className:e,variant:r,...t},s)=>a.jsxRuntimeExports.jsx("div",{ref:s,role:"alert",className:i.cn(p({variant:r}),e),...t}));o.displayName="Alert";const l=n.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("h5",{ref:t,className:i.cn("mb-1 font-medium leading-none tracking-tight",e),...r}));l.displayName="AlertTitle";const c=n.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("div",{ref:t,className:i.cn("text-sm [&_p]:leading-relaxed",e),...r}));c.displayName="AlertDescription";const d=n.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("textarea",{className:i.cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",e),ref:t,...r}));d.displayName="Textarea";exports.Alert=o;exports.AlertDescription=c;exports.AlertTitle=l;exports.Textarea=d;
@@ -1,45 +0,0 @@
1
- import { j as a } from "./jsx-runtime-944c88e2.js";
2
- import * as s from "react";
3
- import { cva as d } from "class-variance-authority";
4
- import { c as o } from "./utils-ac68b2c8.js";
5
- const l = d(
6
- "relative w-full rounded-lg border px-4 py-3 text-sm [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
7
- {
8
- variants: {
9
- variant: {
10
- default: "bg-background text-foreground",
11
- destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
12
- }
13
- },
14
- defaultVariants: {
15
- variant: "default"
16
- }
17
- }
18
- ), n = s.forwardRef(({ className: e, variant: t, ...r }, i) => /* @__PURE__ */ a.jsx("div", { ref: i, role: "alert", className: o(l({ variant: t }), e), ...r }));
19
- n.displayName = "Alert";
20
- const c = s.forwardRef(
21
- ({ className: e, ...t }, r) => /* @__PURE__ */ a.jsx("h5", { ref: r, className: o("mb-1 font-medium leading-none tracking-tight", e), ...t })
22
- );
23
- c.displayName = "AlertTitle";
24
- const m = s.forwardRef(
25
- ({ className: e, ...t }, r) => /* @__PURE__ */ a.jsx("div", { ref: r, className: o("text-sm [&_p]:leading-relaxed", e), ...t })
26
- );
27
- m.displayName = "AlertDescription";
28
- const f = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a.jsx(
29
- "textarea",
30
- {
31
- className: o(
32
- "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
33
- e
34
- ),
35
- ref: r,
36
- ...t
37
- }
38
- ));
39
- f.displayName = "Textarea";
40
- export {
41
- n as A,
42
- f as T,
43
- c as a,
44
- m as b
45
- };