@arkyn/components 3.0.1-beta.2 → 3.0.1-beta.200

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

@@ -0,0 +1,54 @@
+import type { RichTextProps } from "../../types/richTextTypes";
+import "./styles.css";
+/**
+ * RichText — WYSIWYG rich-text editor built on Slate.js with a configurable toolbar.
+ *
+ * **Toolbar features:** bold, italic, underline, code, H1/H2, block quote, alignment (left/center/right/justify), image and video insertion.
+ *
+ * Editor content is stored as a Slate JSON string in a hidden `<input>` for form submission.
+ * Integrates with `useForm` to display validation errors by field name.
+ *
+ * @param props.name - Field name for form submission. Required.
+ * @param props.label - Label text displayed above the editor.
+ * @param props.hiddenButtons - Toolbar button keys to hide (e.g. `["image", "code"]`).
+ * @param props.imageConfig - Enables image insertion; contains the upload endpoint and modal labels.
+ * @param props.defaultValue - Initial editor content as a Slate JSON string. Default: "[]"
+ * @param props.maxLimit - Maximum character count. Default: 10000
+ * @param props.enforceCharacterLimit - Prevents typing past `maxLimit`. Default: false
+ * @param props.onChangeCharactersCount - Callback fired on every keystroke — receives the current character count.
+ * @param props.onChange - Callback fired when editor content changes — receives the Slate `Descendant[]`.
+ * @param props.baseErrorMessage - Custom error message (overrides `useForm` context error).
+ * @param props.isError - Forces the error visual state.
+ * @param props.id - Custom id for the editable area element.
+ * @param props.showAsterisk - Appends `*` to the label.
+ * @param props.orientation - Layout direction. Default: "horizontal"
+ * @param props.unShowFieldTemplate - Skips wrapper, label, and error rendering. Default: false
+ *
+ * @returns RichText JSX element wrapped in `FieldTemplate`.
+ *
+ * @example
+ * ```tsx
+ * // Basic
+ * <RichText name="content" />
+ *
+ * // With character limit and hidden toolbar buttons
+ * <RichText
+ *   name="description"
+ *   label="Description"
+ *   maxLimit={500}
+ *   enforceCharacterLimit
+ *   hiddenButtons={["image", "video", "code"]}
+ *   onChangeCharactersCount={(n) => setCharCount(n)}
+ * />
+ *
+ * // With image upload support
+ * <RichText
+ *   name="article"
+ *   label="Article Body"
+ *   imageConfig={{ action: "/api/upload" }}
+ * />
+ * ```
+ */
+declare function RichText(props: RichTextProps): import("react").JSX.Element;
+export { RichText };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/richText/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAEX,aAAa,EACb,MAAM,2BAA2B,CAAC;AAQnC,OAAO,cAAc,CAAC;AAEtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AAEH,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,+BAuMrC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

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

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

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

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,10 @@
+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.Element;
+export { MarkButton };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+import "./styles.css";
+type ToolbarProps = {
+    children: ReactNode;
+};
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,73 @@
+import type { StandaloneSearchBoxProps } from "@react-google-maps/api";
+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;
+    /**
+     * 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 — 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.
+ *
+ * **...Other valid `Input` properties (except `onLoad`, `onChange`, `type`)**
+ *
+ * @returns SearchPlaces JSX element (an `Input` wrapped in `StandaloneSearchBox`).
+ *
+ * @example
+ * ```tsx
+ * <SearchPlaces
+ *   name="address"
+ *   label="Address"
+ *   placeholder="Start typing an address…"
+ *   options={{ componentRestrictions: { country: "br" } }}
+ *   onChange={(v) => setRawAddress(v)}
+ *   onPlaceChanged={(place) => {
+ *     setAddress({
+ *       street: place.street,
+ *       city: place.city,
+ *       state: place.state,
+ *       postalCode: place.postalCode,
+ *       coordinates: place.coordinates,
+ *     });
+ *   }}
+ * />
+ * ```
+ */
+declare function SearchPlaces(props: SearchPlacesProps): JSX.Element;
+export { SearchPlaces };
+//# sourceMappingURL=searchPlaces.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,134 @@
+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 — single-option dropdown with optional search, label, validation, and form integration.
+ *
+ * Integrates with `useForm` to display validation errors by field name.
+ *
+ * @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
+ *   name="category"
+ *   options={[
+ *     { label: "Technology", value: "tech" },
+ *     { label: "Design", value: "design" },
+ *   ]}
+ * />
+ *
+ * // With label, validation, and searchable
+ * <Select
+ *   name="country"
+ *   label="Country"
+ *   showAsterisk
+ *   isSearchable
+ *   options={countryOptions}
+ *   errorMessage={errors.country}
+ *   notFoundText="No countries found"
+ * />
+ *
+ * // Controlled with async search
+ * <Select
+ *   name="tag"
+ *   label="Tag"
+ *   value={selectedTag}
+ *   onChange={setSelectedTag}
+ *   onSearch={fetchTagOptions}
+ *   isLoading={isLoadingTags}
+ *   options={tagOptions}
+ * />
+ * ```
+ */
+declare function Select(props: SelectProps): import("react").JSX.Element;
+export { Select };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,11 @@
+import "./styles.css";
+type SelectChevronProps = {
+    isLoading: boolean;
+    iconSize: number;
+    disabled: boolean;
+    readOnly: boolean;
+    isFocused: boolean;
+};
+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

@@ -0,0 +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;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

@@ -0,0 +1,19 @@
+import type { ReactNode } from "react";
+import "./styles.css";
+type SelectContainerProps = {
+    children: ReactNode;
+    handleContainerFocus: () => void;
+    prefixExists: boolean;
+    isError: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    isLoading: boolean;
+    isFocused: boolean;
+    className?: string;
+    id: string;
+    variant: "solid" | "outline" | "underline";
+    size: "md" | "lg";
+};
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+import "./styles.css";
+type SelectContentProps = {
+    children: ReactNode;
+    size: "md" | "lg";
+};
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,11 @@
+import "./styles.css";
+type SelectOptionProps = {
+    value: string;
+    label: string;
+    size: "md" | "lg";
+    optionHasSelected: (value: string) => boolean;
+    handleChangeValue: (value: string) => void;
+};
+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

@@ -0,0 +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;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,+BAW7C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,12 @@
+import { type ReactNode } from "react";
+import "./styles.css";
+type SelectOptionsContainerProps = {
+    isFocused: boolean;
+    isSearchable: boolean;
+    children: ReactNode;
+    search: string;
+    onSearch: (value: string) => void;
+};
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,8 @@
+import "./styles.css";
+type SelectOverlayProps = {
+    isFocused: boolean;
+    handleBlur: () => void;
+};
+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

@@ -0,0 +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;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

@@ -0,0 +1,8 @@
+import "./styles.css";
+type SelectSpinnerProps = {
+    iconSize: number;
+    isLoading: boolean;
+};
+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

@@ -0,0 +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;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

@@ -0,0 +1,43 @@
+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;
+    /** Callback fired when the dragging state changes (`true` = drag started, `false` = drag ended). */
+    onDragging?: (isDragging: boolean) => void;
+};
+/**
+ * Slider — interactive track for selecting a numeric value between 0 and 100.
+ *
+ * Pair with `useSlider` for managed state.
+ *
+ * @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.
+ *
+ * **...Other valid HTML properties for `<div>`**
+ *
+ * @returns Slider JSX element.
+ *
+ * @example
+ * ```tsx
+ * // Controlled slider
+ * const [value, setValue] = useState(50);
+ * <Slider value={value} onChange={setValue} />
+ *
+ * // With useSlider hook
+ * const [value, setValue] = useSlider(25);
+ * <Slider value={value} onChange={setValue} onDragging={setIsDragging} />
+ *
+ * // Disabled
+ * <Slider value={75} onChange={() => {}} disabled />
+ * ```
+ */
+declare function Slider(props: SliderProps): import("react").JSX.Element;
+export { Slider };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +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 — toggle input for binary on/off states.
+ *
+ * Stores value in a hidden `<input>` for native form submission.
+ * Integrates with `useForm` to display validation errors by field name.
+ *
+ * @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.
+ *
+ * **...Other valid HTML properties for `<button>` (except `children`, `onChange`, `defaultValue`)**
+ *
+ * @returns Switch JSX element wrapped in `FieldTemplate`.
+ *
+ * @example
+ * ```tsx
+ * // Basic
+ * <Switch name="notifications" label="Enable notifications" />
+ *
+ * // Custom on/off values
+ * <Switch
+ *   name="theme"
+ *   label="Dark mode"
+ *   value="dark"
+ *   unCheckedValue="light"
+ *   onCheck={(v) => setTheme(v)}
+ * />
+ *
+ * // Controlled
+ * <Switch
+ *   name="autoSave"
+ *   label="Auto-save"
+ *   checked={isAutoSaveEnabled}
+ *   onCheck={(v) => setAutoSave(!!v)}
+ *   size="md"
+ * />
+ * ```
+ */
+declare function Switch(props: SwitchProps): import("react").JSX.Element;
+export { Switch };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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;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"}

package/dist/components/tab/tabButton/index.d.ts

@@ -0,0 +1,34 @@
+import type { ButtonHTMLAttributes, ReactNode } from "react";
+import "./styles.css";
+type TabButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "value" | "type"> & {
+    /** Content displayed inside the tab button. */
+    children: ReactNode;
+    /** Unique identifier for this tab; matched against the container's active value. */
+    value: string;
+};
+/**
+ * TabButton — individual tab button inside a `TabContainer`.
+ *
+ * Reads active state and disabled state from `TabContainer` context.
+ * The button's own `disabled` prop is ORed with the container's `disabled`.
+ *
+ * @param props.children - Tab label content. Required.
+ * @param props.value - Tab identifier. Required.
+ * @param props.disabled - Disables this tab individually (container can also disable all tabs).
+ *
+ * **...Other valid HTML `<button>` properties except `type`**
+ *
+ * @returns TabButton JSX element.
+ *
+ * @example
+ * ```tsx
+ * <TabContainer defaultValue="overview" onChange={setTab}>
+ *   <TabButton value="overview">Overview</TabButton>
+ *   <TabButton value="activity">Activity</TabButton>
+ *   <TabButton value="settings" disabled>Settings</TabButton>
+ * </TabContainer>
+ * ```
+ */
+declare function TabButton(props: TabButtonProps): import("react").JSX.Element;
+export { TabButton };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/tab/tabButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tab/tabButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzE,OAAO,cAAc,CAAC;AAEtB,KAAK,cAAc,GAAG,IAAI,CACzB,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,OAAO,GAAG,MAAM,CAC7B,GAAG;IACH,+CAA+C;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,oFAAoF;IACpF,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,+BAkCvC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}