@alpic-ai/ui 0.0.0 → 1.111.0

package/dist/components/alert.d.mts

@@ -5,7 +5,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/components/alert.d.ts
 declare const alertVariants: (props?: ({
-  variant?: "success" | "warning" | "default" | "destructive" | null | undefined;
+  variant?: "default" | "destructive" | "warning" | "success" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {}
 declare function Alert({

package/dist/components/avatar.d.mts

@@ -6,7 +6,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/components/avatar.d.ts
 declare const avatarVariants: (props?: ({
-  size?: "sm" | "lg" | "md" | "xl" | "xs" | null | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 type AvatarSize = NonNullable<VariantProps<typeof avatarVariants>["size"]>;
 type AvatarStatus = "online";

package/dist/components/badge.d.mts

@@ -4,7 +4,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/components/badge.d.ts
 declare const badgeVariants: (props?: ({
-  variant?: "secondary" | "primary" | "success" | "warning" | "error" | null | undefined;
+  variant?: "warning" | "success" | "secondary" | "primary" | "error" | null | undefined;
   size?: "sm" | "md" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {}

package/dist/components/button.d.mts

@@ -5,8 +5,8 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/components/button.d.ts
 declare const buttonVariants: (props?: ({
-  variant?: "secondary" | "primary" | "destructive" | "tertiary" | "link" | "link-muted" | null | undefined;
-  size?: "default" | "pill" | "icon" | "icon-rounded" | null | undefined;
+  variant?: "destructive" | "secondary" | "primary" | "tertiary" | "link" | "link-muted" | null | undefined;
+  size?: "default" | "icon" | "icon-rounded" | "pill" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
   asChild?: boolean;

package/dist/components/combobox.mjs

@@ -187,7 +187,7 @@ function ComboboxItem({ className, children, itemValue, ...props }) {
 		"data-slot": "combobox-item",
 		"data-selected-item": selected || void 0,
 		onSelect: () => onSelect(itemValue),
-		className: cn("relative flex cursor-default items-center gap-2 rounded-sm px-2 py-2.5 outline-hidden select-none", "type-text-md font-medium text-foreground mx-1.5 my-px", "data-[selected=true]:bg-background-hover", "data-[selected-item]:bg-accent", "data-[disabled=true]:pointer-events-none data-[disabled=true]:text-disabled-foreground", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5", className),
+		className: cn("relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 outline-hidden select-none", "type-text-md font-medium text-foreground mx-1.5 my-px", "data-[selected=true]:bg-background-hover", "data-[selected-item]:bg-accent", "data-[disabled=true]:pointer-events-none data-[disabled=true]:text-disabled-foreground", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5", className),
 		...props,
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "flex flex-1 items-center gap-2 truncate",

package/dist/components/dialog.mjs

@@ -33,7 +33,7 @@ function DialogOverlay({ className, ...props }) {
 }
 const dialogContentVariants = cva([
 	"bg-background fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2",
-	"overflow-y-auto rounded-2xl px-6 shadow-lg outline-none",
+	"max-h-[calc(100vh-4rem)] overflow-hidden rounded-2xl px-6 shadow-lg outline-none",
 	"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",
@@ -63,7 +63,7 @@ function DialogContent({ className, children, size, showCloseButton = true, ...p
 function DialogHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "dialog-header",
-		className: cn("flex flex-col gap-0.5 pt-6 pr-10", className),
+		className: cn("flex flex-col gap-0.5 py-6 pr-10", className),
 		...props
 	});
 }

package/dist/components/form.d.mts

@@ -0,0 +1,119 @@
+import { InputProps } from "./input.mjs";
+import { Label } from "./label.mjs";
+import { TextareaProps } from "./textarea.mjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import * as _$react_hook_form0 from "react-hook-form";
+import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
+
+//#region src/components/form.d.ts
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: _$react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
+  ...props
+}: ControllerProps<TFieldValues, TName>) => _$react_jsx_runtime0.JSX.Element;
+declare const useFormField: () => {
+  invalid: boolean;
+  isDirty: boolean;
+  isTouched: boolean;
+  isValidating: boolean;
+  error?: _$react_hook_form0.FieldError;
+  id: string;
+  name: string;
+  formItemId: string;
+  formDescriptionId: string;
+  formMessageId: string;
+};
+declare function FormItem({
+  className,
+  ...props
+}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+interface FormLabelProps extends React.ComponentProps<typeof Label> {
+  required?: boolean;
+  tooltip?: string;
+}
+declare function FormLabel({
+  className,
+  required,
+  tooltip,
+  children,
+  ...props
+}: FormLabelProps): _$react_jsx_runtime0.JSX.Element;
+declare function FormControl({
+  ...props
+}: React.ComponentProps<typeof Slot>): _$react_jsx_runtime0.JSX.Element;
+declare function FormDescription({
+  className,
+  ...props
+}: React.ComponentProps<"p">): _$react_jsx_runtime0.JSX.Element;
+declare function FormMessage({
+  className,
+  ...props
+}: React.ComponentProps<"p">): _$react_jsx_runtime0.JSX.Element | null;
+interface FormHeaderProps extends React.ComponentProps<"div"> {
+  title: string;
+  description?: string;
+}
+declare function FormHeader({
+  title,
+  description,
+  className,
+  ...props
+}: FormHeaderProps): _$react_jsx_runtime0.JSX.Element;
+declare function FormFields({
+  className,
+  ...props
+}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+interface FormFieldBaseProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> {
+  control: ControllerProps<TFieldValues, TName>["control"];
+  name: TName;
+  rules?: ControllerProps<TFieldValues, TName>["rules"];
+  required?: boolean;
+  label?: string;
+  description?: string;
+  tooltip?: string;
+}
+interface InputFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> extends FormFieldBaseProps<TFieldValues, TName>, Omit<InputProps, "name" | "label"> {}
+declare function InputField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({
+  control,
+  name,
+  rules,
+  required,
+  label,
+  description,
+  tooltip,
+  ...inputProps
+}: InputFieldProps<TFieldValues, TName>): _$react_jsx_runtime0.JSX.Element;
+interface TextareaFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> extends FormFieldBaseProps<TFieldValues, TName>, Omit<TextareaProps, "name" | "label"> {}
+declare function TextareaField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({
+  control,
+  name,
+  rules,
+  required,
+  label,
+  description,
+  tooltip,
+  ...textareaProps
+}: TextareaFieldProps<TFieldValues, TName>): _$react_jsx_runtime0.JSX.Element;
+interface SelectFieldOption {
+  value: string;
+  label: string;
+  disabled?: boolean;
+}
+interface SelectFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> extends FormFieldBaseProps<TFieldValues, TName> {
+  options: SelectFieldOption[];
+  placeholder?: string;
+}
+declare function SelectField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({
+  control,
+  name,
+  rules,
+  required,
+  label,
+  description,
+  tooltip,
+  options,
+  placeholder
+}: SelectFieldProps<TFieldValues, TName>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Form, FormControl, FormDescription, FormField, FormFields, FormHeader, FormItem, FormLabel, FormMessage, InputField, SelectField, type SelectFieldOption, TextareaField, useFormField };

package/dist/components/form.mjs

@@ -0,0 +1,192 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
+import { Label } from "./label.mjs";
+import { Input } from "./input.mjs";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select.mjs";
+import { Textarea } from "./textarea.mjs";
+import { Info } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { Controller, FormProvider, useFormContext, useFormState } from "react-hook-form";
+//#region src/components/form.tsx
+const Form = FormProvider;
+const FormFieldContext = React.createContext({});
+const FormField = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(FormFieldContext.Provider, {
+		value: { name: props.name },
+		children: /* @__PURE__ */ jsx(Controller, { ...props })
+	});
+};
+const useFormField = () => {
+	const fieldContext = React.useContext(FormFieldContext);
+	const itemContext = React.useContext(FormItemContext);
+	if (!fieldContext.name) throw new Error("useFormField should be used within <FormField>");
+	const { getFieldState } = useFormContext();
+	const formState = useFormState({ name: fieldContext.name });
+	const fieldState = getFieldState(fieldContext.name, formState);
+	const { id } = itemContext;
+	return {
+		id,
+		name: fieldContext.name,
+		formItemId: `${id}-form-item`,
+		formDescriptionId: `${id}-form-item-description`,
+		formMessageId: `${id}-form-item-message`,
+		...fieldState
+	};
+};
+const FormItemContext = React.createContext({});
+function FormItem({ className, ...props }) {
+	const id = React.useId();
+	return /* @__PURE__ */ jsx(FormItemContext.Provider, {
+		value: { id },
+		children: /* @__PURE__ */ jsx("div", {
+			"data-slot": "form-item",
+			className: cn("grid gap-2", className),
+			...props
+		})
+	});
+}
+function FormLabel({ className, required, tooltip, children, ...props }) {
+	const { error, formItemId } = useFormField();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-0.5",
+		children: [
+			/* @__PURE__ */ jsx(Label, {
+				"data-slot": "form-label",
+				"data-error": !!error,
+				className: cn("data-[error=true]:text-destructive", className),
+				htmlFor: formItemId,
+				...props,
+				children
+			}),
+			required && /* @__PURE__ */ jsx("span", {
+				"aria-hidden": true,
+				className: "type-text-sm font-medium text-required",
+				children: "*"
+			}),
+			tooltip && /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Info, { className: "size-4 text-quaternary-foreground" })
+			}), /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })] })
+		]
+	});
+}
+function FormControl({ ...props }) {
+	const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+	return /* @__PURE__ */ jsx(Slot, {
+		"data-slot": "form-control",
+		id: formItemId,
+		"aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+		"aria-invalid": !!error,
+		...props
+	});
+}
+function FormDescription({ className, ...props }) {
+	const { formDescriptionId } = useFormField();
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "form-description",
+		id: formDescriptionId,
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+function FormMessage({ className, ...props }) {
+	const { error, formMessageId } = useFormField();
+	const body = error ? String(error?.message ?? "") : props.children;
+	if (!body) return null;
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "form-message",
+		id: formMessageId,
+		className: cn("text-destructive text-sm", className),
+		...props,
+		children: body
+	});
+}
+function FormHeader({ title, description, className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col gap-1", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("h2", {
+			className: "type-display-sm font-semibold text-foreground",
+			children: title
+		}), description && /* @__PURE__ */ jsx("p", {
+			className: "type-text-xl text-subtle-foreground",
+			children: description
+		})]
+	});
+}
+function FormFields({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-6", className),
+		...props
+	});
+}
+function InputField({ control, name, rules, required, label, description, tooltip, ...inputProps }) {
+	return /* @__PURE__ */ jsx(FormField, {
+		control,
+		name,
+		rules,
+		render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+			label && /* @__PURE__ */ jsx(FormLabel, {
+				required,
+				tooltip,
+				children: label
+			}),
+			/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
+				...inputProps,
+				...field
+			}) }),
+			description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
+			/* @__PURE__ */ jsx(FormMessage, {})
+		] })
+	});
+}
+function TextareaField({ control, name, rules, required, label, description, tooltip, ...textareaProps }) {
+	return /* @__PURE__ */ jsx(FormField, {
+		control,
+		name,
+		rules,
+		render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+			label && /* @__PURE__ */ jsx(FormLabel, {
+				required,
+				tooltip,
+				children: label
+			}),
+			/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Textarea, {
+				...textareaProps,
+				...field
+			}) }),
+			description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
+			/* @__PURE__ */ jsx(FormMessage, {})
+		] })
+	});
+}
+function SelectField({ control, name, rules, required, label, description, tooltip, options, placeholder }) {
+	return /* @__PURE__ */ jsx(FormField, {
+		control,
+		name,
+		rules,
+		render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+			label && /* @__PURE__ */ jsx(FormLabel, {
+				required,
+				tooltip,
+				children: label
+			}),
+			/* @__PURE__ */ jsxs(Select, {
+				value: field.value,
+				onValueChange: field.onChange,
+				children: [/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder }) }) }), /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx(SelectItem, {
+					value: option.value,
+					disabled: option.disabled,
+					children: option.label
+				}, option.value)) })]
+			}),
+			description && /* @__PURE__ */ jsx(FormDescription, { children: description }),
+			/* @__PURE__ */ jsx(FormMessage, {})
+		] })
+	});
+}
+//#endregion
+export { Form, FormControl, FormDescription, FormField, FormFields, FormHeader, FormItem, FormLabel, FormMessage, InputField, SelectField, TextareaField, useFormField };

package/dist/components/input.d.mts

@@ -7,6 +7,7 @@ interface InputProps extends Omit<React.ComponentProps<"input">, "size"> {
   required?: boolean;
   hint?: string;
   error?: string;
+  tooltip?: string;
   leadingText?: string;
   leadingIcon?: React.ReactNode;
   size?: "sm" | "md";
@@ -18,6 +19,7 @@ declare function Input({
   required,
   hint,
   error,
+  tooltip,
   leadingText,
   leadingIcon,
   size,

package/dist/components/input.mjs

@@ -1,6 +1,8 @@
 "use client";
 import { cn } from "../lib/cn.mjs";
+import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
 import { Label } from "./label.mjs";
+import { Info } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 //#region src/components/input.tsx
@@ -22,7 +24,7 @@ const inputSizeStyles = {
 		leadingIcon: "pl-2.5 [&_svg]:size-5"
 	}
 };
-function Input({ className, id, label, required, hint, error, leadingText, leadingIcon, size = "md", ...props }) {
+function Input({ className, id, label, required, hint, error, tooltip, leadingText, leadingIcon, size = "md", ...props }) {
 	const generatedId = React.useId();
 	const fieldId = id ?? generatedId;
 	const hasAddons = leadingText || leadingIcon;
@@ -67,15 +69,22 @@ function Input({ className, id, label, required, hint, error, leadingText, leadi
 		children: [
 			label && /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-0.5",
-				children: [/* @__PURE__ */ jsx(Label, {
-					htmlFor: fieldId,
-					className: "type-text-sm font-medium text-muted-foreground",
-					children: label
-				}), required && /* @__PURE__ */ jsx("span", {
-					"aria-hidden": true,
-					className: "type-text-sm font-medium text-required",
-					children: "*"
-				})]
+				children: [
+					/* @__PURE__ */ jsx(Label, {
+						htmlFor: fieldId,
+						className: "type-text-sm font-medium text-muted-foreground",
+						children: label
+					}),
+					required && /* @__PURE__ */ jsx("span", {
+						"aria-hidden": true,
+						className: "type-text-sm font-medium text-required",
+						children: "*"
+					}),
+					tooltip && /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Info, { className: "size-4 text-muted-foreground" })
+					}), /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })] })
+				]
 			}),
 			wrappedInput,
 			(hint || error) && /* @__PURE__ */ jsx("p", {

package/dist/components/select-trigger-variants.mjs

@@ -11,6 +11,7 @@ const selectTriggerVariants = cva([
 	"focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
 	"data-[state=open]:ring-2 data-[state=open]:ring-ring data-[state=open]:ring-offset-2 data-[state=open]:ring-offset-background",
 	"disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground disabled:border-disabled",
+	"aria-invalid:border-border-error",
 	"[&_svg:not([class*='size-'])]:size-5 [&_svg]:shrink-0"
 ].join(" "), {
 	variants: { size: {

package/dist/components/select.d.mts

@@ -39,13 +39,5 @@ declare function SelectSeparator({
   className,
   ...props
 }: React.ComponentProps<typeof SelectPrimitive.Separator>): _$react_jsx_runtime0.JSX.Element;
-declare function SelectScrollUpButton({
-  className,
-  ...props
-}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): _$react_jsx_runtime0.JSX.Element;
-declare function SelectScrollDownButton({
-  className,
-  ...props
-}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, selectTriggerVariants };
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, selectTriggerVariants };

package/dist/components/select.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../lib/cn.mjs";
 import { selectTriggerVariants } from "./select-trigger-variants.mjs";
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { CheckIcon, ChevronDownIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as SelectPrimitive from "@radix-ui/react-select";
 //#region src/components/select.tsx
@@ -35,19 +35,15 @@ function SelectTrigger({ className, size = "md", children, ...props }) {
 	});
 }
 function SelectContent({ className, children, position = "popper", ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(SelectPrimitive.Content, {
 		"data-slot": "select-content",
 		className: cn("bg-popover text-popover-foreground", "relative z-50 max-h-[min(var(--radix-select-content-available-height),300px)] min-w-[8rem] overflow-hidden rounded-md border border-border-secondary py-1 shadow-lg", "origin-(--radix-select-content-transform-origin)", "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", 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", className),
 		position,
 		...props,
-		children: [
-			/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-			/* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
-				className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
-				children
-			}),
-			/* @__PURE__ */ jsx(SelectScrollDownButton, {})
-		]
+		children: /* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
+			className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
+			children
+		})
 	}) });
 }
 function SelectLabel({ className, ...props }) {
@@ -60,7 +56,7 @@ function SelectLabel({ className, ...props }) {
 function SelectItem({ className, children, ...props }) {
 	return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
 		"data-slot": "select-item",
-		className: cn("relative flex w-full cursor-default items-center gap-2 rounded-sm py-2 pr-8 pl-2.5 outline-hidden select-none", "type-text-md font-medium text-foreground mx-1 my-px", "[@media(hover:hover)]:hover:bg-background-hover", "focus:bg-background-hover", "data-[disabled]:pointer-events-none data-[disabled]:text-disabled-foreground", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		className: cn("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pl-2 outline-hidden select-none", "type-text-md font-medium text-foreground mx-1 my-px", "[@media(hover:hover)]:hover:bg-background-hover", "focus:bg-background-hover", "data-[disabled]:pointer-events-none data-[disabled]:text-disabled-foreground", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
 		...props,
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "absolute right-2 flex size-4 items-center justify-center",
@@ -75,21 +71,5 @@ function SelectSeparator({ className, ...props }) {
 		...props
 	});
 }
-function SelectScrollUpButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
-		"data-slot": "select-scroll-up-button",
-		className: cn("flex cursor-default items-center justify-center py-1", className),
-		...props,
-		children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
-	});
-}
-function SelectScrollDownButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
-		"data-slot": "select-scroll-down-button",
-		className: cn("flex cursor-default items-center justify-center py-1", className),
-		...props,
-		children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
-	});
-}
 //#endregion
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, selectTriggerVariants };
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, selectTriggerVariants };

package/dist/components/sidebar.d.mts

@@ -108,7 +108,7 @@ declare function SidebarMenuItem({
 }: React.ComponentProps<"li">): _$react_jsx_runtime0.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
-  size?: "sm" | "lg" | "default" | null | undefined;
+  size?: "default" | "sm" | "lg" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function SidebarMenuButton({
   asChild,

package/dist/components/sidebar.mjs

@@ -182,10 +182,10 @@ function SidebarHeader({ className, icon, title, children, ...props }) {
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "sidebar-header",
 		"data-sidebar": "header",
-		className: cn("flex flex-col gap-2 p-2 group-data-[collapsible=icon]:items-center", className),
+		className: cn("flex flex-col gap-2 p-2", className),
 		...props,
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex h-8 items-center gap-2 px-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:gap-0 group-data-[collapsible=icon]:px-0",
+			className: "flex h-8 items-center gap-2 px-3",
 			children: [
 				/* @__PURE__ */ jsxs("div", {
 					className: "relative shrink-0",
@@ -194,10 +194,10 @@ function SidebarHeader({ className, icon, title, children, ...props }) {
 						children: icon
 					}), /* @__PURE__ */ jsx("div", {
 						className: "absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-data-[collapsible=icon]:group-hover:opacity-100",
-						children: /* @__PURE__ */ jsx(SidebarTrigger, { className: "!size-4 !p-0" })
+						children: /* @__PURE__ */ jsx(SidebarTrigger, {})
 					})]
 				}),
-				title && /* @__PURE__ */ jsx("span", {
+				/* @__PURE__ */ jsx("span", {
 					className: "text-foreground text-md min-w-0 truncate font-medium group-data-[collapsible=icon]:hidden",
 					children: title
 				}),
@@ -232,7 +232,7 @@ function SidebarGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "sidebar-group",
 		"data-sidebar": "group",
-		className: cn("relative flex w-full min-w-0 flex-col p-2", className),
+		className: cn("relative flex w-full min-w-0 flex-col", className),
 		...props
 	});
 }
@@ -272,7 +272,7 @@ function SidebarMenuItem({ className, ...props }) {
 	return /* @__PURE__ */ jsx("li", {
 		"data-slot": "sidebar-menu-item",
 		"data-sidebar": "menu-item",
-		className: cn("group/menu-item relative", className),
+		className: cn("group/menu-item relative px-3", className),
 		...props
 	});
 }

package/dist/components/spinner.d.mts

@@ -5,7 +5,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 //#region src/components/spinner.d.ts
 declare const spinnerVariants: (props?: ({
   variant?: "secondary" | "primary" | null | undefined;
-  size?: "sm" | "lg" | "md" | "xl" | null | undefined;
+  size?: "sm" | "md" | "lg" | "xl" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 interface SpinnerProps extends Omit<React.ComponentProps<"svg">, "children">, VariantProps<typeof spinnerVariants> {}
 declare function Spinner({

package/dist/components/status-dot.d.mts

@@ -4,7 +4,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/components/status-dot.d.ts
 declare const statusDotVariants: (props?: ({
-  variant?: "success" | "warning" | "destructive" | "muted" | null | undefined;
+  variant?: "destructive" | "warning" | "success" | "muted" | null | undefined;
   pulse?: boolean | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 interface StatusDotProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statusDotVariants> {}

package/dist/components/tabs.d.mts

@@ -6,7 +6,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/components/tabs.d.ts
 declare const tabsTriggerVariants: (props?: ({
-  variant?: "default" | "line" | "pill" | null | undefined;
+  variant?: "default" | "pill" | "line" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Tabs({
   className,

package/dist/components/textarea.d.mts

@@ -7,6 +7,7 @@ interface TextareaProps extends React.ComponentProps<"textarea"> {
   required?: boolean;
   hint?: string;
   error?: string;
+  tooltip?: string;
 }
 declare function Textarea({
   className,
@@ -15,6 +16,7 @@ declare function Textarea({
   required,
   hint,
   error,
+  tooltip,
   ...props
 }: TextareaProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion