@arkyn/components 3.0.1-beta.17 → 3.0.1-beta.172

package/README.md

@@ -0,0 +1,41 @@
+# @arkyn/components
+
+A modern and comprehensive React component library. Built with TypeScript, featuring smooth animations powered by Framer Motion, and providing a complete set of UI components for building beautiful web applications.
+
+[![npm version](https://img.shields.io/npm/v/@arkyn/components.svg)](https://www.npmjs.com/package/@arkyn/components)
+[![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)
+[![TypeScript](https://img.shields.io/badge/TypeScript-Ready-blue.svg)](https://www.typescriptlang.org/)
+
+## ✨ Features
+
+- 🎨 **40+ UI Components** - Complete set of modern, accessible components
+- 🎭 **Smooth Animations** - Powered by Framer Motion for fluid interactions
+- 🪝 **Custom Hooks** - Powerful hooks for form handling, modals, drawers, and more
+- 🎯 **TypeScript First** - Full type safety and excellent IntelliSense support
+- 📱 **Responsive Design** - Mobile-first approach with modern CSS
+- ♿ **Accessibility** - Built with accessibility best practices in mind
+- 🎨 **Customizable** - Easy to theme and customize for your brand
+- 🚀 **Remix Optimized** - Designed specifically for Remix applications
+
+## 📦 Installation
+
+```bash
+npm install @arkyn/components
+```
+
+### Peer Dependencies
+
+Make sure you have these peer dependencies installed:
+
+```bash
+npm install react react-dom lucide-react
+```
+
+## 🧩 Components
+
+- **AlertContainer**
+- **AlertContent**
+- **AlertDescription**
+- **AlertIcon**
+- **AlertTitle**
+- **AudioPlayer**

package/dist/components/alert/alertContainer/index.d.ts

@@ -0,0 +1,48 @@
+import { type HTMLAttributes, type JSX } from "react";
+import "./styles.css";
+type AlertContainerProps = {
+    /**
+     * Visual style and semantic meaning.
+     * - `success`: green — operation completed.
+     * - `danger`: red — error or destructive action.
+     * - `warning`: yellow — caution required.
+     * - `info`: blue — informational message.
+     */
+    schema: "success" | "danger" | "warning" | "info";
+} & HTMLAttributes<HTMLDivElement>;
+/** @internal Accesses the schema and HTML props of the enclosing `AlertContainer`. */
+declare function useAlertContainer(): AlertContainerProps;
+/**
+ * AlertContainer — root wrapper for the Alert component set. Provides schema context to child components.
+ *
+ * Automatically detects whether an `AlertTitle` is present among children and adjusts layout:
+ * centered when no title, left-aligned when a title is present.
+ *
+ * @param props.schema - Visual style variant. Required.
+ * @param props.children - Alert sub-components: `AlertIcon`, `AlertContent`, `AlertTitle`, `AlertDescription`.
+ *
+ * **...Other valid HTML properties for `<div>`**
+ *
+ * @returns AlertContainer JSX element.
+ *
+ * @example
+ * ```tsx
+ * // Inline alert — no title, centered layout
+ * <AlertContainer schema="success">
+ *   <AlertIcon />
+ *   <AlertContent>Your subscription has been activated.</AlertContent>
+ * </AlertContainer>
+ *
+ * // Full alert with title and description — left-aligned layout
+ * <AlertContainer schema="danger">
+ *   <AlertIcon />
+ *   <AlertContent>
+ *     <AlertTitle>Payment failed</AlertTitle>
+ *     <AlertDescription>Please check your card details and try again.</AlertDescription>
+ *   </AlertContent>
+ * </AlertContainer>
+ * ```
+ */
+declare function AlertContainer(props: AlertContainerProps): JSX.Element;
+export { AlertContainer, useAlertContainer };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/alert/alertContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alertContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,cAAc,EACnB,KAAK,GAAG,EAGR,MAAM,OAAO,CAAC;AAEf,OAAO,cAAc,CAAC;AAEtB,KAAK,mBAAmB,GAAG;IAC1B;;;;;;OAMG;IACH,MAAM,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;CAClD,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAInC,sFAAsF;AACtF,iBAAS,iBAAiB,IAAI,mBAAmB,CAEhD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAwC/D;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/alert/alertContent/index.d.ts

@@ -0,0 +1,24 @@
+import type { HTMLAttributes, JSX } from "react";
+import "./styles.css";
+type AlertContentProps = HTMLAttributes<HTMLDivElement>;
+/**
+ * AlertContent — text/content area inside an `AlertContainer`. Wraps `AlertTitle` and `AlertDescription`.
+ *
+ * Accepts all standard `<div>` HTML attributes.
+ *
+ * @returns AlertContent JSX element.
+ *
+ * @example
+ * ```tsx
+ * <AlertContainer schema="warning">
+ *   <AlertIcon />
+ *   <AlertContent>
+ *     <AlertTitle>Session expiring</AlertTitle>
+ *     <AlertDescription>You will be logged out in 5 minutes.</AlertDescription>
+ *   </AlertContent>
+ * </AlertContainer>
+ * ```
+ */
+declare function AlertContent(props: AlertContentProps): JSX.Element;
+export { AlertContent };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/alert/alertContent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alertContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,cAAc,CAAC;AAEtB,KAAK,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAExD;;;;;;;;;;;;;;;;;GAiBG;AAEH,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAK3D;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/alert/alertDescription/index.d.ts

@@ -0,0 +1,23 @@
+import type { HTMLAttributes, JSX } from "react";
+import "./styles.css";
+type AlertDescriptionProps = HTMLAttributes<HTMLDivElement>;
+/**
+ * AlertDescription — body text for an alert. Place inside `AlertContent`.
+ *
+ * Accepts all standard `<div>` HTML attributes.
+ *
+ * @returns AlertDescription JSX element.
+ *
+ * @example
+ * ```tsx
+ * <AlertContainer schema="info">
+ *   <AlertContent>
+ *     <AlertTitle>Maintenance scheduled</AlertTitle>
+ *     <AlertDescription>The service will be unavailable on Sunday from 2–4 AM UTC.</AlertDescription>
+ *   </AlertContent>
+ * </AlertContainer>
+ * ```
+ */
+declare function AlertDescription(props: AlertDescriptionProps): JSX.Element;
+export { AlertDescription };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/alert/alertDescription/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alertDescription/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,cAAc,CAAC;AAEtB,KAAK,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE5D;;;;;;;;;;;;;;;;GAgBG;AAEH,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAKnE;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/alert/alertIcon/index.d.ts

@@ -0,0 +1,30 @@
+import { type LucideProps } from "lucide-react";
+import type { JSX } from "react";
+import "./styles.css";
+type AlertIconProps = LucideProps;
+/**
+ * AlertIcon — renders a schema-appropriate icon from `AlertContainer` context.
+ *
+ * - `success` → `CheckCircle2`
+ * - `danger` → `XCircle`
+ * - `warning` → `AlertTriangle`
+ * - `info` → `Info`
+ *
+ * Must be placed inside an `AlertContainer`. Accepts all Lucide icon props.
+ *
+ * @returns The schema-matched Lucide icon element.
+ *
+ * @example
+ * ```tsx
+ * <AlertContainer schema="danger">
+ *   <AlertIcon />
+ *   <AlertContent>
+ *     <AlertTitle>Payment failed</AlertTitle>
+ *     <AlertDescription>Please check your card details.</AlertDescription>
+ *   </AlertContent>
+ * </AlertContainer>
+ * ```
+ */
+declare function AlertIcon(props: AlertIconProps): JSX.Element;
+export { AlertIcon };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/alert/alertIcon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alertIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIN,KAAK,WAAW,EAEhB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,cAAc,CAAC;AAEtB,KAAK,cAAc,GAAG,WAAW,CAAC;AAElC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAgBrD;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/alert/alertTitle/index.d.ts

@@ -0,0 +1,25 @@
+import type { HTMLAttributes, JSX } from "react";
+import "./styles.css";
+type AlertTitleProps = HTMLAttributes<HTMLDivElement>;
+/**
+ * AlertTitle — bold heading for an alert. Place inside `AlertContent`.
+ *
+ * Its presence is detected by `AlertContainer` to switch the layout from centered to left-aligned.
+ * Accepts all standard `<div>` HTML attributes.
+ *
+ * @returns AlertTitle JSX element.
+ *
+ * @example
+ * ```tsx
+ * <AlertContainer schema="danger">
+ *   <AlertIcon />
+ *   <AlertContent>
+ *     <AlertTitle>Access denied</AlertTitle>
+ *     <AlertDescription>You don't have permission to view this page.</AlertDescription>
+ *   </AlertContent>
+ * </AlertContainer>
+ * ```
+ */
+declare function AlertTitle(props: AlertTitleProps): JSX.Element;
+export { AlertTitle };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/alert/alertTitle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alertTitle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,cAAc,CAAC;AAEtB,KAAK,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEtD;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAKvD;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

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

@@ -0,0 +1,51 @@
+import { type AudioHTMLAttributes, type JSX } from "react";
+import "./styles.css";
+/** Audio state snapshot passed to play/pause callbacks. */
+type AudioInformationProps = {
+    /** Current playback position in seconds. */
+    currentTime: number;
+    /** Total audio duration in seconds. */
+    totalTime: number;
+    /** Current position formatted as `MM:SS`. */
+    formattedCurrentTime: string;
+    /** Total duration formatted as `MM:SS`. */
+    formattedTotalTime: string;
+};
+type AudioPlayerProps = Omit<AudioHTMLAttributes<HTMLAudioElement>, "onEnded" | "src"> & {
+    /** Audio file URL. Required. */
+    src: string;
+    /** Disables the play/pause button and the progress slider. @default false */
+    disabled?: boolean;
+    /** Callback fired when playback starts. Receives the current audio state. */
+    onPlayAudio?: (props: AudioInformationProps) => void;
+    /** Callback fired when playback is paused. Receives the current audio state. */
+    onPauseAudio?: (props: AudioInformationProps) => void;
+};
+/**
+ * AudioPlayer — play/pause controls, a scrubable progress bar, and elapsed/total time display.
+ *
+ * @param props.src - Audio file URL. Required.
+ * @param props.disabled - Disables controls. Default: false
+ * @param props.onPlayAudio - Callback fired when playback starts.
+ * @param props.onPauseAudio - Callback fired when playback is paused.
+ *
+ * **...Other valid HTML properties for `<audio>` (except `onEnded` and `src`)**
+ *
+ * @returns AudioPlayer JSX element.
+ *
+ * @example
+ * ```tsx
+ * // Basic
+ * <AudioPlayer src="/audio/episode.mp3" />
+ *
+ * // With play/pause callbacks
+ * <AudioPlayer
+ *   src="/audio/episode.mp3"
+ *   onPlayAudio={(info) => console.log("Playing at", info.formattedCurrentTime)}
+ *   onPauseAudio={(info) => console.log("Paused at", info.formattedCurrentTime)}
+ * />
+ * ```
+ */
+declare function AudioPlayer(props: AudioPlayerProps): JSX.Element;
+export { AudioPlayer };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/audioPlayer/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACN,KAAK,mBAAmB,EACxB,KAAK,GAAG,EAIR,MAAM,OAAO,CAAC;AAIf,OAAO,cAAc,CAAC;AAEtB,2DAA2D;AAC3D,KAAK,qBAAqB,GAAG;IAC5B,4CAA4C;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,uCAAuC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,6CAA6C;IAC7C,oBAAoB,EAAE,MAAM,CAAC;IAC7B,2CAA2C;IAC3C,kBAAkB,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,KAAK,gBAAgB,GAAG,IAAI,CAC3B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,SAAS,GAAG,KAAK,CACjB,GAAG;IACH,gCAAgC;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACrD,gFAAgF;IAChF,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACtD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAoHzD;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/audioUpload/hasFileContent/index.d.ts

@@ -0,0 +1,13 @@
+import "./styles.css";
+type HasFileContentProps = {
+    filePath: string;
+    disabled: boolean;
+    acceptAudio: string;
+    isLoading: boolean;
+    handleSelectFile: (file: File) => void;
+    reSendAudio?: () => void;
+    changeAudioButtonText: string;
+};
+declare function HasFileContent(props: HasFileContentProps): import("react").JSX.Element;
+export { HasFileContent };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/audioUpload/hasFileContent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/audioUpload/hasFileContent/index.tsx"],"names":[],"mappings":"AAQA,OAAO,cAAc,CAAC;AAEtB,KAAK,mBAAmB,GAAG;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BA8DjD;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,71 @@
+import "./styles.css";
+type AudioUploadProps = {
+    /** Field name for form submission (stores the uploaded audio URL). Required. */
+    name: string;
+    /** Server endpoint URL that receives the `multipart/form-data` upload request. Required. */
+    action: string;
+    /** Form-data field name used for the file. @default "file" */
+    fileName?: string;
+    /** HTTP method for the upload request. @default "POST" */
+    method?: string;
+    /** Accepted audio MIME types or extensions (e.g. `"audio/mp3,audio/wav"`). @default "audio/*" */
+    acceptAudio?: string;
+    /** Text displayed in the drag-and-drop zone. @default "Ou arraste e solte um arquivo de áudio aqui" */
+    dropAudioText?: string;
+    /** Label for the file-picker button before a file is selected. @default "Selecionar arquivo de áudio" */
+    selectAudioButtonText?: string;
+    /** Label for the file-picker button after a file is selected. @default "Trocar arquivo de áudio" */
+    changeAudioButtonText?: string;
+    /** Callback fired after a successful upload. Receives the URL returned by the server. */
+    onChange?: (url?: string) => void;
+    /** Property name in the server response that contains the file URL. @default "url" */
+    fileResponseName?: string;
+    /** Optional label text displayed above the upload area. */
+    label?: string;
+    /** Displays an asterisk on the label to signal a required field. @default false */
+    showAsterisk?: boolean;
+    /** Disables file selection and upload. @default false */
+    disabled?: boolean;
+    /** Pre-populated audio URL (e.g. an existing recording). @default "" */
+    defaultValue?: string;
+};
+/**
+ * AudioUpload — drag-and-drop audio file uploader with server upload and playback preview.
+ *
+ * Sends the file via `fetch` as `multipart/form-data` and stores the returned URL
+ * 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.action - Upload endpoint URL. Required.
+ * @param props.fileName - Form-data field name for the file. Default: "file"
+ * @param props.method - HTTP method. Default: "POST"
+ * @param props.acceptAudio - Accepted MIME types / extensions. Default: "audio/*"
+ * @param props.onChange - Callback fired after a successful upload — receives the audio URL.
+ * @param props.fileResponseName - Server response property containing the URL. Default: "url"
+ * @param props.label - Label text displayed above the upload area.
+ * @param props.showAsterisk - Appends `*` to the label. Default: false
+ * @param props.disabled - Disables file selection and upload. Default: false
+ * @param props.defaultValue - Pre-populated audio URL.
+ *
+ * @returns AudioUpload JSX element wrapped in `FieldWrapper`.
+ *
+ * @example
+ * ```tsx
+ * // Basic
+ * <AudioUpload name="audio" action="/api/upload" />
+ *
+ * // With label and custom texts
+ * <AudioUpload
+ *   name="podcast"
+ *   action="/api/upload/podcast"
+ *   label="Podcast Episode"
+ *   showAsterisk
+ *   selectAudioButtonText="Choose audio file"
+ *   onChange={(url) => setPodcastUrl(url)}
+ * />
+ * ```
+ */
+declare function AudioUpload(props: AudioUploadProps): import("react").JSX.Element;
+export { AudioUpload };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/audioUpload/index.tsx"],"names":[],"mappings":"AASA,OAAO,cAAc,CAAC;AAEtB,KAAK,gBAAgB,GAAG;IACvB,gFAAgF;IAChF,IAAI,EAAE,MAAM,CAAC;IACb,4FAA4F;IAC5F,MAAM,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iGAAiG;IACjG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uGAAuG;IACvG,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yGAAyG;IACzG,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,oGAAoG;IACpG,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,yFAAyF;IACzF,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,sFAAsF;IACtF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AAEH,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAyG3C;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/audioUpload/noFileContent/index.d.ts

@@ -0,0 +1,12 @@
+import "./styles.css";
+type NoFileContentProps = {
+    disabled: boolean;
+    acceptAudio: string;
+    isLoading: boolean;
+    selectAudioButtonText: string;
+    dropAudioText: string;
+    handleSelectFile: (file: File) => void;
+};
+declare function NoFileContent(props: NoFileContentProps): import("react").JSX.Element;
+export { NoFileContent };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/audioUpload/noFileContent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/audioUpload/noFileContent/index.tsx"],"names":[],"mappings":"AAGA,OAAO,cAAc,CAAC;AAEtB,KAAK,kBAAkB,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,+BAkD/C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,60 @@
+import type { LucideIcon } from "lucide-react";
+import type { HTMLAttributes } from "react";
+import "./styles.css";
+type BadgeProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Badge size.
+     * @default "lg"
+     */
+    size?: "md" | "lg";
+    /**
+     * Visual style variant.
+     * - `solid`: filled background.
+     * - `outline`: bordered, transparent background.
+     * - `ghost`: no border, subtle background on hover.
+     * @default "ghost"
+     */
+    variant?: "solid" | "outline" | "ghost";
+    /**
+     * Color scheme applied to the badge.
+     * @default "primary"
+     */
+    scheme?: "primary" | "secondary" | "success" | "warning" | "danger" | "info";
+    /** Lucide icon rendered to the left of the label. */
+    leftIcon?: LucideIcon;
+    /** Lucide icon rendered to the right of the label. */
+    rightIcon?: LucideIcon;
+};
+/**
+ * Badge — displays labels, statuses, and categorization tags.
+ *
+ * @param props.size - Badge size (`md` | `lg`). Default: "lg"
+ * @param props.variant - Visual style variant. Default: "ghost"
+ * @param props.scheme - Color scheme. Default: "primary"
+ * @param props.leftIcon - Lucide icon rendered to the left of the label.
+ * @param props.rightIcon - Lucide icon rendered to the right of the label.
+ *
+ * **...Other valid HTML properties for `<div>`**
+ *
+ * @returns Badge JSX element.
+ *
+ * @example
+ * ```tsx
+ * // Basic badge
+ * <Badge>New</Badge>
+ *
+ * // With color scheme
+ * <Badge scheme="success">Approved</Badge>
+ *
+ * // With icon
+ * <Badge leftIcon={CheckIcon} scheme="success">Completed</Badge>
+ *
+ * // Custom size, variant and scheme
+ * <Badge size="lg" variant="solid" scheme="warning" rightIcon={AlertIcon}>
+ *   Warning
+ * </Badge>
+ * ```
+ */
+declare function Badge(props: BadgeProps): import("react").JSX.Element;
+export { Badge };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,cAAc,CAAC;AAEtB,KAAK,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAClD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IACxC;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC7E,qDAAqD;IACrD,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,sDAAsD;IACtD,SAAS,CAAC,EAAE,UAAU,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,+BAwB/B;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

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

@@ -0,0 +1,70 @@
+import { type LucideIcon } from "lucide-react";
+import type { ButtonHTMLAttributes } from "react";
+import "./styles.css";
+type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** Shows a spinner and disables the button during async operations. @default false */
+    isLoading?: boolean;
+    /** Text displayed beside the spinner when `isLoading` is true. */
+    loadingText?: string;
+    /**
+     * Button size.
+     * @default "md"
+     */
+    size?: "xs" | "sm" | "md" | "lg";
+    /**
+     * Visual style variant.
+     * - `solid`: filled background.
+     * - `outline`: bordered, transparent background.
+     * - `ghost`: no border, subtle hover.
+     * - `invisible`: no visual styling.
+     * @default "solid"
+     */
+    variant?: "solid" | "outline" | "ghost" | "invisible";
+    /**
+     * Color scheme applied to the button.
+     * @default "primary"
+     */
+    scheme?: "primary" | "success" | "warning" | "danger" | "info";
+    /** Lucide icon rendered to the left of the label. */
+    leftIcon?: LucideIcon;
+    /** Lucide icon rendered to the right of the label. */
+    rightIcon?: LucideIcon;
+};
+/**
+ * Button — used for user interactions and form submissions.
+ *
+ * @param props.isLoading - Shows a spinner and disables the button. Default: false
+ * @param props.loadingText - Text displayed beside the spinner when loading.
+ * @param props.size - Button size (`xs` | `sm` | `md` | `lg`). Default: "md"
+ * @param props.variant - Visual style variant. Default: "solid"
+ * @param props.scheme - Color scheme. Default: "primary"
+ * @param props.leftIcon - Lucide icon rendered to the left of the label.
+ * @param props.rightIcon - Lucide icon rendered to the right of the label.
+ *
+ * **...Other valid HTML properties for `<button>`**
+ *
+ * @returns Button JSX element.
+ *
+ * @example
+ * ```tsx
+ * // Basic button
+ * <Button>Click me</Button>
+ *
+ * // With color scheme
+ * <Button scheme="success">Save</Button>
+ *
+ * // With loading state
+ * <Button isLoading loadingText="Saving...">Save</Button>
+ *
+ * // With icons
+ * <Button leftIcon={SaveIcon} scheme="success">Save</Button>
+ *
+ * // Custom size, variant and scheme
+ * <Button size="lg" variant="outline" scheme="danger" rightIcon={TrashIcon}>
+ *   Delete
+ * </Button>
+ * ```
+ */
+declare function Button(props: ButtonProps): import("react").JSX.Element;
+export { Button };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,cAAc,CAAC;AAEtB,KAAK,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC5D,sFAAsF;IACtF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC;IACtD;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC/D,qDAAqD;IACrD,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,sDAAsD;IACtD,SAAS,CAAC,EAAE,UAAU,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,+BAqCjC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/calendar/_calendarProvider.d.ts

@@ -0,0 +1,52 @@
+import { type ReactNode } from "react";
+import { type CalendarMatrix } from "./_viewService";
+type CalendarContextProps = {
+    valueDate: Date[];
+    viewDate: Date;
+    currentDate: string;
+    currentDay: string;
+    currentMonth: string;
+    currentYear: string;
+    listWeek: string[];
+    listMonths: {
+        label: string;
+        value: string;
+    }[];
+    listYears: {
+        label: string;
+        value: string;
+    }[];
+    listMatrix: CalendarMatrix;
+    changeDay: (day: number, month: number, year: number) => void;
+    changeMonth: (month: number) => void;
+    changeYear: (year: number) => void;
+    nextMonth: () => void;
+    previousMonth: () => void;
+};
+type SingleCalendarProviderProps = {
+    children: ReactNode;
+    calendarType: "single";
+    language?: string;
+    onChangeView?: (date: Date) => void;
+    defaultValue?: Date;
+    onChange?: (date: Date) => void;
+    value?: Date;
+    viewValue?: Date;
+    defaultViewValue?: Date;
+};
+type RangeCalendarProviderProps = {
+    children: ReactNode;
+    calendarType: "range";
+    language?: string;
+    onChangeView?: (date: Date) => void;
+    defaultValue?: [Date, Date];
+    onChange?: (date: [Date, Date]) => void;
+    value?: [Date, Date];
+    viewValue?: Date;
+    defaultViewValue?: Date;
+};
+type CalendarProviderProps = SingleCalendarProviderProps | RangeCalendarProviderProps;
+declare function useCalendar(): CalendarContextProps;
+declare function CalendarProvider(props: CalendarProviderProps): import("react").JSX.Element;
+export { CalendarProvider, useCalendar };
+//# sourceMappingURL=_calendarProvider.d.ts.map

package/dist/components/calendar/_calendarProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_calendarProvider.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/_calendarProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,KAAK,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAElE,KAAK,oBAAoB,GAAG;IAC3B,SAAS,EAAE,IAAI,EAAE,CAAC;IAClB,QAAQ,EAAE,IAAI,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/C,SAAS,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC9C,UAAU,EAAE,cAAc,CAAC;IAC3B,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,KAAK,2BAA2B,GAAG;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,EAAE,QAAQ,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,gBAAgB,CAAC,EAAE,IAAI,CAAC;CACxB,CAAC;AAEF,KAAK,0BAA0B,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACrB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,gBAAgB,CAAC,EAAE,IAAI,CAAC;CACxB,CAAC;AAEF,KAAK,qBAAqB,GACvB,2BAA2B,GAC3B,0BAA0B,CAAC;AAI9B,iBAAS,WAAW,yBAEnB;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAsFrD;AAED,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/calendar/_viewService.d.ts

@@ -0,0 +1,32 @@
+type CalendarCell = {
+    day: number;
+    month: number;
+    year: number;
+    dayType: "checkedDay" | "middleDay" | "uncheckedDay";
+    dayOwner: "previous" | "current" | "next";
+};
+type CalendarMatrix = CalendarCell[][];
+declare class ViewService {
+    currentDay(viewDate: Date): string;
+    currentMonth(viewDate: Date): string;
+    currentYear(viewDate: Date): string;
+    capitalize(text: string): string;
+    parseDayType(day: number, month: number, year: number, valueDate: [Date, Date]): "checkedDay" | "middleDay" | "uncheckedDay";
+    listWeek(language: string): string[];
+    listMonths(viewDate: Date, language: string): {
+        label: string;
+        value: string;
+    }[];
+    listYears(lastYears: number): {
+        label: string;
+        value: string;
+    }[];
+    listMatrix(viewDate: Date, valueDate: [Date, Date]): CalendarMatrix;
+    changeDay(day: number, month: number, year: number, calendarType: "single" | "range", valueDate: [Date, Date], setValueDate: (date: [Date, Date]) => void, setViewDate: (date: Date) => void): void;
+    changeMonth(month: number, viewDate: Date, setViewDate: (date: Date) => void): void;
+    changeYear(year: number, viewDate: Date, setViewDate: (date: Date) => void): void;
+    nextMonth(viewDate: Date, setViewDate: (date: Date) => void): void;
+    previousMonth(viewDate: Date, setViewDate: (date: Date) => void): void;
+}
+export { type CalendarMatrix, ViewService };
+//# sourceMappingURL=_viewService.d.ts.map

package/dist/components/calendar/_viewService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_viewService.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/_viewService.ts"],"names":[],"mappings":"AAEA,KAAK,YAAY,GAAG;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,YAAY,GAAG,WAAW,GAAG,cAAc,CAAC;IACrD,QAAQ,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;CAC1C,CAAC;AAEF,KAAK,cAAc,GAAG,YAAY,EAAE,EAAE,CAAC;AAEvC,cAAM,WAAW;IAChB,UAAU,CAAC,QAAQ,EAAE,IAAI;IAIzB,YAAY,CAAC,QAAQ,EAAE,IAAI;IAI3B,WAAW,CAAC,QAAQ,EAAE,IAAI;IAI1B,UAAU,CAAC,IAAI,EAAE,MAAM;IAIvB,YAAY,CACX,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,GACrB,YAAY,GAAG,WAAW,GAAG,cAAc;IAmB9C,QAAQ,CAAC,QAAQ,EAAE,MAAM;IAiBzB,UAAU,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM;;;;IAe3C,SAAS,CAAC,SAAS,EAAE,MAAM;;;;IAS3B,UAAU,CAAC,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;IAgElD,SAAS,CACR,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,QAAQ,GAAG,OAAO,EAChC,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,EACvB,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,EAC1C,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI;IAmDlC,WAAW,CACV,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,IAAI,EACd,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI;IAOlC,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI;IAM1E,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI;IAO3D,aAAa,CAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI;CAM/D;AAED,OAAO,EAAE,KAAK,cAAc,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/calendar/calendarContainer/index.d.ts

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

package/dist/components/calendar/calendarContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/calendarContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,KAAK,sBAAsB,GAAG;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,+BAE9D;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/calendar/calendarHeader/index.d.ts

@@ -0,0 +1,7 @@
+import "./styles.css";
+type CalendarHeaderProps = {
+    basicMode: boolean;
+};
+declare function CalendarHeader({ basicMode }: CalendarHeaderProps): import("react").JSX.Element;
+export { CalendarHeader };
+//# sourceMappingURL=index.d.ts.map