@motiadev/ui 0.13.0-beta.162-846200 → 0.13.0-beta.162-813224

package/dist/components/ui/input.js

@@ -1,66 +0,0 @@
-import { cn } from "../../lib/utils.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { forwardRef } from "react";
-
-//#region src/components/ui/input.tsx
-const inputVariants = cva(cn("flex w-full rounded-md px-3 py-2 text-base transition-colors outline-none resize-none", "field-sizing-content", "aria-invalid:border-destructive", "disabled:cursor-not-allowed disabled:opacity-50", "text-sm font-medium leading-[1.3] tracking-[-0.01em]"), {
-	variants: { variant: {
-		default: "bg-input border border-border hover:border-border focus-visible:border-ring text-foreground placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-ring/20",
-		shade: "bg-muted-foreground/10 text-muted-foreground hover:bg-muted-foreground/12 focus:bg-muted-foreground/15",
-		outline: "focus-visible:border-border focus-visible:bg-card hover:border-border hover:bg-card bg-transparent text-foreground border border-transparent",
-		outlineReadonly: "bg-transparent text-foreground border border-transparent"
-	} },
-	defaultVariants: { variant: "default" }
-});
-const Input = forwardRef((t0, ref) => {
-	const $ = c(13);
-	let className;
-	let props;
-	let type;
-	let variant;
-	if ($[0] !== t0) {
-		({className, type, variant, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-		$[3] = type;
-		$[4] = variant;
-	} else {
-		className = $[1];
-		props = $[2];
-		type = $[3];
-		variant = $[4];
-	}
-	let t1;
-	if ($[5] !== className || $[6] !== variant) {
-		t1 = inputVariants({
-			variant,
-			className
-		});
-		$[5] = className;
-		$[6] = variant;
-		$[7] = t1;
-	} else t1 = $[7];
-	let t2;
-	if ($[8] !== props || $[9] !== ref || $[10] !== t1 || $[11] !== type) {
-		t2 = /* @__PURE__ */ jsx("input", {
-			type,
-			className: t1,
-			ref,
-			...props
-		});
-		$[8] = props;
-		$[9] = ref;
-		$[10] = t1;
-		$[11] = type;
-		$[12] = t2;
-	} else t2 = $[12];
-	return t2;
-});
-Input.displayName = "Input";
-
-//#endregion
-export { Input };
-//# sourceMappingURL=input.js.map

package/dist/components/ui/input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.js","names":["cva","VariantProps","forwardRef","InputHTMLAttributes","cn","inputVariants","variants","variant","default","shade","outline","outlineReadonly","defaultVariants","InputProps","HTMLInputElement","Input","t0","ref","$","_c","className","props","type","t1","t2","displayName"],"sources":["../../../src/components/ui/input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport { forwardRef, type InputHTMLAttributes } from 'react'\nimport { cn } from '../../lib/utils'\n\nconst inputVariants = cva(\n  cn(\n    'flex w-full rounded-md px-3 py-2 text-base transition-colors outline-none resize-none',\n    'field-sizing-content',\n    'aria-invalid:border-destructive',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    'text-sm font-medium leading-[1.3] tracking-[-0.01em]',\n  ),\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-input border border-border hover:border-border focus-visible:border-ring text-foreground placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-ring/20',\n        shade: 'bg-muted-foreground/10 text-muted-foreground hover:bg-muted-foreground/12 focus:bg-muted-foreground/15',\n        outline:\n          'focus-visible:border-border focus-visible:bg-card hover:border-border hover:bg-card bg-transparent text-foreground border border-transparent',\n        outlineReadonly: 'bg-transparent text-foreground border border-transparent',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n)\n\nexport interface InputProps extends InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(({ className, type, variant, ...props }, ref) => {\n  return <input type={type} className={inputVariants({ variant, className })} ref={ref} {...props} />\n})\nInput.displayName = 'Input'\n"],"mappings":";;;;;;;AAIA,MAAMK,gBAAgBL,IACpBI,GACE,yFACA,wBACA,mCACA,mDACA,uDACD,EACD;CACEE,UAAU,EACRC,SAAS;EACPC,SACE;EACFC,OAAO;EACPC,SACE;EACFC,iBAAiB;EACnB,EACD;CACDC,iBAAiB,EACfL,SAAS,WACX;CAEJ,CAAC;AAID,MAAaQ,QAAQb,YAAyCc,IAAAC,QAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAf;AAAA,KAAAW,EAAA,OAAAF,IAAA;AAAC,GAAA,CAAAI,WAAAE,MAAAf,YAAAc,SAAAL;AAAsCE,IAAA,KAAAF;AAAAE,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAX;QAAA;AAAAa,cAAAF,EAAA;AAAAG,UAAAH,EAAA;AAAAI,SAAAJ,EAAA;AAAAX,YAAAW,EAAA;;CAAA,IAAAK;AAAA,KAAAL,EAAA,OAAAE,aAAAF,EAAA,OAAAX,SAAA;AAC9DgB,OAAAlB,cAAc;GAAAE;GAAAa;GAAsB,CAAC;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAX;AAAAW,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAM;AAAA,KAAAN,EAAA,OAAAG,SAAAH,EAAA,OAAAD,OAAAC,EAAA,QAAAK,MAAAL,EAAA,QAAAI,MAAA;AAAnEE,OAAA,oBAAA;GAAaF;GAAiB,WAAAC;GAA4CN;GAAG,GAAMI;IAAS;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAD;AAAAC,IAAA,MAAAK;AAAAL,IAAA,MAAAI;AAAAJ,IAAA,MAAAM;OAAAA,MAAAN,EAAA;AAAA,QAA5FM;EACP;AACFT,MAAMU,cAAc"}

package/dist/components/ui/label.js

@@ -1,43 +0,0 @@
-import { cn } from "../../lib/utils.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-import * as LabelPrimitive from "@radix-ui/react-label";
-
-//#region src/components/ui/label.tsx
-const Label = (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("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", className);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] !== props || $[6] !== t1) {
-		t2 = /* @__PURE__ */ jsx(LabelPrimitive.Root, {
-			"data-slot": "label",
-			className: t1,
-			...props
-		});
-		$[5] = props;
-		$[6] = t1;
-		$[7] = t2;
-	} else t2 = $[7];
-	return t2;
-};
-Label.displayName = LabelPrimitive.Root.displayName;
-
-//#endregion
-export { Label };
-//# sourceMappingURL=label.js.map

package/dist/components/ui/label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"label.js","names":["LabelPrimitive","ComponentProps","FC","cn","Label","Root","t0","$","_c","className","props","t1","t2","displayName"],"sources":["../../../src/components/ui/label.tsx"],"sourcesContent":["import * as LabelPrimitive from '@radix-ui/react-label'\nimport type { ComponentProps, FC } from 'react'\n\nimport { cn } from '../../lib/utils'\n\nexport const Label: FC<ComponentProps<typeof LabelPrimitive.Root>> = ({ className, ...props }) => {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        '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',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nLabel.displayName = LabelPrimitive.Root.displayName\n"],"mappings":";;;;;;AAKA,MAAaI,SAAwDE,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAH,EAAA,OAAAD,IAAA;AAAC,GAAA,CAAAG,cAAAC,SAAAJ;AAAuBC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAG;QAAA;AAAAD,cAAAF,EAAA;AAAAG,UAAAH,EAAA;;CAAA,IAAAI;AAAA,KAAAJ,EAAA,OAAAE,WAAA;AAI5EE,OAAAR,GACT,uNACAM,UACD;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAAA,IAAAK;AAAA,KAAAL,EAAA,OAAAG,SAAAH,EAAA,OAAAI,IAAA;AALHC,OAAA,oBAAA,eAAA;GACY,aAAA;GACC,WAAAD;GAGV,GACGD;IACJ;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;OAAAA,MAAAL,EAAA;AAAA,QAPFK;;AAWJR,MAAMS,cAAcb,eAAeK,KAAKQ"}

package/dist/components/ui/level-dot.js

@@ -1,35 +0,0 @@
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-
-//#region src/components/ui/level-dot.tsx
-const badgeVariants = cva("text-xs font-medium tracking-wide rounded-full h-[6px] w-[6px] m-[4px] outline-[2px]", { variants: { variant: {
-	info: "bg-[#2862FE] outline-[#2862FE]/20",
-	trace: "bg-[#2862FE] outline-[#2862FE]/20",
-	debug: "bg-[#2862FE] outline-[#2862FE]/20",
-	error: "bg-[#E22A6D] outline-[#E22A6D]/20",
-	fatal: "bg-[#E22A6D] outline-[#E22A6D]/20",
-	warn: "bg-[#F59F0B] outline-[#F59F0B]/20"
-} } });
-const LevelDot = (t0) => {
-	const $ = c(4);
-	const { level } = t0;
-	const t1 = level;
-	let t2;
-	if ($[0] !== t1) {
-		t2 = badgeVariants({ variant: t1 });
-		$[0] = t1;
-		$[1] = t2;
-	} else t2 = $[1];
-	let t3;
-	if ($[2] !== t2) {
-		t3 = /* @__PURE__ */ jsx("div", { className: t2 });
-		$[2] = t2;
-		$[3] = t3;
-	} else t3 = $[3];
-	return t3;
-};
-
-//#endregion
-export { LevelDot };
-//# sourceMappingURL=level-dot.js.map

package/dist/components/ui/level-dot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"level-dot.js","names":["cva","VariantProps","React","badgeVariants","variants","variant","info","trace","debug","error","fatal","warn","LevelDot","FC","level","t0","$","_c","t1","t2","t3"],"sources":["../../../src/components/ui/level-dot.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport type * as React from 'react'\n\nconst badgeVariants = cva('text-xs font-medium tracking-wide rounded-full h-[6px] w-[6px] m-[4px] outline-[2px]', {\n  variants: {\n    variant: {\n      info: 'bg-[#2862FE] outline-[#2862FE]/20',\n      trace: 'bg-[#2862FE] outline-[#2862FE]/20',\n      debug: 'bg-[#2862FE] outline-[#2862FE]/20',\n      error: 'bg-[#E22A6D] outline-[#E22A6D]/20',\n      fatal: 'bg-[#E22A6D] outline-[#E22A6D]/20',\n      warn: 'bg-[#F59F0B] outline-[#F59F0B]/20',\n    },\n  },\n})\n\nexport const LevelDot: React.FC<{ level: string }> = ({ level }) => {\n  return <div className={badgeVariants({ variant: level as VariantProps<typeof badgeVariants>['variant'] })} />\n}\n"],"mappings":";;;;;AAGA,MAAMG,gBAAgBH,IAAI,wFAAwF,EAChHI,UAAU,EACRC,SAAS;CACPC,MAAM;CACNC,OAAO;CACPC,OAAO;CACPC,OAAO;CACPC,OAAO;CACPC,MAAM;CACR,EACF,EACD,CAAC;AAEF,MAAaC,YAAwCG,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAH,UAAAC;CACJ,MAAAG,KAAAJ;CAAsD,IAAAK;AAAA,KAAAH,EAAA,OAAAE,IAAA;AAA/EC,OAAAhB,cAAc,EAAAE,SAAWa,IAAwD,CAAC;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAI;AAAA,KAAAJ,EAAA,OAAAG,IAAA;AAAlGC,OAAA,oBAAA,SAAgB,WAAAD,KAAsF;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;AAAA,QAAtGI"}

package/dist/components/ui/panel.js

@@ -1,284 +0,0 @@
-import { BackgroundEffect } from "./background-effect.js";
-import { cn } from "../../lib/utils.js";
-import { Button } from "./button.js";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "./tabs.js";
-import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/ui/panel.tsx
-const panelVariants = {
-	default: "bg-transparent border border-border",
-	outlined: "bg-transparent border border-border",
-	filled: "bg-muted border border-transparent",
-	ghost: "bg-transparent border-transparent shadow-none"
-};
-const PanelDetailItem = (t0) => {
-	const $ = c(14);
-	const { label, value, highlighted } = t0;
-	let t1;
-	if ($[0] !== label) {
-		t1 = /* @__PURE__ */ jsx("div", {
-			className: "flex items-center h-8 shrink-0",
-			children: /* @__PURE__ */ jsx("span", {
-				className: "text-sm font-medium text-foreground tracking-[-0.25px] w-24 truncate",
-				children: label
-			})
-		});
-		$[0] = label;
-		$[1] = t1;
-	} else t1 = $[1];
-	const t2 = highlighted && "bg-secondary";
-	let t3;
-	if ($[2] !== t2) {
-		t3 = cn("flex-1 rounded-lg px-2 py-1 min-h-6", t2);
-		$[2] = t2;
-		$[3] = t3;
-	} else t3 = $[3];
-	let t4;
-	if ($[4] !== value) {
-		t4 = typeof value === "string" ? /* @__PURE__ */ jsx("span", {
-			className: "text-sm font-medium text-muted-foreground tracking-[-0.25px] leading-tight",
-			children: value
-		}) : value;
-		$[4] = value;
-		$[5] = t4;
-	} else t4 = $[5];
-	let t5;
-	if ($[6] !== t4) {
-		t5 = /* @__PURE__ */ jsx("div", {
-			className: "flex items-center min-h-6",
-			children: t4
-		});
-		$[6] = t4;
-		$[7] = t5;
-	} else t5 = $[7];
-	let t6;
-	if ($[8] !== t3 || $[9] !== t5) {
-		t6 = /* @__PURE__ */ jsx("div", {
-			className: t3,
-			children: t5
-		});
-		$[8] = t3;
-		$[9] = t5;
-		$[10] = t6;
-	} else t6 = $[10];
-	let t7;
-	if ($[11] !== t1 || $[12] !== t6) {
-		t7 = /* @__PURE__ */ jsxs("div", {
-			className: "flex gap-4 items-start",
-			children: [t1, t6]
-		});
-		$[11] = t1;
-		$[12] = t6;
-		$[13] = t7;
-	} else t7 = $[13];
-	return t7;
-};
-const Panel = (t0) => {
-	const $ = c(47);
-	const { "data-testid": dataTestId, title, subtitle, details, actions, className, children, size, variant: t1, contentClassName, tabs } = t0;
-	const variant = t1 === void 0 ? "default" : t1;
-	const hasTabs = tabs && tabs.length > 0;
-	let t2;
-	bb0: {
-		let t3$1;
-		if ($[0] !== hasTabs || $[1] !== tabs || $[2] !== variant) {
-			t3$1 = hasTabs && /* @__PURE__ */ jsx(TabsList, {
-				className: cn("bg-card border-b border-border px-1 pt-5", { "bg-transparent": variant === "ghost" }),
-				children: tabs?.map(_temp)
-			});
-			$[0] = hasTabs;
-			$[1] = tabs;
-			$[2] = variant;
-			$[3] = t3$1;
-		} else t3$1 = $[3];
-		let t4$1;
-		if ($[4] !== contentClassName) {
-			t4$1 = cn("flex flex-col gap-2 p-4 h-full", contentClassName);
-			$[4] = contentClassName;
-			$[5] = t4$1;
-		} else t4$1 = $[5];
-		let t5$1;
-		if ($[6] !== details) {
-			t5$1 = details?.map(_temp2);
-			$[6] = details;
-			$[7] = t5$1;
-		} else t5$1 = $[7];
-		let t6$1;
-		if ($[8] !== hasTabs || $[9] !== tabs) {
-			t6$1 = hasTabs && tabs.map(_temp3);
-			$[8] = hasTabs;
-			$[9] = tabs;
-			$[10] = t6$1;
-		} else t6$1 = $[10];
-		let t7$1;
-		if ($[11] !== children || $[12] !== t4$1 || $[13] !== t5$1 || $[14] !== t6$1) {
-			t7$1 = /* @__PURE__ */ jsxs("div", {
-				className: t4$1,
-				children: [
-					t5$1,
-					t6$1,
-					children
-				]
-			});
-			$[11] = children;
-			$[12] = t4$1;
-			$[13] = t5$1;
-			$[14] = t6$1;
-			$[15] = t7$1;
-		} else t7$1 = $[15];
-		let t8$1;
-		if ($[16] !== t3$1 || $[17] !== t7$1) {
-			t8$1 = /* @__PURE__ */ jsxs(Fragment, { children: [t3$1, t7$1] });
-			$[16] = t3$1;
-			$[17] = t7$1;
-			$[18] = t8$1;
-		} else t8$1 = $[18];
-		const _view = t8$1;
-		if (hasTabs) {
-			const t9$1 = tabs?.[0]?.label;
-			let t10$1;
-			if ($[19] !== _view || $[20] !== t9$1) {
-				t10$1 = /* @__PURE__ */ jsx(Tabs, {
-					defaultValue: t9$1,
-					children: _view
-				});
-				$[19] = _view;
-				$[20] = t9$1;
-				$[21] = t10$1;
-			} else t10$1 = $[21];
-			t2 = t10$1;
-			break bb0;
-		}
-		t2 = _view;
-	}
-	const content = t2;
-	const t3 = panelVariants[variant];
-	let t4;
-	if ($[22] !== className || $[23] !== t3) {
-		t4 = cn("relative isolate size-full backdrop-blur-[48px] backdrop-filter", "text-foreground", "rounded-lg overflow-hidden", t3, className);
-		$[22] = className;
-		$[23] = t3;
-		$[24] = t4;
-	} else t4 = $[24];
-	let t5;
-	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsx(BackgroundEffect, {});
-		$[25] = t5;
-	} else t5 = $[25];
-	const t6 = variant === "ghost";
-	let t7;
-	if ($[26] !== hasTabs || $[27] !== t6) {
-		t7 = cn("relative shrink-0 w-full border-b border-border bg-card", {
-			"bg-transparent": t6,
-			"border-b-0": hasTabs
-		});
-		$[26] = hasTabs;
-		$[27] = t6;
-		$[28] = t7;
-	} else t7 = $[28];
-	let t8;
-	if ($[29] !== actions || $[30] !== hasTabs || $[31] !== size || $[32] !== subtitle || $[33] !== title) {
-		t8 = title && /* @__PURE__ */ jsxs("div", {
-			className: cn("flex flex-col gap-1 px-5 py-4", {
-				"px-4 py-3": size === "sm",
-				"px-5 py-4": size === "md",
-				"pb-0": hasTabs
-			}),
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center w-full",
-				children: [/* @__PURE__ */ jsx("div", {
-					className: cn("font-semibold text-foreground tracking-[-0.25px] leading-tight flex-1", size === "sm" ? "text-xs" : "text-base"),
-					children: title
-				}), actions && actions.length > 0 && /* @__PURE__ */ jsx("div", {
-					className: "flex items-center gap-1",
-					children: actions.map(_temp4)
-				})]
-			}), subtitle && /* @__PURE__ */ jsx("p", {
-				className: "text-sm font-medium text-muted-foreground tracking-[-0.25px] leading-tight",
-				children: subtitle
-			})]
-		});
-		$[29] = actions;
-		$[30] = hasTabs;
-		$[31] = size;
-		$[32] = subtitle;
-		$[33] = title;
-		$[34] = t8;
-	} else t8 = $[34];
-	let t9;
-	if ($[35] !== t7 || $[36] !== t8) {
-		t9 = /* @__PURE__ */ jsx("div", {
-			className: t7,
-			children: t8
-		});
-		$[35] = t7;
-		$[36] = t8;
-		$[37] = t9;
-	} else t9 = $[37];
-	let t10;
-	if ($[38] !== content) {
-		t10 = /* @__PURE__ */ jsx("div", {
-			className: "flex-1 overflow-auto",
-			children: content
-		});
-		$[38] = content;
-		$[39] = t10;
-	} else t10 = $[39];
-	let t11;
-	if ($[40] !== t10 || $[41] !== t9) {
-		t11 = /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col size-full",
-			children: [t9, t10]
-		});
-		$[40] = t10;
-		$[41] = t9;
-		$[42] = t11;
-	} else t11 = $[42];
-	let t12;
-	if ($[43] !== dataTestId || $[44] !== t11 || $[45] !== t4) {
-		t12 = /* @__PURE__ */ jsxs("div", {
-			className: t4,
-			"data-testid": dataTestId,
-			children: [t5, t11]
-		});
-		$[43] = dataTestId;
-		$[44] = t11;
-		$[45] = t4;
-		$[46] = t12;
-	} else t12 = $[46];
-	return t12;
-};
-Panel.displayName = "Panel";
-function _temp(tab) {
-	return /* @__PURE__ */ jsx(TabsTrigger, {
-		value: tab.label,
-		"data-testid": tab["data-testid"],
-		className: "cursor-pointer",
-		children: tab.labelComponent || tab.label
-	}, tab.label);
-}
-function _temp2(detail, index) {
-	return /* @__PURE__ */ jsx(PanelDetailItem, { ...detail }, index);
-}
-function _temp3(tab_0) {
-	return /* @__PURE__ */ jsx(TabsContent, {
-		value: tab_0.label,
-		children: tab_0.content
-	}, tab_0.label);
-}
-function _temp4(action, index_0) {
-	return /* @__PURE__ */ jsx(Button, {
-		onClick: action.onClick,
-		variant: "ghost",
-		className: cn(action.active && "bg-muted-foreground/20 hover:bg-muted-foreground/30"),
-		size: "icon",
-		"aria-label": action.label,
-		"data-testid": "close-panel",
-		children: action.icon
-	}, index_0);
-}
-
-//#endregion
-export { Panel, PanelDetailItem };
-//# sourceMappingURL=panel.js.map

package/dist/components/ui/panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"panel.js","names":["FC","ReactNode","useMemo","cn","BackgroundEffect","Button","Tabs","TabsContent","TabsList","TabsTrigger","PanelDetailItemProps","label","value","highlighted","PanelAction","active","icon","onClick","PanelProps","title","subtitle","details","actions","className","children","size","variant","tabs","labelComponent","content","contentClassName","panelVariants","default","outlined","filled","ghost","PanelDetailItem","t0","$","_c","t1","t2","t3","t4","t5","t6","t7","Panel","dataTestId","undefined","hasTabs","length","bb0","map","_temp","_temp2","_temp3","t8","_view","t9","t10","Symbol","for","_temp4","t11","t12","displayName","tab","detail","index","tab_0","action","index_0"],"sources":["../../../src/components/ui/panel.tsx"],"sourcesContent":["import { type FC, type ReactNode, useMemo } from 'react'\nimport { cn } from '../../lib/utils'\nimport { BackgroundEffect } from './background-effect'\nimport { Button } from './button'\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from './tabs'\n\nexport interface PanelDetailItemProps {\n  label: string | ReactNode\n  value: string | ReactNode\n  highlighted?: boolean\n}\n\nexport interface PanelAction {\n  active?: boolean\n  icon: ReactNode\n  onClick: () => void\n  label?: string\n}\n\nexport interface PanelProps {\n  'data-testid'?: string\n  title?: ReactNode\n  subtitle?: ReactNode\n  details?: PanelDetailItemProps[]\n  actions?: PanelAction[]\n  className?: string\n  children?: ReactNode\n  size?: 'sm' | 'md'\n  variant?: 'default' | 'outlined' | 'filled' | 'ghost'\n  tabs?: {\n    label: string\n    labelComponent?: ReactNode\n    content: ReactNode\n    'data-testid'?: string\n  }[]\n  contentClassName?: string\n}\n\nconst panelVariants = {\n  default: 'bg-transparent border border-border',\n  outlined: 'bg-transparent border border-border',\n  filled: 'bg-muted border border-transparent',\n  ghost: 'bg-transparent border-transparent shadow-none',\n}\n\nexport const PanelDetailItem: FC<PanelDetailItemProps> = ({ label, value, highlighted }) => {\n  return (\n    <div className=\"flex gap-4 items-start\">\n      <div className=\"flex items-center h-8 shrink-0\">\n        <span className=\"text-sm font-medium text-foreground tracking-[-0.25px] w-24 truncate\">{label}</span>\n      </div>\n      <div className={cn('flex-1 rounded-lg px-2 py-1 min-h-6', highlighted && 'bg-secondary')}>\n        <div className=\"flex items-center min-h-6\">\n          {typeof value === 'string' ? (\n            <span className=\"text-sm font-medium text-muted-foreground tracking-[-0.25px] leading-tight\">{value}</span>\n          ) : (\n            value\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport const Panel: FC<PanelProps> = ({\n  'data-testid': dataTestId,\n  title,\n  subtitle,\n  details,\n  actions,\n  className,\n  children,\n  size,\n  variant = 'default',\n  contentClassName,\n  tabs,\n}) => {\n  const hasTabs = tabs && tabs.length > 0\n\n  const content = useMemo(() => {\n    const _view = (\n      <>\n        {hasTabs && (\n          <TabsList\n            className={cn('bg-card border-b border-border px-1 pt-5', {\n              'bg-transparent': variant === 'ghost',\n            })}\n          >\n            {tabs?.map((tab) => (\n              <TabsTrigger\n                key={tab.label}\n                value={tab.label}\n                data-testid={tab['data-testid']}\n                className=\"cursor-pointer\"\n              >\n                {tab.labelComponent || tab.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        )}\n        <div className={cn('flex flex-col gap-2 p-4 h-full', contentClassName)}>\n          {details?.map((detail, index) => (\n            <PanelDetailItem key={index} {...detail} />\n          ))}\n\n          {hasTabs &&\n            tabs.map((tab) => (\n              <TabsContent key={tab.label} value={tab.label}>\n                {tab.content}\n              </TabsContent>\n            ))}\n\n          {children}\n        </div>\n      </>\n    )\n\n    if (hasTabs) {\n      return <Tabs defaultValue={tabs?.[0]?.label}>{_view}</Tabs>\n    }\n\n    return _view\n  }, [tabs, variant, size, title, subtitle, details, actions, contentClassName, children, hasTabs])\n\n  return (\n    <div\n      className={cn(\n        'relative isolate size-full backdrop-blur-[48px] backdrop-filter',\n        'text-foreground',\n        'rounded-lg overflow-hidden',\n        panelVariants[variant],\n        className,\n      )}\n      data-testid={dataTestId}\n    >\n      <BackgroundEffect />\n      <div className=\"flex flex-col size-full\">\n        <div\n          className={cn('relative shrink-0 w-full border-b border-border bg-card', {\n            'bg-transparent': variant === 'ghost',\n            'border-b-0': hasTabs,\n          })}\n        >\n          {title && (\n            <div\n              className={cn('flex flex-col gap-1 px-5 py-4', {\n                'px-4 py-3': size === 'sm',\n                'px-5 py-4': size === 'md',\n                'pb-0': hasTabs,\n              })}\n            >\n              <div className=\"flex items-center w-full\">\n                <div\n                  className={cn(\n                    'font-semibold text-foreground tracking-[-0.25px] leading-tight flex-1',\n                    size === 'sm' ? 'text-xs' : 'text-base',\n                  )}\n                >\n                  {title}\n                </div>\n                {actions && actions.length > 0 && (\n                  <div className=\"flex items-center gap-1\">\n                    {actions.map((action, index) => (\n                      <Button\n                        key={index}\n                        onClick={action.onClick}\n                        variant=\"ghost\"\n                        className={cn(action.active && 'bg-muted-foreground/20 hover:bg-muted-foreground/30')}\n                        size=\"icon\"\n                        aria-label={action.label}\n                        data-testid=\"close-panel\"\n                      >\n                        {action.icon}\n                      </Button>\n                    ))}\n                  </div>\n                )}\n              </div>\n              {subtitle && (\n                <p className=\"text-sm font-medium text-muted-foreground tracking-[-0.25px] leading-tight\">{subtitle}</p>\n              )}\n            </div>\n          )}\n        </div>\n\n        <div className=\"flex-1 overflow-auto\">{content}</div>\n      </div>\n    </div>\n  )\n}\n\nPanel.displayName = 'Panel'\n"],"mappings":"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"}