@skybin-tech/nebula-ui 0.0.26 → 0.0.28

package/dist/components/Form/context.js

@@ -1,132 +1,116 @@
 "use client";
-import { createContext, useRef, useCallback } from "react";
+"use client";
+import { createContext, useCallback, useRef } from "react";
 import { z } from "zod";
-const defaultFormConfig = {
-  showInlineErrors: true,
-  validateOnBlur: true,
-  validateOnChange: false,
-  size: "md",
-  layout: "vertical",
-  disabled: false,
-  colon: true
+//#region src/components/Form/context.ts
+/**
+* Default form configuration
+*/
+var defaultFormConfig = {
+	showInlineErrors: true,
+	validateOnBlur: true,
+	validateOnChange: false,
+	size: "md",
+	layout: "vertical",
+	disabled: false,
+	colon: true
 };
-const FormConfigContext = createContext(null);
+/**
+* Form context for sharing form state and configuration
+*/
+var FormConfigContext = createContext(null);
+/**
+* Build a Zod schema from validation rules
+*/
 function buildZodSchemaFromRules(type, rules) {
-  const getValueAndMessage = (rule, defaultMessage) => {
-    if (rule === void 0) return null;
-    if (typeof rule === "object" && rule !== null && "value" in rule) {
-      return rule;
-    }
-    return { value: rule, message: defaultMessage };
-  };
-  if (type === "string") {
-    let schema = z.string();
-    const minLengthRule = getValueAndMessage(
-      rules.minLength,
-      `Minimum ${typeof rules.minLength === "number" ? rules.minLength : rules.minLength?.value} characters required`
-    );
-    if (minLengthRule) {
-      schema = schema.min(minLengthRule.value, minLengthRule.message);
-    }
-    const maxLengthRule = getValueAndMessage(
-      rules.maxLength,
-      `Maximum ${typeof rules.maxLength === "number" ? rules.maxLength : rules.maxLength?.value} characters allowed`
-    );
-    if (maxLengthRule) {
-      schema = schema.max(maxLengthRule.value, maxLengthRule.message);
-    }
-    if (rules.pattern !== void 0) {
-      const patternRule = rules.pattern instanceof RegExp ? { value: rules.pattern, message: "Invalid format" } : rules.pattern;
-      schema = schema.regex(patternRule.value, patternRule.message);
-    }
-    if (rules.email) {
-      const message = typeof rules.email === "string" ? rules.email : "Invalid email address";
-      schema = schema.email(message);
-    }
-    if (rules.url) {
-      const message = typeof rules.url === "string" ? rules.url : "Invalid URL";
-      schema = schema.url(message);
-    }
-    if (rules.required) {
-      const message = typeof rules.required === "string" ? rules.required : "This field is required";
-      schema = schema.min(1, message);
-      return schema;
-    }
-    return schema.optional();
-  }
-  if (type === "number") {
-    let schema = z.coerce.number();
-    const minRule = getValueAndMessage(
-      rules.min,
-      `Minimum value is ${typeof rules.min === "number" ? rules.min : rules.min?.value}`
-    );
-    if (minRule) {
-      schema = schema.min(minRule.value, minRule.message);
-    }
-    const maxRule = getValueAndMessage(
-      rules.max,
-      `Maximum value is ${typeof rules.max === "number" ? rules.max : rules.max?.value}`
-    );
-    if (maxRule) {
-      schema = schema.max(maxRule.value, maxRule.message);
-    }
-    if (!rules.required) {
-      return schema.optional();
-    }
-    return schema;
-  }
-  if (type === "boolean") {
-    const schema = z.boolean();
-    if (rules.required) {
-      return schema.refine((val) => val === true, {
-        message: typeof rules.required === "string" ? rules.required : "This field is required"
-      });
-    }
-    return schema.optional();
-  }
-  if (type === "date") {
-    const schema = z.coerce.date();
-    if (!rules.required) {
-      return schema.optional();
-    }
-    return schema;
-  }
-  if (type === "array") {
-    let schema = z.array(z.unknown());
-    if (rules.required) {
-      const message = typeof rules.required === "string" ? rules.required : "This field is required";
-      schema = schema.min(1, message);
-    }
-    return schema;
-  }
-  return z.unknown();
+	const getValueAndMessage = (rule, defaultMessage) => {
+		if (rule === void 0) return null;
+		if (typeof rule === "object" && rule !== null && "value" in rule) return rule;
+		return {
+			value: rule,
+			message: defaultMessage
+		};
+	};
+	if (type === "string") {
+		let schema = z.string();
+		const minLengthRule = getValueAndMessage(rules.minLength, `Minimum ${typeof rules.minLength === "number" ? rules.minLength : rules.minLength?.value} characters required`);
+		if (minLengthRule) schema = schema.min(minLengthRule.value, minLengthRule.message);
+		const maxLengthRule = getValueAndMessage(rules.maxLength, `Maximum ${typeof rules.maxLength === "number" ? rules.maxLength : rules.maxLength?.value} characters allowed`);
+		if (maxLengthRule) schema = schema.max(maxLengthRule.value, maxLengthRule.message);
+		if (rules.pattern !== void 0) {
+			const patternRule = rules.pattern instanceof RegExp ? {
+				value: rules.pattern,
+				message: "Invalid format"
+			} : rules.pattern;
+			schema = schema.regex(patternRule.value, patternRule.message);
+		}
+		if (rules.email) {
+			const message = typeof rules.email === "string" ? rules.email : "Invalid email address";
+			schema = schema.email(message);
+		}
+		if (rules.url) {
+			const message = typeof rules.url === "string" ? rules.url : "Invalid URL";
+			schema = schema.url(message);
+		}
+		if (rules.required) {
+			const message = typeof rules.required === "string" ? rules.required : "This field is required";
+			schema = schema.min(1, message);
+			return schema;
+		}
+		return schema.optional();
+	}
+	if (type === "number") {
+		let schema = z.coerce.number();
+		const minRule = getValueAndMessage(rules.min, `Minimum value is ${typeof rules.min === "number" ? rules.min : rules.min?.value}`);
+		if (minRule) schema = schema.min(minRule.value, minRule.message);
+		const maxRule = getValueAndMessage(rules.max, `Maximum value is ${typeof rules.max === "number" ? rules.max : rules.max?.value}`);
+		if (maxRule) schema = schema.max(maxRule.value, maxRule.message);
+		if (!rules.required) return schema.optional();
+		return schema;
+	}
+	if (type === "boolean") {
+		const schema = z.boolean();
+		if (rules.required) return schema.refine((val) => val === true, { message: typeof rules.required === "string" ? rules.required : "This field is required" });
+		return schema.optional();
+	}
+	if (type === "date") {
+		const schema = z.coerce.date();
+		if (!rules.required) return schema.optional();
+		return schema;
+	}
+	if (type === "array") {
+		let schema = z.array(z.unknown());
+		if (rules.required) {
+			const message = typeof rules.required === "string" ? rules.required : "This field is required";
+			schema = schema.min(1, message);
+		}
+		return schema;
+	}
+	return z.unknown();
 }
+/**
+* Hook to manage field validations
+*/
 function useFieldValidationRegistry() {
-  const fieldsRef = useRef(/* @__PURE__ */ new Map());
-  const registerFieldValidation = useCallback((field) => {
-    fieldsRef.current.set(field.name, field);
-  }, []);
-  const unregisterFieldValidation = useCallback((name) => {
-    fieldsRef.current.delete(name);
-  }, []);
-  const getValidationSchema = useCallback(() => {
-    const shape = {};
-    fieldsRef.current.forEach((field) => {
-      shape[field.name] = buildZodSchemaFromRules(field.type, field.rules);
-    });
-    return z.object(shape);
-  }, []);
-  return {
-    registerFieldValidation,
-    unregisterFieldValidation,
-    getValidationSchema,
-    fieldsRef
-  };
+	const fieldsRef = useRef(/* @__PURE__ */ new Map());
+	return {
+		registerFieldValidation: useCallback((field) => {
+			fieldsRef.current.set(field.name, field);
+		}, []),
+		unregisterFieldValidation: useCallback((name) => {
+			fieldsRef.current.delete(name);
+		}, []),
+		getValidationSchema: useCallback(() => {
+			const shape = {};
+			fieldsRef.current.forEach((field) => {
+				shape[field.name] = buildZodSchemaFromRules(field.type, field.rules);
+			});
+			return z.object(shape);
+		}, []),
+		fieldsRef
+	};
 }
-export {
-  FormConfigContext,
-  buildZodSchemaFromRules,
-  defaultFormConfig,
-  useFieldValidationRegistry
-};
-//# sourceMappingURL=context.js.map
+//#endregion
+export { FormConfigContext, buildZodSchemaFromRules, defaultFormConfig, useFieldValidationRegistry };
+
+//# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../src/components/Form/context.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useCallback, useRef } from \"react\";\r\nimport type { UseFormReturn, FieldValues } from \"react-hook-form\";\r\nimport { z } from \"zod\";\r\n\r\n/**\r\n * Validation rule types that can be applied to form fields\r\n */\r\nexport interface FieldValidationRules {\r\n  /** Field is required */\r\n  required?: boolean | string;\r\n  /** Minimum length for strings */\r\n  minLength?: number | { value: number; message: string };\r\n  /** Maximum length for strings */\r\n  maxLength?: number | { value: number; message: string };\r\n  /** Minimum value for numbers */\r\n  min?: number | { value: number; message: string };\r\n  /** Maximum value for numbers */\r\n  max?: number | { value: number; message: string };\r\n  /** Regex pattern for validation */\r\n  pattern?: RegExp | { value: RegExp; message: string };\r\n  /** Email validation */\r\n  email?: boolean | string;\r\n  /** URL validation */\r\n  url?: boolean | string;\r\n  /** Custom validation function */\r\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\r\n}\r\n\r\n/**\r\n * Form configuration options\r\n */\r\nexport interface FormConfig {\r\n  /** Show validation errors inline */\r\n  showInlineErrors?: boolean;\r\n  /** Validate on blur */\r\n  validateOnBlur?: boolean;\r\n  /** Validate on change */\r\n  validateOnChange?: boolean;\r\n  /** Size of form controls */\r\n  size?: \"sm\" | \"md\" | \"lg\";\r\n  /** Layout direction */\r\n  layout?: \"horizontal\" | \"vertical\" | \"inline\";\r\n  /** Label width for horizontal layout */\r\n  labelWidth?: string | number;\r\n  /** Whether form is disabled */\r\n  disabled?: boolean;\r\n  /** Colon after label */\r\n  colon?: boolean;\r\n}\r\n\r\n/**\r\n * Field registration info\r\n */\r\nexport interface FieldRegistration {\r\n  name: string;\r\n  type: \"string\" | \"number\" | \"boolean\" | \"date\" | \"array\";\r\n  rules: FieldValidationRules;\r\n}\r\n\r\n/**\r\n * Form context value\r\n */\r\nexport interface FormContextValue<TFieldValues extends FieldValues = FieldValues>\r\n  extends FormConfig {\r\n  form: UseFormReturn<TFieldValues>;\r\n  /** Register a field's validation rules */\r\n  registerFieldValidation: (field: FieldRegistration) => void;\r\n  /** Unregister a field's validation rules */\r\n  unregisterFieldValidation: (name: string) => void;\r\n  /** Get current validation schema */\r\n  getValidationSchema: () => z.ZodObject<Record<string, z.ZodTypeAny>>;\r\n  /** Trigger validation for a specific field */\r\n  triggerValidation: (name: string) => Promise<boolean>;\r\n}\r\n\r\n/**\r\n * Default form configuration\r\n */\r\nexport const defaultFormConfig: FormConfig = {\r\n  showInlineErrors: true,\r\n  validateOnBlur: true,\r\n  validateOnChange: false,\r\n  size: \"md\",\r\n  layout: \"vertical\",\r\n  disabled: false,\r\n  colon: true,\r\n};\r\n\r\n/**\r\n * Form context for sharing form state and configuration\r\n */\r\nexport const FormConfigContext = createContext<FormContextValue | null>(null);\r\n\r\n/**\r\n * Build a Zod schema from validation rules\r\n */\r\nexport function buildZodSchemaFromRules(\r\n  type: FieldRegistration[\"type\"],\r\n  rules: FieldValidationRules\r\n): z.ZodTypeAny {\r\n  // Helper to extract value and message\r\n  const getValueAndMessage = <T>(\r\n    rule: T | { value: T; message: string } | undefined,\r\n    defaultMessage: string\r\n  ): { value: T; message: string } | null => {\r\n    if (rule === undefined) return null;\r\n    if (typeof rule === \"object\" && rule !== null && \"value\" in rule) {\r\n      return rule as { value: T; message: string };\r\n    }\r\n    return { value: rule as T, message: defaultMessage };\r\n  };\r\n\r\n  // Build string schema\r\n  if (type === \"string\") {\r\n    let schema = z.string();\r\n\r\n    const minLengthRule = getValueAndMessage(\r\n      rules.minLength,\r\n      `Minimum ${typeof rules.minLength === \"number\" ? rules.minLength : (rules.minLength as { value: number })?.value} characters required`\r\n    );\r\n    if (minLengthRule) {\r\n      schema = schema.min(minLengthRule.value as number, minLengthRule.message);\r\n    }\r\n\r\n    const maxLengthRule = getValueAndMessage(\r\n      rules.maxLength,\r\n      `Maximum ${typeof rules.maxLength === \"number\" ? rules.maxLength : (rules.maxLength as { value: number })?.value} characters allowed`\r\n    );\r\n    if (maxLengthRule) {\r\n      schema = schema.max(maxLengthRule.value as number, maxLengthRule.message);\r\n    }\r\n\r\n    if (rules.pattern !== undefined) {\r\n      const patternRule = rules.pattern instanceof RegExp\r\n        ? { value: rules.pattern, message: \"Invalid format\" }\r\n        : rules.pattern;\r\n      schema = schema.regex(patternRule.value, patternRule.message);\r\n    }\r\n\r\n    if (rules.email) {\r\n      const message = typeof rules.email === \"string\" ? rules.email : \"Invalid email address\";\r\n      schema = schema.email(message);\r\n    }\r\n\r\n    if (rules.url) {\r\n      const message = typeof rules.url === \"string\" ? rules.url : \"Invalid URL\";\r\n      schema = schema.url(message);\r\n    }\r\n\r\n    // Handle required - for strings, require non-empty\r\n    if (rules.required) {\r\n      const message = typeof rules.required === \"string\" ? rules.required : \"This field is required\";\r\n      schema = schema.min(1, message);\r\n      return schema;\r\n    }\r\n\r\n    return schema.optional();\r\n  }\r\n\r\n  // Build number schema\r\n  if (type === \"number\") {\r\n    let schema = z.coerce.number();\r\n\r\n    const minRule = getValueAndMessage(\r\n      rules.min,\r\n      `Minimum value is ${typeof rules.min === \"number\" ? rules.min : (rules.min as { value: number })?.value}`\r\n    );\r\n    if (minRule) {\r\n      schema = schema.min(minRule.value as number, minRule.message);\r\n    }\r\n\r\n    const maxRule = getValueAndMessage(\r\n      rules.max,\r\n      `Maximum value is ${typeof rules.max === \"number\" ? rules.max : (rules.max as { value: number })?.value}`\r\n    );\r\n    if (maxRule) {\r\n      schema = schema.max(maxRule.value as number, maxRule.message);\r\n    }\r\n\r\n    if (!rules.required) {\r\n      return schema.optional();\r\n    }\r\n    return schema;\r\n  }\r\n\r\n  // Build boolean schema\r\n  if (type === \"boolean\") {\r\n    const schema = z.boolean();\r\n    if (rules.required) {\r\n      // For required boolean, must be true (like accepting terms)\r\n      return schema.refine((val) => val === true, {\r\n        message: typeof rules.required === \"string\" ? rules.required : \"This field is required\",\r\n      });\r\n    }\r\n    return schema.optional();\r\n  }\r\n\r\n  // Build date schema\r\n  if (type === \"date\") {\r\n    const schema = z.coerce.date();\r\n    if (!rules.required) {\r\n      return schema.optional();\r\n    }\r\n    return schema;\r\n  }\r\n\r\n  // Build array schema\r\n  if (type === \"array\") {\r\n    let schema = z.array(z.unknown());\r\n    if (rules.required) {\r\n      const message = typeof rules.required === \"string\" ? rules.required : \"This field is required\";\r\n      schema = schema.min(1, message);\r\n    }\r\n    return schema;\r\n  }\r\n\r\n  // Default fallback\r\n  return z.unknown();\r\n}\r\n\r\n/**\r\n * Hook to manage field validations\r\n */\r\nexport function useFieldValidationRegistry() {\r\n  const fieldsRef = useRef<Map<string, FieldRegistration>>(new Map());\r\n\r\n  const registerFieldValidation = useCallback((field: FieldRegistration) => {\r\n    fieldsRef.current.set(field.name, field);\r\n  }, []);\r\n\r\n  const unregisterFieldValidation = useCallback((name: string) => {\r\n    fieldsRef.current.delete(name);\r\n  }, []);\r\n\r\n  const getValidationSchema = useCallback(() => {\r\n    const shape: Record<string, z.ZodTypeAny> = {};\r\n    \r\n    fieldsRef.current.forEach((field) => {\r\n      shape[field.name] = buildZodSchemaFromRules(field.type, field.rules);\r\n    });\r\n\r\n    return z.object(shape);\r\n  }, []);\r\n\r\n  return {\r\n    registerFieldValidation,\r\n    unregisterFieldValidation,\r\n    getValidationSchema,\r\n    fieldsRef,\r\n  };\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/Form/context.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useCallback, useRef } from \"react\";\r\nimport type { UseFormReturn, FieldValues } from \"react-hook-form\";\r\nimport { z } from \"zod\";\r\n\r\n/**\r\n * Validation rule types that can be applied to form fields\r\n */\r\nexport interface FieldValidationRules {\r\n  /** Field is required */\r\n  required?: boolean | string;\r\n  /** Minimum length for strings */\r\n  minLength?: number | { value: number; message: string };\r\n  /** Maximum length for strings */\r\n  maxLength?: number | { value: number; message: string };\r\n  /** Minimum value for numbers */\r\n  min?: number | { value: number; message: string };\r\n  /** Maximum value for numbers */\r\n  max?: number | { value: number; message: string };\r\n  /** Regex pattern for validation */\r\n  pattern?: RegExp | { value: RegExp; message: string };\r\n  /** Email validation */\r\n  email?: boolean | string;\r\n  /** URL validation */\r\n  url?: boolean | string;\r\n  /** Custom validation function */\r\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\r\n}\r\n\r\n/**\r\n * Form configuration options\r\n */\r\nexport interface FormConfig {\r\n  /** Show validation errors inline */\r\n  showInlineErrors?: boolean;\r\n  /** Validate on blur */\r\n  validateOnBlur?: boolean;\r\n  /** Validate on change */\r\n  validateOnChange?: boolean;\r\n  /** Size of form controls */\r\n  size?: \"sm\" | \"md\" | \"lg\";\r\n  /** Layout direction */\r\n  layout?: \"horizontal\" | \"vertical\" | \"inline\";\r\n  /** Label width for horizontal layout */\r\n  labelWidth?: string | number;\r\n  /** Whether form is disabled */\r\n  disabled?: boolean;\r\n  /** Colon after label */\r\n  colon?: boolean;\r\n}\r\n\r\n/**\r\n * Field registration info\r\n */\r\nexport interface FieldRegistration {\r\n  name: string;\r\n  type: \"string\" | \"number\" | \"boolean\" | \"date\" | \"array\";\r\n  rules: FieldValidationRules;\r\n}\r\n\r\n/**\r\n * Form context value\r\n */\r\nexport interface FormContextValue<TFieldValues extends FieldValues = FieldValues>\r\n  extends FormConfig {\r\n  form: UseFormReturn<TFieldValues>;\r\n  /** Register a field's validation rules */\r\n  registerFieldValidation: (field: FieldRegistration) => void;\r\n  /** Unregister a field's validation rules */\r\n  unregisterFieldValidation: (name: string) => void;\r\n  /** Get current validation schema */\r\n  getValidationSchema: () => z.ZodObject<Record<string, z.ZodTypeAny>>;\r\n  /** Trigger validation for a specific field */\r\n  triggerValidation: (name: string) => Promise<boolean>;\r\n}\r\n\r\n/**\r\n * Default form configuration\r\n */\r\nexport const defaultFormConfig: FormConfig = {\r\n  showInlineErrors: true,\r\n  validateOnBlur: true,\r\n  validateOnChange: false,\r\n  size: \"md\",\r\n  layout: \"vertical\",\r\n  disabled: false,\r\n  colon: true,\r\n};\r\n\r\n/**\r\n * Form context for sharing form state and configuration\r\n */\r\nexport const FormConfigContext = createContext<FormContextValue | null>(null);\r\n\r\n/**\r\n * Build a Zod schema from validation rules\r\n */\r\nexport function buildZodSchemaFromRules(\r\n  type: FieldRegistration[\"type\"],\r\n  rules: FieldValidationRules\r\n): z.ZodTypeAny {\r\n  // Helper to extract value and message\r\n  const getValueAndMessage = <T>(\r\n    rule: T | { value: T; message: string } | undefined,\r\n    defaultMessage: string\r\n  ): { value: T; message: string } | null => {\r\n    if (rule === undefined) return null;\r\n    if (typeof rule === \"object\" && rule !== null && \"value\" in rule) {\r\n      return rule as { value: T; message: string };\r\n    }\r\n    return { value: rule as T, message: defaultMessage };\r\n  };\r\n\r\n  // Build string schema\r\n  if (type === \"string\") {\r\n    let schema = z.string();\r\n\r\n    const minLengthRule = getValueAndMessage(\r\n      rules.minLength,\r\n      `Minimum ${typeof rules.minLength === \"number\" ? rules.minLength : (rules.minLength as { value: number })?.value} characters required`\r\n    );\r\n    if (minLengthRule) {\r\n      schema = schema.min(minLengthRule.value as number, minLengthRule.message);\r\n    }\r\n\r\n    const maxLengthRule = getValueAndMessage(\r\n      rules.maxLength,\r\n      `Maximum ${typeof rules.maxLength === \"number\" ? rules.maxLength : (rules.maxLength as { value: number })?.value} characters allowed`\r\n    );\r\n    if (maxLengthRule) {\r\n      schema = schema.max(maxLengthRule.value as number, maxLengthRule.message);\r\n    }\r\n\r\n    if (rules.pattern !== undefined) {\r\n      const patternRule = rules.pattern instanceof RegExp\r\n        ? { value: rules.pattern, message: \"Invalid format\" }\r\n        : rules.pattern;\r\n      schema = schema.regex(patternRule.value, patternRule.message);\r\n    }\r\n\r\n    if (rules.email) {\r\n      const message = typeof rules.email === \"string\" ? rules.email : \"Invalid email address\";\r\n      schema = schema.email(message);\r\n    }\r\n\r\n    if (rules.url) {\r\n      const message = typeof rules.url === \"string\" ? rules.url : \"Invalid URL\";\r\n      schema = schema.url(message);\r\n    }\r\n\r\n    // Handle required - for strings, require non-empty\r\n    if (rules.required) {\r\n      const message = typeof rules.required === \"string\" ? rules.required : \"This field is required\";\r\n      schema = schema.min(1, message);\r\n      return schema;\r\n    }\r\n\r\n    return schema.optional();\r\n  }\r\n\r\n  // Build number schema\r\n  if (type === \"number\") {\r\n    let schema = z.coerce.number();\r\n\r\n    const minRule = getValueAndMessage(\r\n      rules.min,\r\n      `Minimum value is ${typeof rules.min === \"number\" ? rules.min : (rules.min as { value: number })?.value}`\r\n    );\r\n    if (minRule) {\r\n      schema = schema.min(minRule.value as number, minRule.message);\r\n    }\r\n\r\n    const maxRule = getValueAndMessage(\r\n      rules.max,\r\n      `Maximum value is ${typeof rules.max === \"number\" ? rules.max : (rules.max as { value: number })?.value}`\r\n    );\r\n    if (maxRule) {\r\n      schema = schema.max(maxRule.value as number, maxRule.message);\r\n    }\r\n\r\n    if (!rules.required) {\r\n      return schema.optional();\r\n    }\r\n    return schema;\r\n  }\r\n\r\n  // Build boolean schema\r\n  if (type === \"boolean\") {\r\n    const schema = z.boolean();\r\n    if (rules.required) {\r\n      // For required boolean, must be true (like accepting terms)\r\n      return schema.refine((val) => val === true, {\r\n        message: typeof rules.required === \"string\" ? rules.required : \"This field is required\",\r\n      });\r\n    }\r\n    return schema.optional();\r\n  }\r\n\r\n  // Build date schema\r\n  if (type === \"date\") {\r\n    const schema = z.coerce.date();\r\n    if (!rules.required) {\r\n      return schema.optional();\r\n    }\r\n    return schema;\r\n  }\r\n\r\n  // Build array schema\r\n  if (type === \"array\") {\r\n    let schema = z.array(z.unknown());\r\n    if (rules.required) {\r\n      const message = typeof rules.required === \"string\" ? rules.required : \"This field is required\";\r\n      schema = schema.min(1, message);\r\n    }\r\n    return schema;\r\n  }\r\n\r\n  // Default fallback\r\n  return z.unknown();\r\n}\r\n\r\n/**\r\n * Hook to manage field validations\r\n */\r\nexport function useFieldValidationRegistry() {\r\n  const fieldsRef = useRef<Map<string, FieldRegistration>>(new Map());\r\n\r\n  const registerFieldValidation = useCallback((field: FieldRegistration) => {\r\n    fieldsRef.current.set(field.name, field);\r\n  }, []);\r\n\r\n  const unregisterFieldValidation = useCallback((name: string) => {\r\n    fieldsRef.current.delete(name);\r\n  }, []);\r\n\r\n  const getValidationSchema = useCallback(() => {\r\n    const shape: Record<string, z.ZodTypeAny> = {};\r\n    \r\n    fieldsRef.current.forEach((field) => {\r\n      shape[field.name] = buildZodSchemaFromRules(field.type, field.rules);\r\n    });\r\n\r\n    return z.object(shape);\r\n  }, []);\r\n\r\n  return {\r\n    registerFieldValidation,\r\n    unregisterFieldValidation,\r\n    getValidationSchema,\r\n    fieldsRef,\r\n  };\r\n}\r\n"],"mappings":"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"}

package/dist/components/Form/hooks.js

@@ -1,37 +1,44 @@
 "use client";
-import { useContext } from "react";
-import { useFormContext, useController } from "react-hook-form";
+"use client";
 import { FormConfigContext } from "./context.js";
+import { useContext } from "react";
+import { useController, useFormContext } from "react-hook-form";
+//#region src/components/Form/hooks.ts
+/**
+* Hook to access form configuration context
+*/
 function useFormConfig() {
-  const context = useContext(FormConfigContext);
-  if (!context) {
-    throw new Error("useFormConfig must be used within a Form component");
-  }
-  return context;
+	const context = useContext(FormConfigContext);
+	if (!context) throw new Error("useFormConfig must be used within a Form component");
+	return context;
 }
-function useForm() {
-  return useFormContext();
+/**
+* Hook to access react-hook-form context directly
+*/
+function useForm$1() {
+	return useFormContext();
 }
+/**
+* Hook to create a controlled field with form context awareness
+*/
 function useFormField(props) {
-  const { form, ...config } = useFormConfig();
-  const controller = useController({
-    ...props,
-    control: form.control
-  });
-  return {
-    ...controller,
-    config
-  };
+	const { form, ...config } = useFormConfig();
+	return {
+		...useController({
+			...props,
+			control: form.control
+		}),
+		config
+	};
 }
+/**
+* Hook to get field error
+*/
 function useFieldError(name) {
-  const { form } = useFormConfig();
-  const error = form.formState.errors[name];
-  return error?.message;
+	const { form } = useFormConfig();
+	return form.formState.errors[name]?.message;
 }
-export {
-  useFieldError,
-  useForm,
-  useFormConfig,
-  useFormField
-};
-//# sourceMappingURL=hooks.js.map
+//#endregion
+export { useFieldError, useForm$1 as useForm, useFormConfig, useFormField };
+
+//# sourceMappingURL=hooks.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../../../src/components/Form/hooks.ts"],"sourcesContent":["'use client';\n\nimport { useContext } from \"react\";\r\nimport {\r\n  useFormContext as useRHFFormContext,\r\n  useController,\r\n  type FieldValues,\r\n  type FieldPath,\r\n  type UseControllerProps,\r\n  type UseControllerReturn,\r\n} from \"react-hook-form\";\r\nimport { FormConfigContext, type FormContextValue, type FormConfig } from \"./context\";\r\n\r\n/**\r\n * Hook to access form configuration context\r\n */\r\nexport function useFormConfig<TFieldValues extends FieldValues = FieldValues>(): FormContextValue<TFieldValues> {\r\n  const context = useContext(FormConfigContext) as FormContextValue<TFieldValues> | null;\r\n  if (!context) {\r\n    throw new Error(\"useFormConfig must be used within a Form component\");\r\n  }\r\n  return context;\r\n}\r\n\r\n/**\r\n * Hook to access react-hook-form context directly\r\n */\r\nexport function useForm<TFieldValues extends FieldValues = FieldValues>() {\r\n  return useRHFFormContext<TFieldValues>();\r\n}\r\n\r\n/**\r\n * Hook to create a controlled field with form context awareness\r\n */\r\nexport function useFormField<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>(\r\n  props: UseControllerProps<TFieldValues, TName>\r\n): UseControllerReturn<TFieldValues, TName> & { config: FormConfig } {\r\n  const { form, ...config } = useFormConfig<TFieldValues>();\r\n  const controller = useController<TFieldValues, TName>({\r\n    ...props,\r\n    control: form.control,\r\n  });\r\n\r\n  return {\r\n    ...controller,\r\n    config,\r\n  };\r\n}\r\n\r\n/**\r\n * Hook to get field error\r\n */\r\nexport function useFieldError<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>(name: TName): string | undefined {\r\n  const { form } = useFormConfig<TFieldValues>();\r\n  const error = form.formState.errors[name];\r\n  return error?.message as string | undefined;\r\n}\r\n"],"names":["useRHFFormContext"],"mappings":";;;;AAgBO,SAAS,gBAAgG;AAC9G,QAAM,UAAU,WAAW,iBAAiB;AAC5C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,oDAAoD;AAAA,EACtE;AACA,SAAO;AACT;AAKO,SAAS,UAA0D;AACxE,SAAOA,eAAA;AACT;AAKO,SAAS,aAId,OACmE;AACnE,QAAM,EAAE,MAAM,GAAG,OAAA,IAAW,cAAA;AAC5B,QAAM,aAAa,cAAmC;AAAA,IACpD,GAAG;AAAA,IACH,SAAS,KAAK;AAAA,EAAA,CACf;AAED,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,EAAA;AAEJ;AAKO,SAAS,cAGd,MAAiC;AACjC,QAAM,EAAE,KAAA,IAAS,cAAA;AACjB,QAAM,QAAQ,KAAK,UAAU,OAAO,IAAI;AACxC,SAAO,OAAO;AAChB;"}
+{"version":3,"file":"hooks.js","names":[],"sources":["../../../src/components/Form/hooks.ts"],"sourcesContent":["'use client';\n\nimport { useContext } from \"react\";\r\nimport {\r\n  useFormContext as useRHFFormContext,\r\n  useController,\r\n  type FieldValues,\r\n  type FieldPath,\r\n  type UseControllerProps,\r\n  type UseControllerReturn,\r\n} from \"react-hook-form\";\r\nimport { FormConfigContext, type FormContextValue, type FormConfig } from \"./context\";\r\n\r\n/**\r\n * Hook to access form configuration context\r\n */\r\nexport function useFormConfig<TFieldValues extends FieldValues = FieldValues>(): FormContextValue<TFieldValues> {\r\n  const context = useContext(FormConfigContext) as FormContextValue<TFieldValues> | null;\r\n  if (!context) {\r\n    throw new Error(\"useFormConfig must be used within a Form component\");\r\n  }\r\n  return context;\r\n}\r\n\r\n/**\r\n * Hook to access react-hook-form context directly\r\n */\r\nexport function useForm<TFieldValues extends FieldValues = FieldValues>() {\r\n  return useRHFFormContext<TFieldValues>();\r\n}\r\n\r\n/**\r\n * Hook to create a controlled field with form context awareness\r\n */\r\nexport function useFormField<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>(\r\n  props: UseControllerProps<TFieldValues, TName>\r\n): UseControllerReturn<TFieldValues, TName> & { config: FormConfig } {\r\n  const { form, ...config } = useFormConfig<TFieldValues>();\r\n  const controller = useController<TFieldValues, TName>({\r\n    ...props,\r\n    control: form.control,\r\n  });\r\n\r\n  return {\r\n    ...controller,\r\n    config,\r\n  };\r\n}\r\n\r\n/**\r\n * Hook to get field error\r\n */\r\nexport function useFieldError<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>(name: TName): string | undefined {\r\n  const { form } = useFormConfig<TFieldValues>();\r\n  const error = form.formState.errors[name];\r\n  return error?.message as string | undefined;\r\n}\r\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,gBAAgG;CAC9G,MAAM,UAAU,WAAW,iBAAiB;CAC5C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,oDAAoD;CAEtE,OAAO;AACT;;;;AAKA,SAAgB,YAA0D;CACxE,OAAO,eAAgC;AACzC;;;;AAKA,SAAgB,aAId,OACmE;CACnE,MAAM,EAAE,MAAM,GAAG,WAAW,cAA4B;CAMxD,OAAO;EACL,GANiB,cAAmC;GACpD,GAAG;GACH,SAAS,KAAK;EAChB,CAGK;EACH;CACF;AACF;;;;AAKA,SAAgB,cAGd,MAAiC;CACjC,MAAM,EAAE,SAAS,cAA4B;CAE7C,OADc,KAAK,UAAU,OAAO,KAC7B,EAAO;AAChB"}

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

@@ -4,14 +4,14 @@ 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';
 export type { RadioGroupProps, RadioItemProps, RadioOption } from './Radio';
-export { Switch } from './Switch';
-export type { SwitchProps } from './Switch';
+export { FormSwitch } from './FormSwitch';
+export type { FormSwitchProps } from './FormSwitch';
 export { FormConfigContext, defaultFormConfig, buildZodSchemaFromRules, useFieldValidationRegistry, } from './context';
 export type { FormConfig, FormContextValue, FieldValidationRules, FieldRegistration, } from './context';
 export { useFormConfig, useForm, useFormField, useFieldError } from './hooks';

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,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,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/components/Form/variants.js

@@ -1,17 +1,18 @@
 "use client";
 import { cva } from "class-variance-authority";
-const labelVariants = cva("block text-sm font-medium mb-1.5", {
-  variants: {
-    required: {
-      true: "after:content-['*'] after:ml-0.5 after:text-destructive",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    required: false
-  }
+//#region src/components/Form/variants.ts
+/**
+* Shared label variant for all form field components.
+* Shows a required asterisk when required=true.
+*/
+var labelVariants = cva("block text-sm font-medium mb-1.5", {
+	variants: { required: {
+		true: "after:content-['*'] after:ml-0.5 after:text-destructive",
+		false: ""
+	} },
+	defaultVariants: { required: false }
 });
-export {
-  labelVariants
-};
-//# sourceMappingURL=variants.js.map
+//#endregion
+export { labelVariants };
+
+//# sourceMappingURL=variants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"variants.js","sources":["../../../src/components/Form/variants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\r\n\r\n/**\r\n * Shared label variant for all form field components.\r\n * Shows a required asterisk when required=true.\r\n */\r\nexport const labelVariants = cva(\"block text-sm font-medium mb-1.5\", {\r\n  variants: {\r\n    required: {\r\n      true: \"after:content-['*'] after:ml-0.5 after:text-destructive\",\r\n      false: \"\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    required: false,\r\n  },\r\n});\r\n"],"names":[],"mappings":";;AAMO,MAAM,gBAAgB,IAAI,oCAAoC;AAAA,EACnE,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB;AAAA,IACf,UAAU;AAAA,EAAA;AAEd,CAAC;"}
+{"version":3,"file":"variants.js","names":[],"sources":["../../../src/components/Form/variants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\r\n\r\n/**\r\n * Shared label variant for all form field components.\r\n * Shows a required asterisk when required=true.\r\n */\r\nexport const labelVariants = cva(\"block text-sm font-medium mb-1.5\", {\r\n  variants: {\r\n    required: {\r\n      true: \"after:content-['*'] after:ml-0.5 after:text-destructive\",\r\n      false: \"\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    required: false,\r\n  },\r\n});\r\n"],"mappings":";;;;;;;AAMA,IAAa,gBAAgB,IAAI,oCAAoC;CACnE,UAAU,EACR,UAAU;EACR,MAAM;EACN,OAAO;CACT,EACF;CACA,iBAAiB,EACf,UAAU,MACZ;AACF,CAAC"}

package/dist/components/Input/Input.js

@@ -1,10 +1,14 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { Input as Input$1 } from "../../primitives/input.js";
-const Input = forwardRef((props, ref) => /* @__PURE__ */ jsx(Input$1, { ref, ...props }));
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Input/Input.tsx
+var Input = forwardRef((props, ref) => /* @__PURE__ */ jsx(Input$1, {
+	ref,
+	...props
+}));
 Input.displayName = "Input";
-export {
-  Input
-};
-//# sourceMappingURL=Input.js.map
+//#endregion
+export { Input };
+
+//# sourceMappingURL=Input.js.map

package/dist/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\nimport { Input as InputPrimitive } from \"../../primitives/input\"\n\nexport type InputProps = ComponentPropsWithoutRef<typeof InputPrimitive>\n\nexport const Input = forwardRef<\n  ElementRef<typeof InputPrimitive>,\n  InputProps\n>((props, ref) => <InputPrimitive ref={ref} {...props} />)\nInput.displayName = \"Input\"\n"],"names":["InputPrimitive"],"mappings":";;;;AAMO,MAAM,QAAQ,WAGnB,CAAC,OAAO,4BAASA,SAAA,EAAe,KAAW,GAAG,OAAO,CAAE;AACzD,MAAM,cAAc;"}
+{"version":3,"file":"Input.js","names":[],"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\nimport { Input as InputPrimitive } from \"../../primitives/input\"\n\nexport type InputProps = ComponentPropsWithoutRef<typeof InputPrimitive>\n\nexport const Input = forwardRef<\n  ElementRef<typeof InputPrimitive>,\n  InputProps\n>((props, ref) => <InputPrimitive ref={ref} {...props} />)\nInput.displayName = \"Input\"\n"],"mappings":";;;;;AAMA,IAAa,QAAQ,YAGlB,OAAO,QAAQ,oBAAC,SAAD;CAAqB;CAAK,GAAI;AAAQ,CAAA,CAAC;AACzD,MAAM,cAAc"}

package/dist/components/Label/Label.js

@@ -1,10 +1,14 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { Label as Label$1 } from "../../primitives/label.js";
-const Label = forwardRef((props, ref) => /* @__PURE__ */ jsx(Label$1, { ref, ...props }));
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Label/Label.tsx
+var Label = forwardRef((props, ref) => /* @__PURE__ */ jsx(Label$1, {
+	ref,
+	...props
+}));
 Label.displayName = "Label";
-export {
-  Label
-};
-//# sourceMappingURL=Label.js.map
+//#endregion
+export { Label };
+
+//# sourceMappingURL=Label.js.map

package/dist/components/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../src/components/Label/Label.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\nimport { Label as LabelPrimitive } from \"../../primitives/label\"\n\nexport type LabelProps = ComponentPropsWithoutRef<typeof LabelPrimitive>\n\nexport const Label = forwardRef<\n  ElementRef<typeof LabelPrimitive>,\n  LabelProps\n>((props, ref) => <LabelPrimitive ref={ref} {...props} />)\nLabel.displayName = \"Label\"\n"],"names":["LabelPrimitive"],"mappings":";;;;AAMO,MAAM,QAAQ,WAGnB,CAAC,OAAO,4BAASA,SAAA,EAAe,KAAW,GAAG,OAAO,CAAE;AACzD,MAAM,cAAc;"}
+{"version":3,"file":"Label.js","names":[],"sources":["../../../src/components/Label/Label.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\"\nimport { Label as LabelPrimitive } from \"../../primitives/label\"\n\nexport type LabelProps = ComponentPropsWithoutRef<typeof LabelPrimitive>\n\nexport const Label = forwardRef<\n  ElementRef<typeof LabelPrimitive>,\n  LabelProps\n>((props, ref) => <LabelPrimitive ref={ref} {...props} />)\nLabel.displayName = \"Label\"\n"],"mappings":";;;;;AAMA,IAAa,QAAQ,YAGlB,OAAO,QAAQ,oBAAC,SAAD;CAAqB;CAAK,GAAI;AAAQ,CAAA,CAAC;AACzD,MAAM,cAAc"}

package/dist/components/Pagination/Pagination.d.ts

@@ -1,7 +1,7 @@
 import { ButtonPrimitive } from '../../primitives/button';
 import * as React from "react";
 declare const Pagination: {
-    ({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
     displayName: string;
 };
 declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
@@ -10,19 +10,19 @@ type PaginationLinkProps = {
     isActive?: boolean;
 } & Pick<React.ComponentProps<typeof ButtonPrimitive>, "size"> & React.ComponentProps<"a">;
 declare const PaginationLink: {
-    ({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, isActive, size, ...props }: PaginationLinkProps): React.JSX.Element;
     displayName: string;
 };
 declare const PaginationPrevious: {
-    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): React.JSX.Element;
     displayName: string;
 };
 declare const PaginationNext: {
-    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): React.JSX.Element;
     displayName: string;
 };
 declare const PaginationEllipsis: {
-    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
     displayName: string;
 };
 export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaginationEllipsis, };