@spear-ai/spectral 1.13.1 → 1.14.2

package/dist/primitives/input-group.js

@@ -1,18 +1,22 @@
-'use client'
-import { t as e } from "../twUtils-BpqlKSeB.js";
-import { t } from "../dist-tMzzRwxG.js";
-import { PrimitiveButton as n } from "./button.js";
-import { Input as r } from "./input.js";
-import { Textarea as i } from "./textarea.js";
+'use client';
+import { cn } from "../utils/twUtils.js";
+import { PrimitiveButton } from "./button.js";
+import { Input } from "./input.js";
+import { Textarea } from "./textarea.js";
 import "react";
-import { jsx as a } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
 //#region src/primitives/input-group.tsx
-var o = ({ className: t, ...n }) => /* @__PURE__ */ a("div", {
-	"data-slot": "input-group",
-	role: "group",
-	className: e("group/input-group h-8 min-w-0 rounded-lg border-input has-disabled:bg-input/50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 relative flex w-full items-center border transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto", t),
-	...n
-}), s = t("gap-2 py-1.5 text-sm font-medium text-muted-foreground [&>svg:not([class*='size-'])]:size-4 flex h-auto cursor-text items-center justify-center select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)]", {
+const InputGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "input-group",
+		role: "group",
+		className: cn("group/input-group h-8 min-w-0 rounded-lg border-input has-disabled:bg-input/50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 relative flex w-full items-center border transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto", className),
+		...props
+	});
+};
+const inputGroupAddonVariants = cva(`gap-2 py-1.5 text-sm font-medium text-muted-foreground [&>svg:not([class*='size-'])]:size-4 flex h-auto cursor-text items-center justify-center select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)]`, {
 	variants: { align: {
 		"inline-start": "pl-2 order-first has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]",
 		"inline-end": "pr-2 order-last has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]",
@@ -20,40 +24,59 @@ var o = ({ className: t, ...n }) => /* @__PURE__ */ a("div", {
 		"block-end": "px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start"
 	} },
 	defaultVariants: { align: "inline-start" }
-}), c = ({ className: t, align: n = "inline-start", onClick: r, ...i }) => /* @__PURE__ */ a("div", {
-	role: "presentation",
-	"data-slot": "input-group-addon",
-	"data-align": n,
-	className: e(s({ align: n }), t),
-	onClick: (e) => {
-		e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input, textarea, [contenteditable=\"true\"]")?.focus(), r?.(e);
-	},
-	...i
-}), l = t("gap-2 text-sm flex items-center shadow-none", {
+});
+const InputGroupAddon = ({ className, align = "inline-start", onClick, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		role: "presentation",
+		"data-slot": "input-group-addon",
+		"data-align": align,
+		className: cn(inputGroupAddonVariants({ align }), className),
+		onClick: (e) => {
+			if (!e.target.closest("button")) e.currentTarget.parentElement?.querySelector("input, textarea, [contenteditable=\"true\"]")?.focus();
+			onClick?.(e);
+		},
+		...props
+	});
+};
+const inputGroupButtonVariants = cva("gap-2 text-sm flex items-center shadow-none", {
 	variants: { size: {
-		xs: "h-6 gap-1 px-1.5 [&>svg:not([class*='size-'])]:size-3.5 rounded-[calc(var(--radius)-3px)]",
-		sm: "h-7 gap-1.5 px-2 [&>svg:not([class*='size-'])]:size-4 rounded-[calc(var(--radius)-2px)]",
+		xs: `h-6 gap-1 px-1.5 [&>svg:not([class*='size-'])]:size-3.5 rounded-[calc(var(--radius)-3px)]`,
+		sm: `h-7 gap-1.5 px-2 [&>svg:not([class*='size-'])]:size-4 rounded-[calc(var(--radius)-2px)]`,
 		"icon-xs": "size-6 p-0 has-[>svg]:p-0 rounded-[calc(var(--radius)-3px)]",
 		"icon-sm": "size-8 p-0 has-[>svg]:p-0"
 	} },
 	defaultVariants: { size: "xs" }
-}), u = ({ className: t, type: r = "button", variant: i = "ghost", size: o = "xs", ...s }) => /* @__PURE__ */ a(n, {
-	type: r,
-	"data-size": o,
-	variant: i,
-	className: e(l({ size: o }), t),
-	...s
-}), d = ({ className: t, ...n }) => /* @__PURE__ */ a("span", {
-	className: e("gap-2 text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none", t),
-	...n
-}), f = ({ className: t, ...n }) => /* @__PURE__ */ a(r, {
-	"data-slot": "input-group-control",
-	className: e("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", t),
-	...n
-}), p = ({ className: t, ...n }) => /* @__PURE__ */ a(i, {
-	"data-slot": "input-group-control",
-	className: e("py-2 flex-1 resize-none rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", t),
-	...n
 });
+const InputGroupButton = ({ className, type = "button", variant = "ghost", size = "xs", ...props }) => {
+	return /* @__PURE__ */ jsx(PrimitiveButton, {
+		type,
+		"data-size": size,
+		variant,
+		className: cn(inputGroupButtonVariants({ size }), className),
+		...props
+	});
+};
+const InputGroupText = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn(`gap-2 text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none`, className),
+		...props
+	});
+};
+const InputGroupInput = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Input, {
+		"data-slot": "input-group-control",
+		className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", className),
+		...props
+	});
+};
+const InputGroupTextarea = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Textarea, {
+		"data-slot": "input-group-control",
+		className: cn("py-2 flex-1 resize-none rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", className),
+		...props
+	});
+};
+
 //#endregion
-export { o as InputGroup, c as InputGroupAddon, u as InputGroupButton, f as InputGroupInput, d as InputGroupText, p as InputGroupTextarea, s as inputGroupAddonVariants };
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, inputGroupAddonVariants };
+//# sourceMappingURL=input-group.js.map

package/dist/primitives/input-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.js","names":[],"sources":["../../src/primitives/input-group.tsx"],"sourcesContent":["import { PrimitiveButton } from '@primitives/button'\nimport { Input } from '@primitives/input'\nimport { Textarea } from '@primitives/textarea'\nimport { cn } from '@utils/twUtils'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { type ComponentProps } from 'react'\n\nexport const InputGroup = ({ className, ...props }: ComponentProps<'div'>) => {\n  return (\n    <div\n      data-slot='input-group'\n      role='group'\n      className={cn(\n        'group/input-group h-8 min-w-0 rounded-lg border-input has-disabled:bg-input/50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 relative flex w-full items-center border transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport const inputGroupAddonVariants = cva(\n  `gap-2 py-1.5 text-sm font-medium text-muted-foreground [&>svg:not([class*='size-'])]:size-4 flex h-auto cursor-text items-center justify-center select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)]`,\n  {\n    variants: {\n      align: {\n        'inline-start': 'pl-2 order-first has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]',\n        'inline-end': 'pr-2 order-last has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]',\n        'block-start': 'px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start',\n        'block-end': 'px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start',\n      },\n    },\n    defaultVariants: {\n      align: 'inline-start',\n    },\n  },\n)\n\nexport const InputGroupAddon = ({ className, align = 'inline-start', onClick, ...props }: ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>) => {\n  return (\n    <div\n      role='presentation'\n      data-slot='input-group-addon'\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={(e) => {\n        if (!(e.target as HTMLElement).closest('button')) {\n          e.currentTarget.parentElement?.querySelector<HTMLElement>('input, textarea, [contenteditable=\"true\"]')?.focus()\n        }\n        onClick?.(e)\n      }}\n      {...props}\n    />\n  )\n}\n\nconst inputGroupButtonVariants = cva('gap-2 text-sm flex items-center shadow-none', {\n  variants: {\n    size: {\n      xs: `h-6 gap-1 px-1.5 [&>svg:not([class*='size-'])]:size-3.5 rounded-[calc(var(--radius)-3px)]`,\n      sm: `h-7 gap-1.5 px-2 [&>svg:not([class*='size-'])]:size-4 rounded-[calc(var(--radius)-2px)]`,\n      'icon-xs': 'size-6 p-0 has-[>svg]:p-0 rounded-[calc(var(--radius)-3px)]',\n      'icon-sm': 'size-8 p-0 has-[>svg]:p-0',\n    },\n  },\n  defaultVariants: {\n    size: 'xs',\n  },\n})\n\nexport const InputGroupButton = ({ className, type = 'button', variant = 'ghost', size = 'xs', ...props }: Omit<ComponentProps<typeof PrimitiveButton>, 'size'> & VariantProps<typeof inputGroupButtonVariants>) => {\n  return <PrimitiveButton type={type} data-size={size} variant={variant} className={cn(inputGroupButtonVariants({ size }), className)} {...props} />\n}\n\nexport const InputGroupText = ({ className, ...props }: ComponentProps<'span'>) => {\n  return <span className={cn(`gap-2 text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none`, className)} {...props} />\n}\n\nexport const InputGroupInput = ({ className, ...props }: ComponentProps<typeof Input>) => {\n  return <Input data-slot='input-group-control' className={cn('flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent', className)} {...props} />\n}\n\nexport const InputGroupTextarea = ({ className, ...props }: ComponentProps<typeof Textarea>) => {\n  return (\n    <Textarea\n      data-slot='input-group-control'\n      className={cn('py-2 flex-1 resize-none rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent', className)}\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;AAOA,MAAa,cAAc,EAAE,WAAW,GAAG,YAAmC;AAC5E,QACE,oBAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,WAAW,GACT,ylCACA,UACD;EACD,GAAI;EACJ;;AAIN,MAAa,0BAA0B,IACrC,2PACA;CACE,UAAU,EACR,OAAO;EACL,gBAAgB;EAChB,cAAc;EACd,eAAe;EACf,aAAa;EACd,EACF;CACD,iBAAiB,EACf,OAAO,gBACR;CACF,CACF;AAED,MAAa,mBAAmB,EAAE,WAAW,QAAQ,gBAAgB,SAAS,GAAG,YAAkF;AACjK,QACE,oBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,cAAY;EACZ,WAAW,GAAG,wBAAwB,EAAE,OAAO,CAAC,EAAE,UAAU;EAC5D,UAAU,MAAM;AACd,OAAI,CAAE,EAAE,OAAuB,QAAQ,SAAS,CAC9C,GAAE,cAAc,eAAe,cAA2B,8CAA4C,EAAE,OAAO;AAEjH,aAAU,EAAE;;EAEd,GAAI;EACJ;;AAIN,MAAM,2BAA2B,IAAI,+CAA+C;CAClF,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,WAAW;EACX,WAAW;EACZ,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAEF,MAAa,oBAAoB,EAAE,WAAW,OAAO,UAAU,UAAU,SAAS,OAAO,MAAM,GAAG,YAAkH;AAClN,QAAO,oBAAC,iBAAD;EAAuB;EAAM,aAAW;EAAe;EAAS,WAAW,GAAG,yBAAyB,EAAE,MAAM,CAAC,EAAE,UAAU;EAAE,GAAI;EAAS;;AAGpJ,MAAa,kBAAkB,EAAE,WAAW,GAAG,YAAoC;AACjF,QAAO,oBAAC,QAAD;EAAM,WAAW,GAAG,0HAA0H,UAAU;EAAE,GAAI;EAAS;;AAGhL,MAAa,mBAAmB,EAAE,WAAW,GAAG,YAA0C;AACxF,QAAO,oBAAC,OAAD;EAAO,aAAU;EAAsB,WAAW,GAAG,oLAAoL,UAAU;EAAE,GAAI;EAAS;;AAG3Q,MAAa,sBAAsB,EAAE,WAAW,GAAG,YAA6C;AAC9F,QACE,oBAAC,UAAD;EACE,aAAU;EACV,WAAW,GAAG,qMAAqM,UAAU;EAC7N,GAAI;EACJ"}

package/dist/primitives/input.d.ts

@@ -1,8 +1,18 @@
-import { ComponentProps } from 'react';
-export type InputType = 'text' | 'email' | 'url' | 'tel' | 'password' | 'number' | 'date' | 'datetime-local';
-export interface InputProps extends ComponentProps<'input'> {
-    className?: string;
-    type?: InputType;
+'use client';
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/primitives/input.d.ts
+type InputType = 'text' | 'email' | 'url' | 'tel' | 'password' | 'number' | 'date' | 'datetime-local';
+interface InputProps extends ComponentProps<'input'> {
+  className?: string;
+  type?: InputType;
 }
-export declare const Input: ({ className, type, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
+declare const Input: ({
+  className,
+  type,
+  ...props
+}: InputProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Input, InputProps, InputType };
 //# sourceMappingURL=input.d.ts.map

package/dist/primitives/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/primitives/input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,gBAAgB,CAAA;AAE5G,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,OAAO,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,eAAO,MAAM,KAAK,GAAI,+BAA+B,UAAU,4CAe9D,CAAA"}
+{"version":3,"file":"input.d.ts","names":[],"sources":["../../src/primitives/input.tsx"],"mappings":";;;;;KAGY,SAAA;AAAA,UAEK,UAAA,SAAmB,cAAA;EAClC,SAAA;EACA,IAAA,GAAO,SAAA;AAAA;AAAA,cAGI,KAAA;EAAK,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAAmC,UAAA,KAAU,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/primitives/input.js

@@ -1,13 +1,18 @@
-'use client'
-import { t as e } from "../twUtils-BpqlKSeB.js";
+'use client';
+import { cn } from "../utils/twUtils.js";
 import "react";
-import { jsx as t } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+
 //#region src/primitives/input.tsx
-var n = ({ className: n, type: r, ...i }) => /* @__PURE__ */ t("input", {
-	className: e("h-9 min-w-0 rounded-md w-full border border-input-border selection:bg-input-bg--selected selection:text-input-text file:text-input-text placeholder:text-input-text-placeholder", "px-3 py-1 text-base shadow-xs file:h-7 transition-[color,box-shadow] file:inline-flex file:border-0 hover:border-input-border--hover focus:border-input-border--focus focus:outline-none", "file:text-sm file:font-medium file:bg-transparent focus-visible:outline focus-visible:outline-accent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "focus-visible:outline-offset-2 aria-invalid:border-danger-400 aria-invalid:ring-danger-400", n),
-	"data-slot": "input-primitive",
-	type: r,
-	...i
-});
+const Input = ({ className, type, ...props }) => {
+	return /* @__PURE__ */ jsx("input", {
+		className: cn("h-9 min-w-0 rounded-md w-full border border-input-border selection:bg-input-bg--selected selection:text-input-text file:text-input-text placeholder:text-input-text-placeholder", "px-3 py-1 text-base shadow-xs file:h-7 transition-[color,box-shadow] file:inline-flex file:border-0 hover:border-input-border--hover focus:border-input-border--focus focus:outline-none", "file:text-sm file:font-medium file:bg-transparent focus-visible:outline focus-visible:outline-accent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "focus-visible:outline-offset-2 aria-invalid:border-danger-400 aria-invalid:ring-danger-400", className),
+		"data-slot": "input-primitive",
+		type,
+		...props
+	});
+};
+
 //#endregion
-export { n as Input };
+export { Input };
+//# sourceMappingURL=input.js.map

package/dist/primitives/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":[],"sources":["../../src/primitives/input.tsx"],"sourcesContent":["import { cn } from '@utils/twUtils'\nimport { type ComponentProps } from 'react'\n\nexport type InputType = 'text' | 'email' | 'url' | 'tel' | 'password' | 'number' | 'date' | 'datetime-local'\n\nexport interface InputProps extends ComponentProps<'input'> {\n  className?: string\n  type?: InputType\n}\n\nexport const Input = ({ className, type, ...props }: InputProps) => {\n  return (\n    <input\n      className={cn(\n        'h-9 min-w-0 rounded-md w-full border border-input-border selection:bg-input-bg--selected selection:text-input-text file:text-input-text placeholder:text-input-text-placeholder',\n        'px-3 py-1 text-base shadow-xs file:h-7 transition-[color,box-shadow] file:inline-flex file:border-0 hover:border-input-border--hover focus:border-input-border--focus focus:outline-none',\n        'file:text-sm file:font-medium file:bg-transparent focus-visible:outline focus-visible:outline-accent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n        'focus-visible:outline-offset-2 aria-invalid:border-danger-400 aria-invalid:ring-danger-400',\n        className,\n      )}\n      data-slot='input-primitive'\n      type={type}\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;AAUA,MAAa,SAAS,EAAE,WAAW,MAAM,GAAG,YAAwB;AAClE,QACE,oBAAC,SAAD;EACE,WAAW,GACT,mLACA,4LACA,qLACA,8FACA,UACD;EACD,aAAU;EACJ;EACN,GAAI;EACJ"}

package/dist/primitives/popover.d.ts

@@ -1,10 +1,36 @@
-import { ComponentPropsWithoutRef } from 'react';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-export declare const Popover: ({ ...props }: ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
-export declare const PopoverTrigger: ({ ...props }: ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>) => import("react/jsx-runtime").JSX.Element;
-export declare const PopoverContent: ({ className, align, sideOffset, ...props }: ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>) => import("react/jsx-runtime").JSX.Element;
-export declare const PopoverAnchor: ({ ...props }: ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor>) => import("react/jsx-runtime").JSX.Element;
-export declare const PopoverHeader: ({ className, ...props }: ComponentPropsWithoutRef<"div">) => import("react/jsx-runtime").JSX.Element;
-export declare const PopoverTitle: ({ className, ...props }: ComponentPropsWithoutRef<"h2">) => import("react/jsx-runtime").JSX.Element;
-export declare const PopoverDescription: ({ className, ...props }: ComponentPropsWithoutRef<"p">) => import("react/jsx-runtime").JSX.Element;
+'use client';
+import { ComponentPropsWithoutRef } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+
+//#region src/primitives/popover.d.ts
+declare const Popover: ({
+  ...props
+}: ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>) => _$react_jsx_runtime0.JSX.Element;
+declare const PopoverTrigger: ({
+  ...props
+}: ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>) => _$react_jsx_runtime0.JSX.Element;
+declare const PopoverContent: ({
+  className,
+  align,
+  sideOffset,
+  ...props
+}: ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>) => _$react_jsx_runtime0.JSX.Element;
+declare const PopoverAnchor: ({
+  ...props
+}: ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor>) => _$react_jsx_runtime0.JSX.Element;
+declare const PopoverHeader: ({
+  className,
+  ...props
+}: ComponentPropsWithoutRef<'div'>) => _$react_jsx_runtime0.JSX.Element;
+declare const PopoverTitle: ({
+  className,
+  ...props
+}: ComponentPropsWithoutRef<'h2'>) => _$react_jsx_runtime0.JSX.Element;
+declare const PopoverDescription: ({
+  className,
+  ...props
+}: ComponentPropsWithoutRef<'p'>) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };
 //# sourceMappingURL=popover.d.ts.map

package/dist/primitives/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/primitives/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAE3D,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAErD,eAAO,MAAM,OAAO,GAAI,cAAc,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,4CAE3F,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,cAAc,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,4CAErG,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,4CAA2D,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,4CAelJ,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,cAAc,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,4CAEnG,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,yBAAyB,wBAAwB,CAAC,KAAK,CAAC,4CAErF,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,yBAAyB,wBAAwB,CAAC,IAAI,CAAC,4CAKnF,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,yBAAyB,wBAAwB,CAAC,GAAG,CAAC,4CAExF,CAAA"}
+{"version":3,"file":"popover.d.ts","names":[],"sources":["../../src/primitives/popover.tsx"],"mappings":";;;;;;cAIa,OAAA;EAAA,GAAO;AAAA,GAAkB,wBAAA,QAAgC,gBAAA,CAAiB,IAAA,MAAK,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAI/E,cAAA;EAAA,GAAc;AAAA,GAAkB,wBAAA,QAAgC,gBAAA,CAAiB,OAAA,MAAQ,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAIzF,cAAA;EAAc,SAAA;EAAA,KAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAA+D,wBAAA,QAAgC,gBAAA,CAAiB,OAAA,MAAQ,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAiBtI,aAAA;EAAA,GAAa;AAAA,GAAkB,wBAAA,QAAgC,gBAAA,CAAiB,MAAA,MAAO,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAIvF,aAAA;EAAa,SAAA;EAAA,GAAA;AAAA,GAA6B,wBAAA,YAA+B,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAIzE,YAAA;EAAY,SAAA;EAAA,GAAA;AAAA,GAA6B,wBAAA,WAA8B,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAOvE,kBAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAA6B,wBAAA,UAA6B,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/primitives/popover.js

@@ -1,36 +1,59 @@
-'use client'
-import { t as e } from "../twUtils-BpqlKSeB.js";
-import { a as t, i as n, n as r, r as i, t as a } from "../dist-B9w6c9RC.js";
+'use client';
+import { cn } from "../utils/twUtils.js";
 import "react";
-import { jsx as o } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+
 //#region src/primitives/popover.tsx
-var s = ({ ...e }) => /* @__PURE__ */ o(n, {
-	"data-slot": "popover",
-	...e
-}), c = ({ ...e }) => /* @__PURE__ */ o(t, {
-	"data-slot": "popover-trigger",
-	...e
-}), l = ({ className: t, align: n = "center", sideOffset: a = 4, ...s }) => /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(r, {
-	"data-slot": "popover-content",
-	align: n,
-	sideOffset: a,
-	className: e("w-72 gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-foreground/10 z-50 flex origin-(--radix-popover-content-transform-origin) flex-col ring-1 outline-hidden motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95", t),
-	...s
-}) }), u = ({ ...e }) => /* @__PURE__ */ o(a, {
-	"data-slot": "popover-anchor",
-	...e
-}), d = ({ className: t, ...n }) => /* @__PURE__ */ o("div", {
-	"data-slot": "popover-header",
-	className: e("gap-0.5 text-sm flex flex-col", t),
-	...n
-}), f = ({ className: t, ...n }) => /* @__PURE__ */ o("h2", {
-	"data-slot": "popover-title",
-	className: e("cn-font-heading font-medium", t),
-	...n
-}), p = ({ className: t, ...n }) => /* @__PURE__ */ o("p", {
-	"data-slot": "popover-description",
-	className: e("text-muted-foreground", t),
-	...n
-});
+const Popover = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Root, {
+		"data-slot": "popover",
+		...props
+	});
+};
+const PopoverTrigger = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
+		"data-slot": "popover-trigger",
+		...props
+	});
+};
+const PopoverContent = ({ className, align = "center", sideOffset = 4, ...props }) => {
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
+		"data-slot": "popover-content",
+		align,
+		sideOffset,
+		className: cn("w-72 gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-foreground/10 z-50 flex origin-(--radix-popover-content-transform-origin) flex-col ring-1 outline-hidden motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95", className),
+		...props
+	}) });
+};
+const PopoverAnchor = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, {
+		"data-slot": "popover-anchor",
+		...props
+	});
+};
+const PopoverHeader = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "popover-header",
+		className: cn("gap-0.5 text-sm flex flex-col", className),
+		...props
+	});
+};
+const PopoverTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("h2", {
+		"data-slot": "popover-title",
+		className: cn("cn-font-heading font-medium", className),
+		...props
+	});
+};
+const PopoverDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "popover-description",
+		className: cn("text-muted-foreground", className),
+		...props
+	});
+};
+
 //#endregion
-export { s as Popover, u as PopoverAnchor, l as PopoverContent, p as PopoverDescription, d as PopoverHeader, f as PopoverTitle, c as PopoverTrigger };
+export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };
+//# sourceMappingURL=popover.js.map

package/dist/primitives/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","names":[],"sources":["../../src/primitives/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { cn } from '@utils/twUtils'\nimport { type ComponentPropsWithoutRef } from 'react'\n\nexport const Popover = ({ ...props }: ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>) => {\n  return <PopoverPrimitive.Root data-slot='popover' {...props} />\n}\n\nexport const PopoverTrigger = ({ ...props }: ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>) => {\n  return <PopoverPrimitive.Trigger data-slot='popover-trigger' {...props} />\n}\n\nexport const PopoverContent = ({ className, align = 'center', sideOffset = 4, ...props }: ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>) => {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot='popover-content'\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'w-72 gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-foreground/10 z-50 flex origin-(--radix-popover-content-transform-origin) flex-col ring-1 outline-hidden motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95',\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nexport const PopoverAnchor = ({ ...props }: ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor>) => {\n  return <PopoverPrimitive.Anchor data-slot='popover-anchor' {...props} />\n}\n\nexport const PopoverHeader = ({ className, ...props }: ComponentPropsWithoutRef<'div'>) => {\n  return <div data-slot='popover-header' className={cn('gap-0.5 text-sm flex flex-col', className)} {...props} />\n}\n\nexport const PopoverTitle = ({ className, ...props }: ComponentPropsWithoutRef<'h2'>) => {\n  return (\n    // eslint-disable-next-line jsx-a11y/heading-has-content -- content provided via {...props}\n    <h2 data-slot='popover-title' className={cn('cn-font-heading font-medium', className)} {...props} />\n  )\n}\n\nexport const PopoverDescription = ({ className, ...props }: ComponentPropsWithoutRef<'p'>) => {\n  return <p data-slot='popover-description' className={cn('text-muted-foreground', className)} {...props} />\n}\n"],"mappings":";;;;;;;AAIA,MAAa,WAAW,EAAE,GAAG,YAAoE;AAC/F,QAAO,oBAAC,iBAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;EAAS;;AAGjE,MAAa,kBAAkB,EAAE,GAAG,YAAuE;AACzG,QAAO,oBAAC,iBAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;EAAS;;AAG5E,MAAa,kBAAkB,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,YAAuE;AACtJ,QACE,oBAAC,iBAAiB,QAAlB,YACE,oBAAC,iBAAiB,SAAlB;EACE,aAAU;EACH;EACK;EACZ,WAAW,GACT,6oBACA,UACD;EACD,GAAI;EACJ,GACsB;;AAI9B,MAAa,iBAAiB,EAAE,GAAG,YAAsE;AACvG,QAAO,oBAAC,iBAAiB,QAAlB;EAAyB,aAAU;EAAiB,GAAI;EAAS;;AAG1E,MAAa,iBAAiB,EAAE,WAAW,GAAG,YAA6C;AACzF,QAAO,oBAAC,OAAD;EAAK,aAAU;EAAiB,WAAW,GAAG,iCAAiC,UAAU;EAAE,GAAI;EAAS;;AAGjH,MAAa,gBAAgB,EAAE,WAAW,GAAG,YAA4C;AACvF,QAEE,oBAAC,MAAD;EAAI,aAAU;EAAgB,WAAW,GAAG,+BAA+B,UAAU;EAAE,GAAI;EAAS;;AAIxG,MAAa,sBAAsB,EAAE,WAAW,GAAG,YAA2C;AAC5F,QAAO,oBAAC,KAAD;EAAG,aAAU;EAAsB,WAAW,GAAG,yBAAyB,UAAU;EAAE,GAAI;EAAS"}

package/dist/primitives/select.d.ts

@@ -1,20 +1,63 @@
-import { DropdownWidth } from '../utils/formFieldUtils';
-import { ComponentProps } from 'react';
-import * as SelectPrimitive from '@radix-ui/react-select';
-export declare const Select: ({ ...props }: ComponentProps<typeof SelectPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
-export declare const SelectGroup: ({ ...props }: ComponentProps<typeof SelectPrimitive.Group>) => import("react/jsx-runtime").JSX.Element;
-export declare const SelectValue: ({ className, ...props }: ComponentProps<typeof SelectPrimitive.Value>) => import("react/jsx-runtime").JSX.Element;
-export declare const SelectTrigger: ({ asChild, children, className, size, ...props }: ComponentProps<typeof SelectPrimitive.Trigger> & {
-    size?: "sm" | "default";
-}) => import("react/jsx-runtime").JSX.Element;
+'use client';
+import { DropdownWidth } from "../utils/formFieldUtils.js";
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as SelectPrimitive from "@radix-ui/react-select";
+
+//#region src/primitives/select.d.ts
+declare const Select: ({
+  ...props
+}: ComponentProps<typeof SelectPrimitive.Root>) => _$react_jsx_runtime0.JSX.Element;
+declare const SelectGroup: ({
+  ...props
+}: ComponentProps<typeof SelectPrimitive.Group>) => _$react_jsx_runtime0.JSX.Element;
+declare const SelectValue: ({
+  className,
+  ...props
+}: ComponentProps<typeof SelectPrimitive.Value>) => _$react_jsx_runtime0.JSX.Element;
+declare const SelectTrigger: ({
+  asChild,
+  children,
+  className,
+  size,
+  ...props
+}: ComponentProps<typeof SelectPrimitive.Trigger> & {
+  size?: 'sm' | 'default';
+}) => _$react_jsx_runtime0.JSX.Element;
 type SelectContentProps = ComponentProps<typeof SelectPrimitive.Content> & {
-    dropdownWidth?: DropdownWidth;
+  dropdownWidth?: DropdownWidth;
 };
-export declare const SelectContent: ({ align, children, className, dropdownWidth, onCloseAutoFocus, position, style, ...props }: SelectContentProps) => import("react/jsx-runtime").JSX.Element;
-export declare const SelectLabel: ({ className, ...props }: ComponentProps<typeof SelectPrimitive.Label>) => import("react/jsx-runtime").JSX.Element;
-export declare const SelectItem: ({ className, children, ...props }: ComponentProps<typeof SelectPrimitive.Item>) => import("react/jsx-runtime").JSX.Element;
-export declare const SelectSeparator: ({ className, ...props }: ComponentProps<typeof SelectPrimitive.Separator>) => import("react/jsx-runtime").JSX.Element;
-export declare const SelectScrollUpButton: ({ className, ...props }: ComponentProps<typeof SelectPrimitive.ScrollUpButton>) => import("react/jsx-runtime").JSX.Element;
-export declare const SelectScrollDownButton: ({ className, ...props }: ComponentProps<typeof SelectPrimitive.ScrollDownButton>) => import("react/jsx-runtime").JSX.Element;
-export {};
+declare const SelectContent: ({
+  align,
+  children,
+  className,
+  dropdownWidth,
+  onCloseAutoFocus,
+  position,
+  style,
+  ...props
+}: SelectContentProps) => _$react_jsx_runtime0.JSX.Element;
+declare const SelectLabel: ({
+  className,
+  ...props
+}: ComponentProps<typeof SelectPrimitive.Label>) => _$react_jsx_runtime0.JSX.Element;
+declare const SelectItem: ({
+  className,
+  children,
+  ...props
+}: ComponentProps<typeof SelectPrimitive.Item>) => _$react_jsx_runtime0.JSX.Element;
+declare const SelectSeparator: ({
+  className,
+  ...props
+}: ComponentProps<typeof SelectPrimitive.Separator>) => _$react_jsx_runtime0.JSX.Element;
+declare const SelectScrollUpButton: ({
+  className,
+  ...props
+}: ComponentProps<typeof SelectPrimitive.ScrollUpButton>) => _$react_jsx_runtime0.JSX.Element;
+declare const SelectScrollDownButton: ({
+  className,
+  ...props
+}: ComponentProps<typeof SelectPrimitive.ScrollDownButton>) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
 //# sourceMappingURL=select.d.ts.map

package/dist/primitives/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/primitives/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAkE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAE1H,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,eAAO,MAAM,MAAM,GAAI,cAAc,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,4CAE/E,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,cAAc,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAErF,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAQhG,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,kDAM3B,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IAClD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,4CA4BA,CAAA;AAED,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACzE,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,4FAA8H,kBAAkB,4CA2C7K,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAEhG,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,mCAAmC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,4CAWxG,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,4CAExG,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,4CAMlH,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,4CAMtH,CAAA"}
+{"version":3,"file":"select.d.ts","names":[],"sources":["../../src/primitives/select.tsx"],"mappings":";;;;;;;cAOa,MAAA;EAAA,GAAM;AAAA,GAAkB,cAAA,QAAsB,eAAA,CAAgB,IAAA,MAAK,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAInE,WAAA;EAAA,GAAW;AAAA,GAAkB,cAAA,QAAsB,eAAA,CAAgB,KAAA,MAAM,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAIzE,WAAA;EAAW,SAAA;EAAA,GAAA;AAAA,GAA6B,cAAA,QAAsB,eAAA,CAAgB,KAAA,MAAM,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAUpF,aAAA;EAAa,OAAA;EAAA,QAAA;EAAA,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAMvB,cAAA,QAAsB,eAAA,CAAgB,OAAA;EACvC,IAAA;AAAA,MACD,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KA8BI,kBAAA,GAAqB,cAAA,QAAsB,eAAA,CAAgB,OAAA;EAC9D,aAAA,GAAgB,aAAA;AAAA;AAAA,cAGL,aAAA;EAAa,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,aAAA;EAAA,gBAAA;EAAA,QAAA;EAAA,KAAA;EAAA,GAAA;AAAA,GAAkI,kBAAA,KAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cA6CjK,WAAA;EAAW,SAAA;EAAA,GAAA;AAAA,GAA6B,cAAA,QAAsB,eAAA,CAAgB,KAAA,MAAM,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAIpF,UAAA;EAAU,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAAuC,cAAA,QAAsB,eAAA,CAAgB,IAAA,MAAK,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAa5F,eAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAA6B,cAAA,QAAsB,eAAA,CAAgB,SAAA,MAAU,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAI5F,oBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAA6B,cAAA,QAAsB,eAAA,CAAgB,cAAA,MAAe,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAQtG,sBAAA;EAAsB,SAAA;EAAA,GAAA;AAAA,GAA6B,cAAA,QAAsB,eAAA,CAAgB,gBAAA,MAAiB,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/primitives/select.js

@@ -1,3 +1,133 @@
-'use client'
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../select-DFE8xm1L.js";
-export { c as Select, i as SelectContent, o as SelectGroup, n as SelectItem, e as SelectLabel, a as SelectScrollDownButton, s as SelectScrollUpButton, t as SelectSeparator, r as SelectTrigger, l as SelectValue };
+'use client';
+import { CheckmarkIcon } from "../Icons/CheckmarkIcon.js";
+import { ChevronDownIcon } from "../Icons/ChevronDownIcon.js";
+import { ChevronUpIcon } from "../Icons/ChevronUpIcon.js";
+import { cn } from "../utils/twUtils.js";
+import { getDropdownSurfaceClasses, getOptionClasses, getTriggerClasses } from "../utils/formFieldUtils.js";
+import { useAutoDropdownHorizontalShift } from "../utils/dropdownPositioning.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as SelectPrimitive from "@radix-ui/react-select";
+
+//#region src/primitives/select.tsx
+const Select = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Root, {
+		"data-slot": "select",
+		...props
+	});
+};
+const SelectGroup = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Group, {
+		"data-slot": "select-group",
+		...props
+	});
+};
+const SelectValue = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Value, {
+		className: cn("min-w-0 block max-w-full flex-1 overflow-hidden text-left text-ellipsis whitespace-nowrap text-input-text data-placeholder:text-input-text-placeholder!", "**:max-w-full **:overflow-hidden **:text-ellipsis **:whitespace-nowrap", className),
+		"data-slot": "select-value",
+		...props
+	});
+};
+const SelectTrigger = ({ asChild, children, className, size = "default", ...props }) => {
+	const fieldState = props.disabled ? "disabled" : "default";
+	return /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
+		asChild,
+		className: cn(getTriggerClasses(false, fieldState), "min-w-0 gap-2 grid w-full cursor-pointer! grid-cols-[minmax(0,1fr)_auto] items-center overflow-hidden text-left whitespace-nowrap text-input-text! data-placeholder:text-input-text-placeholder! data-[state=open]:cursor-pointer!", "[&>span]:min-w-0 **:data-placeholder:text-input-text-placeholder! [&>span]:block [&>span]:overflow-hidden [&>span]:text-ellipsis [&>span]:whitespace-nowrap [&>span[data-placeholder]]:text-input-text-placeholder!", "data-[state=open]:border-input-border--focus data-[state=open]:hover:border-input-border--focus", "**:data-[slot=select-chevron]:pointer-events-auto **:data-[slot=select-chevron]:cursor-pointer! [&[data-state=open]_[data-slot=select-chevron]]:rotate-180", className),
+		"data-size": size,
+		"data-slot": "select-trigger",
+		...props,
+		children: [children, !asChild && /* @__PURE__ */ jsx(SelectPrimitive.Icon, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx("div", {
+				className: "pointer-events-auto flex shrink-0 cursor-pointer items-center",
+				children: /* @__PURE__ */ jsx(ChevronDownIcon, {
+					className: "cursor-pointer transition-transform duration-200",
+					"data-slot": "select-chevron",
+					size: 20
+				})
+			})
+		})]
+	});
+};
+const SelectContent = ({ align = "center", children, className, dropdownWidth = "trigger", onCloseAutoFocus, position = "popper", style, ...props }) => {
+	const { dropdownShiftStyle, setDropdownElement } = useAutoDropdownHorizontalShift();
+	const resolvedDropdownWidth = dropdownWidth === "trigger" ? "var(--radix-select-trigger-width)" : dropdownWidth === "content" ? "max-content" : dropdownWidth;
+	const dropdownWidthMode = dropdownWidth === "trigger" || dropdownWidth === "content" ? dropdownWidth : "custom";
+	const handleCloseAutoFocus = (event) => {
+		onCloseAutoFocus?.(event);
+	};
+	return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
+		align,
+		className: cn("relative z-50 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:animate-in", getDropdownSurfaceClasses(), "motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95", "max-h-[min(var(--radix-select-content-available-height),300px)] motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=top]:slide-in-from-bottom-2", "min-w-32 origin-(--radix-select-content-transform-origin) overflow-hidden", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1", className),
+		"data-dropdown-width-mode": dropdownWidthMode,
+		"data-dropdown-width-value": dropdownWidthMode === "custom" ? dropdownWidth : void 0,
+		"data-slot": "select-content",
+		onCloseAutoFocus: handleCloseAutoFocus,
+		position,
+		ref: setDropdownElement,
+		style: {
+			...style,
+			width: resolvedDropdownWidth,
+			...dropdownShiftStyle
+		},
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+			/* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
+				className: cn("p-1 overflow-x-hidden overflow-y-auto", position === "popper" && "scroll-my-1 h-(--radix-select-trigger-height) w-full min-w-full"),
+				"data-slot": "select-viewport",
+				children
+			}),
+			/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+		]
+	}) });
+};
+const SelectLabel = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Label, {
+		className: cn("px-2 py-1.5 text-xs text-text-primary", className),
+		"data-slot": "select-label",
+		...props
+	});
+};
+const SelectItem = ({ className, children, ...props }) => {
+	return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
+		className: cn(getOptionClasses(Boolean(props.disabled), false, false), "relative flex w-full cursor-pointer items-center data-[state=checked]:bg-input-bg--selected data-[state=checked]:text-input-text", className),
+		"data-slot": "select-item",
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "right-2 size-3.5 absolute flex items-center justify-center",
+			children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckmarkIcon, { className: "size-4" }) })
+		}), /* @__PURE__ */ jsx(SelectPrimitive.ItemText, {
+			className: "min-w-0 block max-w-full truncate whitespace-nowrap",
+			children
+		})]
+	});
+};
+const SelectSeparator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
+		className: cn("bg-border -mx-1 my-1 pointer-events-none h-px", className),
+		"data-slot": "select-separator",
+		...props
+	});
+};
+const SelectScrollUpButton = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
+		className: cn("py-1 flex cursor-default items-center justify-center", className),
+		"data-slot": "select-scroll-up-button",
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+	});
+};
+const SelectScrollDownButton = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
+		className: cn("py-1 flex cursor-default items-center justify-center", className),
+		"data-slot": "select-scroll-down-button",
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
+	});
+};
+
+//#endregion
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
+//# sourceMappingURL=select.js.map