@arkyn/components 3.0.1-beta.99 → 3.0.3

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

@@ -1,125 +1,134 @@
-import { LucideIcon } from "lucide-react";
-import { FocusEvent } from "react";
+import type { LucideIcon } from "lucide-react";
+import { type FocusEvent } from "react";
 type SelectProps = {
+    /** Field name for form submission. Required. */
     name: string;
+    /** Array of selectable options. Required. */
     options: {
         label: string;
         value: string;
     }[];
+    /** Optional HTML id for the underlying hidden input. */
     id?: string;
+    /** Controlled selected value. */
     value?: string;
+    /** Uncontrolled default selected value. @default "" */
     defaultValue?: string;
+    /** Displays an asterisk on the label to signal a required field. */
     showAsterisk?: boolean;
+    /** Optional label text displayed above the select. */
     label?: string;
+    /** Validation error message displayed below the select. */
     errorMessage?: string;
+    /** Placeholder text shown when no option is selected. @default "Selecione..." */
     placeholder?: string;
+    /** Text shown when no options match the search query. @default "Sem opções disponíveis" */
     notFoundText?: string;
+    /** Additional CSS class applied to the wrapper element. */
     className?: string;
+    /** Disables all interactions. @default false */
     disabled?: boolean;
+    /** Prevents value changes while keeping the current value visible. @default false */
     readOnly?: boolean;
+    /** Shows a loading spinner and disables interactions. @default false */
     isLoading?: boolean;
+    /** Enables search/filter within the dropdown. @default false */
     isSearchable?: boolean;
+    /** Closes the dropdown after an option is selected. @default true */
     closeOnSelect?: boolean;
+    /** Callback fired when the search query changes. Use for async option loading. */
     onSearch?: (value: string) => void;
+    /** Callback fired when the selected value changes. */
     onChange?: (value: string) => void;
+    /** Callback fired when the select gains focus. */
     onFocus?: () => void;
+    /** Callback fired when the select loses focus. */
     onBlur?: (e: FocusEvent<HTMLDivElement>) => void;
+    /**
+     * Select size.
+     * @default "md"
+     */
     size?: "md" | "lg";
+    /**
+     * Visual style variant.
+     * - `solid`: filled background.
+     * - `outline`: bordered, transparent background.
+     * - `underline`: bottom border only.
+     * @default "solid"
+     */
     variant?: "solid" | "outline" | "underline";
+    /** Text or icon rendered at the far left, outside the select area. */
     prefix?: string | LucideIcon;
+    /** Lucide icon rendered inside the select on the left. */
     leftIcon?: LucideIcon;
+    /** Maximum height (in px) of the options dropdown. */
     optionMaxHeight?: number;
+    /** When true, skips `FieldTemplate` wrapper (label and error text). @default false */
+    unShowFieldTemplate?: boolean;
+    /**
+     * Layout direction forwarded to `FieldTemplate`.
+     * @default "horizontal"
+     */
+    orientation?: "horizontal" | "vertical" | "horizontalReverse";
 };
 /**
- * Select component - used for selecting sle options from a dropdown list with support for search, labels, and validation
+ * Select — single-option dropdown with optional search, label, validation, and form integration.
  *
- * @param props - Select component properties
- * @param props.name - Required field name for form handling
- * @param props.options - Array of options with label and value properties
- * @param props.id - Optional unique identifier for the component
- * @param props.value - Controlled value of selected option
- * @param props.defaultValue - Default selected value. Default: ""
- * @param props.showAsterisk - Whether to show asterisk on label for required fields
- * @param props.label - Optional label text to display above the select
- * @param props.errorMessage - Error message to display below the select
- * @param props.placeholder - Placeholder text when no options are selected. Default: "Selecione..."
- * @param props.notFoundText - Text to display when no options match search. Default: "Sem opções disponíveis"
- * @param props.className - Additional CSS classes to apply
- * @param props.disabled - Whether the select is disabled. Default: false
- * @param props.readOnly - Whether the select is read-only. Default: false
- * @param props.isLoading - Controls loading state with spinner. Default: false
- * @param props.isSearchable - Whether the select supports search functionality. Default: false
- * @param props.closeOnSelect - Whether to close dropdown after selecting an option. Default: true
- * @param props.onSearch - Callback function called when search value changes
- * @param props.onChange - Callback function called when selected value changes
- * @param props.onFocus - Callback function called when select gains focus
- * @param props.onBlur - Callback function called when select loses focus
- * @param props.size - Select size. Default: "md"
- * @param props.variant - Visual variant of the select. Default: "solid"
- * @param props.prefix - Text or icon to display at the beginning of the select
- * @param props.leftIcon - Optional icon to display on the left side
- * @param props.optionMaxHeight - Maximum height for the options dropdown
+ * Integrates with `useForm` to display validation errors by field name.
  *
- * @returns Select JSX element wrapped in FieldWrapper with optional label and error
+ * @param props.name - Field name for form submission. Required.
+ * @param props.options - Array of selectable options (`{ label, value }`). Required.
+ * @param props.value - Controlled selected value.
+ * @param props.defaultValue - Uncontrolled default value. Default: ""
+ * @param props.label - Label text displayed above the select.
+ * @param props.placeholder - Placeholder shown when nothing is selected. Default: "Selecione..."
+ * @param props.errorMessage - Validation error message.
+ * @param props.isSearchable - Enables search/filter within the dropdown. Default: false
+ * @param props.isLoading - Shows a loading spinner and disables interactions. Default: false
+ * @param props.closeOnSelect - Closes the dropdown after selecting. Default: true
+ * @param props.onChange - Callback fired when the selected value changes.
+ * @param props.onSearch - Callback fired when the search query changes.
+ * @param props.size - Select size (`md` | `lg`). Default: "md"
+ * @param props.variant - Visual style variant. Default: "solid"
+ * @param props.orientation - Layout direction. Default: "horizontal"
+ * @param props.unShowFieldTemplate - Skips wrapper, label, and error rendering. Default: false
+ *
+ * @returns Select JSX element wrapped in `FieldTemplate`.
  *
  * @example
  * ```tsx
- * // Basic select
+ * // Basic
  * <Select
- *   name="category:"
+ *   name="category"
  *   options={[
  *     { label: "Technology", value: "tech" },
  *     { label: "Design", value: "design" },
- *     { label: "Marketing", value: "marketing" }
  *   ]}
  * />
  *
- * // Select with label and validation
- * <Select
- *   name="skill"
- *   label="Select your skill:"
- *   showAsterisk
- *   errorMessage="Please select at least one skill"
- *   options={skillOptions}
- *   placeholder="Choose your skills..."
- * />
- *
- * // Searchable select with custom styling
+ * // With label, validation, and searchable
  * <Select
  *   name="country"
- *   label="Country:"
+ *   label="Country"
+ *   showAsterisk
  *   isSearchable
- *   variant="outline"
- *   size="lg"
- *   leftIcon={GlobeIcon}
  *   options={countryOptions}
+ *   errorMessage={errors.country}
  *   notFoundText="No countries found"
  * />
  *
- * // Controlled select with callbacks
+ * // Controlled with async search
  * <Select
  *   name="tag"
- *   label="Tag:"
+ *   label="Tag"
  *   value={selectedTag}
  *   onChange={setSelectedTag}
- *   onSearch={handleSearch}
- *   closeOnSelect={false}
+ *   onSearch={fetchTagOptions}
  *   isLoading={isLoadingTags}
  *   options={tagOptions}
  * />
- *
- * // Select with prefix and custom behavior
- * <Select
- *   name="department"
- *   label="Department:"
- *   prefix="Dept:"
- *   closeOnSelect={true}
- *   variant="underline"
- *   defaultValue="hr"
- *   options={departmentOptions}
- * />
  * ```
  */
-declare function Select(props: SelectProps): import("react/jsx-runtime").JSX.Element;
+declare function Select(props: SelectProps): import("react").JSX.Element;
 export { Select };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAA2B,MAAM,OAAO,CAAC;AAgB5D,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAE5C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAEjD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IAE5C,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,QAAQ,CAAC,EAAE,UAAU,CAAC;IAEtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyFG;AAEH,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,2CAiKjC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,KAAK,UAAU,EAA2B,MAAM,OAAO,CAAC;AAcjE,KAAK,WAAW,GAAG;IAClB,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,6CAA6C;IAC7C,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,wDAAwD;IACxD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2FAA2F;IAC3F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qEAAqE;IACrE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IAC5C,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,sDAAsD;IACtD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sFAAsF;IACtF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,mBAAmB,CAAC;CAC9D,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AAEH,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,+BAuKjC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/select/selectChevron/index.d.ts

@@ -6,6 +6,6 @@ type SelectChevronProps = {
     readOnly: boolean;
     isFocused: boolean;
 };
-declare function SelectChevron(props: SelectChevronProps): import("react/jsx-runtime").JSX.Element;
+declare function SelectChevron(props: SelectChevronProps): import("react").JSX.Element | null;
 export { SelectChevron };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/select/selectChevron/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/selectChevron/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAEtB,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAqB/C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/selectChevron/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAEtB,KAAK,kBAAkB,GAAG;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,sCAqB/C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/select/selectContainer/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 import "./styles.css";
 type SelectContainerProps = {
     children: ReactNode;
@@ -14,6 +14,6 @@ type SelectContainerProps = {
     variant: "solid" | "outline" | "underline";
     size: "md" | "lg";
 };
-declare function SelectContainer(props: SelectContainerProps): import("react/jsx-runtime").JSX.Element;
+declare function SelectContainer(props: SelectContainerProps): import("react").JSX.Element;
 export { SelectContainer };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/select/selectContainer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/selectContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IAC3C,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;CACnB,CAAC;AAEF,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CA8BnD;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/selectContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,KAAK,oBAAoB,GAAG;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IAC3C,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;CAClB,CAAC;AAEF,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BA8BnD;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/select/selectContent/index.d.ts

@@ -1,9 +1,9 @@
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 import "./styles.css";
 type SelectContentProps = {
     children: ReactNode;
     size: "md" | "lg";
 };
-declare function SelectContent(props: SelectContentProps): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent(props: SelectContentProps): import("react").JSX.Element;
 export { SelectContent };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/select/selectContent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/selectContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;CACnB,CAAC;AAEF,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAI/C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/selectContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,KAAK,kBAAkB,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;CAClB,CAAC;AAEF,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,+BAI/C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/select/selectOption/index.d.ts

@@ -6,6 +6,6 @@ type SelectOptionProps = {
     optionHasSelected: (value: string) => boolean;
     handleChangeValue: (value: string) => void;
 };
-declare function SelectOption(props: SelectOptionProps): import("react/jsx-runtime").JSX.Element;
+declare function SelectOption(props: SelectOptionProps): import("react").JSX.Element;
 export { SelectOption };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/select/selectOption/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/selectOption/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAEtB,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC9C,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAW7C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/selectOption/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAEtB,KAAK,iBAAiB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC9C,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BAe7C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/select/selectOptionsContainer/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { type ReactNode } from "react";
 import "./styles.css";
 type SelectOptionsContainerProps = {
     isFocused: boolean;
@@ -7,6 +7,6 @@ type SelectOptionsContainerProps = {
     search: string;
     onSearch: (value: string) => void;
 };
-declare function SelectOptionsContainer(props: SelectOptionsContainerProps): import("react/jsx-runtime").JSX.Element;
+declare function SelectOptionsContainer(props: SelectOptionsContainerProps): import("react").JSX.Element | null;
 export { SelectOptionsContainer };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/select/selectOptionsContainer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/selectOptionsContainer/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,SAAS,EAA+B,MAAM,OAAO,CAAC;AAK5E,OAAO,cAAc,CAAC;AAEtB,KAAK,2BAA2B,GAAG;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,iBAAS,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CA8DjE;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/selectOptionsContainer/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAEN,KAAK,SAAS,EAId,MAAM,OAAO,CAAC;AAKf,OAAO,cAAc,CAAC;AAEtB,KAAK,2BAA2B,GAAG;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,iBAAS,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,sCA8DjE;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/select/selectOverlay/index.d.ts

@@ -3,6 +3,6 @@ type SelectOverlayProps = {
     isFocused: boolean;
     handleBlur: () => void;
 };
-declare function SelectOverlay(props: SelectOverlayProps): import("react/jsx-runtime").JSX.Element;
+declare function SelectOverlay(props: SelectOverlayProps): import("react").JSX.Element | null;
 export { SelectOverlay };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/select/selectOverlay/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/selectOverlay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAI/C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/selectOverlay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,KAAK,kBAAkB,GAAG;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,sCAI/C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/select/selectSpinner/index.d.ts

@@ -3,6 +3,6 @@ type SelectSpinnerProps = {
     iconSize: number;
     isLoading: boolean;
 };
-declare function SelectSpinner(props: SelectSpinnerProps): import("react/jsx-runtime").JSX.Element;
+declare function SelectSpinner(props: SelectSpinnerProps): import("react").JSX.Element | null;
 export { SelectSpinner };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/select/selectSpinner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/selectSpinner/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAEtB,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAO/C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/selectSpinner/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAEtB,KAAK,kBAAkB,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,sCAO/C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -1,57 +1,43 @@
-import { HTMLAttributes } from "react";
+import { type HTMLAttributes } from "react";
 import "./styles.css";
 type SliderProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    /** Current slider position as a percentage (0–100). Required. */
     value: number;
+    /** Callback fired whenever the value changes. Required. */
     onChange: (value: number) => void;
+    /** Disables all drag and click interactions. @default false */
     disabled?: boolean;
-    onDragging?: (value: boolean) => void;
+    /** Callback fired when the dragging state changes (`true` = drag started, `false` = drag ended). */
+    onDragging?: (isDragging: boolean) => void;
 };
 /**
- * Slider component - interactive range input for selecting numeric values
+ * Slider — interactive track for selecting a numeric value between 0 and 100.
  *
- * @param props - Slider component properties
- * @param props.value - Current slider value (0-100)
- * @param props.onChange - Callback function called when value changes
- * @param props.disabled - Disables slider interaction. Default: false
- * @param props.onDragging - Callback function called when dragging state changes
+ * Pair with `useSlider` for managed state.
  *
- * **...Other valid HTML properties for div element**
+ * @param props.value - Current position as a percentage (0–100). Required.
+ * @param props.onChange - Callback fired on value change. Required.
+ * @param props.disabled - Disables interactions. Default: false
+ * @param props.onDragging - Callback fired when dragging starts or stops.
  *
- * @returns Slider JSX element
+ * **...Other valid HTML properties for `<div>`**
+ *
+ * @returns Slider JSX element.
  *
  * @example
  * ```tsx
- * // Basic slider
+ * // Controlled slider
  * const [value, setValue] = useState(50);
  * <Slider value={value} onChange={setValue} />
  *
- * // Disabled slider
- * <Slider value={75} onChange={() => {}} disabled />
- *
- * // Slider with dragging callback
- * const [isDragging, setIsDragging] = useState(false);
- * <Slider
- *   value={value}
- *   onChange={setValue}
- *   onDragging={setIsDragging}
- * />
+ * // With useSlider hook
+ * const [value, setValue] = useSlider(25);
+ * <Slider value={value} onChange={setValue} onDragging={setIsDragging} />
  *
- * // Complete example with useSlider hook
- * function SliderExample() {
- *   const [sliderValue, setSliderValue] = useSlider(25);
- *   const [isDragging, setIsDragging] = useState(false);
- *
- *   return (
- *     <Slider
- *       value={sliderValue}
- *       onChange={setSliderValue}
- *       onDragging={setIsDragging}
- *       className="custom-slider"
- *     />
- *   );
- * }
+ * // Disabled
+ * <Slider value={75} onChange={() => {}} disabled />
  * ```
  */
-declare function Slider(props: SliderProps): import("react/jsx-runtime").JSX.Element;
+declare function Slider(props: SliderProps): import("react").JSX.Element;
 export { Slider };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/slider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAEpE,OAAO,cAAc,CAAC;AAEtB,KAAK,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AAEH,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,2CAuEjC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/slider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,cAAc,EAKnB,MAAM,OAAO,CAAC;AAEf,OAAO,cAAc,CAAC;AAEtB,KAAK,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IACrE,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oGAAoG;IACpG,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,+BA0EjC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

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

@@ -1,96 +1,84 @@
 import type { ButtonHTMLAttributes } from "react";
 import "./styles.css";
 type SwitchProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "onChange" | "defaultValue" | "onCheck" | "value"> & {
+    /** Optional label text displayed beside the switch. */
     label?: string;
+    /**
+     * Switch size.
+     * @default "lg"
+     */
     size?: "sm" | "md" | "lg";
+    /** Uncontrolled initial checked state. @default false */
     defaultChecked?: boolean;
+    /** Controlled checked state. */
     checked?: boolean;
+    /** Value emitted when the switch is on. @default "checked" */
     value?: string;
+    /** Value emitted when the switch is off. @default "" */
     unCheckedValue?: string;
+    /** Field name for form submission. Required. */
     name: string;
+    /** Callback fired on toggle — receives the current value string. */
     onCheck?: (value: string) => void;
+    /**
+     * Layout direction forwarded to `FieldTemplate`.
+     * @default "horizontalReverse"
+     */
     orientation?: "vertical" | "horizontal" | "horizontalReverse";
+    /** When true, skips `FieldTemplate` wrapper (label and error text). @default false */
+    unShowFieldTemplate?: boolean;
+    /** Displays an asterisk on the label to signal a required field. */
+    showAsterisk?: boolean;
+    /** Validation error message displayed below the switch. */
+    errorMessage?: string;
 };
 /**
- * Switch component - used for creating toggle switches with on/off states
+ * Switch — toggle input for binary on/off states.
  *
- * @param props - Switch component properties
- * @param props.name - Required field name for form handling and input identification
- * @param props.label - Optional label text to display next to the switch
- * @param props.size - Size variant of the switch. Default: "lg"
- * @param props.defaultChecked - Default checked state for uncontrolled usage. Default: false
- * @param props.checked - Controlled checked state of the switch
- * @param props.value - Value to be used when switch is checked. Default: "checked"
- * @param props.unCheckedValue - Value to be used when switch is unchecked. Default: ""
- * @param props.onCheck - Callback function called when switch state changes, receives the current value
- * @param props.orientation - Orientation of the switch and label. Default: "horizontalReverse"
+ * Stores value in a hidden `<input>` for native form submission.
+ * Integrates with `useForm` to display validation errors by field name.
  *
- * **...Other valid HTML properties for button element (except children, onChange, defaultValue, onCheck, value)**
+ * @param props.name - Field name for form submission. Required.
+ * @param props.label - Label text displayed beside the switch.
+ * @param props.size - Switch size (`sm` | `md` | `lg`). Default: "lg"
+ * @param props.defaultChecked - Uncontrolled initial checked state. Default: false
+ * @param props.checked - Controlled checked state.
+ * @param props.value - Value emitted when on. Default: "checked"
+ * @param props.unCheckedValue - Value emitted when off. Default: ""
+ * @param props.onCheck - Callback fired on toggle — receives the current value string.
+ * @param props.orientation - Layout direction (`horizontal` | `vertical` | `horizontalReverse`). Default: "horizontalReverse"
+ * @param props.unShowFieldTemplate - Skips wrapper, label, and error rendering. Default: false
+ * @param props.showAsterisk - Appends `*` to the label.
+ * @param props.errorMessage - Validation error message.
  *
- * @returns Switch JSX element wrapped in FieldWrapper with optional label
+ * **...Other valid HTML properties for `<button>` (except `children`, `onChange`, `defaultValue`)**
+ *
+ * @returns Switch JSX element wrapped in `FieldTemplate`.
  *
  * @example
  * ```tsx
- * // Basic switch
+ * // Basic
  * <Switch name="notifications" label="Enable notifications" />
  *
- * // Switch with custom values
+ * // Custom on/off values
  * <Switch
  *   name="theme"
  *   label="Dark mode"
  *   value="dark"
  *   unCheckedValue="light"
- *   onCheck={(value) => console.log('Theme:', value)}
+ *   onCheck={(v) => setTheme(v)}
  * />
  *
- * // Controlled switch with callback
+ * // Controlled
  * <Switch
  *   name="autoSave"
- *   label="Auto-save documents"
+ *   label="Auto-save"
  *   checked={isAutoSaveEnabled}
- *   onCheck={(value) => setIsAutoSaveEnabled(!!value)}
+ *   onCheck={(v) => setAutoSave(!!v)}
  *   size="md"
  * />
- *
- * // Small switch with default checked state
- * <Switch
- *   name="marketing"
- *   label="Marketing emails"
- *   size="sm"
- *   defaultChecked={true}
- *   value="subscribed"
- *   unCheckedValue="unsubscribed"
- * />
- *
- * // Switch with custom styling and disabled state
- * <Switch
- *   name="premium"
- *   label="Premium features"
- *   className="premium-switch"
- *   disabled={!isPremiumUser}
- *   onCheck={(value) => handlePremiumToggle(value)}
- * />
- *
- * // Large switch for accessibility
- * <Switch
- *   name="accessibility"
- *   label="High contrast mode"
- *   size="lg"
- *   checked={isHighContrast}
- *   onCheck={(value) => setIsHighContrast(!!value)}
- *   value="enabled"
- *   unCheckedValue="disabled"
- * />
- *
- * // Switch without label for inline usage
- * <Switch
- *   name="inline_toggle"
- *   value="on"
- *   unCheckedValue="off"
- *   onCheck={(value) => console.log('Toggle state:', value)}
- * />
  * ```
  */
-declare function Switch(props: SwitchProps): import("react/jsx-runtime").JSX.Element;
+declare function Switch(props: SwitchProps): import("react").JSX.Element;
 export { Switch };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,cAAc,CAAC;AAItB,KAAK,WAAW,GAAG,IAAI,CACrB,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,UAAU,GAAG,cAAc,GAAG,SAAS,GAAG,OAAO,CAC/D,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,mBAAmB,CAAC;CAC/D,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+EG;AAEH,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,2CAqDjC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIlD,OAAO,cAAc,CAAC;AAEtB,KAAK,WAAW,GAAG,IAAI,CACtB,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,UAAU,GAAG,cAAc,GAAG,SAAS,GAAG,OAAO,CAC9D,GAAG;IACH,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,yDAAyD;IACzD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,mBAAmB,CAAC;IAC9D,sFAAsF;IACtF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAEH,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,+BAgEjC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}