@arkyn/components 3.0.1-beta.20 → 3.0.1-beta.201

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

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

@@ -0,0 +1,41 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+import "./styles.css";
+type TabContainerProps = Omit<HTMLAttributes<HTMLElement>, "onChange" | "children" | "ref" | "onClick"> & {
+    /** `TabButton` components to render as tabs. Required. */
+    children: ReactNode;
+    /** Disables all tab buttons at once. @default false */
+    disabled?: boolean;
+    /** Initially selected tab value. */
+    defaultValue?: string;
+    /** Callback fired when the active tab changes, receiving the new value. */
+    onChange?: (index: string) => void;
+};
+/**
+ * TabContainer — wrapper that manages active state for a group of `TabButton` components.
+ *
+ * Renders as a `<nav>` element. Provides context consumed by each `TabButton`.
+ *
+ * @param props.children - `TabButton` elements. Required.
+ * @param props.defaultValue - Initially selected tab value.
+ * @param props.disabled - Disables all buttons. Default: false
+ * @param props.onChange - Called with the new value whenever the active tab changes.
+ *
+ * **...Other valid HTML `<nav>` properties**
+ *
+ * @returns TabContainer JSX element.
+ *
+ * @example
+ * ```tsx
+ * <TabContainer defaultValue="overview" onChange={setActiveTab}>
+ *   <TabButton value="overview">Overview</TabButton>
+ *   <TabButton value="analytics">Analytics</TabButton>
+ *   <TabButton value="settings">Settings</TabButton>
+ * </TabContainer>
+ *
+ * {activeTab === 'overview' && <OverviewPanel />}
+ * {activeTab === 'analytics' && <AnalyticsPanel />}
+ * ```
+ */
+declare function TabContainer(props: TabContainerProps): import("react").JSX.Element;
+export { TabContainer };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tab/tabContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGtE,OAAO,cAAc,CAAC;AAEtB,KAAK,iBAAiB,GAAG,IAAI,CAC5B,cAAc,CAAC,WAAW,CAAC,EAC3B,UAAU,GAAG,UAAU,GAAG,KAAK,GAAG,SAAS,CAC3C,GAAG;IACH,0DAA0D;IAC1D,QAAQ,EAAE,SAAS,CAAC;IACpB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BA8B7C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/tab/tabContext.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from "react";
+type TabContextProps = {
+    disabled: boolean;
+    currentTab: string;
+    changeCurrentTab: (tab: string) => void;
+};
+type TabProviderProps = {
+    children: ReactNode;
+    disabled: boolean;
+    currentTab: string;
+    changeCurrentTab: (tab: string) => void;
+};
+declare function useTab(): TabContextProps;
+declare function TabProvider(props: TabProviderProps): import("react").JSX.Element;
+export { TabProvider, useTab };
+//# sourceMappingURL=tabContext.d.ts.map

package/dist/components/tab/tabContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabContext.d.ts","sourceRoot":"","sources":["../../../src/components/tab/tabContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAElE,KAAK,eAAe,GAAG;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAIF,iBAAS,MAAM,oBAEd;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAI3C;AAED,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/table/tableBody/index.d.ts

@@ -0,0 +1,33 @@
+import { type HTMLAttributes } from "react";
+import "./styles.css";
+type TableBodyProps = HTMLAttributes<HTMLTableSectionElement> & {
+    /** Text displayed in a full-width row when no children are present. @default "Nenhum dado adicionado." */
+    emptyMessage?: string;
+};
+/**
+ * TableBody — `<tbody>` section with built-in empty state handling.
+ *
+ * When `children` is empty, renders a full-width row with `emptyMessage`.
+ * Accepts all standard HTML `<tbody>` attributes.
+ *
+ * @param props.emptyMessage - Empty state text. Default: `"Nenhum dado adicionado."`
+ *
+ * **...Other valid HTML `<tbody>` properties**
+ *
+ * @returns TableBody JSX element.
+ *
+ * @example
+ * ```tsx
+ * <TableBody emptyMessage="No orders found">
+ *   {orders.map(o => (
+ *     <tr key={o.id}>
+ *       <td>{o.number}</td>
+ *       <td>{o.status}</td>
+ *     </tr>
+ *   ))}
+ * </TableBody>
+ * ```
+ */
+declare function TableBody(props: TableBodyProps): import("react").JSX.Element;
+export { TableBody };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/table/tableBody/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/table/tableBody/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,cAAc,CAAC;AAEtB,KAAK,cAAc,GAAG,cAAc,CAAC,uBAAuB,CAAC,GAAG;IAC/D,0GAA0G;IAC1G,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,+BAyBvC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/table/tableCaption/index.d.ts

@@ -0,0 +1,22 @@
+import type { HTMLAttributes } from "react";
+import "./styles.css";
+type TableCaptionProps = HTMLAttributes<HTMLElement>;
+/**
+ * TableCaption — title / description placed above a table. Renders as a `<caption>` element.
+ *
+ * Accepts all standard HTML element attributes.
+ *
+ * @returns TableCaption JSX element.
+ *
+ * @example
+ * ```tsx
+ * <TableContainer>
+ *   <TableCaption>Orders — Q2 2025</TableCaption>
+ *   <TableHeader>...</TableHeader>
+ *   <TableBody>...</TableBody>
+ * </TableContainer>
+ * ```
+ */
+declare function TableCaption(props: TableCaptionProps): import("react").JSX.Element;
+export { TableCaption };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/table/tableCaption/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/table/tableCaption/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,cAAc,CAAC;AAEtB,KAAK,iBAAiB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAErD;;;;;;;;;;;;;;;GAeG;AAEH,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BAS7C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/table/tableContainer/index.d.ts

@@ -0,0 +1,35 @@
+import type { TableHTMLAttributes } from "react";
+import "./styles.css";
+type TableContainerProps = TableHTMLAttributes<HTMLTableElement>;
+/**
+ * TableContainer — root wrapper for the Table component set. Renders a responsive scrollable container around a `<table>`.
+ *
+ * Accepts all standard HTML `<table>` attributes.
+ *
+ * @returns TableContainer JSX element.
+ *
+ * @example
+ * ```tsx
+ * <TableContainer>
+ *   <TableCaption>Users</TableCaption>
+ *   <TableHeader>
+ *     <th>Name</th>
+ *     <th>Email</th>
+ *     <th>Status</th>
+ *   </TableHeader>
+ *   <TableBody emptyMessage="No users found">
+ *     {users.map(u => (
+ *       <tr key={u.id}>
+ *         <td>{u.name}</td>
+ *         <td>{u.email}</td>
+ *         <td>{u.status}</td>
+ *       </tr>
+ *     ))}
+ *   </TableBody>
+ *   <TableFooter><Pagination /></TableFooter>
+ * </TableContainer>
+ * ```
+ */
+declare function TableContainer(props: TableContainerProps): import("react").JSX.Element;
+export { TableContainer };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/table/tableContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/table/tableContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,cAAc,CAAC;AAEtB,KAAK,mBAAmB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAEjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BASjD;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/table/tableFooter/index.d.ts

@@ -0,0 +1,21 @@
+import type { HTMLAttributes } from "react";
+import "./styles.css";
+type TableFooterProps = HTMLAttributes<HTMLTableSectionElement>;
+/**
+ * TableFooter — `<tfoot>` section with an automatic spacing row above the content.
+ *
+ * Children span all columns via `colSpan={100}`. Commonly used for `Pagination`.
+ * Accepts all standard HTML `<tfoot>` attributes.
+ *
+ * @returns TableFooter JSX element.
+ *
+ * @example
+ * ```tsx
+ * <TableFooter>
+ *   <Pagination currentPage={page} totalPages={totalPages} onChange={setPage} />
+ * </TableFooter>
+ * ```
+ */
+declare function TableFooter(props: TableFooterProps): import("react").JSX.Element;
+export { TableFooter };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/table/tableFooter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/table/tableFooter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,cAAc,CAAC;AAEtB,KAAK,gBAAgB,GAAG,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAEhE;;;;;;;;;;;;;;GAcG;AAEH,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAc3C;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/table/tableHeader/index.d.ts

@@ -0,0 +1,23 @@
+import type { HTMLAttributes } from "react";
+import "./styles.css";
+type TableHeaderProps = HTMLAttributes<HTMLTableSectionElement>;
+/**
+ * TableHeader — `<thead>` section with an automatic spacing row below the header row.
+ *
+ * Pass `<th>` elements as children — they are wrapped in a `<tr>` automatically.
+ * Accepts all standard HTML `<thead>` attributes.
+ *
+ * @returns TableHeader JSX element.
+ *
+ * @example
+ * ```tsx
+ * <TableHeader>
+ *   <th>Name</th>
+ *   <th>Email</th>
+ *   <th>Actions</th>
+ * </TableHeader>
+ * ```
+ */
+declare function TableHeader(props: TableHeaderProps): import("react").JSX.Element;
+export { TableHeader };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/table/tableHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/table/tableHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,cAAc,CAAC;AAEtB,KAAK,gBAAgB,GAAG,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAEhE;;;;;;;;;;;;;;;;GAgBG;AAEH,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAU3C;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

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

@@ -0,0 +1,73 @@
+import { type TextareaHTMLAttributes } from "react";
+import "./styles.css";
+type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "name" | "value" | "defaultValue"> & {
+    /** Field name for form submission. Required. */
+    name: string;
+    /** Optional label text displayed above the textarea. */
+    label?: string;
+    /** Displays an asterisk on the label to signal a required field. */
+    showAsterisk?: boolean;
+    /** Validation error message displayed below the textarea. */
+    errorMessage?: string;
+    /**
+     * Textarea size.
+     * @default "md"
+     */
+    size?: "md" | "lg";
+    /**
+     * Visual style variant.
+     * - `solid`: filled background.
+     * - `outline`: bordered, transparent background.
+     * @default "solid"
+     */
+    variant?: "solid" | "outline";
+    /** Controlled value. */
+    value?: string;
+    /** Uncontrolled default value. */
+    defaultValue?: string;
+};
+/**
+ * Textarea — multi-line text input with 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.label - Label text displayed above the textarea.
+ * @param props.showAsterisk - Appends `*` to the label.
+ * @param props.errorMessage - Validation error message.
+ * @param props.size - Textarea size (`md` | `lg`). Default: "md"
+ * @param props.variant - Visual style variant. Default: "solid"
+ *
+ * **...Other valid HTML properties for `<textarea>`**
+ *
+ * @returns Textarea JSX element wrapped in `FieldWrapper`.
+ *
+ * @example
+ * ```tsx
+ * // Basic
+ * <Textarea name="description" placeholder="Enter description..." />
+ *
+ * // With label and validation
+ * <Textarea
+ *   name="bio"
+ *   label="Biography"
+ *   showAsterisk
+ *   placeholder="Tell us about yourself"
+ *   errorMessage="Biography is required"
+ * />
+ *
+ * // Controlled with custom rows
+ * <Textarea
+ *   name="message"
+ *   label="Message"
+ *   value={message}
+ *   onChange={(e) => setMessage(e.target.value)}
+ *   rows={5}
+ *   size="lg"
+ *   variant="outline"
+ * />
+ * ```
+ */
+declare function Textarea(props: TextareaProps): import("react").JSX.Element;
+export { Textarea };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,sBAAsB,EAI3B,MAAM,OAAO,CAAC;AAMf,OAAO,cAAc,CAAC;AAEtB,KAAK,aAAa,GAAG,IAAI,CACxB,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,MAAM,GAAG,OAAO,GAAG,cAAc,CACjC,GAAG;IACH,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAEH,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,+BAqFrC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -0,0 +1,52 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+import "./styles.css";
+type TooltipProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** Text rendered inside the tooltip bubble. Supports inline HTML. Required. */
+    text: string;
+    /** Element that triggers the tooltip on hover. Required. */
+    children: ReactNode;
+    /**
+     * Preferred position of the tooltip relative to the trigger element.
+     * Automatically flips to the opposite side if the tooltip would overflow the viewport.
+     * @default "top"
+     */
+    orientation?: "top" | "right" | "bottom" | "left";
+    /**
+     * Tooltip size.
+     * @default "lg"
+     */
+    size?: "md" | "lg";
+};
+/**
+ * Tooltip — shows a contextual text bubble on hover with smart viewport-aware positioning.
+ *
+ * The tooltip automatically flips to the opposite side when it would overflow the viewport.
+ *
+ * @param props.text - Text (or HTML) to display in the tooltip. Required.
+ * @param props.children - Trigger element. Required.
+ * @param props.orientation - Preferred position relative to the trigger. Default: "top"
+ * @param props.size - Tooltip size. Default: "lg"
+ *
+ * **...Other valid HTML properties for `<div>`**
+ *
+ * @returns Tooltip JSX element.
+ *
+ * @example
+ * ```tsx
+ * <Tooltip text="Save changes before leaving">
+ *   <IconButton icon={SaveIcon} aria-label="Save" />
+ * </Tooltip>
+ *
+ * // Toolbar with bottom-oriented tooltips
+ * <Tooltip text="Add item" orientation="bottom">
+ *   <IconButton icon={Plus} aria-label="Add" />
+ * </Tooltip>
+ *
+ * <Tooltip text="Delete" orientation="bottom" size="md">
+ *   <IconButton icon={Trash2} aria-label="Delete" scheme="danger" />
+ * </Tooltip>
+ * ```
+ */
+declare function Tooltip(props: TooltipProps): import("react").JSX.Element;
+export { Tooltip };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,cAAc,EACnB,KAAK,SAAS,EAKd,MAAM,OAAO,CAAC;AACf,OAAO,cAAc,CAAC;AAEtB,KAAK,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IACtE,+EAA+E;IAC/E,IAAI,EAAE,MAAM,CAAC;IACb,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACnB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,+BAqFnC;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}