@burdenoff/fe-libs 2026.510.126

package/dist/form/FormDescription.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+/**
+ * FormDescription component props
+ */
+export type FormDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
+/**
+ * FormDescription component - Displays helper text for form fields
+ *
+ * Provides additional context or instructions for form inputs.
+ * Accessible via aria-describedby on the form control.
+ *
+ * @example
+ * ```tsx
+ * <FormField
+ *   control={form.control}
+ *   name="password"
+ *   render={({ field }) => (
+ *     <FormItem>
+ *       <FormLabel>Password</FormLabel>
+ *       <FormControl>
+ *         <Input type="password" {...field} />
+ *       </FormControl>
+ *       <FormDescription>
+ *         Must be at least 8 characters with 1 uppercase letter and 1 number
+ *       </FormDescription>
+ *       <FormMessage />
+ *     </FormItem>
+ *   )}
+ * />
+ * ```
+ */
+export declare const FormDescription: React.ForwardRefExoticComponent<FormDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=FormDescription.d.ts.map

package/dist/form/FormDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDescription.d.ts","sourceRoot":"","sources":["../../src/form/FormDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAE9E;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,eAAe,mGAc1B,CAAC"}

package/dist/form/FormDescription.js

@@ -0,0 +1,17 @@
+import { cn as e } from "../shared-utils.js";
+import { useFormField as t } from "./FormField.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/form/FormDescription.tsx
+var i = n.forwardRef(({ className: n, ...i }, a) => {
+	let { formDescriptionId: o } = t();
+	return /* @__PURE__ */ r("p", {
+		ref: a,
+		id: o,
+		className: e("text-sm text-muted-foreground", n),
+		...i
+	});
+});
+i.displayName = "FormDescription";
+//#endregion
+export { i as FormDescription };

package/dist/form/FormField.d.ts

@@ -0,0 +1,96 @@
+import { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
+import * as React from "react";
+/**
+ * Hook to access form field context
+ *
+ * Provides access to field name for nested components like FormLabel, FormMessage, etc.
+ *
+ * @example
+ * ```tsx
+ * function CustomInput() {
+ *   const { name } = useFormField();
+ *   return <input name={name} />;
+ * }
+ * ```
+ */
+export declare function useFormField(): {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: import('react-hook-form').FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+/**
+ * FormField component props
+ */
+export type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = ControllerProps<TFieldValues, TName>;
+/**
+ * FormField component - Wrapper for form inputs with React Hook Form integration
+ *
+ * Uses React Hook Form's Controller component to manage field state.
+ * Provides context for child components (FormLabel, FormMessage, etc.).
+ *
+ * @example
+ * ```tsx
+ * <FormField
+ *   control={form.control}
+ *   name="email"
+ *   render={({ field }) => (
+ *     <FormItem>
+ *       <FormLabel>Email</FormLabel>
+ *       <FormControl>
+ *         <Input type="email" {...field} />
+ *       </FormControl>
+ *       <FormDescription>Enter your email address</FormDescription>
+ *       <FormMessage />
+ *     </FormItem>
+ *   )}
+ * />
+ * ```
+ */
+export declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: FormFieldProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+/**
+ * FormItem component props
+ */
+export type FormItemProps = React.HTMLAttributes<HTMLDivElement>;
+/**
+ * FormItem component - Container for form field components
+ *
+ * Provides spacing and layout for form fields.
+ * Generates unique IDs for accessibility attributes.
+ *
+ * @example
+ * ```tsx
+ * <FormItem>
+ *   <FormLabel>Username</FormLabel>
+ *   <FormControl>
+ *     <Input />
+ *   </FormControl>
+ *   <FormMessage />
+ * </FormItem>
+ * ```
+ */
+export declare const FormItem: React.ForwardRefExoticComponent<FormItemProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * FormControl component props
+ */
+export type FormControlProps = React.HTMLAttributes<HTMLDivElement>;
+/**
+ * FormControl component - Wrapper for form input elements
+ *
+ * Connects input elements with form field state and accessibility attributes.
+ *
+ * @example
+ * ```tsx
+ * <FormControl>
+ *   <Input type="email" placeholder="you@example.com" />
+ * </FormControl>
+ * ```
+ */
+export declare const FormControl: React.ForwardRefExoticComponent<FormControlProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=FormField.d.ts.map

package/dist/form/FormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../src/form/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EAEjB,MAAM,iBAAiB,CAAC;AAiBzB;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY;;;;;;;;;;;EAqB3B;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,CACxB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,IAC7D,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;AAEzC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,SAAS,CACvB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,YAAY,EAAE,KAAK,CAAC,2CAMlD;AAaD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjE;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,QAAQ,sFAUpB,CAAC;AAGF;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEpE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,yFAmBvB,CAAC"}

package/dist/form/FormField.js

@@ -0,0 +1,50 @@
+import { cn as e } from "../shared-utils.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Controller as r, useFormContext as i } from "react-hook-form";
+//#region src/form/FormField.tsx
+var a = t.createContext({});
+function o() {
+	let e = t.useContext(a), n = t.useContext(c), { getFieldState: r, formState: o } = i(), s = r(e.name, o);
+	if (!e) throw Error("useFormField must be used within a FormField");
+	let { id: l } = n;
+	return {
+		id: l,
+		name: e.name,
+		formItemId: `${l}-form-item`,
+		formDescriptionId: `${l}-form-item-description`,
+		formMessageId: `${l}-form-item-message`,
+		...s
+	};
+}
+function s({ ...e }) {
+	return /* @__PURE__ */ n(a.Provider, {
+		value: { name: e.name },
+		children: /* @__PURE__ */ n(r, { ...e })
+	});
+}
+var c = t.createContext({}), l = t.forwardRef(({ className: r, ...i }, a) => {
+	let o = t.useId();
+	return /* @__PURE__ */ n(c.Provider, {
+		value: { id: o },
+		children: /* @__PURE__ */ n("div", {
+			ref: a,
+			className: e("space-y-2", r),
+			...i
+		})
+	});
+});
+l.displayName = "FormItem";
+var u = t.forwardRef(({ ...e }, t) => {
+	let { error: r, formItemId: i, formDescriptionId: a, formMessageId: s } = o();
+	return /* @__PURE__ */ n("div", {
+		ref: t,
+		id: i,
+		"aria-describedby": r ? `${a} ${s}` : `${a}`,
+		"aria-invalid": !!r,
+		...e
+	});
+});
+u.displayName = "FormControl";
+//#endregion
+export { u as FormControl, s as FormField, l as FormItem, o as useFormField };

package/dist/form/FormLabel.d.ts

@@ -0,0 +1,41 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+/**
+ * Label variants for different states and styles
+ */
+declare const labelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/**
+ * FormLabel component props
+ */
+export interface FormLabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
+    /** Whether the field is required */
+    required?: boolean;
+}
+/**
+ * FormLabel component - Accessible label for form fields
+ *
+ * Uses Radix UI Label primitive for accessibility.
+ * Automatically connects to form field via context.
+ * Shows error state and required indicator.
+ *
+ * @example
+ * ```tsx
+ * <FormField
+ *   control={form.control}
+ *   name="email"
+ *   render={({ field }) => (
+ *     <FormItem>
+ *       <FormLabel required>Email Address</FormLabel>
+ *       <FormControl>
+ *         <Input type="email" {...field} />
+ *       </FormControl>
+ *       <FormMessage />
+ *     </FormItem>
+ *   )}
+ * />
+ * ```
+ */
+export declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;
+export {};
+//# sourceMappingURL=FormLabel.d.ts.map

package/dist/form/FormLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.d.ts","sourceRoot":"","sources":["../../src/form/FormLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE;;GAEG;AACH,QAAA,MAAM,aAAa,oFAElB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,cACf,SACE,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,EAC1D,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,SAAS,yFAqBpB,CAAC"}

package/dist/form/FormLabel.js

@@ -0,0 +1,24 @@
+import { cn as e } from "../shared-utils.js";
+import { useFormField as t } from "./FormField.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { cva as a } from "class-variance-authority";
+import * as o from "@radix-ui/react-label";
+//#region src/form/FormLabel.tsx
+var s = a("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), c = n.forwardRef(({ className: n, required: a, children: c, ...l }, u) => {
+	let { error: d, formItemId: f } = t();
+	return /* @__PURE__ */ i(o.Root, {
+		ref: u,
+		className: e(s(), d && "text-destructive", n),
+		htmlFor: f,
+		...l,
+		children: [c, a && /* @__PURE__ */ r("span", {
+			className: "ml-1 text-destructive",
+			"aria-label": "required",
+			children: "*"
+		})]
+	});
+});
+c.displayName = "FormLabel";
+//#endregion
+export { c as FormLabel };

package/dist/form/FormMessage.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+/**
+ * FormMessage component props
+ */
+export type FormMessageProps = React.HTMLAttributes<HTMLParagraphElement>;
+/**
+ * FormMessage component - Displays error messages for form fields
+ *
+ * Automatically shows validation errors from React Hook Form.
+ * Accessible with proper ARIA attributes for screen readers.
+ *
+ * @example
+ * ```tsx
+ * <FormField
+ *   control={form.control}
+ *   name="email"
+ *   render={({ field }) => (
+ *     <FormItem>
+ *       <FormLabel>Email</FormLabel>
+ *       <FormControl>
+ *         <Input type="email" {...field} />
+ *       </FormControl>
+ *       <FormMessage />
+ *     </FormItem>
+ *   )}
+ * />
+ * ```
+ *
+ * @example Custom error message
+ * ```tsx
+ * <FormMessage>Custom validation message</FormMessage>
+ * ```
+ */
+export declare const FormMessage: React.ForwardRefExoticComponent<FormMessageProps & React.RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=FormMessage.d.ts.map

package/dist/form/FormMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormMessage.d.ts","sourceRoot":"","sources":["../../src/form/FormMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,WAAW,+FAuBtB,CAAC"}

package/dist/form/FormMessage.js

@@ -0,0 +1,20 @@
+import { cn as e } from "../shared-utils.js";
+import { useFormField as t } from "./FormField.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/form/FormMessage.tsx
+var i = n.forwardRef(({ className: n, children: i, ...a }, o) => {
+	let { error: s, formMessageId: c } = t(), l = s ? String(s?.message) : i;
+	return l ? /* @__PURE__ */ r("p", {
+		ref: o,
+		id: c,
+		className: e("text-sm font-medium text-destructive", n),
+		role: "alert",
+		"aria-live": "polite",
+		...a,
+		children: l
+	}) : null;
+});
+i.displayName = "FormMessage";
+//#endregion
+export { i as FormMessage };

package/dist/form/Input.d.ts

@@ -0,0 +1,43 @@
+import * as React from "react";
+/**
+ * Input component props
+ */
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
+/**
+ * Input component - Styled text input field
+ *
+ * A flexible input component with consistent styling using semantic tokens.
+ * Supports all native HTML input attributes including type, placeholder, disabled, etc.
+ *
+ * @example Basic usage
+ * ```tsx
+ * <Input type="text" placeholder="Enter your name" />
+ * ```
+ *
+ * @example With React Hook Form
+ * ```tsx
+ * <FormField
+ *   control={form.control}
+ *   name="email"
+ *   render={({ field }) => (
+ *     <FormItem>
+ *       <FormLabel>Email</FormLabel>
+ *       <FormControl>
+ *         <Input type="email" placeholder="you@example.com" {...field} />
+ *       </FormControl>
+ *       <FormMessage />
+ *     </FormItem>
+ *   )}
+ * />
+ * ```
+ *
+ * @example Different input types
+ * ```tsx
+ * <Input type="password" placeholder="Enter password" />
+ * <Input type="number" min={0} max={100} />
+ * <Input type="date" />
+ * <Input type="file" accept="image/*" />
+ * ```
+ */
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Input.d.ts.map

package/dist/form/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/form/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAErE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,KAAK,qFAmBjB,CAAC"}

package/dist/form/Input.js

@@ -0,0 +1,13 @@
+import { cn as e } from "../shared-utils.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/form/Input.tsx
+var r = t.forwardRef(({ className: t, type: r, ...i }, a) => /* @__PURE__ */ n("input", {
+	type: r,
+	className: e("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors", "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", "aria-[invalid=true]:border-destructive", t),
+	ref: a,
+	...i
+}));
+r.displayName = "Input";
+//#endregion
+export { r as Input };

package/dist/form/Radio.d.ts

@@ -0,0 +1,99 @@
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+/**
+ * RadioGroup component - Container for radio button options
+ */
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * RadioGroupItem component props
+ */
+export type RadioGroupItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
+/**
+ * RadioGroupItem component - Individual radio button
+ *
+ * A styled radio button component with proper accessibility features.
+ * Uses Radix UI RadioGroup primitive for robust functionality.
+ *
+ * @example Basic usage
+ * ```tsx
+ * <RadioGroup defaultValue="option1">
+ *   <div className="flex items-center space-x-2">
+ *     <RadioGroupItem value="option1" id="option1" />
+ *     <label htmlFor="option1">Option 1</label>
+ *   </div>
+ *   <div className="flex items-center space-x-2">
+ *     <RadioGroupItem value="option2" id="option2" />
+ *     <label htmlFor="option2">Option 2</label>
+ *   </div>
+ * </RadioGroup>
+ * ```
+ *
+ * @example With React Hook Form
+ * ```tsx
+ * <FormField
+ *   control={form.control}
+ *   name="type"
+ *   render={({ field }) => (
+ *     <FormItem className="space-y-3">
+ *       <FormLabel>Notification Type</FormLabel>
+ *       <FormControl>
+ *         <RadioGroup
+ *           onValueChange={field.onChange}
+ *           defaultValue={field.value}
+ *           className="flex flex-col space-y-1"
+ *         >
+ *           <FormItem className="flex items-center space-x-3 space-y-0">
+ *             <FormControl>
+ *               <RadioGroupItem value="all" />
+ *             </FormControl>
+ *             <FormLabel className="font-normal">
+ *               All new messages
+ *             </FormLabel>
+ *           </FormItem>
+ *           <FormItem className="flex items-center space-x-3 space-y-0">
+ *             <FormControl>
+ *               <RadioGroupItem value="mentions" />
+ *             </FormControl>
+ *             <FormLabel className="font-normal">
+ *               Direct messages and mentions
+ *             </FormLabel>
+ *           </FormItem>
+ *           <FormItem className="flex items-center space-x-3 space-y-0">
+ *             <FormControl>
+ *               <RadioGroupItem value="none" />
+ *             </FormControl>
+ *             <FormLabel className="font-normal">
+ *               Nothing
+ *             </FormLabel>
+ *           </FormItem>
+ *         </RadioGroup>
+ *       </FormControl>
+ *       <FormMessage />
+ *     </FormItem>
+ *   )}
+ * />
+ * ```
+ *
+ * @example Controlled radio group
+ * ```tsx
+ * const [value, setValue] = useState('option1');
+ *
+ * <RadioGroup value={value} onValueChange={setValue}>
+ *   <div className="flex items-center space-x-2">
+ *     <RadioGroupItem value="option1" id="r1" />
+ *     <label htmlFor="r1">Default</label>
+ *   </div>
+ *   <div className="flex items-center space-x-2">
+ *     <RadioGroupItem value="option2" id="r2" />
+ *     <label htmlFor="r2">Comfortable</label>
+ *   </div>
+ *   <div className="flex items-center space-x-2">
+ *     <RadioGroupItem value="option3" id="r3" />
+ *     <label htmlFor="r3">Compact</label>
+ *   </div>
+ * </RadioGroup>
+ * ```
+ */
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=Radio.d.ts.map

package/dist/form/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/form/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAInE;;GAEG;AACH,QAAA,MAAM,UAAU,+JAWd,CAAC;AAGH;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAC9D,OAAO,mBAAmB,CAAC,IAAI,CAChC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqFG;AACH,QAAA,MAAM,cAAc,yKAoBlB,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}

package/dist/form/Radio.js

@@ -0,0 +1,24 @@
+import { cn as e } from "../shared-utils.js";
+import * as t from "react";
+import { Circle as n } from "lucide-react";
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "@radix-ui/react-radio-group";
+//#region src/form/Radio.tsx
+var a = t.forwardRef(({ className: t, ...n }, a) => /* @__PURE__ */ r(i.Root, {
+	className: e("grid gap-2", t),
+	...n,
+	ref: a
+}));
+a.displayName = i.Root.displayName;
+var o = t.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ r(i.Item, {
+	ref: o,
+	className: e("aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", t),
+	...a,
+	children: /* @__PURE__ */ r(i.Indicator, {
+		className: "flex items-center justify-center",
+		children: /* @__PURE__ */ r(n, { className: "h-3.5 w-3.5 fill-primary" })
+	})
+}));
+o.displayName = i.Item.displayName;
+//#endregion
+export { a as RadioGroup, o as RadioGroupItem };

package/dist/form/Select.d.ts

@@ -0,0 +1,101 @@
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+/**
+ * Select Root component
+ */
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+/**
+ * SelectGroup component
+ */
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * SelectValue component
+ */
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * SelectTrigger component props
+ */
+export type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>;
+/**
+ * SelectTrigger component - Button that opens the select dropdown
+ *
+ * @example
+ * ```tsx
+ * <Select>
+ *   <SelectTrigger>
+ *     <SelectValue placeholder="Select an option" />
+ *   </SelectTrigger>
+ * </Select>
+ * ```
+ */
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * SelectScrollUpButton component - Scroll up button for long lists
+ */
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * SelectScrollDownButton component - Scroll down button for long lists
+ */
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * SelectContent component props
+ */
+export interface SelectContentProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {
+    position?: "item-aligned" | "popper";
+}
+/**
+ * SelectContent component - Dropdown content container
+ *
+ * @example
+ * ```tsx
+ * <Select>
+ *   <SelectTrigger>
+ *     <SelectValue placeholder="Choose" />
+ *   </SelectTrigger>
+ *   <SelectContent>
+ *     <SelectItem value="option1">Option 1</SelectItem>
+ *     <SelectItem value="option2">Option 2</SelectItem>
+ *   </SelectContent>
+ * </Select>
+ * ```
+ */
+declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * SelectLabel component props
+ */
+export type SelectLabelProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>;
+/**
+ * SelectLabel component - Label for select option groups
+ *
+ * @example
+ * ```tsx
+ * <SelectContent>
+ *   <SelectLabel>Fruits</SelectLabel>
+ *   <SelectItem value="apple">Apple</SelectItem>
+ *   <SelectItem value="banana">Banana</SelectItem>
+ * </SelectContent>
+ * ```
+ */
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * SelectItem component props
+ */
+export type SelectItemProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>;
+/**
+ * SelectItem component - Individual select option
+ *
+ * @example
+ * ```tsx
+ * <SelectContent>
+ *   <SelectItem value="option1">Option 1</SelectItem>
+ *   <SelectItem value="option2" disabled>Option 2 (disabled)</SelectItem>
+ * </SelectContent>
+ * ```
+ */
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * SelectSeparator component - Visual separator between select items
+ */
+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, };
+//# sourceMappingURL=Select.d.ts.map

package/dist/form/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/form/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D;;GAEG;AACH,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC;;GAEG;AACH,QAAA,MAAM,WAAW,yGAAwB,CAAC;AAE1C;;GAEG;AACH,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAE1C;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAC7D,OAAO,eAAe,CAAC,OAAO,CAC/B,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,aAAa,oKAsBjB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,oBAAoB,qKAcxB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,sBAAsB,uKAc1B,CAAC;AAIH;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CACxE,OAAO,eAAe,CAAC,OAAO,CAC/B;IACC,QAAQ,CAAC,EAAE,cAAc,GAAG,QAAQ,CAAC;CACtC;AAED;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,aAAa,2FA8BjB,CAAC;AAGH;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAC3D,OAAO,eAAe,CAAC,KAAK,CAC7B,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,WAAW,4JASf,CAAC;AAGH;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAC1D,OAAO,eAAe,CAAC,IAAI,CAC5B,CAAC;AAEF;;;;;;;;;;GAUG;AACH,QAAA,MAAM,UAAU,2JAqBd,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,eAAe,gKASnB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAC"}