@arkyn/components 3.0.1-beta.99 → 3.0.2

package/dist/components/richText/insertVideo/index.d.ts

@@ -0,0 +1,5 @@
+import type { RichTextInsertVideoProps } from "../../../types/richTextTypes";
+import "./styles.css";
+declare function InsertVideo(props: RichTextInsertVideoProps): import("react").JSX.Element;
+export { InsertVideo };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/richText/insertVideo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/richText/insertVideo/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAQ7E,OAAO,cAAc,CAAC;AAEtB,iBAAS,WAAW,CAAC,KAAK,EAAE,wBAAwB,+BA4GnD;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/richText/leaf/index.d.ts

@@ -1,4 +1,4 @@
-import { RenderLeafProps } from "slate-react";
-declare function Leaf({ attributes, children, leaf }: RenderLeafProps): import("react/jsx-runtime").JSX.Element;
+import type { RenderLeafProps } from "slate-react";
+declare function Leaf({ attributes, children, leaf }: RenderLeafProps): import("react").JSX.Element;
 export { Leaf };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/richText/leaf/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/richText/leaf/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,iBAAS,IAAI,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,eAAe,2CAO5D;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/richText/leaf/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,iBAAS,IAAI,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,eAAe,+BAO5D;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/richText/markButton/index.d.ts

@@ -1,10 +1,10 @@
-import { LucideIcon } from "lucide-react";
-import { RichTextMarkFormatType } from "../../../types/richTextTypes";
+import type { LucideIcon } from "lucide-react";
+import type { RichTextMarkFormatType } from "../../../types/richTextTypes";
 import "./styles.css";
 type MarkButtonProps = {
     format: RichTextMarkFormatType;
     icon: LucideIcon;
 };
-declare function MarkButton({ format, icon: Icon }: MarkButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function MarkButton({ format, icon: Icon }: MarkButtonProps): import("react").JSX.Element;
 export { MarkButton };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/richText/markButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/richText/markButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,OAAO,cAAc,CAAC;AAEtB,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,sBAAsB,CAAC;IAC/B,IAAI,EAAE,UAAU,CAAC;CAClB,CAAC;AAEF,iBAAS,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,eAAe,2CAoB1D;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/richText/markButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM/C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAE3E,OAAO,cAAc,CAAC;AAEtB,KAAK,eAAe,GAAG;IACtB,MAAM,EAAE,sBAAsB,CAAC;IAC/B,IAAI,EAAE,UAAU,CAAC;CACjB,CAAC;AAEF,iBAAS,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,eAAe,+BAoB1D;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/richText/toolbar/index.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 import "./styles.css";
 type ToolbarProps = {
     children: ReactNode;
 };
-declare function Toolbar({ children }: ToolbarProps): import("react/jsx-runtime").JSX.Element;
+declare function Toolbar({ children }: ToolbarProps): import("react").JSX.Element;
 export { Toolbar };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/richText/toolbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/richText/toolbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAE1C;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/richText/toolbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,KAAK,YAAY,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,YAAY,+BAE1C;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/searchPlaces.d.ts

@@ -1,70 +1,73 @@
 import type { StandaloneSearchBoxProps } from "@react-google-maps/api";
-import { InputProps } from "./input";
-/**
- * Props for the SearchPlaces component.
- * @typedef {Object} SearchPlacesProps
- * @property {StandaloneSearchBoxProps["options"]} [options] - Google Maps StandaloneSearchBox configuration options
- * @property {(value: string) => void} [onChange] - Callback fired when the input value changes
- * @property {(place: PlaceData) => void} [onPlaceChanged] - Callback fired when a place is selected from the autocomplete suggestions
- */
+import { type JSX } from "react";
+import { type InputProps } from "./input";
+/** Structured address data extracted from a Google Places result. */
+type PlaceData = {
+    /** Street name (e.g. `"Rua Exemplo"`). */
+    street: string;
+    /** City name (e.g. `"São Paulo"`). */
+    city: string;
+    /** Full state name (e.g. `"São Paulo"`). */
+    state: string;
+    /** Neighborhood / district name. */
+    neighborhood: string;
+    /** Postal / ZIP code. */
+    postalCode: string;
+    /** State abbreviation (e.g. `"SP"`). */
+    stateShortName: string;
+    /** Street number (e.g. `"123"`). */
+    streetNumber: string;
+    /** Geographic coordinates of the place. */
+    coordinates: {
+        lat: number;
+        lng: number;
+    };
+};
 type SearchPlacesProps = {
+    /** Google Maps `StandaloneSearchBox` options (e.g. `componentRestrictions`, `bounds`). */
     options?: StandaloneSearchBoxProps["options"];
+    /** Callback fired every time the input text changes. Receives the current string value. */
     onChange?: (e: string) => void;
-    onPlaceChanged?: (e: {
-        street: string;
-        city: string;
-        state: string;
-        district: string;
-        cep: string;
-        stateShortName: string;
-        streetNumber: string;
-        coordinates: {
-            lat: number;
-            lng: number;
-        };
-    }) => void;
+    /**
+     * Callback fired when the user selects a place from the autocomplete suggestions.
+     * Receives a structured {@link PlaceData} object.
+     */
+    onPlaceChanged?: (e: PlaceData) => void;
 } & Omit<InputProps, "onLoad" | "onChange" | "type">;
 /**
- * SearchPlaces component - A Google Places autocomplete input field.
+ * SearchPlaces — text input with Google Places autocomplete that returns structured address data.
+ *
+ * Requires the Google Maps JavaScript API with the Places library to be loaded.
+ * Built on `@react-google-maps/api`'s `StandaloneSearchBox`.
+ *
+ * @param props.options - Google Maps search box options (e.g. restrict by country).
+ * @param props.onChange - Fires on every keystroke — receives the current text value.
+ * @param props.onPlaceChanged - Fires when the user selects a suggestion — receives structured address data.
  *
- * This component integrates with Google Maps API to provide address autocomplete functionality.
- * When a user selects a place from the suggestions, it extracts and returns structured address data
- * including street, city, state, district, postal code, and geographic coordinates.
+ * **...Other valid `Input` properties (except `onLoad`, `onChange`, `type`)**
+ *
+ * @returns SearchPlaces JSX element (an `Input` wrapped in `StandaloneSearchBox`).
  *
- * @component
  * @example
  * ```tsx
  * <SearchPlaces
- *   placeholder="Digite o endereço"
- *   onChange={(value) => console.log('Input:', value)}
+ *   name="address"
+ *   label="Address"
+ *   placeholder="Start typing an address…"
+ *   options={{ componentRestrictions: { country: "br" } }}
+ *   onChange={(v) => setRawAddress(v)}
  *   onPlaceChanged={(place) => {
- *     console.log('Selected place:', place);
- *     // place = {
- *     //   street: "Rua exemplo",
- *     //   city: "São Paulo",
- *     //   state: "São Paulo",
- *     //   district: "Centro",
- *     //   cep: "01310-100",
- *     //   stateShortName: "SP",
- *     //   streetNumber: "123",
- *     //   coordinates: { lat: -23.5505, lng: -46.6333 }
- *     // }
- *   }}
- *   options={{
- *     componentRestrictions: { country: "br" }
+ *     setAddress({
+ *       street: place.street,
+ *       city: place.city,
+ *       state: place.state,
+ *       postalCode: place.postalCode,
+ *       coordinates: place.coordinates,
+ *     });
  *   }}
  * />
  * ```
- *
- * @param {SearchPlacesProps} props - Component props
- * @param {StandaloneSearchBoxProps["options"]} [props.options] - Google Maps API options for filtering/customizing search results
- * @param {(value: string) => void} [props.onChange] - Handler called when the input text changes
- * @param {(place: PlaceData) => void} [props.onPlaceChanged] - Handler called when a place is selected, receives structured address data
- * @returns {JSX.Element} An input field with Google Places autocomplete functionality
- *
- * @requires Google Maps JavaScript API with Places library loaded
- * @requires @react-google-maps/api package
  */
-declare function SearchPlaces(props: SearchPlacesProps): import("react/jsx-runtime").JSX.Element;
+declare function SearchPlaces(props: SearchPlacesProps): JSX.Element;
 export { SearchPlaces };
 //# sourceMappingURL=searchPlaces.d.ts.map

package/dist/components/searchPlaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"searchPlaces.d.ts","sourceRoot":"","sources":["../../src/components/searchPlaces.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAGvE,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAY5C;;;;;;GAMG;AACH,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,wBAAwB,CAAC,SAAS,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,GAAG,EAAE,MAAM,CAAC;QACZ,cAAc,EAAE,MAAM,CAAC;QACvB,YAAY,EAAE,MAAM,CAAC;QACrB,WAAW,EAAE;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,GAAG,EAAE,MAAM,CAAA;SAAE,CAAC;KAC3C,KAAK,IAAI,CAAC;CACZ,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAEH,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAiE7C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"searchPlaces.d.ts","sourceRoot":"","sources":["../../src/components/searchPlaces.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAEvE,OAAO,EAAE,KAAK,GAAG,EAAY,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAQjD,qEAAqE;AACrE,KAAK,SAAS,GAAG;IAChB,0CAA0C;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,YAAY,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,cAAc,EAAE,MAAM,CAAC;IACvB,oCAAoC;IACpC,YAAY,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,WAAW,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;CAC1C,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACxB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,wBAAwB,CAAC,SAAS,CAAC,CAAC;IAC9C,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;CACxC,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAqF3D;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

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"}