@questpie/admin 1.1.1 → 3.0.0

package/dist/client/components/ui/textarea.mjs

@@ -0,0 +1,40 @@
+import { cn } from "../../lib/utils.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/components/ui/textarea.tsx
+function Textarea(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("qa-textarea border-input bg-transparent font-mono focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 placeholder:text-muted-foreground flex field-sizing-content min-h-24 w-full resize-none border px-3 py-2.5 text-sm transition-all outline-none focus-visible:ring-[2px] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-[2px]", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("textarea", {
+			"data-slot": "textarea",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+
+//#endregion
+export { Textarea };

package/dist/client/components/ui/toolbar.mjs

@@ -0,0 +1,136 @@
+import { cn } from "../../lib/utils.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/components/ui/toolbar.tsx
+/**
+* Toolbar - Container for toolbar elements with glass effect
+*
+* @example
+* ```tsx
+* <Toolbar>
+*   <ToolbarSection className="flex-1">
+*     <SearchInput value={search} onChange={setSearch} />
+*   </ToolbarSection>
+*   <ToolbarSeparator />
+*   <ToolbarSection>
+*     <Button variant="outline" size="sm">Options</Button>
+*   </ToolbarSection>
+* </Toolbar>
+* ```
+*/
+function Toolbar(t0) {
+	const $ = c(10);
+	let children;
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({children, className, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = cn("qa-toolbar bg-card border-border border", "flex items-center gap-2 p-1", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== children || $[7] !== props || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "toolbar",
+			className: t1,
+			...props,
+			children
+		});
+		$[6] = children;
+		$[7] = props;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+/**
+* ToolbarSection - Group of related toolbar elements
+*/
+function ToolbarSection(t0) {
+	const $ = c(10);
+	let children;
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({children, className, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = cn("qa-toolbar__section flex items-center gap-1", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== children || $[7] !== props || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "toolbar-section",
+			className: t1,
+			...props,
+			children
+		});
+		$[6] = children;
+		$[7] = props;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+/**
+* ToolbarSeparator - Vertical separator between toolbar sections
+*/
+function ToolbarSeparator(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("qa-toolbar__separator bg-border h-4 w-px", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "toolbar-separator",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+
+//#endregion
+export { Toolbar, ToolbarSection, ToolbarSeparator };

package/dist/client/components/ui/tooltip.mjs

@@ -0,0 +1,146 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+
+//#region src/client/components/ui/tooltip.tsx
+function TooltipProvider(t0) {
+	const $ = c(6);
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({delay: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+		$[2] = t1;
+	} else {
+		props = $[1];
+		t1 = $[2];
+	}
+	const delay = t1 === void 0 ? 0 : t1;
+	let t2;
+	if ($[3] !== delay || $[4] !== props) {
+		t2 = /* @__PURE__ */ jsx(Tooltip.Provider, {
+			"data-slot": "tooltip-provider",
+			delay,
+			...props
+		});
+		$[3] = delay;
+		$[4] = props;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+}
+function Tooltip$1(t0) {
+	const $ = c(4);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else props = $[1];
+	let t1;
+	if ($[2] !== props) {
+		t1 = /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(Tooltip.Root, {
+			"data-slot": "tooltip",
+			...props
+		}) });
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function TooltipTrigger(t0) {
+	const $ = c(4);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else props = $[1];
+	let t1;
+	if ($[2] !== props) {
+		t1 = /* @__PURE__ */ jsx(Tooltip.Trigger, {
+			"data-slot": "tooltip-trigger",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function TooltipContent(t0) {
+	const $ = c(20);
+	let children;
+	let className;
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	if ($[0] !== t0) {
+		({className, side: t1, sideOffset: t2, align: t3, alignOffset: t4, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+		$[7] = t4;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		t1 = $[4];
+		t2 = $[5];
+		t3 = $[6];
+		t4 = $[7];
+	}
+	const side = t1 === void 0 ? "top" : t1;
+	const sideOffset = t2 === void 0 ? 4 : t2;
+	const align = t3 === void 0 ? "center" : t3;
+	const alignOffset = t4 === void 0 ? 0 : t4;
+	let t5;
+	if ($[8] !== className) {
+		t5 = cn("qa-tooltip__content data-open:animate-in data-open:fade-in-0 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-closed:animate-out data-closed:fade-out-0 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 bg-card text-foreground border-border z-50 w-fit max-w-xs origin-(--transform-origin) border px-3 py-1.5 text-xs font-mono", className);
+		$[8] = className;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== children || $[11] !== props || $[12] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Tooltip.Popup, {
+			"data-slot": "tooltip-content",
+			className: t5,
+			...props,
+			children
+		});
+		$[10] = children;
+		$[11] = props;
+		$[12] = t5;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== align || $[15] !== alignOffset || $[16] !== side || $[17] !== sideOffset || $[18] !== t6) {
+		t7 = /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
+			align,
+			alignOffset,
+			side,
+			sideOffset,
+			className: "isolate z-50",
+			children: t6
+		}) });
+		$[14] = align;
+		$[15] = alignOffset;
+		$[16] = side;
+		$[17] = sideOffset;
+		$[18] = t6;
+		$[19] = t7;
+	} else t7 = $[19];
+	return t7;
+}
+
+//#endregion
+export { Tooltip$1 as Tooltip, TooltipContent, TooltipTrigger };