@motiadev/ui 0.14.0-beta.164 → 0.14.0-beta.165-707935

package/dist/components/ui/panel.js

@@ -0,0 +1,284 @@
+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

@@ -0,0 +1 @@
+{"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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"}

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

@@ -1,14 +1,12 @@
-import * as SelectPrimitive from '@radix-ui/react-select';
-import * as React from 'react';
-declare const Select: React.FC<SelectPrimitive.SelectProps>;
-declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
+import * as React$1 from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+
+//#region src/components/ui/select.d.ts
+declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
+declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Select, SelectContent, SelectItem, SelectTrigger, SelectValue };
 //# sourceMappingURL=select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,WAAW,yGAAwB,CAAA;AAEzC,QAAA,MAAM,WAAW,0GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,oKAiBjB,CAAA;AAGF,QAAA,MAAM,oBAAoB,qKAWxB,CAAA;AAGF,QAAA,MAAM,sBAAsB,uKAW1B,CAAA;AAGF,QAAA,MAAM,aAAa,8JA6BjB,CAAA;AAGF,QAAA,MAAM,WAAW,4JAKf,CAAA;AAGF,QAAA,MAAM,UAAU,2JAmBd,CAAA;AAGF,QAAA,MAAM,eAAe,gKAKnB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAA"}
+{"version":3,"file":"select.d.ts","names":[],"sources":["../../../src/components/ui/select.tsx"],"sourcesContent":[],"mappings":";;;;cAMM,QAAM,OAAA,CAAA,GAAA,eAAA,CAAA;AAJkB,cAQxB,WAJM,EAIK,OAAA,CAAA,yBAJL,CAIK,eAAA,CAAA,gBAJL,GAIK,OAAA,CAAA,aAJL,CAIK,eAJL,CAAA,CAAA;AAEK,cAIX,aAFmC,EAEtB,OAAA,CAAA,yBAFsB,CAEtB,IAFsB,CAEtB,eAAA,CAAA,kBAFsB,GAEtB,OAAA,CAAA,aAFsB,CAEtB,iBAFsB,CAAA,EAAA,KAAA,CAAA,GAEtB,OAAA,CAAA,aAFsB,CAEtB,iBAFsB,CAAA,CAAA;cAkDnC,aAlDW,EAkDE,OAAA,CAAA,yBAlDF,CAkDE,IAlDF,CAkDE,eAAA,CAAA,kBAlDF,GAkDE,OAAA,CAAA,aAlDF,CAkDE,cAlDF,CAAA,EAAA,KAAA,CAAA,GAkDE,OAAA,CAAA,aAlDF,CAkDE,cAlDF,CAAA,CAAA;cA0FX,UA1FW,EA0FD,OAAA,CAAA,yBA1FC,CA0FD,IA1FC,CA0FD,eAAA,CAAA,eA1FC,GA0FD,OAAA,CAAA,aA1FC,CA0FD,cA1FC,CAAA,EAAA,KAAA,CAAA,GA0FD,OAAA,CAAA,aA1FC,CA0FD,cA1FC,CAAA,CAAA"}

package/dist/components/ui/select.js

@@ -0,0 +1,341 @@
+import { cn } from "../../lib/utils.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, ChevronDown, ChevronUp } from "lucide-react";
+import * as React$1 from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+
+//#region src/components/ui/select.tsx
+const Select = SelectPrimitive.Root;
+const SelectGroup = SelectPrimitive.Group;
+const SelectValue = SelectPrimitive.Value;
+const SelectTrigger = React$1.forwardRef((t0, ref) => {
+	const $ = c(12);
+	let children;
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = cn("flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(SelectPrimitive.Icon, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-50" })
+		});
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== children || $[8] !== props || $[9] !== ref || $[10] !== t1) {
+		t3 = /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
+			ref,
+			className: t1,
+			...props,
+			children: [children, t2]
+		});
+		$[7] = children;
+		$[8] = props;
+		$[9] = ref;
+		$[10] = t1;
+		$[11] = t3;
+	} else t3 = $[11];
+	return t3;
+});
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+const SelectScrollUpButton = React$1.forwardRef((t0, ref) => {
+	const $ = c(10);
+	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 cursor-default items-center justify-center py-1", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" });
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+		t3 = /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
+			ref,
+			className: t1,
+			...props,
+			children: t2
+		});
+		$[6] = props;
+		$[7] = ref;
+		$[8] = t1;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
+});
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+const SelectScrollDownButton = React$1.forwardRef((t0, ref) => {
+	const $ = c(10);
+	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 cursor-default items-center justify-center py-1", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" });
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+		t3 = /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
+			ref,
+			className: t1,
+			...props,
+			children: t2
+		});
+		$[6] = props;
+		$[7] = ref;
+		$[8] = t1;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
+});
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+const SelectContent = React$1.forwardRef((t0, ref) => {
+	const $ = c(21);
+	let children;
+	let className;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({className, children, position: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = t1;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		t1 = $[4];
+	}
+	const position = t1 === void 0 ? "popper" : t1;
+	const t2 = position === "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";
+	let t3;
+	if ($[5] !== className || $[6] !== t2) {
+		t3 = cn("relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] backdrop-blur-2xl overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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 origin-[--radix-select-content-transform-origin]", t2, className);
+		$[5] = className;
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(SelectScrollUpButton, {});
+		$[8] = t4;
+	} else t4 = $[8];
+	const t5 = position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]";
+	let t6;
+	if ($[9] !== t5) {
+		t6 = cn("p-1", t5);
+		$[9] = t5;
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] !== children || $[12] !== t6) {
+		t7 = /* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
+			className: t6,
+			children
+		});
+		$[11] = children;
+		$[12] = t6;
+		$[13] = t7;
+	} else t7 = $[13];
+	let t8;
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsx(SelectScrollDownButton, {});
+		$[14] = t8;
+	} else t8 = $[14];
+	let t9;
+	if ($[15] !== position || $[16] !== props || $[17] !== ref || $[18] !== t3 || $[19] !== t7) {
+		t9 = /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
+			ref,
+			className: t3,
+			position,
+			...props,
+			children: [
+				t4,
+				t7,
+				t8
+			]
+		}) });
+		$[15] = position;
+		$[16] = props;
+		$[17] = ref;
+		$[18] = t3;
+		$[19] = t7;
+		$[20] = t9;
+	} else t9 = $[20];
+	return t9;
+});
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+const SelectLabel = React$1.forwardRef((t0, ref) => {
+	const $ = c(9);
+	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("px-2 py-1.5 text-sm font-semibold", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+		t2 = /* @__PURE__ */ jsx(SelectPrimitive.Label, {
+			ref,
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = ref;
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
+});
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+const SelectItem = React$1.forwardRef((t0, ref) => {
+	const $ = c(14);
+	let children;
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = cn("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx("span", {
+			className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center",
+			children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) })
+		});
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== children) {
+		t3 = /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children });
+		$[7] = children;
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== props || $[10] !== ref || $[11] !== t1 || $[12] !== t3) {
+		t4 = /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
+			ref,
+			className: t1,
+			...props,
+			children: [t2, t3]
+		});
+		$[9] = props;
+		$[10] = ref;
+		$[11] = t1;
+		$[12] = t3;
+		$[13] = t4;
+	} else t4 = $[13];
+	return t4;
+});
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+const SelectSeparator = React$1.forwardRef((t0, ref) => {
+	const $ = c(9);
+	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("-mx-1 my-1 h-px bg-muted", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+		t2 = /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
+			ref,
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = ref;
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
+});
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+//#endregion
+export { Select, SelectContent, SelectItem, SelectTrigger, SelectValue };
+//# sourceMappingURL=select.js.map