@arkyn/components 3.0.1-beta.99 → 3.0.2

package/dist/modules/components/fieldError/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/fieldError/index.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport \"./styles.css\";\n\ntype FieldErrorProps = HTMLAttributes<HTMLElement>;\n\n/**\n * FieldError — displays a validation error message below a form field.\n *\n * Renders nothing when `children` is empty or falsy.\n *\n * **...Other valid HTML properties for `<strong>`**\n *\n * @returns FieldError `<strong>` element, or an empty fragment when there is no message.\n *\n * @example\n * ```tsx\n * <FieldError>This field is required</FieldError>\n *\n * {error && <FieldError>{error}</FieldError>}\n * ```\n */\n\nfunction FieldError(props: FieldErrorProps) {\n\tconst { children, className: baseClassName, ...rest } = props;\n\tconst className = `arkynFieldError ${baseClassName}`;\n\n\tif (!children) return null;\n\n\treturn (\n\t\t<strong className={className.trim()} {...rest}>\n\t\t\t{children}\n\t\t</strong>\n\t);\n}\n\nexport { FieldError };\n"],"mappings":";;;AAsBA,SAAS,EAAW,GAAwB;CAC3C,IAAM,EAAE,aAAU,WAAW,GAAe,GAAG,MAAS,GAClD,IAAY,mBAAmB;CAIrC,OAFK,IAGJ,kBAAC,UAAD;EAAQ,WAAW,EAAU,KAAK;EAAG,GAAI;EACvC;CACM,CAAA,IALa;AAOvB"}

package/dist/modules/components/fieldError/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynFieldError{color:rgb(var(--spotlight-danger,244, 63, 94));font-size:12px;font-weight:600;line-height:12px}}

package/dist/modules/components/fieldLabel/index.js

@@ -0,0 +1,14 @@
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/fieldLabel/index.tsx
+function t(t) {
+	let { showAsterisk: n = !1, className: r = "", ...i } = t;
+	return /* @__PURE__ */ e("label", {
+		className: `arkynFieldLabel ${n ? "asteriskTrue" : "asteriskFalse"} ${r}`.trim(),
+		...i
+	});
+}
+//#endregion
+export { t as FieldLabel };
+
+//# sourceMappingURL=index.js.map

package/dist/modules/components/fieldLabel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/fieldLabel/index.tsx"],"sourcesContent":["import type { LabelHTMLAttributes } from \"react\";\nimport \"./styles.css\";\n\ntype FieldLabelProps = LabelHTMLAttributes<HTMLLabelElement> & {\n\t/** When true, appends an asterisk (*) to signal a required field. @default false */\n\tshowAsterisk?: boolean;\n};\n\n/**\n * FieldLabel — label for form fields, with an optional required-field asterisk.\n *\n * @param props.showAsterisk - Appends `*` to the label. Default: false\n *\n * **...Other valid HTML properties for `<label>`**\n *\n * @returns FieldLabel JSX element.\n *\n * @example\n * ```tsx\n * <FieldLabel htmlFor=\"email\" showAsterisk>Email Address</FieldLabel>\n * ```\n */\n\nfunction FieldLabel(props: FieldLabelProps) {\n\tconst {\n\t\tshowAsterisk = false,\n\t\tclassName: baseClassName = \"\",\n\t\t...rest\n\t} = props;\n\n\tconst show = showAsterisk ? \"asteriskTrue\" : \"asteriskFalse\";\n\tconst className = `arkynFieldLabel ${show} ${baseClassName}`;\n\n\t// biome-ignore lint/a11y/noLabelWithoutControl: htmlFor is passed via ...rest\n\treturn <label className={className.trim()} {...rest} />;\n}\n\nexport { FieldLabel };\n"],"mappings":";;;AAuBA,SAAS,EAAW,GAAwB;CAC3C,IAAM,EACL,kBAAe,IACf,WAAW,IAAgB,IAC3B,GAAG,MACA;CAMJ,OAAO,kBAAC,SAAD;EAAO,WAAW,mBAJZ,IAAe,iBAAiB,gBACH,GAAG,IAGV,KAAK;EAAG,GAAI;CAAO,CAAA;AACvD"}

package/dist/modules/components/fieldLabel/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynFieldLabel{color:var(--text-body,#52525b);font-size:14px;font-weight:600;line-height:19.07px}.arkynFieldLabel.asteriskTrue:before{content:"* ";text-align:left;color:rgb(var(--spotlight-danger,244, 63, 94));font-size:12px;font-weight:600;line-height:16.34px}}

package/dist/modules/components/fieldWrapper/index.js

@@ -0,0 +1,15 @@
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/fieldWrapper/index.tsx
+function t(t) {
+	let { children: n, className: r, orientation: i = "vertical", ...a } = t;
+	return /* @__PURE__ */ e("section", {
+		className: `arkynFieldWrapper ${r} ${i}`.trim(),
+		...a,
+		children: n
+	});
+}
+//#endregion
+export { t as FieldWrapper };
+
+//# sourceMappingURL=index.js.map

package/dist/modules/components/fieldWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/fieldWrapper/index.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport \"./styles.css\";\n\ntype FieldWrapperProps = HTMLAttributes<HTMLElement> & {\n\t/** Field elements to render inside the wrapper (label, input, error, etc.). Required. */\n\tchildren: ReactNode;\n\t/**\n\t * Layout orientation of the wrapper.\n\t * @default \"vertical\"\n\t */\n\torientation?: \"vertical\" | \"horizontal\" | \"horizontalReverse\";\n};\n\n/**\n * FieldWrapper — `<section>` container that groups a form field with its label and error message.\n *\n * @param props.children - Field elements (label, input, error, etc.).\n * @param props.orientation - Layout direction. Default: \"vertical\"\n *\n * **...Other valid HTML properties for `<section>`**\n *\n * @returns FieldWrapper JSX element.\n *\n * @example\n * ```tsx\n * <FieldWrapper>\n *   <FieldLabel showAsterisk>Email</FieldLabel>\n *   <Input name=\"email\" type=\"email\" />\n *   <FieldError>Invalid email address</FieldError>\n * </FieldWrapper>\n * ```\n */\n\nfunction FieldWrapper(props: FieldWrapperProps) {\n\tconst {\n\t\tchildren,\n\t\tclassName: baseClassName,\n\t\torientation = \"vertical\",\n\t\t...rest\n\t} = props;\n\n\tconst className = `arkynFieldWrapper ${baseClassName} ${orientation}`;\n\n\treturn (\n\t\t<section className={className.trim()} {...rest}>\n\t\t\t{children}\n\t\t</section>\n\t);\n}\n\nexport { FieldWrapper };\n"],"mappings":";;;AAiCA,SAAS,EAAa,GAA0B;CAC/C,IAAM,EACL,aACA,WAAW,GACX,iBAAc,YACd,GAAG,MACA;CAIJ,OACC,kBAAC,WAAD;EAAS,WAAW,qBAHkB,EAAc,GAAG,IAGzB,KAAK;EAAG,GAAI;EACxC;CACO,CAAA;AAEX"}

package/dist/modules/components/fieldWrapper/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynFieldWrapper{gap:6px;height:max-content;display:flex}.arkynFieldWrapper.horizontal{flex-direction:row;align-items:center}.arkynFieldWrapper.horizontalReverse{flex-direction:row-reverse;align-items:center;margin-right:auto}.arkynFieldWrapper.vertical{flex-direction:column;align-items:flex-start}}

package/dist/modules/components/fileUpload/hasFileContent/index.js

@@ -0,0 +1,62 @@
+import { Button as e } from "../../button/index.js";
+import { Divider as t } from "../../divider/index.js";
+import { IconButton as n } from "../../iconButton/index.js";
+import { Tooltip as r } from "../../tooltip/index.js";
+/* empty css       */
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { File as o, FileArchive as s, FileAudio as c, FileImage as l, RefreshCw as u } from "lucide-react";
+//#region src/components/fileUpload/hasFileContent/index.tsx
+function d(d) {
+	let { disabled: f, file: p, isLoading: m, acceptFile: h, changeFileButtonText: g, handleSelectFile: _, reSendFile: v } = d;
+	function y() {
+		if (f) return;
+		let e = document.createElement("input");
+		e.type = "file", e.accept = h, e.onchange = (e) => {
+			let t = e.target.files?.[0];
+			t && _(t);
+		}, e.click();
+	}
+	function b() {
+		return p.type.startsWith("image/") ? /* @__PURE__ */ i(l, {}) : p.type.startsWith("audio/") ? /* @__PURE__ */ i(c, {}) : p.type.startsWith("application/zip") ? /* @__PURE__ */ i(s, {}) : /* @__PURE__ */ i(o, {});
+	}
+	return /* @__PURE__ */ a("div", {
+		className: "arkynFileUploadHasFileContent",
+		children: [
+			/* @__PURE__ */ a("section", {
+				className: "arkynFileUploadFileContainer",
+				children: [/* @__PURE__ */ i(b, {}), /* @__PURE__ */ i("p", { children: p.name })]
+			}),
+			/* @__PURE__ */ i(t, {}),
+			/* @__PURE__ */ a("div", {
+				className: "arkynFileUploadButtonsContainer",
+				children: [!!v && /* @__PURE__ */ i(r, {
+					orientation: "bottom",
+					text: "Reenviar arquivo",
+					children: /* @__PURE__ */ i(n, {
+						type: "button",
+						"aria-label": "resend file",
+						variant: "outline",
+						scheme: "danger",
+						size: "sm",
+						isLoading: m,
+						onClick: v,
+						icon: u,
+						disabled: f
+					})
+				}), /* @__PURE__ */ i(e, {
+					isLoading: m,
+					onClick: y,
+					variant: "outline",
+					size: "sm",
+					type: "button",
+					disabled: f,
+					children: g
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { d as HasFileContent };
+
+//# sourceMappingURL=index.js.map

package/dist/modules/components/fileUpload/hasFileContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/fileUpload/hasFileContent/index.tsx"],"sourcesContent":["import {\n\tFile,\n\tFileArchive,\n\tFileAudio,\n\tFileImage,\n\tRefreshCw,\n} from \"lucide-react\";\n\nimport { Button } from \"../../button\";\nimport { Divider } from \"../../divider\";\nimport { IconButton } from \"../../iconButton\";\nimport { Tooltip } from \"../../tooltip\";\n\nimport \"./styles.css\";\n\ntype HasFileContentProps = {\n\tdisabled: boolean;\n\tacceptFile: string;\n\tisLoading: boolean;\n\tchangeFileButtonText: string;\n\tfile: File;\n\treSendFile?: () => void;\n\thandleSelectFile: (file: File) => void;\n};\n\nfunction HasFileContent(props: HasFileContentProps) {\n\tconst {\n\t\tdisabled,\n\t\tfile,\n\t\tisLoading,\n\t\tacceptFile,\n\t\tchangeFileButtonText,\n\t\thandleSelectFile,\n\t\treSendFile,\n\t} = props;\n\n\tfunction handleClick() {\n\t\tif (disabled) return;\n\n\t\tconst input = document.createElement(\"input\");\n\n\t\tinput.type = \"file\";\n\t\tinput.accept = acceptFile;\n\n\t\tinput.onchange = (event) => {\n\t\t\tconst file = (event.target as HTMLInputElement).files?.[0];\n\t\t\tif (file) handleSelectFile(file);\n\t\t};\n\n\t\tinput.click();\n\t}\n\n\tfunction FileIcon() {\n\t\tif (file.type.startsWith(\"image/\")) return <FileImage />;\n\t\tif (file.type.startsWith(\"audio/\")) return <FileAudio />;\n\t\tif (file.type.startsWith(\"application/zip\")) return <FileArchive />;\n\t\treturn <File />;\n\t}\n\n\treturn (\n\t\t<div className=\"arkynFileUploadHasFileContent\">\n\t\t\t<section className=\"arkynFileUploadFileContainer\">\n\t\t\t\t<FileIcon />\n\t\t\t\t<p>{file.name}</p>\n\t\t\t</section>\n\n\t\t\t<Divider />\n\n\t\t\t<div className=\"arkynFileUploadButtonsContainer\">\n\t\t\t\t{!!reSendFile && (\n\t\t\t\t\t<Tooltip orientation=\"bottom\" text=\"Reenviar arquivo\">\n\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\taria-label=\"resend file\"\n\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\tscheme=\"danger\"\n\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\tisLoading={isLoading}\n\t\t\t\t\t\t\tonClick={reSendFile}\n\t\t\t\t\t\t\ticon={RefreshCw}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\n\t\t\t\t<Button\n\t\t\t\t\tisLoading={isLoading}\n\t\t\t\t\tonClick={handleClick}\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t>\n\t\t\t\t\t{changeFileButtonText}\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport { HasFileContent };\n"],"mappings":";;;;;;;;AAyBA,SAAS,EAAe,GAA4B;CACnD,IAAM,EACL,aACA,SACA,cACA,eACA,yBACA,qBACA,kBACG;CAEJ,SAAS,IAAc;EACtB,IAAI,GAAU;EAEd,IAAM,IAAQ,SAAS,cAAc,OAAO;EAU5C,AARA,EAAM,OAAO,QACb,EAAM,SAAS,GAEf,EAAM,YAAY,MAAU;GAC3B,IAAM,IAAQ,EAAM,OAA4B,QAAQ;GACxD,AAAI,KAAM,EAAiB,CAAI;EAChC,GAEA,EAAM,MAAM;CACb;CAEA,SAAS,IAAW;EAInB,OAHI,EAAK,KAAK,WAAW,QAAQ,IAAU,kBAAC,GAAD,CAAY,CAAA,IACnD,EAAK,KAAK,WAAW,QAAQ,IAAU,kBAAC,GAAD,CAAY,CAAA,IACnD,EAAK,KAAK,WAAW,iBAAiB,IAAU,kBAAC,GAAD,CAAc,CAAA,IAC3D,kBAAC,GAAD,CAAO,CAAA;CACf;CAEA,OACC,kBAAC,OAAD;EAAK,WAAU;YAAf;GACC,kBAAC,WAAD;IAAS,WAAU;cAAnB,CACC,kBAAC,GAAD,CAAW,CAAA,GACX,kBAAC,KAAD,EAAA,UAAI,EAAK,KAAQ,CAAA,CACT;;GAET,kBAAC,GAAD,CAAU,CAAA;GAEV,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,CAAC,CAAC,KACF,kBAAC,GAAD;KAAS,aAAY;KAAS,MAAK;eAClC,kBAAC,GAAD;MACC,MAAK;MACL,cAAW;MACX,SAAQ;MACR,QAAO;MACP,MAAK;MACM;MACX,SAAS;MACT,MAAM;MACI;KACV,CAAA;IACO,CAAA,GAGV,kBAAC,GAAD;KACY;KACX,SAAS;KACT,SAAQ;KACR,MAAK;KACL,MAAK;KACK;eAET;IACM,CAAA,CACJ;;EACD;;AAEP"}

package/dist/modules/components/fileUpload/hasFileContent/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynFileUploadHasFileContent{flex-direction:column;gap:16px;width:100%;height:100%;padding:16px;display:flex}.arkynFileUploadFileContainer{align-items:center;gap:8px;display:flex}.arkynFileUploadFileContainer svg{min-width:26px;min-height:26px;color:var(--text-heading,#09090b)}.arkynFileUploadFileContainer p{white-space:nowrap;text-overflow:ellipsis;text-align:left;color:var(--text-body,#52525b);font-size:14px;font-weight:400;overflow:hidden}.arkynFileUploadButtonsContainer{justify-content:end;align-items:center;gap:8px;display:flex}}

package/dist/modules/components/fileUpload/index.js

@@ -0,0 +1,68 @@
+import { useForm as e } from "../../hooks/useForm.js";
+import { FieldError as t } from "../fieldError/index.js";
+import { FieldLabel as n } from "../fieldLabel/index.js";
+import { FieldWrapper as r } from "../fieldWrapper/index.js";
+import { HasFileContent as i } from "./hasFileContent/index.js";
+import { NoFileContent as a } from "./noFileContent/index.js";
+/* empty css       */
+import { useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/fileUpload/index.tsx
+function l(l) {
+	let { name: u, label: d, showAsterisk: f = !1, action: p, fileName: m = "file", method: h = "POST", acceptFile: g = "*", fileResponseName: _ = "url", changeFileButtonText: v = "Alterar arquivo", selectFileButtonText: y = "Selecionar arquivo", dropFileText: b = "Ou arraste e solte o arquivo aqui", onChange: x, disabled: S = !1 } = l, { fieldErrors: C } = e(), w = C?.[u], [T, E] = o(""), [D, O] = o(""), [k, A] = o(null), [j, M] = o(!1);
+	async function N(e) {
+		if (S) return;
+		M(!0), A(e), O("");
+		let t = new FormData();
+		t.append(m, e), await fetch(p, {
+			method: h,
+			body: t
+		}).then(async (e) => await e.json()).then((e) => {
+			e?.error ? O(e.error) : E(e?.[_]), x?.(e?.[_]);
+		}).catch((e) => {
+			console.error(e), O("Erro ao enviar o arquivo");
+		}).finally(() => M(!1));
+	}
+	function P(e) {
+		S || N(e);
+	}
+	let F = w || D;
+	return /* @__PURE__ */ c(r, { children: [
+		d && /* @__PURE__ */ s(n, {
+			showAsterisk: f,
+			children: d
+		}),
+		/* @__PURE__ */ c("div", {
+			className: `arkynFileUpload ${F ? "hasError" : "noHasError"} ${k ? "hasFile" : "noHasFile"}`,
+			children: [
+				/* @__PURE__ */ s("input", {
+					type: "hidden",
+					name: u,
+					value: T || ""
+				}),
+				!k && /* @__PURE__ */ s(a, {
+					disabled: S,
+					isLoading: j,
+					acceptFile: g,
+					dropFileText: b,
+					handleSelectFile: P,
+					selectFileButtonText: y
+				}),
+				k && /* @__PURE__ */ s(i, {
+					disabled: S,
+					isLoading: j,
+					acceptFile: g,
+					file: k,
+					handleSelectFile: P,
+					changeFileButtonText: v,
+					reSendFile: F && k ? () => N(k) : void 0
+				})
+			]
+		}),
+		F && /* @__PURE__ */ s(t, { children: F })
+	] });
+}
+//#endregion
+export { l as FileUpload };
+
+//# sourceMappingURL=index.js.map

package/dist/modules/components/fileUpload/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/fileUpload/index.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { useForm } from \"../../hooks/useForm\";\nimport { FieldError } from \"../fieldError\";\nimport { FieldLabel } from \"../fieldLabel\";\nimport { FieldWrapper } from \"../fieldWrapper\";\n\nimport { HasFileContent } from \"./hasFileContent\";\nimport { NoFileContent } from \"./noFileContent\";\nimport \"./styles.css\";\n\ntype FileUploadProps = {\n\t/** Field name for form submission (stores the uploaded file URL). Required. */\n\tname: string;\n\t/** Server endpoint URL that receives the `multipart/form-data` upload request. Required. */\n\taction: string;\n\t/** Disables file selection and upload. @default false */\n\tdisabled?: boolean;\n\t/** Optional label text displayed above the upload area. */\n\tlabel?: string;\n\t/** Displays an asterisk on the label to signal a required field. @default false */\n\tshowAsterisk?: boolean;\n\t/** Label for the file-picker button after a file is selected. @default \"Alterar arquivo\" */\n\tchangeFileButtonText?: string;\n\t/** Label for the file-picker button before a file is selected. @default \"Selecionar arquivo\" */\n\tselectFileButtonText?: string;\n\t/** Text displayed in the drag-and-drop zone. @default \"Ou arraste e solte o arquivo aqui\" */\n\tdropFileText?: string;\n\t/** HTTP method for the upload request. @default \"POST\" */\n\tmethod?: string;\n\t/** Form-data field name used for the file. @default \"file\" */\n\tfileName?: string;\n\t/** Property name in the server response that contains the file URL. @default \"url\" */\n\tfileResponseName?: string;\n\t/** Accepted file MIME types or extensions (e.g. `\".pdf\"`, `\"image/*\"`). @default \"*\" */\n\tacceptFile?: string;\n\t/** Callback fired after a successful upload. Receives the URL returned by the server. */\n\tonChange?: (url?: string) => void;\n};\n\n/**\n * FileUpload — drag-and-drop file uploader with server upload and file-name preview.\n *\n * Sends the file via `fetch` as `multipart/form-data` and stores the returned URL\n * in a hidden `<input>` for form submission.\n * Integrates with `useForm` to display validation errors by field name.\n *\n * @param props.name - Field name for form submission. Required.\n * @param props.action - Upload endpoint URL. Required.\n * @param props.disabled - Disables file selection and upload. Default: false\n * @param props.label - Label text displayed above the upload area.\n * @param props.showAsterisk - Appends `*` to the label. Default: false\n * @param props.acceptFile - Accepted MIME types or extensions. Default: \"*\"\n * @param props.method - HTTP method. Default: \"POST\"\n * @param props.fileName - Form-data field name for the file. Default: \"file\"\n * @param props.fileResponseName - Server response property containing the URL. Default: \"url\"\n * @param props.onChange - Callback fired after a successful upload — receives the file URL.\n *\n * @returns FileUpload JSX element wrapped in `FieldWrapper`.\n *\n * @example\n * ```tsx\n * // Basic\n * <FileUpload name=\"document\" action=\"/api/upload\" />\n *\n * // PDF only with label and callback\n * <FileUpload\n *   name=\"contract\"\n *   action=\"/api/upload/docs\"\n *   label=\"Contract (PDF)\"\n *   showAsterisk\n *   acceptFile=\".pdf\"\n *   fileResponseName=\"documentUrl\"\n *   onChange={(url) => setContractUrl(url)}\n * />\n * ```\n */\n\nfunction FileUpload(props: FileUploadProps) {\n\tconst {\n\t\tname,\n\t\tlabel,\n\t\tshowAsterisk = false,\n\t\taction,\n\t\tfileName = \"file\",\n\t\tmethod = \"POST\",\n\t\tacceptFile = \"*\",\n\t\tfileResponseName = \"url\",\n\t\tchangeFileButtonText = \"Alterar arquivo\",\n\t\tselectFileButtonText = \"Selecionar arquivo\",\n\t\tdropFileText = \"Ou arraste e solte o arquivo aqui\",\n\t\tonChange,\n\t\tdisabled = false,\n\t} = props;\n\n\tconst { fieldErrors } = useForm();\n\tconst fieldError = fieldErrors?.[name];\n\n\tconst [value, setValue] = useState(\"\");\n\tconst [error, setError] = useState(\"\");\n\tconst [file, setFile] = useState<File | null>(null);\n\tconst [isLoading, setIsLoading] = useState(false);\n\n\tasync function handleUploadFile(file: File) {\n\t\tif (disabled) return;\n\n\t\tsetIsLoading(true);\n\t\tsetFile(file);\n\t\tsetError(\"\");\n\n\t\tconst formData = new FormData();\n\t\tformData.append(fileName, file);\n\n\t\tawait fetch(action, { method: method, body: formData })\n\t\t\t.then(async (response) => await response.json())\n\t\t\t.then((response) => {\n\t\t\t\tif (response?.error) setError(response.error);\n\t\t\t\telse setValue(response?.[fileResponseName]);\n\t\t\t\tonChange?.(response?.[fileResponseName]);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tconsole.error(error);\n\t\t\t\tsetError(\"Erro ao enviar o arquivo\");\n\t\t\t})\n\t\t\t.finally(() => setIsLoading(false));\n\t}\n\n\tfunction handleSelectFile(file: File) {\n\t\tif (disabled) return;\n\t\thandleUploadFile(file);\n\t}\n\n\tconst errorMessage = fieldError || error;\n\n\tconst hasErrorClassName = errorMessage ? \"hasError\" : \"noHasError\";\n\tconst hasFileClassName = file ? \"hasFile\" : \"noHasFile\";\n\tconst className = `arkynFileUpload ${hasErrorClassName} ${hasFileClassName}`;\n\n\treturn (\n\t\t<FieldWrapper>\n\t\t\t{label && <FieldLabel showAsterisk={showAsterisk}>{label}</FieldLabel>}\n\n\t\t\t<div className={className}>\n\t\t\t\t<input type=\"hidden\" name={name} value={value || \"\"} />\n\n\t\t\t\t{!file && (\n\t\t\t\t\t<NoFileContent\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tisLoading={isLoading}\n\t\t\t\t\t\tacceptFile={acceptFile}\n\t\t\t\t\t\tdropFileText={dropFileText}\n\t\t\t\t\t\thandleSelectFile={handleSelectFile}\n\t\t\t\t\t\tselectFileButtonText={selectFileButtonText}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{file && (\n\t\t\t\t\t<HasFileContent\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tisLoading={isLoading}\n\t\t\t\t\t\tacceptFile={acceptFile}\n\t\t\t\t\t\tfile={file}\n\t\t\t\t\t\thandleSelectFile={handleSelectFile}\n\t\t\t\t\t\tchangeFileButtonText={changeFileButtonText}\n\t\t\t\t\t\treSendFile={\n\t\t\t\t\t\t\terrorMessage && file ? () => handleUploadFile(file) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{errorMessage && <FieldError>{errorMessage}</FieldError>}\n\t\t</FieldWrapper>\n\t);\n}\n\nexport { FileUpload };\n"],"mappings":";;;;;;;;;;AA8EA,SAAS,EAAW,GAAwB;CAC3C,IAAM,EACL,SACA,UACA,kBAAe,IACf,WACA,cAAW,QACX,YAAS,QACT,gBAAa,KACb,sBAAmB,OACnB,0BAAuB,mBACvB,0BAAuB,sBACvB,kBAAe,qCACf,aACA,cAAW,OACR,GAEE,EAAE,mBAAgB,EAAQ,GAC1B,IAAa,IAAc,IAE3B,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,CAAC,GAAM,KAAW,EAAsB,IAAI,GAC5C,CAAC,GAAW,KAAgB,EAAS,EAAK;CAEhD,eAAe,EAAiB,GAAY;EAC3C,IAAI,GAAU;EAId,AAFA,EAAa,EAAI,GACjB,EAAQ,CAAI,GACZ,EAAS,EAAE;EAEX,IAAM,IAAW,IAAI,SAAS;EAG9B,AAFA,EAAS,OAAO,GAAU,CAAI,GAE9B,MAAM,MAAM,GAAQ;GAAU;GAAQ,MAAM;EAAS,CAAC,CAAC,CACrD,KAAK,OAAO,MAAa,MAAM,EAAS,KAAK,CAAC,CAAC,CAC/C,MAAM,MAAa;GAGnB,AAFI,GAAU,QAAO,EAAS,EAAS,KAAK,IACvC,EAAS,IAAW,EAAiB,GAC1C,IAAW,IAAW,EAAiB;EACxC,CAAC,CAAC,CACD,OAAO,MAAU;GAEjB,AADA,QAAQ,MAAM,CAAK,GACnB,EAAS,0BAA0B;EACpC,CAAC,CAAC,CACD,cAAc,EAAa,EAAK,CAAC;CACpC;CAEA,SAAS,EAAiB,GAAY;EACjC,KACJ,EAAiB,CAAI;CACtB;CAEA,IAAM,IAAe,KAAc;CAMnC,OACC,kBAAC,GAAD,EAAA,UAAA;EACE,KAAS,kBAAC,GAAD;GAA0B;aAAe;EAAkB,CAAA;EAErE,kBAAC,OAAD;GAAgB,WAAA,mBARQ,IAAe,aAAa,aAEC,GAD9B,IAAO,YAAY;aAO1C;IACC,kBAAC,SAAD;KAAO,MAAK;KAAe;KAAM,OAAO,KAAS;IAAK,CAAA;IAErD,CAAC,KACD,kBAAC,GAAD;KACW;KACC;KACC;KACE;KACI;KACI;IACtB,CAAA;IAGD,KACA,kBAAC,GAAD;KACW;KACC;KACC;KACN;KACY;KACI;KACtB,YACC,KAAgB,UAAa,EAAiB,CAAI,IAAI,KAAA;IAEvD,CAAA;GAEE;;EAEJ,KAAgB,kBAAC,GAAD,EAAA,UAAa,EAAyB,CAAA;CAC1C,EAAA,CAAA;AAEhB"}

package/dist/modules/components/fileUpload/noFileContent/index.js

@@ -0,0 +1,38 @@
+import { Button as e } from "../../button/index.js";
+/* empty css       */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/fileUpload/noFileContent/index.tsx
+function r(r) {
+	let { dropFileText: i, isLoading: a, acceptFile: o, handleSelectFile: s, selectFileButtonText: c, disabled: l } = r;
+	function u(e) {
+		if (l) return;
+		e.preventDefault();
+		let t = e.dataTransfer.files[0];
+		t && s(t);
+	}
+	function d() {
+		if (l) return;
+		let e = document.createElement("input");
+		e.type = "file", e.accept = o, e.onchange = (e) => {
+			let t = e.target.files?.[0];
+			t && s(t);
+		}, e.click();
+	}
+	return /* @__PURE__ */ n("div", {
+		onDrop: u,
+		className: "arkynFileUploadNoFileContent",
+		children: [/* @__PURE__ */ t(e, {
+			isLoading: a,
+			onClick: d,
+			variant: "ghost",
+			size: "sm",
+			type: "button",
+			disabled: l,
+			children: c
+		}), /* @__PURE__ */ t("p", { children: i })]
+	});
+}
+//#endregion
+export { r as NoFileContent };
+
+//# sourceMappingURL=index.js.map

package/dist/modules/components/fileUpload/noFileContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/fileUpload/noFileContent/index.tsx"],"sourcesContent":["import type { DragEvent } from \"react\";\n\nimport { Button } from \"../../button\";\nimport \"./styles.css\";\n\ntype NoFileContentProps = {\n\tdisabled: boolean;\n\tacceptFile: string;\n\tisLoading: boolean;\n\tselectFileButtonText: string;\n\tdropFileText: string;\n\thandleSelectFile: (file: File) => void;\n};\n\nfunction NoFileContent(props: NoFileContentProps) {\n\tconst {\n\t\tdropFileText,\n\t\tisLoading,\n\t\tacceptFile,\n\t\thandleSelectFile,\n\t\tselectFileButtonText,\n\t\tdisabled,\n\t} = props;\n\n\tfunction handleDrop(event: DragEvent<HTMLDivElement>) {\n\t\tif (disabled) return;\n\n\t\tevent.preventDefault();\n\t\tconst file = event.dataTransfer.files[0];\n\t\tif (file) handleSelectFile(file);\n\t}\n\n\tfunction handleClick() {\n\t\tif (disabled) return;\n\n\t\tconst input = document.createElement(\"input\");\n\n\t\tinput.type = \"file\";\n\t\tinput.accept = acceptFile;\n\n\t\tinput.onchange = (event) => {\n\t\t\tconst file = (event.target as HTMLInputElement).files?.[0];\n\t\t\tif (file) handleSelectFile(file);\n\t\t};\n\n\t\tinput.click();\n\t}\n\n\treturn (\n\t\t<div onDrop={handleDrop} className=\"arkynFileUploadNoFileContent\">\n\t\t\t<Button\n\t\t\t\tisLoading={isLoading}\n\t\t\t\tonClick={handleClick}\n\t\t\t\tvariant=\"ghost\"\n\t\t\t\tsize=\"sm\"\n\t\t\t\ttype=\"button\"\n\t\t\t\tdisabled={disabled}\n\t\t\t>\n\t\t\t\t{selectFileButtonText}\n\t\t\t</Button>\n\n\t\t\t<p>{dropFileText}</p>\n\t\t</div>\n\t);\n}\n\nexport { NoFileContent };\n"],"mappings":";;;;AAcA,SAAS,EAAc,GAA2B;CACjD,IAAM,EACL,iBACA,cACA,eACA,qBACA,yBACA,gBACG;CAEJ,SAAS,EAAW,GAAkC;EACrD,IAAI,GAAU;EAEd,EAAM,eAAe;EACrB,IAAM,IAAO,EAAM,aAAa,MAAM;EACtC,AAAI,KAAM,EAAiB,CAAI;CAChC;CAEA,SAAS,IAAc;EACtB,IAAI,GAAU;EAEd,IAAM,IAAQ,SAAS,cAAc,OAAO;EAU5C,AARA,EAAM,OAAO,QACb,EAAM,SAAS,GAEf,EAAM,YAAY,MAAU;GAC3B,IAAM,IAAQ,EAAM,OAA4B,QAAQ;GACxD,AAAI,KAAM,EAAiB,CAAI;EAChC,GAEA,EAAM,MAAM;CACb;CAEA,OACC,kBAAC,OAAD;EAAK,QAAQ;EAAY,WAAU;YAAnC,CACC,kBAAC,GAAD;GACY;GACX,SAAS;GACT,SAAQ;GACR,MAAK;GACL,MAAK;GACK;aAET;EACM,CAAA,GAER,kBAAC,KAAD,EAAA,UAAI,EAAgB,CAAA,CAChB;;AAEP"}

package/dist/modules/components/fileUpload/noFileContent/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynFileUploadNoFileContent{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.arkynFileUploadNoFileContent>p{text-align:center;white-space:nowrap;color:var(--text-body,#52525b);padding:0 24px;font-size:12px;font-weight:400;line-height:12px}}

package/dist/modules/components/fileUpload/styles.css

@@ -0,0 +1,19 @@
+@layer arkyn{.arkynFileUpload{border-width:1px;border-color:var(--border,#e2e8f0);background:var(--input-background,#fafafa);border-radius:8px;outline:1px solid #0000;width:100%;max-width:475px;height:127px}.arkynFileUpload.hasFile{border-style:solid}.arkynFileUpload.noHasFile{border-style:dashed}.arkynFileUpload.hasError{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}}
+
+@layer arkyn{.arkynFieldError{color:rgb(var(--spotlight-danger,244, 63, 94));font-size:12px;font-weight:600;line-height:12px}}
+
+@layer arkyn{.arkynFieldLabel{color:var(--text-body,#52525b);font-size:14px;font-weight:600;line-height:19.07px}.arkynFieldLabel.asteriskTrue:before{content:"* ";text-align:left;color:rgb(var(--spotlight-danger,244, 63, 94));font-size:12px;font-weight:600;line-height:16.34px}}
+
+@layer arkyn{.arkynFieldWrapper{gap:6px;height:max-content;display:flex}.arkynFieldWrapper.horizontal{flex-direction:row;align-items:center}.arkynFieldWrapper.horizontalReverse{flex-direction:row-reverse;align-items:center;margin-right:auto}.arkynFieldWrapper.vertical{flex-direction:column;align-items:flex-start}}
+
+@layer arkyn{.arkynFileUploadHasFileContent{flex-direction:column;gap:16px;width:100%;height:100%;padding:16px;display:flex}.arkynFileUploadFileContainer{align-items:center;gap:8px;display:flex}.arkynFileUploadFileContainer svg{min-width:26px;min-height:26px;color:var(--text-heading,#09090b)}.arkynFileUploadFileContainer p{white-space:nowrap;text-overflow:ellipsis;text-align:left;color:var(--text-body,#52525b);font-size:14px;font-weight:400;overflow:hidden}.arkynFileUploadButtonsContainer{justify-content:end;align-items:center;gap:8px;display:flex}}
+
+@layer arkyn{.arkynButton{background:0 0;border:1px solid #0000;outline:1px solid #0000;position:relative}.arkynButton:hover{cursor:pointer;filter:brightness(.95);transition:all .3s}html.dark .arkynButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynButton:disabled{cursor:not-allowed;opacity:.5}.arkynButton .arkynButtonContent{white-space:nowrap;justify-content:center;align-items:center;display:flex}.arkynButton .arkynButtonSpinner{white-space:nowrap;opacity:0;justify-content:center;align-items:center;display:flex}.arkynButton.solid{color:var(--white,#fff)}.arkynButton.solid.primary{background-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynButton.solid.secondary{background-color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynButton.solid.danger{background-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynButton.solid.success{background-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynButton.solid.warning{background-color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynButton.solid.info{background-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynButton.outline{background-color:var(--background-underground,#fafafa);border-color:var(--border,#e2e8f0)}.arkynButton.outline.primary{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynButton.outline.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynButton.outline.danger{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynButton.outline.success{color:rgb(var(--spotlight-success,16, 185, 129))}.arkynButton.outline.warning{color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynButton.outline.info{color:rgb(var(--spotlight-info,14, 165, 233))}.arkynButton.ghost.primary{color:rgb(var(--spotlight-primary,17, 109, 220));background-color:rgb(var(--spotlight-primary-foreground,231, 240, 252))}.arkynButton.ghost.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139));background-color:rgb(var(--spotlight-secondary-foreground,250, 250, 250))}.arkynButton.ghost.danger{color:rgb(var(--spotlight-danger,244, 63, 94));background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynButton.ghost.success{color:rgb(var(--spotlight-success,16, 185, 129));background-color:rgb(var(--spotlight-success-foreground,231, 248, 242))}.arkynButton.ghost.warning{color:rgb(var(--spotlight-warning,249, 115, 22));background-color:rgb(var(--spotlight-warning-foreground,254, 241, 232))}.arkynButton.ghost.info{color:rgb(var(--spotlight-info,14, 165, 233));background-color:rgb(var(--spotlight-info-foreground,231, 246, 253))}.arkynButton.invisible.primary{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynButton.invisible.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynButton.invisible.danger{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynButton.invisible.success{color:rgb(var(--spotlight-success,16, 185, 129))}.arkynButton.invisible.warning{color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynButton.invisible.info{color:rgb(var(--spotlight-info,14, 165, 233))}.arkynButton.lg{border-radius:8px;height:44px;padding:0 20px;font-size:14px;font-weight:600;line-height:14px}.arkynButton.lg .arkynButtonContent,.arkynButton.lg .arkynButtonSpinner{gap:16px}.arkynButton.md{border-radius:8px;gap:16px;height:40px;padding:0 16px;font-size:14px;font-weight:600;line-height:14px}.arkynButton.md .arkynButtonContent,.arkynButton.md .arkynButtonSpinner{gap:14px}.arkynButton.sm{border-radius:6px;height:32px;padding:0 16px;font-size:12px;font-weight:600;line-height:12px}.arkynButton.sm .arkynButtonContent,.arkynButton.sm .arkynButtonSpinner{gap:12px}.arkynButton.xs{border-radius:4px;height:24px;padding:0 16px;font-size:10px;font-weight:600;line-height:10px}.arkynButton.xs .arkynButtonContent,.arkynButton.xs .arkynButtonSpinner{gap:8px}.arkynButton .arkynButtonSpinner>svg{animation:2s linear infinite spin}.arkynButton.loadingTextFalse .arkynButtonSpinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynButton.loadingTextTrue .arkynButtonSpinner{max-height:0}.arkynButton.loadingTrue .arkynButtonContent{opacity:0;max-height:0}.arkynButton.loadingTrue .arkynButtonSpinner{opacity:1;max-height:unset}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
+
+@layer arkyn{.arkynDivider{background-color:var(--border,#e2e8f0);flex:1;display:block}.arkynDivider.horizontal{width:100%;min-height:1px;max-height:1px}.arkynDivider.vertical{min-width:1px;max-width:1px;height:100%}}
+
+@layer arkyn{.arkynIconButton{background:0 0;border:1px solid #0000;outline:1px solid #0000;position:relative}.arkynIconButton:hover{cursor:pointer;filter:brightness(.9);transition:all .15s ease-out}html.dark .arkynIconButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynIconButton:disabled{cursor:not-allowed;opacity:.5}.arkynIconButtonContent{justify-content:center;align-items:center;display:flex}.arkynIconButton.solid{color:var(--white,#fff)}.arkynIconButton.solid.primary{background-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynIconButton.solid.secondary{background-color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynIconButton.solid.danger{background-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynIconButton.solid.success{background-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynIconButton.solid.warning{background-color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynIconButton.solid.info{background-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynIconButton.outline{background-color:var(--background-underground,#fafafa);border-color:var(--border,#e2e8f0)}.arkynIconButton.outline.primary{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynIconButton.outline.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynIconButton.outline.danger{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynIconButton.outline.success{color:rgb(var(--spotlight-success,16, 185, 129))}.arkynIconButton.outline.warning{color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynIconButton.outline.info{color:rgb(var(--spotlight-info,14, 165, 233))}.arkynIconButton.ghost:hover{filter:brightness(.8)}.arkynIconButton.ghost.primary{color:rgb(var(--spotlight-primary,17, 109, 220));background-color:rgb(var(--spotlight-primary-foreground,231, 240, 252))}.arkynIconButton.ghost.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139));background-color:rgb(var(--spotlight-secondary-foreground,250, 250, 250))}.arkynIconButton.ghost.danger{color:rgb(var(--spotlight-danger,244, 63, 94));background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynIconButton.ghost.success{color:rgb(var(--spotlight-success,16, 185, 129));background-color:rgb(var(--spotlight-success-foreground,231, 248, 242))}.arkynIconButton.ghost.warning{color:rgb(var(--spotlight-warning,249, 115, 22));background-color:rgb(var(--spotlight-warning-foreground,254, 241, 232))}.arkynIconButton.ghost.info{color:rgb(var(--spotlight-info,14, 165, 233));background-color:rgb(var(--spotlight-info-foreground,231, 246, 253))}.arkynIconButton.invisible.primary{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynIconButton.invisible.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynIconButton.invisible.danger{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynIconButton.invisible.success{color:rgb(var(--spotlight-success,16, 185, 129))}.arkynIconButton.invisible.warning{color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynIconButton.invisible.info{color:rgb(var(--spotlight-info,14, 165, 233))}.arkynIconButton.lg{border-radius:6px;width:44px;height:44px}.arkynIconButton.md{border-radius:6px;width:40px;height:40px}.arkynIconButton.sm{border-radius:6px;width:32px;height:32px}.arkynIconButton.xs{border-radius:4px;width:24px;height:24px}.arkynIconButtonSpinner{opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynIconButtonSpinner>svg{animation:2s linear infinite spin}.arkynIconButton.loadingTrue .arkynIconButtonSpinner{opacity:1}.arkynIconButton.loadingTrue .arkynIconButtonContent{opacity:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
+
+@layer arkyn{.arkynTooltip{display:block;position:relative}.arkynTooltipText{visibility:hidden;opacity:0;white-space:nowrap;color:var(--tooltip-text,#fafafa);background-color:var(--tooltip-background,#27272a);z-index:9999;border-radius:4px;justify-content:center;align-items:center;font-weight:400;transition:all .15s ease-out;display:flex;position:absolute;transform:translate(-50%,-50%)}.arkynTooltip.lg .arkynTooltipText{padding:8px 12px;font-size:14px;line-height:130%}.arkynTooltip.md .arkynTooltipText{padding:8px 12px;font-size:12px;line-height:130%}.arkynTooltip:hover .arkynTooltipText{opacity:1;visibility:visible}.arkynTooltip.top .arkynTooltipText{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.top .arkynTooltipText:before{content:"";border-style:solid;border-color:var(--tooltip-background,#27272a) transparent;border-width:6px 6px 0;position:absolute;top:100%;bottom:20px;left:50%;transform:translate(-50%)}.arkynTooltip.left .arkynTooltipText{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.left .arkynTooltipText:before{content:"";border-style:solid;border-color:transparent var(--tooltip-background,#27272a);border-width:6px 0 6px 6px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText:before{content:"";border-style:solid;border-color:transparent var(--tooltip-background,#27272a);border-width:6px 6px 6px 0;position:absolute;top:50%;left:0;transform:translate(-100%,-50%)}.arkynTooltip.bottom .arkynTooltipText{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.bottom .arkynTooltipText:before{content:"";border-style:solid;border-color:var(--tooltip-background,#27272a) transparent;border-width:0 6px 6px;position:absolute;top:0;left:50%;transform:translate(-50%,-100%)}}
+
+@layer arkyn{.arkynFileUploadNoFileContent{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.arkynFileUploadNoFileContent>p{text-align:center;white-space:nowrap;color:var(--text-body,#52525b);padding:0 24px;font-size:12px;font-weight:400;line-height:12px}}

package/dist/modules/components/fullCalendar/_fullCalendarProvider.js

@@ -0,0 +1,37 @@
+import { ViewService as e } from "./_viewService.js";
+import { createContext as t, useContext as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/fullCalendar/_fullCalendarProvider.tsx
+var a = t({});
+function o() {
+	return n(a);
+}
+function s(t) {
+	let { blockedTimestamps: n, children: o, events: s, defaultViewValue: c = /* @__PURE__ */ new Date(), language: l = "pt-BR", onChangeView: u, onClickDate: d, viewValue: f } = t, p = new e(), m = p.listHours([8, 18]), [h, g] = r(c), _ = f || h;
+	function v(e) {
+		u && u(e), g(e);
+	}
+	return /* @__PURE__ */ i(a.Provider, {
+		value: {
+			events: s,
+			blockedTimestamps: n,
+			viewDate: _,
+			listHours: m,
+			listWeek: p.listWeek(_, l),
+			listMonthlyMatrix: p.listMonthlyMatrix(_),
+			listWeeklyMatrix: p.listWeeklyMatrix(_, m),
+			nextMonth: () => p.nextMonth(_, v),
+			nextWeek: () => p.nextWeek(_, v),
+			nextDay: () => p.nextDay(_, v),
+			previousMonth: () => p.previousMonth(_, v),
+			previousWeek: () => p.previousWeek(_, v),
+			previousDay: () => p.previousDay(_, v),
+			onClickDate: d
+		},
+		children: o
+	});
+}
+//#endregion
+export { s as FullCalendarProvider, o as useFullCalendar };
+
+//# sourceMappingURL=_fullCalendarProvider.js.map

package/dist/modules/components/fullCalendar/_fullCalendarProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_fullCalendarProvider.js","names":[],"sources":["../../../../src/components/fullCalendar/_fullCalendarProvider.tsx"],"sourcesContent":["import { createContext, type ReactNode, useContext, useState } from \"react\";\nimport {\n\ttype FullCalendarMatrix,\n\ttype FullCalendarWeekMatrix,\n\tViewService,\n} from \"./_viewService\";\n\ntype FullCalendarEvent = {\n\tinitialDate: Date;\n\tendDate?: Date;\n\ttitle: string;\n\t// biome-ignore lint/suspicious/noExplicitAny: intentional\n\tdata?: any;\n\tscheme?: \"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\";\n\t// biome-ignore lint/suspicious/noExplicitAny: intentional\n\tonClick?: (data: any) => void;\n};\n\ntype BlockTimestamp = {\n\tinitialDate: Date;\n\tendDate: Date;\n};\n\ntype FullCalendarContextProps = {\n\tevents: FullCalendarEvent[];\n\tblockedTimestamps: BlockTimestamp[];\n\tviewDate: Date;\n\tlistHours: number[];\n\tlistWeek: string[];\n\tlistMonthlyMatrix: FullCalendarMatrix;\n\tlistWeeklyMatrix: FullCalendarWeekMatrix;\n\tnextMonth: () => void;\n\tnextWeek: () => void;\n\tnextDay: () => void;\n\tpreviousMonth: () => void;\n\tpreviousWeek: () => void;\n\tpreviousDay: () => void;\n\tonClickDate?: (date: Date) => void;\n};\n\ntype FullCalendarProviderProps = {\n\tevents: FullCalendarEvent[];\n\tblockedTimestamps: BlockTimestamp[];\n\tchildren: ReactNode;\n\tlanguage?: string;\n\tviewValue?: Date;\n\tdefaultViewValue?: Date;\n\tonChangeView?: (date: Date) => void;\n\tonClickDate?: (date: Date) => void;\n};\n\nconst FullCalendarContext = createContext({} as FullCalendarContextProps);\n\nfunction useFullCalendar() {\n\treturn useContext(FullCalendarContext);\n}\n\nfunction FullCalendarProvider(props: FullCalendarProviderProps) {\n\tconst {\n\t\tblockedTimestamps,\n\t\tchildren,\n\t\tevents,\n\t\tdefaultViewValue = new Date(),\n\t\tlanguage = \"pt-BR\",\n\t\tonChangeView,\n\t\tonClickDate,\n\t\tviewValue,\n\t} = props;\n\n\tconst viewService = new ViewService();\n\tconst listHours = viewService.listHours([8, 18]);\n\n\tconst [rawViewDate, rawSetViewDate] = useState(defaultViewValue);\n\tconst viewDate = viewValue || rawViewDate;\n\n\tfunction setViewDate(date: Date) {\n\t\tif (onChangeView) onChangeView(date);\n\t\trawSetViewDate(date);\n\t}\n\n\treturn (\n\t\t<FullCalendarContext.Provider\n\t\t\tvalue={{\n\t\t\t\tevents,\n\t\t\t\tblockedTimestamps,\n\t\t\t\tviewDate,\n\t\t\t\tlistHours,\n\t\t\t\tlistWeek: viewService.listWeek(viewDate, language),\n\t\t\t\tlistMonthlyMatrix: viewService.listMonthlyMatrix(viewDate),\n\t\t\t\tlistWeeklyMatrix: viewService.listWeeklyMatrix(viewDate, listHours),\n\t\t\t\tnextMonth: () => viewService.nextMonth(viewDate, setViewDate),\n\t\t\t\tnextWeek: () => viewService.nextWeek(viewDate, setViewDate),\n\t\t\t\tnextDay: () => viewService.nextDay(viewDate, setViewDate),\n\t\t\t\tpreviousMonth: () => viewService.previousMonth(viewDate, setViewDate),\n\t\t\t\tpreviousWeek: () => viewService.previousWeek(viewDate, setViewDate),\n\t\t\t\tpreviousDay: () => viewService.previousDay(viewDate, setViewDate),\n\t\t\t\tonClickDate,\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</FullCalendarContext.Provider>\n\t);\n}\n\nexport { FullCalendarProvider, useFullCalendar };\n"],"mappings":";;;;AAmDA,IAAM,IAAsB,EAAc,CAAC,CAA6B;AAExE,SAAS,IAAkB;CAC1B,OAAO,EAAW,CAAmB;AACtC;AAEA,SAAS,EAAqB,GAAkC;CAC/D,IAAM,EACL,sBACA,aACA,WACA,sCAAmB,IAAI,KAAK,GAC5B,cAAW,SACX,iBACA,gBACA,iBACG,GAEE,IAAc,IAAI,EAAY,GAC9B,IAAY,EAAY,UAAU,CAAC,GAAG,EAAE,CAAC,GAEzC,CAAC,GAAa,KAAkB,EAAS,CAAgB,GACzD,IAAW,KAAa;CAE9B,SAAS,EAAY,GAAY;EAEhC,AADI,KAAc,EAAa,CAAI,GACnC,EAAe,CAAI;CACpB;CAEA,OACC,kBAAC,EAAoB,UAArB;EACC,OAAO;GACN;GACA;GACA;GACA;GACA,UAAU,EAAY,SAAS,GAAU,CAAQ;GACjD,mBAAmB,EAAY,kBAAkB,CAAQ;GACzD,kBAAkB,EAAY,iBAAiB,GAAU,CAAS;GAClE,iBAAiB,EAAY,UAAU,GAAU,CAAW;GAC5D,gBAAgB,EAAY,SAAS,GAAU,CAAW;GAC1D,eAAe,EAAY,QAAQ,GAAU,CAAW;GACxD,qBAAqB,EAAY,cAAc,GAAU,CAAW;GACpE,oBAAoB,EAAY,aAAa,GAAU,CAAW;GAClE,mBAAmB,EAAY,YAAY,GAAU,CAAW;GAChE;EACD;EAEC;CAC4B,CAAA;AAEhC"}

package/dist/modules/components/fullCalendar/_viewService.js

@@ -0,0 +1,103 @@
+import { formatToCapitalizeFirstWordLetter as e } from "@arkyn/shared";
+//#region src/components/fullCalendar/_viewService.ts
+var t = class {
+	capitalize(t) {
+		return e(t);
+	}
+	listHours(e) {
+		let [t, n] = e, r = [];
+		for (let e = t * 60; e <= n * 60; e += 30) r.push(e);
+		return r;
+	}
+	formatHourLabel(e) {
+		let t = Math.floor(e / 60), n = e % 60;
+		return `${String(t).padStart(2, "0")}:${String(n).padStart(2, "0")}`;
+	}
+	getStartOfWeek(e) {
+		let t = new Date(e);
+		return t.setHours(0, 0, 0, 0), t.setDate(t.getDate() - t.getDay()), t;
+	}
+	listWeek(e, t) {
+		let n = [], r = this.getStartOfWeek(e);
+		for (let e = 0; e < 7; e++) {
+			let i = new Date(r);
+			i.setDate(r.getDate() + e);
+			let a = i.toLocaleDateString(t, { weekday: "short" });
+			n.push(a);
+		}
+		return n;
+	}
+	listWeeklyMatrix(e, t) {
+		let n = this.getStartOfWeek(e), r = e.getMonth();
+		return t.map((t) => Array.from({ length: 7 }, (i, a) => {
+			let o = new Date(n);
+			o.setDate(n.getDate() + a);
+			let s = "current";
+			return (o.getMonth() < r || o.getFullYear() < e.getFullYear()) && (s = "previous"), (o.getMonth() > r || o.getFullYear() > e.getFullYear()) && (s = "next"), {
+				day: o.getDate(),
+				month: o.getMonth(),
+				year: o.getFullYear(),
+				dayOwner: s,
+				timeInMinutes: t
+			};
+		}));
+	}
+	listMonthlyMatrix(e) {
+		let t = e.getFullYear(), n = e.getMonth(), r = new Date(t, n, 1).getDay(), i = new Date(t, n + 1, 0).getDate(), a = new Date(t, n, 0).getDate(), o = Math.ceil((r + i) / 7) * 7, s = [], c = 1, l = 1;
+		for (let e = 0; e < o; e++) {
+			let o = Math.floor(e / 7);
+			if (s[o] || (s[o] = []), e < r) {
+				let i = a - (r - e - 1), c = n === 0 ? 11 : n - 1, l = n === 0 ? t - 1 : t;
+				s[o].push({
+					day: i,
+					month: c,
+					year: l,
+					dayOwner: "previous"
+				});
+			} else if (c <= i) s[o].push({
+				day: c,
+				month: n,
+				year: t,
+				dayOwner: "current"
+			}), c++;
+			else {
+				let e = n === 11 ? 0 : n + 1, r = n === 11 ? t + 1 : t;
+				s[o].push({
+					day: l,
+					month: e,
+					year: r,
+					dayOwner: "next"
+				}), l++;
+			}
+		}
+		return s;
+	}
+	nextMonth(e, t) {
+		let n = new Date(e);
+		n.setMonth(n.getMonth() + 1), t(n);
+	}
+	nextWeek(e, t) {
+		let n = new Date(e);
+		n.setDate(n.getDate() + 7), t(n);
+	}
+	nextDay(e, t) {
+		let n = new Date(e);
+		n.setDate(n.getDate() + 1), t(n);
+	}
+	previousMonth(e, t) {
+		let n = new Date(e);
+		n.setMonth(n.getMonth() - 1), t(n);
+	}
+	previousWeek(e, t) {
+		let n = new Date(e);
+		n.setDate(n.getDate() - 7), t(n);
+	}
+	previousDay(e, t) {
+		let n = new Date(e);
+		n.setDate(n.getDate() - 1), t(n);
+	}
+};
+//#endregion
+export { t as ViewService };
+
+//# sourceMappingURL=_viewService.js.map

package/dist/modules/components/fullCalendar/_viewService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_viewService.js","names":[],"sources":["../../../../src/components/fullCalendar/_viewService.ts"],"sourcesContent":["import { formatToCapitalizeFirstWordLetter } from \"@arkyn/shared\";\n\ntype FullCalendarCell = {\n\tday: number;\n\tmonth: number;\n\tyear: number;\n\tdayOwner: \"previous\" | \"current\" | \"next\";\n};\n\ntype FullCalendarMatrix = FullCalendarCell[][];\ntype FullCalendarWeekCell = FullCalendarCell & {\n\ttimeInMinutes: number;\n};\n\ntype FullCalendarWeekMatrix = FullCalendarWeekCell[][];\n\nclass ViewService {\n\tcapitalize(text: string) {\n\t\treturn formatToCapitalizeFirstWordLetter(text);\n\t}\n\n\tlistHours(range: [number, number]) {\n\t\tconst [startHour, endHour] = range;\n\t\tconst hours = [];\n\n\t\tfor (\n\t\t\tlet timeInMinutes = startHour * 60;\n\t\t\ttimeInMinutes <= endHour * 60;\n\t\t\ttimeInMinutes += 30\n\t\t) {\n\t\t\thours.push(timeInMinutes);\n\t\t}\n\n\t\treturn hours;\n\t}\n\n\tformatHourLabel(timeInMinutes: number) {\n\t\tconst hour = Math.floor(timeInMinutes / 60);\n\t\tconst minutes = timeInMinutes % 60;\n\n\t\treturn `${String(hour).padStart(2, \"0\")}:${String(minutes).padStart(2, \"0\")}`;\n\t}\n\n\tgetStartOfWeek(viewDate: Date) {\n\t\tconst firstDayOfWeek = new Date(viewDate);\n\t\tfirstDayOfWeek.setHours(0, 0, 0, 0);\n\t\tfirstDayOfWeek.setDate(firstDayOfWeek.getDate() - firstDayOfWeek.getDay());\n\n\t\treturn firstDayOfWeek;\n\t}\n\n\tlistWeek(viewDate: Date, language: string) {\n\t\tconst weekDays = [];\n\t\tconst firstDayOfWeek = this.getStartOfWeek(viewDate);\n\n\t\tfor (let i = 0; i < 7; i++) {\n\t\t\tconst day = new Date(firstDayOfWeek);\n\t\t\tday.setDate(firstDayOfWeek.getDate() + i);\n\t\t\tconst dayName = day.toLocaleDateString(language, {\n\t\t\t\tweekday: \"short\",\n\t\t\t});\n\t\t\tweekDays.push(dayName);\n\t\t}\n\n\t\treturn weekDays;\n\t}\n\n\tlistWeeklyMatrix(viewDate: Date, hours: number[]): FullCalendarWeekMatrix {\n\t\tconst firstDayOfWeek = this.getStartOfWeek(viewDate);\n\t\tconst viewMonth = viewDate.getMonth();\n\n\t\treturn hours.map((hour) => {\n\t\t\treturn Array.from({ length: 7 }, (_, index) => {\n\t\t\t\tconst cellDate = new Date(firstDayOfWeek);\n\t\t\t\tcellDate.setDate(firstDayOfWeek.getDate() + index);\n\n\t\t\t\tlet dayOwner: FullCalendarCell[\"dayOwner\"] = \"current\";\n\n\t\t\t\tif (\n\t\t\t\t\tcellDate.getMonth() < viewMonth ||\n\t\t\t\t\tcellDate.getFullYear() < viewDate.getFullYear()\n\t\t\t\t) {\n\t\t\t\t\tdayOwner = \"previous\";\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\tcellDate.getMonth() > viewMonth ||\n\t\t\t\t\tcellDate.getFullYear() > viewDate.getFullYear()\n\t\t\t\t) {\n\t\t\t\t\tdayOwner = \"next\";\n\t\t\t\t}\n\n\t\t\t\treturn {\n\t\t\t\t\tday: cellDate.getDate(),\n\t\t\t\t\tmonth: cellDate.getMonth(),\n\t\t\t\t\tyear: cellDate.getFullYear(),\n\t\t\t\t\tdayOwner,\n\t\t\t\t\ttimeInMinutes: hour,\n\t\t\t\t};\n\t\t\t});\n\t\t});\n\t}\n\n\tlistMonthlyMatrix(viewDate: Date) {\n\t\tconst year = viewDate.getFullYear();\n\t\tconst monthIndex = viewDate.getMonth();\n\n\t\tconst firstDayOfMonth = new Date(year, monthIndex, 1);\n\t\tconst firstWeekday = firstDayOfMonth.getDay();\n\n\t\tconst daysInCurrentMonth = new Date(year, monthIndex + 1, 0).getDate();\n\t\tconst daysInPreviousMonth = new Date(year, monthIndex, 0).getDate();\n\n\t\tconst totalCells = Math.ceil((firstWeekday + daysInCurrentMonth) / 7) * 7;\n\n\t\tconst weeks: FullCalendarMatrix = [];\n\t\tlet currentMonthDay = 1;\n\t\tlet nextMonthDay = 1;\n\n\t\tfor (let i = 0; i < totalCells; i++) {\n\t\t\tconst weekIndex = Math.floor(i / 7);\n\t\t\tif (!weeks[weekIndex]) weeks[weekIndex] = [];\n\n\t\t\tif (i < firstWeekday) {\n\t\t\t\tconst day = daysInPreviousMonth - (firstWeekday - i - 1);\n\t\t\t\tconst month = monthIndex === 0 ? 11 : monthIndex - 1;\n\t\t\t\tconst cellYear = monthIndex === 0 ? year - 1 : year;\n\n\t\t\t\tweeks[weekIndex].push({\n\t\t\t\t\tday,\n\t\t\t\t\tmonth,\n\t\t\t\t\tyear: cellYear,\n\t\t\t\t\tdayOwner: \"previous\",\n\t\t\t\t});\n\t\t\t} else if (currentMonthDay <= daysInCurrentMonth) {\n\t\t\t\tweeks[weekIndex].push({\n\t\t\t\t\tday: currentMonthDay,\n\t\t\t\t\tmonth: monthIndex,\n\t\t\t\t\tyear: year,\n\t\t\t\t\tdayOwner: \"current\",\n\t\t\t\t});\n\t\t\t\tcurrentMonthDay++;\n\t\t\t} else {\n\t\t\t\tconst month = monthIndex === 11 ? 0 : monthIndex + 1;\n\t\t\t\tconst cellYear = monthIndex === 11 ? year + 1 : year;\n\n\t\t\t\tweeks[weekIndex].push({\n\t\t\t\t\tday: nextMonthDay,\n\t\t\t\t\tmonth,\n\t\t\t\t\tyear: cellYear,\n\t\t\t\t\tdayOwner: \"next\",\n\t\t\t\t});\n\t\t\t\tnextMonthDay++;\n\t\t\t}\n\t\t}\n\n\t\treturn weeks;\n\t}\n\n\tnextMonth(viewDate: Date, setViewDate: (date: Date) => void) {\n\t\tconst nextViewDate = new Date(viewDate);\n\t\tnextViewDate.setMonth(nextViewDate.getMonth() + 1);\n\t\tsetViewDate(nextViewDate);\n\t}\n\n\tnextWeek(viewDate: Date, setViewDate: (date: Date) => void) {\n\t\tconst nextViewDate = new Date(viewDate);\n\t\tnextViewDate.setDate(nextViewDate.getDate() + 7);\n\t\tsetViewDate(nextViewDate);\n\t}\n\n\tnextDay(viewDate: Date, setViewDate: (date: Date) => void) {\n\t\tconst nextViewDate = new Date(viewDate);\n\t\tnextViewDate.setDate(nextViewDate.getDate() + 1);\n\t\tsetViewDate(nextViewDate);\n\t}\n\n\tpreviousMonth(viewDate: Date, setViewDate: (date: Date) => void) {\n\t\tconst nextViewDate = new Date(viewDate);\n\t\tnextViewDate.setMonth(nextViewDate.getMonth() - 1);\n\t\tsetViewDate(nextViewDate);\n\t}\n\n\tpreviousWeek(viewDate: Date, setViewDate: (date: Date) => void) {\n\t\tconst nextViewDate = new Date(viewDate);\n\t\tnextViewDate.setDate(nextViewDate.getDate() - 7);\n\t\tsetViewDate(nextViewDate);\n\t}\n\n\tpreviousDay(viewDate: Date, setViewDate: (date: Date) => void) {\n\t\tconst nextViewDate = new Date(viewDate);\n\t\tnextViewDate.setDate(nextViewDate.getDate() - 1);\n\t\tsetViewDate(nextViewDate);\n\t}\n}\n\nexport { type FullCalendarMatrix, type FullCalendarWeekMatrix, ViewService };\n"],"mappings":"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"}

package/dist/modules/components/fullCalendar/dayCalendar/dayCalendarContainer/index.js

@@ -0,0 +1,13 @@
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/fullCalendar/dayCalendar/dayCalendarContainer/index.tsx
+function t({ children: t }) {
+	return /* @__PURE__ */ e("div", {
+		className: "arkynDayCalendarContainer",
+		children: t
+	});
+}
+//#endregion
+export { t as DayCalendarContainer };
+
+//# sourceMappingURL=index.js.map

package/dist/modules/components/fullCalendar/dayCalendar/dayCalendarContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/fullCalendar/dayCalendar/dayCalendarContainer/index.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport \"./styles.css\";\n\ntype DayCalendarContainerProps = {\n\tchildren: ReactNode;\n};\n\nfunction DayCalendarContainer({ children }: DayCalendarContainerProps) {\n\treturn <div className=\"arkynDayCalendarContainer\">{children}</div>;\n}\n\nexport { DayCalendarContainer };\n"],"mappings":";;;AAOA,SAAS,EAAqB,EAAE,eAAuC;CACtE,OAAO,kBAAC,OAAD;EAAK,WAAU;EAA6B;CAAc,CAAA;AAClE"}

package/dist/modules/components/fullCalendar/dayCalendar/dayCalendarContainer/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynDayCalendarContainer{background-color:var(--background-foreground,#fff);border:1px solid var(--border,#e2e8f0);border-radius:8px}}

package/dist/modules/components/fullCalendar/dayCalendar/dayCalendarEvent/index.js

@@ -0,0 +1,73 @@
+import { useFullCalendar as e } from "../../_fullCalendarProvider.js";
+/* empty css       */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/fullCalendar/dayCalendar/dayCalendarEvent/index.tsx
+var r = 30, i = 205;
+function a(a) {
+	let { events: o, viewDate: s } = e(), c = s.getDate(), l = s.getMonth(), u = s.getFullYear(), d = o.map((e, t) => ({
+		event: e,
+		sourceIndex: t
+	})).filter(({ event: e }) => e.initialDate.getDate() === c && e.initialDate.getMonth() === l && e.initialDate.getFullYear() === u).sort((e, t) => {
+		let n = e.event.initialDate.getTime(), i = t.event.initialDate.getTime();
+		if (n !== i) return n - i;
+		let a = e.event.endDate?.getTime() ?? n + r * 6e4, o = t.event.endDate?.getTime() ?? i + r * 6e4;
+		return a === o ? e.sourceIndex - t.sourceIndex : a - o;
+	}), f = new Map(d.map((e, t) => [e.sourceIndex, t])), p = d.filter(({ event: e }) => {
+		let t = Math.floor(a.timeInMinutes / 60), n = a.timeInMinutes % 60;
+		function r() {
+			let r = e.initialDate.getHours(), i = e.initialDate.getMinutes();
+			if (r !== t) return !1;
+			if (n === 0) return i < 30 && i >= 0;
+			if (n === 30) return i >= 30 && i < 60;
+		}
+		return r() && e.initialDate.getDate() === c && e.initialDate.getMonth() === l && e.initialDate.getFullYear() === u;
+	});
+	if (p.length === 0) return null;
+	function m(e, t) {
+		return `${c}-${l}-${u}-${t}-${e}`;
+	}
+	function h(e) {
+		let t = e.getHours(), n = e.getMinutes();
+		return n === 0 ? `${t}h` : `${t}h${n}`;
+	}
+	function g(e) {
+		let t = e.initialDate.getHours() * 60 + e.initialDate.getMinutes(), n = e.endDate ? e.endDate.getHours() * 60 + e.endDate.getMinutes() : t + r;
+		return {
+			startMinutes: t,
+			endMinutes: Math.max(n, t + 1)
+		};
+	}
+	function _(e, t) {
+		let n = g(e), r = f.get(t);
+		return r == null ? 0 : d.reduce((e, t, i) => {
+			if (i >= r) return e;
+			let a = g(t.event);
+			return a.startMinutes < n.endMinutes && a.endMinutes > n.startMinutes ? e + 1 : e;
+		}, 0);
+	}
+	function v(e, t) {
+		let { startMinutes: n, endMinutes: o } = g(e), s = n - a.timeInMinutes, c = Math.max(o - n, 1), l = s / r * 100, u = c / r * 100, d = _(e, t) * i;
+		return {
+			top: `${l}%`,
+			height: `${u}%`,
+			left: `${d}px`
+		};
+	}
+	function y(e, t) {
+		e.stopPropagation(), t.onClick?.(t.data);
+	}
+	return p.map(({ event: e, sourceIndex: r }, i) => /* @__PURE__ */ n("div", {
+		className: `arkynDayCalendarEvent ${e?.scheme || "primary"}`,
+		style: v(e, r),
+		onClick: (t) => y(t, e),
+		children: [/* @__PURE__ */ n("strong", { children: [
+			h(e.initialDate),
+			" ",
+			e?.endDate && `- ${h(e.endDate)}`
+		] }), /* @__PURE__ */ t("p", { children: e.title })]
+	}, m(i, r)));
+}
+//#endregion
+export { a as DayCalendarEvent };
+
+//# sourceMappingURL=index.js.map

package/dist/modules/components/fullCalendar/dayCalendar/dayCalendarEvent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/fullCalendar/dayCalendar/dayCalendarEvent/index.tsx"],"sourcesContent":["import { useFullCalendar } from \"../../_fullCalendarProvider\";\nimport \"./styles.css\";\n\ntype DayCalendarEventProps = {\n\ttimeInMinutes: number;\n};\n\nconst SLOT_DURATION_MINUTES = 30;\nconst OVERLAP_OFFSET_PX = 205;\n\nfunction DayCalendarEvent(props: DayCalendarEventProps) {\n\tconst { events, viewDate } = useFullCalendar();\n\n\tconst day = viewDate.getDate();\n\tconst month = viewDate.getMonth();\n\tconst year = viewDate.getFullYear();\n\n\tconst dayEvents = events\n\t\t.map((event, sourceIndex) => ({ event, sourceIndex }))\n\t\t.filter(({ event }) => {\n\t\t\treturn (\n\t\t\t\tevent.initialDate.getDate() === day &&\n\t\t\t\tevent.initialDate.getMonth() === month &&\n\t\t\t\tevent.initialDate.getFullYear() === year\n\t\t\t);\n\t\t})\n\t\t.sort((a, b) => {\n\t\t\tconst startA = a.event.initialDate.getTime();\n\t\t\tconst startB = b.event.initialDate.getTime();\n\n\t\t\tif (startA !== startB) return startA - startB;\n\n\t\t\tconst endA =\n\t\t\t\ta.event.endDate?.getTime() ?? startA + SLOT_DURATION_MINUTES * 60_000;\n\t\t\tconst endB =\n\t\t\t\tb.event.endDate?.getTime() ?? startB + SLOT_DURATION_MINUTES * 60_000;\n\n\t\t\tif (endA !== endB) return endA - endB;\n\t\t\treturn a.sourceIndex - b.sourceIndex;\n\t\t});\n\n\tconst dayEventOrderBySourceIndex = new Map(\n\t\tdayEvents.map((item, orderIndex) => [item.sourceIndex, orderIndex]),\n\t);\n\n\tconst filteredEvents = dayEvents.filter(({ event }) => {\n\t\tconst dayHour = Math.floor(props.timeInMinutes / 60);\n\t\tconst dayMinute = props.timeInMinutes % 60;\n\n\t\tfunction isEventInInterval() {\n\t\t\tconst eventHour = event.initialDate.getHours();\n\t\t\tconst eventMinute = event.initialDate.getMinutes();\n\n\t\t\tif (eventHour !== dayHour) return false;\n\t\t\tif (dayMinute === 0) return eventMinute < 30 && eventMinute >= 0;\n\t\t\tif (dayMinute === 30) return eventMinute >= 30 && eventMinute < 60;\n\t\t}\n\n\t\treturn (\n\t\t\tisEventInInterval() &&\n\t\t\tevent.initialDate.getDate() === day &&\n\t\t\tevent.initialDate.getMonth() === month &&\n\t\t\tevent.initialDate.getFullYear() === year\n\t\t);\n\t});\n\n\tif (filteredEvents.length === 0) return null;\n\n\tfunction makeEventKey(index: number, sourceIndex: number) {\n\t\treturn `${day}-${month}-${year}-${sourceIndex}-${index}`;\n\t}\n\n\tfunction makeHour(date: Date) {\n\t\tconst hours = date.getHours();\n\t\tconst minutes = date.getMinutes();\n\n\t\tif (minutes === 0) return `${hours}h`;\n\t\treturn `${hours}h${minutes}`;\n\t}\n\n\tfunction getEventRangeInMinutes(event: {\n\t\tinitialDate: Date;\n\t\tendDate?: Date;\n\t}) {\n\t\tconst startMinutes =\n\t\t\tevent.initialDate.getHours() * 60 + event.initialDate.getMinutes();\n\n\t\tconst endMinutes = event.endDate\n\t\t\t? event.endDate.getHours() * 60 + event.endDate.getMinutes()\n\t\t\t: startMinutes + SLOT_DURATION_MINUTES;\n\n\t\treturn {\n\t\t\tstartMinutes,\n\t\t\tendMinutes: Math.max(endMinutes, startMinutes + 1),\n\t\t};\n\t}\n\n\tfunction countOverlappingPreviousEvents(\n\t\tcurrentEvent: { initialDate: Date; endDate?: Date },\n\t\tsourceIndex: number,\n\t) {\n\t\tconst current = getEventRangeInMinutes(currentEvent);\n\t\tconst currentOrderIndex = dayEventOrderBySourceIndex.get(sourceIndex);\n\n\t\tif (currentOrderIndex == null) return 0;\n\n\t\treturn dayEvents.reduce((count, item, orderIndex) => {\n\t\t\tif (orderIndex >= currentOrderIndex) return count;\n\n\t\t\tconst candidate = getEventRangeInMinutes(item.event);\n\t\t\tconst intersects =\n\t\t\t\tcandidate.startMinutes < current.endMinutes &&\n\t\t\t\tcandidate.endMinutes > current.startMinutes;\n\n\t\t\tif (!intersects) return count;\n\t\t\treturn count + 1;\n\t\t}, 0);\n\t}\n\n\tfunction getEventStyle(\n\t\tevent: { initialDate: Date; endDate?: Date },\n\t\tsourceIndex: number,\n\t) {\n\t\tconst { startMinutes, endMinutes } = getEventRangeInMinutes(event);\n\t\tconst startOffsetInCell = startMinutes - props.timeInMinutes;\n\n\t\tconst durationInMinutes = Math.max(endMinutes - startMinutes, 1);\n\t\tconst top = (startOffsetInCell / SLOT_DURATION_MINUTES) * 100;\n\t\tconst height = (durationInMinutes / SLOT_DURATION_MINUTES) * 100;\n\t\tconst overlapOffset =\n\t\t\tcountOverlappingPreviousEvents(event, sourceIndex) * OVERLAP_OFFSET_PX;\n\n\t\treturn {\n\t\t\ttop: `${top}%`,\n\t\t\theight: `${height}%`,\n\t\t\tleft: `${overlapOffset}px`,\n\t\t};\n\t}\n\n\t// biome-ignore lint/suspicious/noExplicitAny: intentional\n\tfunction handleEventClick(event: React.MouseEvent, eventData: any) {\n\t\tevent.stopPropagation();\n\t\teventData.onClick?.(eventData.data);\n\t}\n\n\treturn filteredEvents.map(({ event, sourceIndex }, index) => (\n\t\t<div\n\t\t\tkey={makeEventKey(index, sourceIndex)}\n\t\t\tclassName={`arkynDayCalendarEvent ${event?.scheme || \"primary\"}`}\n\t\t\tstyle={getEventStyle(event, sourceIndex)}\n\t\t\tonClick={(e) => handleEventClick(e, event)}\n\t\t>\n\t\t\t<strong>\n\t\t\t\t{makeHour(event.initialDate)}{\" \"}\n\t\t\t\t{event?.endDate && `- ${makeHour(event.endDate)}`}\n\t\t\t</strong>\n\t\t\t<p>{event.title}</p>\n\t\t</div>\n\t));\n}\n\nexport { DayCalendarEvent };\n"],"mappings":"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"}

package/dist/modules/components/fullCalendar/dayCalendar/dayCalendarEvent/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynDayCalendarEvent{z-index:2;box-sizing:border-box;border-radius:8px;flex-direction:column;gap:4px;min-width:200px;max-width:200px;min-height:28px;padding:8px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.arkynDayCalendarEvent:not(:first-child){box-shadow:0 0 2px #0000001a}.arkynDayCalendarEvent:hover{z-index:3}.arkynDayCalendarEvent:before{content:" ";border-radius:8px 0 0 8px;width:4px;position:absolute;top:0;bottom:0;left:0}.arkynDayCalendarEvent.primary{background-color:rgb(var(--spotlight-primary-foreground,231, 240, 252))}.arkynDayCalendarEvent.primary:before{background-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynDayCalendarEvent.danger{background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynDayCalendarEvent.danger:before{background-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynDayCalendarEvent.warning{background-color:rgb(var(--spotlight-warning-foreground,254, 241, 232))}.arkynDayCalendarEvent.warning:before{background-color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynDayCalendarEvent.info{background-color:rgb(var(--spotlight-info-foreground,231, 246, 253))}.arkynDayCalendarEvent.info:before{background-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynDayCalendarEvent.success{background-color:rgb(var(--spotlight-success-foreground,231, 248, 242))}.arkynDayCalendarEvent.success:before{background-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynDayCalendarEvent>strong{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:14px;font-weight:600}.arkynDayCalendarEvent>p{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:12px;font-weight:400}}