@skybin-tech/nebula-ui 0.0.27 → 0.0.28

package/README.md

@@ -134,10 +134,12 @@ Supports the same validation props as `TextBox` (except `minValue`, `maxValue`,
 
 ### Select
 
-Dropdown select with support for an `options` array or custom `children`.
+Dropdown select with support for an `options` array or custom `children`. Import as `FormSelect` from the main package (or `Select` from `@skybin-tech/nebula-ui/components/Form`).
 
 ```tsx
-<Select
+import { Form, FormSelect } from "@skybin-tech/nebula-ui";
+
+<FormSelect
   name="country"
   label="Country"
   required
@@ -148,10 +150,10 @@ Dropdown select with support for an `options` array or custom `children`.
 />
 
 // Or with custom children
-<Select name="role" label="Role" required>
+<FormSelect name="role" label="Role" required>
   <SelectItem value="admin">Admin</SelectItem>
   <SelectItem value="user">User</SelectItem>
-</Select>
+</FormSelect>
 ```
 
 ---

package/dist/cjs/components/Form/Select.cjs

@@ -0,0 +1,131 @@
+"use client";
+"use client";
+const require_cn = require("../../utils/cn.cjs");
+const require_context = require("./context.cjs");
+const require_variants = require("./variants.cjs");
+const require_label = require("../../primitives/label.cjs");
+const require_select = require("../../primitives/select.cjs");
+let react = require("react");
+let class_variance_authority = require("class-variance-authority");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_hook_form = require("react-hook-form");
+//#region src/components/Form/Select.tsx
+var selectSizeVariants = (0, class_variance_authority.cva)("", {
+	variants: { size: {
+		sm: "h-8 text-xs",
+		md: "h-10 text-sm",
+		lg: "h-12 text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+/**
+* Select component with form integration
+* 
+* This is a wrapper around the shadcn/ui Select primitive that adds:
+* - Form integration with react-hook-form
+* - Automatic validation registration
+* - Label, helper text, and error message support
+* 
+* @example
+* ```tsx
+* // Inside a Form component
+* <Select 
+*   name="country" 
+*   label="Country" 
+*   required
+*   options={[
+*     { label: "USA", value: "us" },
+*     { label: "Canada", value: "ca" },
+*   ]} 
+* />
+* ```
+*/
+function Select({ name, label, helperText, showError = true, error: customError, size, variant, fullWidth = true, className, disabled, options = [], placeholder, allowClear, id: providedId, control: externalControl, children, required, validate }) {
+	const generatedId = (0, react.useId)();
+	const inputId = providedId ?? generatedId;
+	const formConfigContext = (0, react.useContext)(require_context.FormConfigContext);
+	const formConfig = formConfigContext ?? {};
+	const rhfContext = (0, react_hook_form.useFormContext)();
+	const control = externalControl ?? rhfContext?.control;
+	(0, react.useEffect)(() => {
+		if (formConfigContext?.registerFieldValidation) {
+			const rules = {};
+			if (required !== void 0) rules.required = required;
+			if (validate !== void 0) rules.validate = validate;
+			formConfigContext.registerFieldValidation({
+				name,
+				type: "string",
+				rules
+			});
+			return () => {
+				formConfigContext.unregisterFieldValidation(name);
+			};
+		}
+	}, [
+		formConfigContext,
+		name,
+		required,
+		validate
+	]);
+	const { field, fieldState } = (0, react_hook_form.useController)({
+		name,
+		control
+	});
+	const fieldError = fieldState.error?.message;
+	const errorMessage = customError ?? fieldError;
+	const hasError = !!errorMessage;
+	const effectiveSize = size ?? formConfig.size ?? "md";
+	const effectiveDisabled = disabled ?? formConfig.disabled;
+	const effectiveVariant = hasError ? "error" : variant;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_cn.cn("space-y-1.5", fullWidth && "w-full"),
+		children: [
+			label && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_label.Label, {
+				htmlFor: inputId,
+				className: require_variants.labelVariants({ required: !!required }),
+				children: [label, formConfig.colon && ":"]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_select.Select, {
+				value: field.value?.toString() ?? "",
+				onValueChange: (value) => {
+					if (value === "" && allowClear) field.onChange("");
+					else field.onChange(value);
+				},
+				disabled: effectiveDisabled,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_select.SelectTrigger, {
+					id: inputId,
+					"aria-invalid": hasError,
+					"aria-describedby": hasError ? `${inputId}-error` : helperText ? `${inputId}-helper` : void 0,
+					className: require_cn.cn(selectSizeVariants({ size: effectiveSize }), effectiveVariant === "error" && "border-destructive focus:ring-destructive", effectiveVariant === "success" && "border-green-500 focus:ring-green-500", className),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_select.SelectValue, { placeholder })
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_select.SelectContent, { children: [allowClear && field.value && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_select.SelectItem, {
+					value: "",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "text-muted-foreground",
+						children: "Clear selection"
+					})
+				}), children ?? options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_select.SelectItem, {
+					value: option.value.toString(),
+					disabled: option.disabled,
+					children: option.label
+				}, option.value))] })]
+			}),
+			showError && hasError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				id: `${inputId}-error`,
+				className: "text-sm text-destructive",
+				role: "alert",
+				children: errorMessage
+			}),
+			helperText && !hasError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				id: `${inputId}-helper`,
+				className: "text-sm text-muted-foreground",
+				children: helperText
+			})
+		]
+	});
+}
+Select.displayName = "Select";
+//#endregion
+exports.Select = Select;
+
+//# sourceMappingURL=Select.cjs.map

package/dist/cjs/components/Form/Select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.cjs","names":[],"sources":["../../../../src/components/Form/Select.tsx"],"sourcesContent":["'use client';\n\nimport { useId, useContext, useEffect } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { useController, useFormContext as useRHFFormContext, type FieldValues, type FieldPath, type Control } from \"react-hook-form\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\nimport { labelVariants } from \"./variants\";\nimport { FormConfigContext, type FormConfig, type FieldValidationRules } from \"../Form/context\";\nimport {\n  Select as ShadcnSelect,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../primitives/select\";\nimport { Label } from \"../../primitives/label\";\n\nconst selectSizeVariants = cva(\n  \"\",\n  {\n    variants: {\n      size: {\n        sm: \"h-8 text-xs\",\n        md: \"h-10 text-sm\",\n        lg: \"h-12 text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n);\n\nexport interface SelectOption {\n  label: string;\n  value: string | number;\n  disabled?: boolean;\n}\n\nexport interface SelectProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> extends VariantProps<typeof selectSizeVariants> {\n  /** Field name - required for form integration */\n  name: TName;\n  /** Label text for the select */\n  label?: string;\n  /** Helper text displayed below the select */\n  helperText?: string;\n  /** Whether to show the error message */\n  showError?: boolean;\n  /** Custom error message (overrides form error) */\n  error?: string;\n  /** Whether the select should take full width */\n  fullWidth?: boolean;\n  /** Options for the select */\n  options?: SelectOption[];\n  /** Placeholder text */\n  placeholder?: string;\n  /** Allow clear selection */\n  allowClear?: boolean;\n  /** External control (for use outside Form) */\n  control?: Control<TFieldValues>;\n  /** Children (alternative to options prop) */\n  children?: ReactNode;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Additional class name */\n  className?: string;\n  /** ID for the select */\n  id?: string;\n  /** Variant style */\n  variant?: \"default\" | \"error\" | \"success\";\n  \n  // Validation props\n  /** Field is required */\n  required?: boolean | string;\n  /** Custom validation function */\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\n}\n\n/**\n * Select component with form integration\n * \n * This is a wrapper around the shadcn/ui Select primitive that adds:\n * - Form integration with react-hook-form\n * - Automatic validation registration\n * - Label, helper text, and error message support\n * \n * @example\n * ```tsx\n * // Inside a Form component\n * <Select \n *   name=\"country\" \n *   label=\"Country\" \n *   required\n *   options={[\n *     { label: \"USA\", value: \"us\" },\n *     { label: \"Canada\", value: \"ca\" },\n *   ]} \n * />\n * ```\n */\nexport function Select<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  name,\n  label,\n  helperText,\n  showError = true,\n  error: customError,\n  size,\n  variant,\n  fullWidth = true,\n  className,\n  disabled,\n  options = [],\n  placeholder,\n  allowClear,\n  id: providedId,\n  control: externalControl,\n  children,\n  // Validation props\n  required,\n  validate,\n}: SelectProps<TFieldValues, TName>) {\n  const generatedId = useId();\n  const inputId = providedId ?? generatedId;\n  \n  // Try to get form context\n  const formConfigContext = useContext(FormConfigContext);\n  const formConfig: FormConfig = formConfigContext ?? {};\n  \n  // Get form context from react-hook-form\n  const rhfContext = useRHFFormContext<TFieldValues>();\n  const control = externalControl ?? rhfContext?.control;\n\n  // Register validation rules with the form\n  useEffect(() => {\n    if (formConfigContext?.registerFieldValidation) {\n      const rules: FieldValidationRules = {};\n      \n      if (required !== undefined) rules.required = required;\n      if (validate !== undefined) rules.validate = validate;\n\n      formConfigContext.registerFieldValidation({\n        name: name as string,\n        type: \"string\",\n        rules,\n      });\n\n      return () => {\n        formConfigContext.unregisterFieldValidation(name as string);\n      };\n    }\n  }, [formConfigContext, name, required, validate]);\n\n  // Use controller for form integration\n  const { field, fieldState } = useController<TFieldValues, TName>({\n    name,\n    control,\n  });\n\n  const fieldError = fieldState.error?.message;\n  const errorMessage = customError ?? fieldError;\n  const hasError = !!errorMessage;\n  \n  // Merge sizes - prop takes precedence over form config\n  const effectiveSize = size ?? formConfig.size ?? \"md\";\n  const effectiveDisabled = disabled ?? formConfig.disabled;\n  \n  // Determine variant based on error state\n  const effectiveVariant = hasError ? \"error\" : variant;\n\n  return (\n    <div className={cn(\"space-y-1.5\", fullWidth && \"w-full\")}>\n      {label && (\n        <Label\n          htmlFor={inputId}\n          className={labelVariants({ required: !!required })}\n        >\n          {label}\n          {formConfig.colon && \":\"}\n        </Label>\n      )}\n      \n      <ShadcnSelect\n        value={field.value?.toString() ?? \"\"}\n        onValueChange={(value) => {\n          // Handle clear selection\n          if (value === \"\" && allowClear) {\n            field.onChange(\"\");\n          } else {\n            field.onChange(value);\n          }\n        }}\n        disabled={effectiveDisabled}\n      >\n        <SelectTrigger\n          id={inputId}\n          aria-invalid={hasError}\n          aria-describedby={\n            hasError\n              ? `${inputId}-error`\n              : helperText\n              ? `${inputId}-helper`\n              : undefined\n          }\n          className={cn(\n            selectSizeVariants({ size: effectiveSize }),\n            effectiveVariant === \"error\" && \"border-destructive focus:ring-destructive\",\n            effectiveVariant === \"success\" && \"border-green-500 focus:ring-green-500\",\n            className\n          )}\n        >\n          <SelectValue placeholder={placeholder} />\n        </SelectTrigger>\n        <SelectContent>\n          {allowClear && field.value && (\n            <SelectItem value=\"\">\n              <span className=\"text-muted-foreground\">Clear selection</span>\n            </SelectItem>\n          )}\n          {children ?? options.map((option) => (\n            <SelectItem\n              key={option.value}\n              value={option.value.toString()}\n              disabled={option.disabled}\n            >\n              {option.label}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </ShadcnSelect>\n\n      {showError && hasError && (\n        <p\n          id={`${inputId}-error`}\n          className=\"text-sm text-destructive\"\n          role=\"alert\"\n        >\n          {errorMessage}\n        </p>\n      )}\n      \n      {helperText && !hasError && (\n        <p\n          id={`${inputId}-helper`}\n          className=\"text-sm text-muted-foreground\"\n        >\n          {helperText}\n        </p>\n      )}\n    </div>\n  );\n}\n\nSelect.displayName = \"Select\";\n"],"mappings":"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"}

package/dist/cjs/components/Form/index.cjs

@@ -0,0 +1,29 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_context = require("./context.cjs");
+const require_Form = require("./Form.cjs");
+const require_TextBox = require("./TextBox.cjs");
+const require_TextArea = require("./TextArea.cjs");
+const require_Select = require("./Select.cjs");
+const require_Checkbox = require("./Checkbox.cjs");
+const require_Radio = require("./Radio.cjs");
+const require_FormSwitch = require("./FormSwitch.cjs");
+const require_hooks = require("./hooks.cjs");
+exports.Checkbox = require_Checkbox.Checkbox;
+exports.Form = require_Form.Form;
+exports.FormCheckbox = require_Checkbox.Checkbox;
+exports.FormConfigContext = require_context.FormConfigContext;
+exports.FormSelect = require_Select.Select;
+exports.FormSwitch = require_FormSwitch.FormSwitch;
+exports.RadioGroup = require_Radio.RadioGroup;
+exports.RadioItem = require_Radio.RadioItem;
+exports.Select = require_Select.Select;
+exports.TextArea = require_TextArea.TextArea;
+exports.TextBox = require_TextBox.TextBox;
+exports.buildZodSchemaFromRules = require_context.buildZodSchemaFromRules;
+exports.defaultFormConfig = require_context.defaultFormConfig;
+exports.useFieldError = require_hooks.useFieldError;
+exports.useFieldValidationRegistry = require_context.useFieldValidationRegistry;
+exports.useForm = require_hooks.useForm;
+exports.useFormConfig = require_hooks.useFormConfig;
+exports.useFormField = require_hooks.useFormField;

package/dist/cjs/index.cjs

@@ -7,6 +7,7 @@ const require_Form = require("./components/Form/Form.cjs");
 const require_TextBox = require("./components/Form/TextBox.cjs");
 const require_TextArea = require("./components/Form/TextArea.cjs");
 const require_select = require("./primitives/select.cjs");
+const require_Select = require("./components/Form/Select.cjs");
 const require_Checkbox = require("./components/Form/Checkbox.cjs");
 const require_Radio = require("./components/Form/Radio.cjs");
 const require_FormSwitch = require("./components/Form/FormSwitch.cjs");
@@ -96,6 +97,7 @@ exports.DropdownMenuTrigger = require_DropdownMenu.DropdownMenuTrigger;
 exports.Form = require_Form.Form;
 exports.FormCheckbox = require_Checkbox.Checkbox;
 exports.FormConfigContext = require_context.FormConfigContext;
+exports.FormSelect = require_Select.Select;
 exports.FormSwitch = require_FormSwitch.FormSwitch;
 exports.Input = require_Input.Input;
 exports.Label = require_Label.Label;

package/dist/components/Form/Select.js

@@ -0,0 +1,131 @@
+"use client";
+"use client";
+import { cn } from "../../utils/cn.js";
+import { FormConfigContext } from "./context.js";
+import { labelVariants } from "./variants.js";
+import { Label } from "../../primitives/label.js";
+import { Select as Select$1, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../primitives/select.js";
+import { useContext, useEffect, useId } from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useController, useFormContext } from "react-hook-form";
+//#region src/components/Form/Select.tsx
+var selectSizeVariants = cva("", {
+	variants: { size: {
+		sm: "h-8 text-xs",
+		md: "h-10 text-sm",
+		lg: "h-12 text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+/**
+* Select component with form integration
+* 
+* This is a wrapper around the shadcn/ui Select primitive that adds:
+* - Form integration with react-hook-form
+* - Automatic validation registration
+* - Label, helper text, and error message support
+* 
+* @example
+* ```tsx
+* // Inside a Form component
+* <Select 
+*   name="country" 
+*   label="Country" 
+*   required
+*   options={[
+*     { label: "USA", value: "us" },
+*     { label: "Canada", value: "ca" },
+*   ]} 
+* />
+* ```
+*/
+function Select({ name, label, helperText, showError = true, error: customError, size, variant, fullWidth = true, className, disabled, options = [], placeholder, allowClear, id: providedId, control: externalControl, children, required, validate }) {
+	const generatedId = useId();
+	const inputId = providedId ?? generatedId;
+	const formConfigContext = useContext(FormConfigContext);
+	const formConfig = formConfigContext ?? {};
+	const rhfContext = useFormContext();
+	const control = externalControl ?? rhfContext?.control;
+	useEffect(() => {
+		if (formConfigContext?.registerFieldValidation) {
+			const rules = {};
+			if (required !== void 0) rules.required = required;
+			if (validate !== void 0) rules.validate = validate;
+			formConfigContext.registerFieldValidation({
+				name,
+				type: "string",
+				rules
+			});
+			return () => {
+				formConfigContext.unregisterFieldValidation(name);
+			};
+		}
+	}, [
+		formConfigContext,
+		name,
+		required,
+		validate
+	]);
+	const { field, fieldState } = useController({
+		name,
+		control
+	});
+	const fieldError = fieldState.error?.message;
+	const errorMessage = customError ?? fieldError;
+	const hasError = !!errorMessage;
+	const effectiveSize = size ?? formConfig.size ?? "md";
+	const effectiveDisabled = disabled ?? formConfig.disabled;
+	const effectiveVariant = hasError ? "error" : variant;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("space-y-1.5", fullWidth && "w-full"),
+		children: [
+			label && /* @__PURE__ */ jsxs(Label, {
+				htmlFor: inputId,
+				className: labelVariants({ required: !!required }),
+				children: [label, formConfig.colon && ":"]
+			}),
+			/* @__PURE__ */ jsxs(Select$1, {
+				value: field.value?.toString() ?? "",
+				onValueChange: (value) => {
+					if (value === "" && allowClear) field.onChange("");
+					else field.onChange(value);
+				},
+				disabled: effectiveDisabled,
+				children: [/* @__PURE__ */ jsx(SelectTrigger, {
+					id: inputId,
+					"aria-invalid": hasError,
+					"aria-describedby": hasError ? `${inputId}-error` : helperText ? `${inputId}-helper` : void 0,
+					className: cn(selectSizeVariants({ size: effectiveSize }), effectiveVariant === "error" && "border-destructive focus:ring-destructive", effectiveVariant === "success" && "border-green-500 focus:ring-green-500", className),
+					children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
+				}), /* @__PURE__ */ jsxs(SelectContent, { children: [allowClear && field.value && /* @__PURE__ */ jsx(SelectItem, {
+					value: "",
+					children: /* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground",
+						children: "Clear selection"
+					})
+				}), children ?? options.map((option) => /* @__PURE__ */ jsx(SelectItem, {
+					value: option.value.toString(),
+					disabled: option.disabled,
+					children: option.label
+				}, option.value))] })]
+			}),
+			showError && hasError && /* @__PURE__ */ jsx("p", {
+				id: `${inputId}-error`,
+				className: "text-sm text-destructive",
+				role: "alert",
+				children: errorMessage
+			}),
+			helperText && !hasError && /* @__PURE__ */ jsx("p", {
+				id: `${inputId}-helper`,
+				className: "text-sm text-muted-foreground",
+				children: helperText
+			})
+		]
+	});
+}
+Select.displayName = "Select";
+//#endregion
+export { Select };
+
+//# sourceMappingURL=Select.js.map

package/dist/components/Form/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","names":[],"sources":["../../../src/components/Form/Select.tsx"],"sourcesContent":["'use client';\n\nimport { useId, useContext, useEffect } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { useController, useFormContext as useRHFFormContext, type FieldValues, type FieldPath, type Control } from \"react-hook-form\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\nimport { labelVariants } from \"./variants\";\nimport { FormConfigContext, type FormConfig, type FieldValidationRules } from \"../Form/context\";\nimport {\n  Select as ShadcnSelect,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../primitives/select\";\nimport { Label } from \"../../primitives/label\";\n\nconst selectSizeVariants = cva(\n  \"\",\n  {\n    variants: {\n      size: {\n        sm: \"h-8 text-xs\",\n        md: \"h-10 text-sm\",\n        lg: \"h-12 text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n);\n\nexport interface SelectOption {\n  label: string;\n  value: string | number;\n  disabled?: boolean;\n}\n\nexport interface SelectProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> extends VariantProps<typeof selectSizeVariants> {\n  /** Field name - required for form integration */\n  name: TName;\n  /** Label text for the select */\n  label?: string;\n  /** Helper text displayed below the select */\n  helperText?: string;\n  /** Whether to show the error message */\n  showError?: boolean;\n  /** Custom error message (overrides form error) */\n  error?: string;\n  /** Whether the select should take full width */\n  fullWidth?: boolean;\n  /** Options for the select */\n  options?: SelectOption[];\n  /** Placeholder text */\n  placeholder?: string;\n  /** Allow clear selection */\n  allowClear?: boolean;\n  /** External control (for use outside Form) */\n  control?: Control<TFieldValues>;\n  /** Children (alternative to options prop) */\n  children?: ReactNode;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Additional class name */\n  className?: string;\n  /** ID for the select */\n  id?: string;\n  /** Variant style */\n  variant?: \"default\" | \"error\" | \"success\";\n  \n  // Validation props\n  /** Field is required */\n  required?: boolean | string;\n  /** Custom validation function */\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\n}\n\n/**\n * Select component with form integration\n * \n * This is a wrapper around the shadcn/ui Select primitive that adds:\n * - Form integration with react-hook-form\n * - Automatic validation registration\n * - Label, helper text, and error message support\n * \n * @example\n * ```tsx\n * // Inside a Form component\n * <Select \n *   name=\"country\" \n *   label=\"Country\" \n *   required\n *   options={[\n *     { label: \"USA\", value: \"us\" },\n *     { label: \"Canada\", value: \"ca\" },\n *   ]} \n * />\n * ```\n */\nexport function Select<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  name,\n  label,\n  helperText,\n  showError = true,\n  error: customError,\n  size,\n  variant,\n  fullWidth = true,\n  className,\n  disabled,\n  options = [],\n  placeholder,\n  allowClear,\n  id: providedId,\n  control: externalControl,\n  children,\n  // Validation props\n  required,\n  validate,\n}: SelectProps<TFieldValues, TName>) {\n  const generatedId = useId();\n  const inputId = providedId ?? generatedId;\n  \n  // Try to get form context\n  const formConfigContext = useContext(FormConfigContext);\n  const formConfig: FormConfig = formConfigContext ?? {};\n  \n  // Get form context from react-hook-form\n  const rhfContext = useRHFFormContext<TFieldValues>();\n  const control = externalControl ?? rhfContext?.control;\n\n  // Register validation rules with the form\n  useEffect(() => {\n    if (formConfigContext?.registerFieldValidation) {\n      const rules: FieldValidationRules = {};\n      \n      if (required !== undefined) rules.required = required;\n      if (validate !== undefined) rules.validate = validate;\n\n      formConfigContext.registerFieldValidation({\n        name: name as string,\n        type: \"string\",\n        rules,\n      });\n\n      return () => {\n        formConfigContext.unregisterFieldValidation(name as string);\n      };\n    }\n  }, [formConfigContext, name, required, validate]);\n\n  // Use controller for form integration\n  const { field, fieldState } = useController<TFieldValues, TName>({\n    name,\n    control,\n  });\n\n  const fieldError = fieldState.error?.message;\n  const errorMessage = customError ?? fieldError;\n  const hasError = !!errorMessage;\n  \n  // Merge sizes - prop takes precedence over form config\n  const effectiveSize = size ?? formConfig.size ?? \"md\";\n  const effectiveDisabled = disabled ?? formConfig.disabled;\n  \n  // Determine variant based on error state\n  const effectiveVariant = hasError ? \"error\" : variant;\n\n  return (\n    <div className={cn(\"space-y-1.5\", fullWidth && \"w-full\")}>\n      {label && (\n        <Label\n          htmlFor={inputId}\n          className={labelVariants({ required: !!required })}\n        >\n          {label}\n          {formConfig.colon && \":\"}\n        </Label>\n      )}\n      \n      <ShadcnSelect\n        value={field.value?.toString() ?? \"\"}\n        onValueChange={(value) => {\n          // Handle clear selection\n          if (value === \"\" && allowClear) {\n            field.onChange(\"\");\n          } else {\n            field.onChange(value);\n          }\n        }}\n        disabled={effectiveDisabled}\n      >\n        <SelectTrigger\n          id={inputId}\n          aria-invalid={hasError}\n          aria-describedby={\n            hasError\n              ? `${inputId}-error`\n              : helperText\n              ? `${inputId}-helper`\n              : undefined\n          }\n          className={cn(\n            selectSizeVariants({ size: effectiveSize }),\n            effectiveVariant === \"error\" && \"border-destructive focus:ring-destructive\",\n            effectiveVariant === \"success\" && \"border-green-500 focus:ring-green-500\",\n            className\n          )}\n        >\n          <SelectValue placeholder={placeholder} />\n        </SelectTrigger>\n        <SelectContent>\n          {allowClear && field.value && (\n            <SelectItem value=\"\">\n              <span className=\"text-muted-foreground\">Clear selection</span>\n            </SelectItem>\n          )}\n          {children ?? options.map((option) => (\n            <SelectItem\n              key={option.value}\n              value={option.value.toString()}\n              disabled={option.disabled}\n            >\n              {option.label}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </ShadcnSelect>\n\n      {showError && hasError && (\n        <p\n          id={`${inputId}-error`}\n          className=\"text-sm text-destructive\"\n          role=\"alert\"\n        >\n          {errorMessage}\n        </p>\n      )}\n      \n      {helperText && !hasError && (\n        <p\n          id={`${inputId}-helper`}\n          className=\"text-sm text-muted-foreground\"\n        >\n          {helperText}\n        </p>\n      )}\n    </div>\n  );\n}\n\nSelect.displayName = \"Select\";\n"],"mappings":";;;;;;;;;;;;AAkBA,IAAM,qBAAqB,IACzB,IACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF;;;;;;;;;;;;;;;;;;;;;;;AAwEA,SAAgB,OAGd,EACA,MACA,OACA,YACA,YAAY,MACZ,OAAO,aACP,MACA,SACA,YAAY,MACZ,WACA,UACA,UAAU,CAAC,GACX,aACA,YACA,IAAI,YACJ,SAAS,iBACT,UAEA,UACA,YACmC;CACnC,MAAM,cAAc,MAAM;CAC1B,MAAM,UAAU,cAAc;CAG9B,MAAM,oBAAoB,WAAW,iBAAiB;CACtD,MAAM,aAAyB,qBAAqB,CAAC;CAGrD,MAAM,aAAa,eAAgC;CACnD,MAAM,UAAU,mBAAmB,YAAY;CAG/C,gBAAgB;EACd,IAAI,mBAAmB,yBAAyB;GAC9C,MAAM,QAA8B,CAAC;GAErC,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAC7C,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAE7C,kBAAkB,wBAAwB;IAClC;IACN,MAAM;IACN;GACF,CAAC;GAED,aAAa;IACX,kBAAkB,0BAA0B,IAAc;GAC5D;EACF;CACF,GAAG;EAAC;EAAmB;EAAM;EAAU;CAAQ,CAAC;CAGhD,MAAM,EAAE,OAAO,eAAe,cAAmC;EAC/D;EACA;CACF,CAAC;CAED,MAAM,aAAa,WAAW,OAAO;CACrC,MAAM,eAAe,eAAe;CACpC,MAAM,WAAW,CAAC,CAAC;CAGnB,MAAM,gBAAgB,QAAQ,WAAW,QAAQ;CACjD,MAAM,oBAAoB,YAAY,WAAW;CAGjD,MAAM,mBAAmB,WAAW,UAAU;CAE9C,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,eAAe,aAAa,QAAQ;YAAvD;GACG,SACC,qBAAC,OAAD;IACE,SAAS;IACT,WAAW,cAAc,EAAE,UAAU,CAAC,CAAC,SAAS,CAAC;cAFnD,CAIG,OACA,WAAW,SAAS,GAChB;;GAGT,qBAAC,UAAD;IACE,OAAO,MAAM,OAAO,SAAS,KAAK;IAClC,gBAAgB,UAAU;KAExB,IAAI,UAAU,MAAM,YAClB,MAAM,SAAS,EAAE;UAEjB,MAAM,SAAS,KAAK;IAExB;IACA,UAAU;cAVZ,CAYE,oBAAC,eAAD;KACE,IAAI;KACJ,gBAAc;KACd,oBACE,WACI,GAAG,QAAQ,UACX,aACA,GAAG,QAAQ,WACX,KAAA;KAEN,WAAW,GACT,mBAAmB,EAAE,MAAM,cAAc,CAAC,GAC1C,qBAAqB,WAAW,6CAChC,qBAAqB,aAAa,yCAClC,SACF;eAEA,oBAAC,aAAD,EAA0B,YAAc,CAAA;IAC3B,CAAA,GACf,qBAAC,eAAD,EAAA,UAAA,CACG,cAAc,MAAM,SACnB,oBAAC,YAAD;KAAY,OAAM;eAChB,oBAAC,QAAD;MAAM,WAAU;gBAAwB;KAAqB,CAAA;IACnD,CAAA,GAEb,YAAY,QAAQ,KAAK,WACxB,oBAAC,YAAD;KAEE,OAAO,OAAO,MAAM,SAAS;KAC7B,UAAU,OAAO;eAEhB,OAAO;IACE,GALL,OAAO,KAKF,CACb,CACY,EAAA,CAAA,CACH;;GAEb,aAAa,YACZ,oBAAC,KAAD;IACE,IAAI,GAAG,QAAQ;IACf,WAAU;IACV,MAAK;cAEJ;GACA,CAAA;GAGJ,cAAc,CAAC,YACd,oBAAC,KAAD;IACE,IAAI,GAAG,QAAQ;IACf,WAAU;cAET;GACA,CAAA;EAEF;;AAET;AAEA,OAAO,cAAc"}

package/dist/components/Form/index.d.ts

@@ -4,8 +4,8 @@ export { TextBox } from './TextBox';
 export type { TextBoxProps } from './TextBox';
 export { TextArea } from './TextArea';
 export type { TextAreaProps } from './TextArea';
-export { Select } from './Select';
-export type { SelectProps, SelectOption } from './Select';
+export { Select, Select as FormSelect } from './Select';
+export type { SelectProps, SelectProps as FormSelectProps, SelectOption } from './Select';
 export { Checkbox, Checkbox as FormCheckbox } from './Checkbox';
 export type { CheckboxProps } from './Checkbox';
 export { RadioGroup, RadioItem } from './Radio';

package/dist/components/Form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AAChE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAChD,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,WAAW,CAAC;AACnB,YAAY,EACV,UAAU,EACV,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,WAAW,IAAI,eAAe,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE1F,OAAO,EAAE,QAAQ,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AAChE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAChD,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,WAAW,CAAC;AACnB,YAAY,EACV,UAAU,EACV,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Form/index.js

@@ -0,0 +1,11 @@
+"use client";
+import { FormConfigContext, buildZodSchemaFromRules, defaultFormConfig, useFieldValidationRegistry } from "./context.js";
+import { Form } from "./Form.js";
+import { TextBox } from "./TextBox.js";
+import { TextArea } from "./TextArea.js";
+import { Select } from "./Select.js";
+import { Checkbox } from "./Checkbox.js";
+import { RadioGroup, RadioItem } from "./Radio.js";
+import { FormSwitch } from "./FormSwitch.js";
+import { useFieldError, useForm, useFormConfig, useFormField } from "./hooks.js";
+export { Checkbox, Form, Checkbox as FormCheckbox, FormConfigContext, Select as FormSelect, FormSwitch, RadioGroup, RadioItem, Select, TextArea, TextBox, buildZodSchemaFromRules, defaultFormConfig, useFieldError, useFieldValidationRegistry, useForm, useFormConfig, useFormField };

package/dist/index.d.ts

@@ -1,7 +1,9 @@
 export { Button, buttonVariants } from './components/Button';
 export type { ButtonProps } from './components/Button';
 export { Form, TextBox, TextArea, FormCheckbox, RadioGroup, RadioItem, FormSwitch, FormConfigContext, defaultFormConfig, buildZodSchemaFromRules, useFieldValidationRegistry, useFormConfig, useForm, useFormField, useFieldError, } from './components/Form';
-export type { FormProps, TextBoxProps, TextAreaProps, SelectProps, SelectOption, CheckboxProps, RadioGroupProps, RadioItemProps, RadioOption, FormSwitchProps, FormConfig, FormContextValue, FieldValidationRules, FieldRegistration, } from './components/Form';
+export { Select as FormSelect } from './components/Form/Select';
+export type { FormProps, TextBoxProps, TextAreaProps, CheckboxProps, RadioGroupProps, RadioItemProps, RadioOption, FormSwitchProps, FormConfig, FormContextValue, FieldValidationRules, FieldRegistration, } from './components/Form';
+export type { SelectProps as FormSelectProps, SelectOption } from './components/Form/Select';
 export { Checkbox } from './components/Checkbox/Checkbox';
 export type { CheckboxProps as StandaloneCheckboxProps } from './components/Checkbox/Checkbox';
 export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, } from './components/Card';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -5,7 +5,8 @@ import { FormConfigContext, buildZodSchemaFromRules, defaultFormConfig, useField
 import { Form } from "./components/Form/Form.js";
 import { TextBox } from "./components/Form/TextBox.js";
 import { TextArea } from "./components/Form/TextArea.js";
-import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./primitives/select.js";
+import { Select as Select$1, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./primitives/select.js";
+import { Select } from "./components/Form/Select.js";
 import { Checkbox as Checkbox$1 } from "./components/Form/Checkbox.js";
 import { RadioGroup, RadioItem } from "./components/Form/Radio.js";
 import { FormSwitch } from "./components/Form/FormSwitch.js";
@@ -38,4 +39,4 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./comp
 import { Skeleton } from "./components/Skeleton/Skeleton.js";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/Accordion/Accordion.js";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/Pagination/Pagination.js";
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, Checkbox$1 as FormCheckbox, FormConfigContext, FormSwitch, Input, Label, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TextArea, TextBox, Textarea, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buildZodSchemaFromRules, buttonVariants, cn, defaultFormConfig, toast, toggleVariants, useDebounce, useFieldError, useFieldValidationRegistry, useForm, useFormConfig, useFormField, useToast, useToggle };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, Checkbox$1 as FormCheckbox, FormConfigContext, Select as FormSelect, FormSwitch, Input, Label, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioItem, ScrollArea, ScrollBar, Select$1 as Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TextArea, TextBox, Textarea, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buildZodSchemaFromRules, buttonVariants, cn, defaultFormConfig, toast, toggleVariants, useDebounce, useFieldError, useFieldValidationRegistry, useForm, useFormConfig, useFormField, useToast, useToggle };