@arkyn/components 3.0.1-beta.99 → 3.0.2

package/dist/modules/components/richText/insertImage/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynRichTextInsertImage{background-color:var(--background-underground,#fafafa);border:none;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.arkynRichTextInsertImage svg{width:20px;height:20px;color:var(--text-heading,#09090b)}.arkynRichTextInsertImage:hover{cursor:pointer;filter:brightness(.98)}.arkynRichTextInsertImageModalContent{flex-direction:column;gap:16px;width:500px;padding:16px;display:flex}.arkynRichTextInsertImageModalPreviewImage{border-radius:8px;width:100%}.arkynRichTextInsertImageModalContent .arkynImageUpload{min-height:174px}html.dark .arkynRichTextInsertImage:hover{cursor:pointer;filter:brightness(.9)}}

package/dist/modules/components/richText/insertVideo/index.js

@@ -0,0 +1,88 @@
+import { Button as e } from "../../button/index.js";
+import { Input as t } from "../../input/index.js";
+import { ModalContainer as n } from "../../modal/modalContainer/index.js";
+import { ModalFooter as r } from "../../modal/modalFooter/index.js";
+import { ModalHeader as i } from "../../modal/modalHeader/index.js";
+/* empty css       */
+import { useEffect as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Video as u } from "lucide-react";
+import { useSlate as d } from "slate-react";
+//#region src/components/richText/insertVideo/index.tsx
+function f(f) {
+	let { modalCancelButton: p = "Cancelar", modalConfirmButton: m = "Confirmar", modalInputUrlLabel: h = "URL do vídeo:", modalTitle: g = "Inserir vídeo", invalidUrlMessage: _ = "URL inválida" } = f, v = d(), [y, b] = o(!1), [x, S] = o(""), [C, w] = o(""), [T, E] = o("");
+	function D(e) {
+		if (e.preventDefault(), !x || x === "") return;
+		let t = `https://www.youtube.com/embed/${x}`;
+		v.insertNodes([
+			{
+				type: "paragraph",
+				children: [{ text: "" }]
+			},
+			{
+				type: "video",
+				src: t,
+				children: [{ text: "" }]
+			},
+			{
+				type: "paragraph",
+				children: [{ text: "" }]
+			}
+		]), b(!1);
+	}
+	return a(() => {
+		if (!C || C === "") return;
+		S(""), E("");
+		let e = new URLSearchParams(C.split("?")[1]).get("v");
+		e ? S(e) : E(_);
+	}, [C, _]), a(() => {
+		y || (S(""), w(""), E(""));
+	}, [y]), /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("button", {
+		type: "button",
+		className: "arkynRichTextInsertVideo",
+		onMouseDown: () => b(!0),
+		children: /* @__PURE__ */ c(u, {})
+	}), /* @__PURE__ */ l(n, {
+		isVisible: y,
+		makeInvisible: () => b(!1),
+		children: [
+			/* @__PURE__ */ c(i, { children: g }),
+			/* @__PURE__ */ l("div", {
+				className: "arkynRichTextInsertVideoModalContent",
+				children: [/* @__PURE__ */ c(t, {
+					type: "text",
+					name: "richTextVideoURL",
+					label: h,
+					showAsterisk: !0,
+					defaultValue: C,
+					onChange: (e) => w(e.target.value),
+					errorMessage: T
+				}), x && /* @__PURE__ */ c("iframe", {
+					width: "auto",
+					height: "315",
+					src: `https://www.youtube.com/embed/${x}`,
+					title: "YouTube video player",
+					allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
+					referrerPolicy: "strict-origin-when-cross-origin",
+					allowFullScreen: !0
+				})]
+			}),
+			/* @__PURE__ */ l(r, { children: [/* @__PURE__ */ c(e, {
+				type: "button",
+				scheme: "danger",
+				variant: "outline",
+				onClick: () => b(!1),
+				children: p
+			}), /* @__PURE__ */ c(e, {
+				disabled: !x,
+				type: "button",
+				onClick: D,
+				children: m
+			})] })
+		]
+	})] });
+}
+//#endregion
+export { f as InsertVideo };
+
+//# sourceMappingURL=index.js.map

package/dist/modules/components/richText/insertVideo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/richText/insertVideo/index.tsx"],"sourcesContent":["import { Video } from \"lucide-react\";\nimport { type MouseEvent, useEffect, useState } from \"react\";\nimport { useSlate } from \"slate-react\";\n\nimport type { RichTextInsertVideoProps } from \"../../../types/richTextTypes\";\n\nimport { Button } from \"../../button\";\nimport { Input } from \"../../input\";\nimport { ModalContainer } from \"../../modal/modalContainer\";\nimport { ModalFooter } from \"../../modal/modalFooter\";\nimport { ModalHeader } from \"../../modal/modalHeader\";\n\nimport \"./styles.css\";\n\nfunction InsertVideo(props: RichTextInsertVideoProps) {\n\tconst {\n\t\tmodalCancelButton = \"Cancelar\",\n\t\tmodalConfirmButton = \"Confirmar\",\n\t\tmodalInputUrlLabel = \"URL do vídeo:\",\n\t\tmodalTitle = \"Inserir vídeo\",\n\t\tinvalidUrlMessage = \"URL inválida\",\n\t} = props;\n\n\tconst editor = useSlate();\n\n\tconst [modalIsVisible, setModalIsVisible] = useState(false);\n\tconst [videoId, setVideoId] = useState(\"\");\n\tconst [videoRawURL, setVideoRawURL] = useState(\"\");\n\tconst [errorMessage, setErrorMessage] = useState(\"\");\n\n\tfunction handleMouseDown(event: MouseEvent<HTMLButtonElement>) {\n\t\tevent.preventDefault();\n\n\t\tif (!videoId || videoId === \"\") return;\n\t\tconst videoUrl = `https://www.youtube.com/embed/${videoId}`;\n\n\t\teditor.insertNodes([\n\t\t\t{ type: \"paragraph\", children: [{ text: \"\" }] },\n\t\t\t{ type: \"video\", src: videoUrl, children: [{ text: \"\" }] },\n\t\t\t{ type: \"paragraph\", children: [{ text: \"\" }] },\n\t\t]);\n\n\t\tsetModalIsVisible(false);\n\t}\n\n\tuseEffect(() => {\n\t\tif (!videoRawURL || videoRawURL === \"\") return;\n\n\t\tsetVideoId(\"\");\n\t\tsetErrorMessage(\"\");\n\n\t\tconst searchParams = new URLSearchParams(videoRawURL.split(\"?\")[1]);\n\t\tconst vParam = searchParams.get(\"v\");\n\t\tif (vParam) setVideoId(vParam);\n\t\telse setErrorMessage(invalidUrlMessage);\n\t}, [videoRawURL, invalidUrlMessage]);\n\n\tuseEffect(() => {\n\t\tif (!modalIsVisible) {\n\t\t\tsetVideoId(\"\");\n\t\t\tsetVideoRawURL(\"\");\n\t\t\tsetErrorMessage(\"\");\n\t\t}\n\t}, [modalIsVisible]);\n\n\treturn (\n\t\t<>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclassName=\"arkynRichTextInsertVideo\"\n\t\t\t\tonMouseDown={() => setModalIsVisible(true)}\n\t\t\t>\n\t\t\t\t<Video />\n\t\t\t</button>\n\n\t\t\t<ModalContainer\n\t\t\t\tisVisible={modalIsVisible}\n\t\t\t\tmakeInvisible={() => setModalIsVisible(false)}\n\t\t\t>\n\t\t\t\t<ModalHeader>{modalTitle}</ModalHeader>\n\n\t\t\t\t<div className=\"arkynRichTextInsertVideoModalContent\">\n\t\t\t\t\t<Input\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tname=\"richTextVideoURL\"\n\t\t\t\t\t\tlabel={modalInputUrlLabel}\n\t\t\t\t\t\tshowAsterisk\n\t\t\t\t\t\tdefaultValue={videoRawURL}\n\t\t\t\t\t\tonChange={(e) => setVideoRawURL(e.target.value)}\n\t\t\t\t\t\terrorMessage={errorMessage}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{videoId && (\n\t\t\t\t\t\t<iframe\n\t\t\t\t\t\t\twidth=\"auto\"\n\t\t\t\t\t\t\theight=\"315\"\n\t\t\t\t\t\t\tsrc={`https://www.youtube.com/embed/${videoId}`}\n\t\t\t\t\t\t\ttitle=\"YouTube video player\"\n\t\t\t\t\t\t\tallow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n\t\t\t\t\t\t\treferrerPolicy=\"strict-origin-when-cross-origin\"\n\t\t\t\t\t\t\tallowFullScreen\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<ModalFooter>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tscheme=\"danger\"\n\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\tonClick={() => setModalIsVisible(false)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{modalCancelButton}\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button disabled={!videoId} type=\"button\" onClick={handleMouseDown}>\n\t\t\t\t\t\t{modalConfirmButton}\n\t\t\t\t\t</Button>\n\t\t\t\t</ModalFooter>\n\t\t\t</ModalContainer>\n\t\t</>\n\t);\n}\n\nexport { InsertVideo };\n"],"mappings":";;;;;;;;;;;AAcA,SAAS,EAAY,GAAiC;CACrD,IAAM,EACL,uBAAoB,YACpB,wBAAqB,aACrB,wBAAqB,iBACrB,gBAAa,iBACb,uBAAoB,mBACjB,GAEE,IAAS,EAAS,GAElB,CAAC,GAAgB,KAAqB,EAAS,EAAK,GACpD,CAAC,GAAS,KAAc,EAAS,EAAE,GACnC,CAAC,GAAa,KAAkB,EAAS,EAAE,GAC3C,CAAC,GAAc,KAAmB,EAAS,EAAE;CAEnD,SAAS,EAAgB,GAAsC;EAG9D,IAFA,EAAM,eAAe,GAEjB,CAAC,KAAW,MAAY,IAAI;EAChC,IAAM,IAAW,iCAAiC;EAQlD,AANA,EAAO,YAAY;GAClB;IAAE,MAAM;IAAa,UAAU,CAAC,EAAE,MAAM,GAAG,CAAC;GAAE;GAC9C;IAAE,MAAM;IAAS,KAAK;IAAU,UAAU,CAAC,EAAE,MAAM,GAAG,CAAC;GAAE;GACzD;IAAE,MAAM;IAAa,UAAU,CAAC,EAAE,MAAM,GAAG,CAAC;GAAE;EAC/C,CAAC,GAED,EAAkB,EAAK;CACxB;CAsBA,OApBA,QAAgB;EACf,IAAI,CAAC,KAAe,MAAgB,IAAI;EAGxC,AADA,EAAW,EAAE,GACb,EAAgB,EAAE;EAGlB,IAAM,IAAS,IADU,gBAAgB,EAAY,MAAM,GAAG,CAAC,CAAC,EACjD,CAAA,CAAa,IAAI,GAAG;EACnC,AAAI,IAAQ,EAAW,CAAM,IACxB,EAAgB,CAAiB;CACvC,GAAG,CAAC,GAAa,CAAiB,CAAC,GAEnC,QAAgB;EACf,AAAK,MACJ,EAAW,EAAE,GACb,EAAe,EAAE,GACjB,EAAgB,EAAE;CAEpB,GAAG,CAAC,CAAc,CAAC,GAGlB,kBAAA,GAAA,EAAA,UAAA,CACC,kBAAC,UAAD;EACC,MAAK;EACL,WAAU;EACV,mBAAmB,EAAkB,EAAI;YAEzC,kBAAC,GAAD,CAAQ,CAAA;CACD,CAAA,GAER,kBAAC,GAAD;EACC,WAAW;EACX,qBAAqB,EAAkB,EAAK;YAF7C;GAIC,kBAAC,GAAD,EAAA,UAAc,EAAwB,CAAA;GAEtC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACC,kBAAC,GAAD;KACC,MAAK;KACL,MAAK;KACL,OAAO;KACP,cAAA;KACA,cAAc;KACd,WAAW,MAAM,EAAe,EAAE,OAAO,KAAK;KAChC;IACd,CAAA,GAEA,KACA,kBAAC,UAAD;KACC,OAAM;KACN,QAAO;KACP,KAAK,iCAAiC;KACtC,OAAM;KACN,OAAM;KACN,gBAAe;KACf,iBAAA;IACA,CAAA,CAEE;;GAEL,kBAAC,GAAD,EAAA,UAAA,CACC,kBAAC,GAAD;IACC,MAAK;IACL,QAAO;IACP,SAAQ;IACR,eAAe,EAAkB,EAAK;cAErC;GACM,CAAA,GAER,kBAAC,GAAD;IAAQ,UAAU,CAAC;IAAS,MAAK;IAAS,SAAS;cACjD;GACM,CAAA,CACI,EAAA,CAAA;EACE;GACf,EAAA,CAAA;AAEJ"}

package/dist/modules/components/richText/insertVideo/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynRichTextInsertVideo{background-color:var(--background-underground,#fafafa);border:none;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.arkynRichTextInsertVideo svg{width:20px;height:20px;color:var(--text-heading,#09090b)}.arkynRichTextInsertVideo:hover{cursor:pointer;filter:brightness(.98)}.arkynRichTextInsertVideoModalContent{flex-direction:column;gap:16px;width:500px;padding:16px;display:flex}.arkynRichTextInsertVideoModalPreviewVideo{border-radius:8px;width:100%}.arkynRichTextInsertVideoModalContent .arkynVideoUpload{min-height:174px}html.dark .arkynRichTextInsertVideo:hover{cursor:pointer;filter:brightness(.9)}}

package/dist/modules/components/richText/leaf/index.js

@@ -0,0 +1,12 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/richText/leaf/index.tsx
+function t({ attributes: t, children: n, leaf: r }) {
+	return r.bold && (n = /* @__PURE__ */ e("strong", { children: n })), r.code && (n = /* @__PURE__ */ e("code", { children: n })), r.italic && (n = /* @__PURE__ */ e("em", { children: n })), r.underline && (n = /* @__PURE__ */ e("u", { children: n })), /* @__PURE__ */ e("span", {
+		...t,
+		children: n
+	});
+}
+//#endregion
+export { t as Leaf };
+
+//# sourceMappingURL=index.js.map

package/dist/modules/components/richText/leaf/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/richText/leaf/index.tsx"],"sourcesContent":["import type { RenderLeafProps } from \"slate-react\";\n\nfunction Leaf({ attributes, children, leaf }: RenderLeafProps) {\n\tif (leaf.bold) children = <strong>{children}</strong>;\n\tif (leaf.code) children = <code>{children}</code>;\n\tif (leaf.italic) children = <em>{children}</em>;\n\tif (leaf.underline) children = <u>{children}</u>;\n\n\treturn <span {...attributes}>{children}</span>;\n}\n\nexport { Leaf };\n"],"mappings":";;AAEA,SAAS,EAAK,EAAE,eAAY,aAAU,WAAyB;CAM9D,OALI,EAAK,SAAM,IAAW,kBAAC,UAAD,EAAS,YAAiB,CAAA,IAChD,EAAK,SAAM,IAAW,kBAAC,QAAD,EAAO,YAAe,CAAA,IAC5C,EAAK,WAAQ,IAAW,kBAAC,MAAD,EAAK,YAAa,CAAA,IAC1C,EAAK,cAAW,IAAW,kBAAC,KAAD,EAAI,YAAY,CAAA,IAExC,kBAAC,QAAD;EAAM,GAAI;EAAa;CAAe,CAAA;AAC9C"}

package/dist/modules/components/richText/markButton/index.js

@@ -0,0 +1,22 @@
+import { isMarkActive as e } from "../../../services/isMarkActive.js";
+import { toggleMark as t } from "../../../services/toggleMark.js";
+/* empty css       */
+import { jsx as n } from "react/jsx-runtime";
+import { useSlate as r } from "slate-react";
+//#region src/components/richText/markButton/index.tsx
+function i({ format: i, icon: a }) {
+	let o = r(), s = e(o, i) ? "activeTrue" : "activeFalse";
+	function c(e) {
+		e.preventDefault(), t(o, i);
+	}
+	return /* @__PURE__ */ n("button", {
+		type: "button",
+		className: `arkynRichTextMarkButton ${s}`,
+		onMouseDown: c,
+		children: /* @__PURE__ */ n(a, {})
+	});
+}
+//#endregion
+export { i as MarkButton };
+
+//# sourceMappingURL=index.js.map

package/dist/modules/components/richText/markButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/richText/markButton/index.tsx"],"sourcesContent":["import type { LucideIcon } from \"lucide-react\";\nimport type { MouseEvent } from \"react\";\nimport { useSlate } from \"slate-react\";\n\nimport { isMarkActive } from \"../../../services/isMarkActive\";\nimport { toggleMark } from \"../../../services/toggleMark\";\nimport type { RichTextMarkFormatType } from \"../../../types/richTextTypes\";\n\nimport \"./styles.css\";\n\ntype MarkButtonProps = {\n\tformat: RichTextMarkFormatType;\n\ticon: LucideIcon;\n};\n\nfunction MarkButton({ format, icon: Icon }: MarkButtonProps) {\n\tconst editor = useSlate();\n\n\tconst isActive = isMarkActive(editor, format);\n\tconst activeClass = isActive ? \"activeTrue\" : \"activeFalse\";\n\n\tfunction handleMouseDown(event: MouseEvent<HTMLButtonElement>) {\n\t\tevent.preventDefault();\n\t\ttoggleMark(editor, format);\n\t}\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclassName={`arkynRichTextMarkButton ${activeClass}`}\n\t\t\tonMouseDown={handleMouseDown}\n\t\t>\n\t\t\t<Icon />\n\t\t</button>\n\t);\n}\n\nexport { MarkButton };\n"],"mappings":";;;;;;AAeA,SAAS,EAAW,EAAE,WAAQ,MAAM,KAAyB;CAC5D,IAAM,IAAS,EAAS,GAGlB,IADW,EAAa,GAAQ,CAClB,IAAW,eAAe;CAE9C,SAAS,EAAgB,GAAsC;EAE9D,AADA,EAAM,eAAe,GACrB,EAAW,GAAQ,CAAM;CAC1B;CAEA,OACC,kBAAC,UAAD;EACC,MAAK;EACL,WAAW,2BAA2B;EACtC,aAAa;YAEb,kBAAC,GAAD,CAAO,CAAA;CACA,CAAA;AAEV"}

package/dist/modules/components/richText/markButton/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynRichTextMarkButton{background-color:var(--background-underground,#fafafa);border:none;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.arkynRichTextMarkButton svg{width:20px;height:20px;color:var(--text-heading,#09090b)}.arkynRichTextMarkButton:hover{cursor:pointer;filter:brightness(.97)}html.dark .arkynRichTextMarkButton:hover{cursor:pointer;filter:brightness(.9)}.arkynRichTextMarkButton.activeTrue{filter:brightness(.97)}html.dark .arkynRichTextMarkButton.activeTrue{filter:brightness(.9)}.arkynRichTextMarkButton.activeTrue svg{color:rgba(var(--spotlight-primary,17, 109, 220), 1)}}

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

@@ -0,0 +1,67 @@
+@layer arkyn{.arkynRichText{background-color:var(--input-background,#fafafa);border:1px solid var(--border,#e2e8f0);border-radius:8px;outline:1px solid #0000;flex-direction:column;display:flex}.arkynRichText.errorTrue{outline-color:rgb(var(--spotlight-danger,244, 63, 94));border-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynRichText.focusTrue{outline-color:rgb(var(--spotlight-primary,17, 109, 220));border-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynRichText .editorContainer{outline:none;min-height:300px;padding:16px}.arkynRichText .restatesCharacters{color:rgb(var(--spotlight-danger,244, 63, 94));margin-left:auto;padding:8px;font-size:16px;font-weight:600;display:block}}
+
+@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{.arkynRichTextBlockButton{background-color:var(--background-underground,#fafafa);border:none;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.arkynRichTextBlockButton svg{width:20px;height:20px;color:var(--text-heading,#09090b)}.arkynRichTextBlockButton:hover{cursor:pointer;filter:brightness(.98)}html.dark .arkynRichTextBlockButton:hover{cursor:pointer;filter:brightness(.9)}}
+
+@layer arkyn{.arkynElementBlockquote,.arkynElementBulletList,.arkynElementListItem,.arkynElementNumberedList,.arkynElementParagraph{color:var(--text-body,#52525b);font-size:14px;font-weight:400}.arkynElementHeadingOne,.arkynElementHeadingTwo{color:var(--text-heading,#09090b);font-weight:600}.arkynElementHeadingOne{font-size:18px}.arkynElementHeadingTwo{font-size:16px}.arkynElementImage{max-width:100%}}
+
+@layer arkyn{.arkynRichTextInsertImage{background-color:var(--background-underground,#fafafa);border:none;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.arkynRichTextInsertImage svg{width:20px;height:20px;color:var(--text-heading,#09090b)}.arkynRichTextInsertImage:hover{cursor:pointer;filter:brightness(.98)}.arkynRichTextInsertImageModalContent{flex-direction:column;gap:16px;width:500px;padding:16px;display:flex}.arkynRichTextInsertImageModalPreviewImage{border-radius:8px;width:100%}.arkynRichTextInsertImageModalContent .arkynImageUpload{min-height:174px}html.dark .arkynRichTextInsertImage:hover{cursor:pointer;filter:brightness(.9)}}
+
+@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{.arkynInput{border:1px solid #0000;border-radius:8px;outline:1px solid #0000;align-items:center;gap:8px;width:100%;padding:0 16px;display:flex;position:relative}.arkynInput:hover{cursor:text}.arkynInput input{width:100%;color:var(--text-heading,#09090b);background:0 0;border:none;outline:none;line-height:100%}.arkynInput input:disabled{-webkit-user-select:none;user-select:none}.arkynInput .prefix,.arkynInput .suffix{color:var(--text-body,#52525b);background:var(--border,#e2e8f0);justify-content:center;align-items:center;font-weight:400;line-height:100%;display:flex;position:absolute}.arkynInput .prefix{border-right:1px solid var(--border,#e2e8f0);border-radius:7px 0 0 7px;top:0;bottom:0;left:0}.arkynInput .suffix{border-left:1px solid var(--border,#e2e8f0);border-radius:0 7px 7px 0;top:0;bottom:0;right:0}.arkynInput input::placeholder{color:var(--text-muted,#a1a1aa);line-height:100%}.arkynInput svg{color:var(--text-muted,#a1a1aa)}.arkynInput.errored svg{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynInput:not(.opacity).focused svg{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynInput.opacity{opacity:.5}.arkynInput.solid{border-color:var(--border,#e2e8f0);background-color:var(--input-background,#fafafa)}.arkynInput.solid.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynInput:not(.opacity).solid.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynInput.outline{border-color:var(--border,#e2e8f0);background-color:var(--background-foreground,#fff)}.arkynInput.outline.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynInput:not(.opacity).outline.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynInput.underline{border-top:none;border-left:none;border-right:none;border-color:var(--border,#e2e8f0);border-radius:0;outline:none}.arkynInput.underline .suffix,.arkynInput.underline .prefix{display:none}.arkynInput.underline:before{content:" ";background:0 0;height:1px;position:absolute;bottom:-2px;left:0;right:0}.arkynInput.underline.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynInput.underline.errored:before{background:rgb(var(--spotlight-danger,244, 63, 94))}.arkynInput:not(.opacity).underline.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynInput:not(.opacity).underline.focused:before{background:rgb(var(--spotlight-primary,17, 109, 220))}.arkynInput.md input{min-height:38px;max-height:38px;font-size:14px;font-weight:400;line-height:14px}.arkynInput.md input::placeholder{font-size:14px;font-weight:400;line-height:14px}.arkynInput.md.hasPrefix{padding-left:60px}.arkynInput.md.hasSuffix{padding-right:60px}.arkynInput.md .prefix,.arkynInput.md .suffix{width:44px;height:38px;font-size:14px}.arkynInput.lg input{min-height:44px;max-height:44px;font-size:16px;font-weight:400;line-height:16px}.arkynInput.lg input::placeholder{font-size:16px;font-weight:400;line-height:16px}.arkynInput.lg .prefix,.arkynInput.lg .suffix{width:48px;height:44px;font-size:16px}.arkynInput.lg.hasPrefix{padding-left:64px}.arkynInput.lg.hasSuffix{padding-right:64px}.arkynInput .spinner{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
+
+@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{.arkynInput{border:1px solid #0000;border-radius:8px;outline:1px solid #0000;align-items:center;gap:8px;width:100%;padding:0 16px;display:flex;position:relative}.arkynInput:hover{cursor:text}.arkynInput input{width:100%;color:var(--text-heading,#09090b);background:0 0;border:none;outline:none;line-height:100%}.arkynInput input:disabled{-webkit-user-select:none;user-select:none}.arkynInput .prefix,.arkynInput .suffix{color:var(--text-body,#52525b);background:var(--border,#e2e8f0);justify-content:center;align-items:center;font-weight:400;line-height:100%;display:flex;position:absolute}.arkynInput .prefix{border-right:1px solid var(--border,#e2e8f0);border-radius:7px 0 0 7px;top:0;bottom:0;left:0}.arkynInput .suffix{border-left:1px solid var(--border,#e2e8f0);border-radius:0 7px 7px 0;top:0;bottom:0;right:0}.arkynInput input::placeholder{color:var(--text-muted,#a1a1aa);line-height:100%}.arkynInput svg{color:var(--text-muted,#a1a1aa)}.arkynInput.errored svg{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynInput:not(.opacity).focused svg{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynInput.opacity{opacity:.5}.arkynInput.solid{border-color:var(--border,#e2e8f0);background-color:var(--input-background,#fafafa)}.arkynInput.solid.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynInput:not(.opacity).solid.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynInput.outline{border-color:var(--border,#e2e8f0);background-color:var(--background-foreground,#fff)}.arkynInput.outline.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynInput:not(.opacity).outline.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynInput.underline{border-top:none;border-left:none;border-right:none;border-color:var(--border,#e2e8f0);border-radius:0;outline:none}.arkynInput.underline .suffix,.arkynInput.underline .prefix{display:none}.arkynInput.underline:before{content:" ";background:0 0;height:1px;position:absolute;bottom:-2px;left:0;right:0}.arkynInput.underline.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynInput.underline.errored:before{background:rgb(var(--spotlight-danger,244, 63, 94))}.arkynInput:not(.opacity).underline.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynInput:not(.opacity).underline.focused:before{background:rgb(var(--spotlight-primary,17, 109, 220))}.arkynInput.md input{min-height:38px;max-height:38px;font-size:14px;font-weight:400;line-height:14px}.arkynInput.md input::placeholder{font-size:14px;font-weight:400;line-height:14px}.arkynInput.md.hasPrefix{padding-left:60px}.arkynInput.md.hasSuffix{padding-right:60px}.arkynInput.md .prefix,.arkynInput.md .suffix{width:44px;height:38px;font-size:14px}.arkynInput.lg input{min-height:44px;max-height:44px;font-size:16px;font-weight:400;line-height:16px}.arkynInput.lg input::placeholder{font-size:16px;font-weight:400;line-height:16px}.arkynInput.lg .prefix,.arkynInput.lg .suffix{width:48px;height:44px;font-size:16px}.arkynInput.lg.hasPrefix{padding-left:64px}.arkynInput.lg.hasSuffix{padding-right:64px}.arkynInput .spinner{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
+
+@layer arkyn{.arkynImageUpload{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:174px}.arkynImageUpload.hasImage{border-style:solid}.arkynImageUpload.noHasImage{border-style:dashed}.arkynImageUpload.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{.arkynImageUploadHasFileContent{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;justify-content:end;align-items:end;gap:8px;width:100%;height:100%;padding:6px;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{.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{.arkynImageUploadNoFileContent{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.arkynImageUploadNoFileContent>p{text-align:center;white-space:nowrap;color:var(--text-body,#52525b);padding:0 24px;font-size:12px;font-weight:400;line-height:12px}}
+
+@layer arkyn{.arkynImageUploadHasFileContent{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;justify-content:end;align-items:end;gap:8px;width:100%;height:100%;padding:6px;display:flex}}
+
+@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{.arkynImageUploadNoFileContent{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.arkynImageUploadNoFileContent>p{text-align:center;white-space:nowrap;color:var(--text-body,#52525b);padding:0 24px;font-size:12px;font-weight:400;line-height:12px}}
+
+@layer arkyn{.arkynModalContainer{z-index:9999;justify-content:center;align-items:start;padding:10vh 0 2rem;display:flex;position:fixed;inset:0;overflow:auto}.arkynModalContainerOverlay{z-index:9997;background:#00000080;animation:.24s cubic-bezier(.22,1,.36,1) forwards modalOverlayIn;position:fixed;inset:0}.arkynModalContainerOverlay:hover{cursor:pointer}.arkynModalContainer.exiting>.arkynModalContainerOverlay{animation:.24s cubic-bezier(.22,1,.36,1) forwards modalOverlayOut}.arkynModalContainerContent{z-index:9999;background:var(--background-foreground,#fff);transform-origin:50%;will-change:transform, opacity;border-radius:8px;animation:.24s cubic-bezier(.22,1,.36,1) forwards modalContentIn;position:relative}.arkynModalContainer.exiting>.arkynModalContainerContent{animation:.24s cubic-bezier(.22,1,.36,1) forwards modalContentOut}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes modalContentIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes modalContentOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}}
+
+@layer arkyn{.arkynModalFooter{border-top:1px solid var(--border,#e2e8f0);align-items:center;gap:16px;padding:16px;display:flex}.arkynModalFooter.left{justify-content:flex-start}.arkynModalFooter.right{justify-content:flex-end}.arkynModalFooter.center{justify-content:center}.arkynModalFooter.between{justify-content:space-between}.arkynModalFooter.around{justify-content:space-around}}
+
+@layer arkyn{.arkynModalHeader{height:56px;color:var(--text-heading,#09090b);border-bottom:1px solid var(--border,#e2e8f0);align-items:center;padding:16px;font-size:16px;font-weight:600;line-height:20px;display:flex}.arkynModalHeaderCloseButton{color:var(--text-body,#52525b);background:0 0;background-color:var(--background-foreground,#fff);border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:2px;display:flex}.arkynModalHeaderCloseButton:hover{cursor:pointer;filter:brightness(.9);transition:all .15s ease-out}}
+
+@layer arkyn{.arkynTabButton{color:var(--text-muted,#a1a1aa);background-color:#0000;border:none;justify-content:center;align-items:center;padding:8px 16px;font-size:16px;font-weight:600;line-height:100%;display:flex;position:relative}.arkynTabButton.isDisabled{cursor:not-allowed;opacity:.2}.arkynTabButton:hover{cursor:pointer}.arkynTabButton.isActive{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynTabButton.isActive:after{content:"";background-color:rgb(var(--spotlight-primary,17, 109, 220));height:1px;position:absolute;bottom:-1px;left:0;right:0}}
+
+@layer arkyn{.arkynTabContainer{border-bottom:1px solid var(--border,#e2e8f0);justify-content:start;align-items:center;gap:4px;display:flex;position:relative}}
+
+@layer arkyn{.arkynRichTextInsertVideo{background-color:var(--background-underground,#fafafa);border:none;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.arkynRichTextInsertVideo svg{width:20px;height:20px;color:var(--text-heading,#09090b)}.arkynRichTextInsertVideo:hover{cursor:pointer;filter:brightness(.98)}.arkynRichTextInsertVideoModalContent{flex-direction:column;gap:16px;width:500px;padding:16px;display:flex}.arkynRichTextInsertVideoModalPreviewVideo{border-radius:8px;width:100%}.arkynRichTextInsertVideoModalContent .arkynVideoUpload{min-height:174px}html.dark .arkynRichTextInsertVideo:hover{cursor:pointer;filter:brightness(.9)}}
+
+@layer arkyn{.arkynRichTextMarkButton{background-color:var(--background-underground,#fafafa);border:none;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.arkynRichTextMarkButton svg{width:20px;height:20px;color:var(--text-heading,#09090b)}.arkynRichTextMarkButton:hover{cursor:pointer;filter:brightness(.97)}html.dark .arkynRichTextMarkButton:hover{cursor:pointer;filter:brightness(.9)}.arkynRichTextMarkButton.activeTrue{filter:brightness(.97)}html.dark .arkynRichTextMarkButton.activeTrue{filter:brightness(.9)}.arkynRichTextMarkButton.activeTrue svg{color:rgba(var(--spotlight-primary,17, 109, 220), 1)}}
+
+@layer arkyn{.arkynRichTextToolbar{background-color:var(--background-underground,#fafafa);border-bottom:1px solid var(--border,#e2e8f0);border-radius:8px 8px 0 0;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:12px 16px;display:flex}}

package/dist/modules/components/richText/toolbar/index.js

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

package/dist/modules/components/richText/toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/richText/toolbar/index.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport \"./styles.css\";\n\ntype ToolbarProps = {\n\tchildren: ReactNode;\n};\n\nfunction Toolbar({ children }: ToolbarProps) {\n\treturn <div className=\"arkynRichTextToolbar\">{children}</div>;\n}\n\nexport { Toolbar };\n"],"mappings":";;;AAOA,SAAS,EAAQ,EAAE,eAA0B;CAC5C,OAAO,kBAAC,OAAD;EAAK,WAAU;EAAwB;CAAc,CAAA;AAC7D"}

package/dist/modules/components/richText/toolbar/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynRichTextToolbar{background-color:var(--background-underground,#fafafa);border-bottom:1px solid var(--border,#e2e8f0);border-radius:8px 8px 0 0;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:12px 16px;display:flex}}

package/dist/modules/components/searchPlaces.js

@@ -0,0 +1,60 @@
+import { Input as e } from "./input/index.js";
+import { useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { StandaloneSearchBox as r } from "@react-google-maps/api";
+//#region src/components/searchPlaces.tsx
+function i(i) {
+	let { onChange: a, onPlaceChanged: o, options: s, ...c } = i, [l, u] = t(null);
+	return /* @__PURE__ */ n(r, {
+		onLoad: (e) => u(e),
+		onPlacesChanged: () => {
+			let e = l?.getPlaces(), t = e ? e[0] : null, n = t?.address_components;
+			function r(e) {
+				let t = n.find((t) => t.types[0] === e);
+				return t ? t.long_name : "";
+			}
+			function i(e) {
+				let t = n.find((t) => t.types[0] === e);
+				return t ? t.short_name : "";
+			}
+			function a(e) {
+				for (let t of e) {
+					let e = n.find((e) => e.types.includes(t));
+					if (e) return e.long_name;
+				}
+				return "";
+			}
+			if (t) {
+				let e = r("route"), n = r("street_number"), s = a([
+					"sublocality_level_1",
+					"sublocality",
+					"neighborhood"
+				]), c = r("administrative_area_level_2"), l = r("administrative_area_level_1"), u = i("administrative_area_level_1"), d = {
+					street: e,
+					city: c,
+					state: l,
+					neighborhood: s,
+					postalCode: a(["postal_code", "postal_code_prefix"]),
+					streetNumber: n,
+					stateShortName: u,
+					coordinates: {
+						lat: t.geometry?.location?.lat(),
+						lng: t.geometry?.location?.lng()
+					}
+				};
+				o?.(d);
+			}
+		},
+		options: s,
+		children: /* @__PURE__ */ n(e, {
+			type: "text",
+			autoComplete: "off",
+			onChange: (e) => a?.(e.target.value),
+			...c
+		})
+	});
+}
+//#endregion
+export { i as SearchPlaces };
+
+//# sourceMappingURL=searchPlaces.js.map

package/dist/modules/components/searchPlaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchPlaces.js","names":[],"sources":["../../../src/components/searchPlaces.tsx"],"sourcesContent":["import type { StandaloneSearchBoxProps } from \"@react-google-maps/api\";\nimport { StandaloneSearchBox } from \"@react-google-maps/api\";\nimport { type JSX, useState } from \"react\";\nimport { Input, type InputProps } from \"./input\";\n\ntype AddressComponentsType = {\n\tlong_name: string;\n\tshort_name: string;\n\ttypes: string[];\n}[];\n\n/** Structured address data extracted from a Google Places result. */\ntype PlaceData = {\n\t/** Street name (e.g. `\"Rua Exemplo\"`). */\n\tstreet: string;\n\t/** City name (e.g. `\"São Paulo\"`). */\n\tcity: string;\n\t/** Full state name (e.g. `\"São Paulo\"`). */\n\tstate: string;\n\t/** Neighborhood / district name. */\n\tneighborhood: string;\n\t/** Postal / ZIP code. */\n\tpostalCode: string;\n\t/** State abbreviation (e.g. `\"SP\"`). */\n\tstateShortName: string;\n\t/** Street number (e.g. `\"123\"`). */\n\tstreetNumber: string;\n\t/** Geographic coordinates of the place. */\n\tcoordinates: { lat: number; lng: number };\n};\n\ntype SearchPlacesProps = {\n\t/** Google Maps `StandaloneSearchBox` options (e.g. `componentRestrictions`, `bounds`). */\n\toptions?: StandaloneSearchBoxProps[\"options\"];\n\t/** Callback fired every time the input text changes. Receives the current string value. */\n\tonChange?: (e: string) => void;\n\t/**\n\t * Callback fired when the user selects a place from the autocomplete suggestions.\n\t * Receives a structured {@link PlaceData} object.\n\t */\n\tonPlaceChanged?: (e: PlaceData) => void;\n} & Omit<InputProps, \"onLoad\" | \"onChange\" | \"type\">;\n\n/**\n * SearchPlaces — text input with Google Places autocomplete that returns structured address data.\n *\n * Requires the Google Maps JavaScript API with the Places library to be loaded.\n * Built on `@react-google-maps/api`'s `StandaloneSearchBox`.\n *\n * @param props.options - Google Maps search box options (e.g. restrict by country).\n * @param props.onChange - Fires on every keystroke — receives the current text value.\n * @param props.onPlaceChanged - Fires when the user selects a suggestion — receives structured address data.\n *\n * **...Other valid `Input` properties (except `onLoad`, `onChange`, `type`)**\n *\n * @returns SearchPlaces JSX element (an `Input` wrapped in `StandaloneSearchBox`).\n *\n * @example\n * ```tsx\n * <SearchPlaces\n *   name=\"address\"\n *   label=\"Address\"\n *   placeholder=\"Start typing an address…\"\n *   options={{ componentRestrictions: { country: \"br\" } }}\n *   onChange={(v) => setRawAddress(v)}\n *   onPlaceChanged={(place) => {\n *     setAddress({\n *       street: place.street,\n *       city: place.city,\n *       state: place.state,\n *       postalCode: place.postalCode,\n *       coordinates: place.coordinates,\n *     });\n *   }}\n * />\n * ```\n */\n\nfunction SearchPlaces(props: SearchPlacesProps): JSX.Element {\n\tconst { onChange, onPlaceChanged, options, ...rest } = props;\n\n\t// biome-ignore lint/suspicious/noExplicitAny: intentional\n\tconst [searchBox, setSearchBox] = useState<any>(null);\n\t// biome-ignore lint/suspicious/noExplicitAny: intentional\n\tconst handleLoad = (ref: any) => setSearchBox(ref);\n\n\tconst handlePlacesChanged = () => {\n\t\tconst places = searchBox?.getPlaces();\n\t\tconst place = places ? places[0] : null;\n\n\t\tconst address_components =\n\t\t\tplace?.address_components as AddressComponentsType;\n\n\t\tfunction findData(key: string) {\n\t\t\tconst data = address_components.find((item) => item.types[0] === key);\n\t\t\tif (data) return data.long_name;\n\t\t\treturn \"\";\n\t\t}\n\n\t\tfunction findDataShort(key: string) {\n\t\t\tconst data = address_components.find((item) => item.types[0] === key);\n\t\t\tif (data) return data.short_name;\n\t\t\treturn \"\";\n\t\t}\n\n\t\tfunction findDataByMultipleTypes(keys: string[]) {\n\t\t\tfor (const key of keys) {\n\t\t\t\tconst data = address_components.find((item) =>\n\t\t\t\t\titem.types.includes(key),\n\t\t\t\t);\n\t\t\t\tif (data) return data.long_name;\n\t\t\t}\n\t\t\treturn \"\";\n\t\t}\n\n\t\tif (place) {\n\t\t\tconst street = findData(\"route\");\n\t\t\tconst streetNumber = findData(\"street_number\");\n\t\t\tconst neighborhood = findDataByMultipleTypes([\n\t\t\t\t\"sublocality_level_1\",\n\t\t\t\t\"sublocality\",\n\t\t\t\t\"neighborhood\",\n\t\t\t]);\n\t\t\tconst city = findData(\"administrative_area_level_2\");\n\t\t\tconst state = findData(\"administrative_area_level_1\");\n\t\t\tconst stateShortName = findDataShort(\"administrative_area_level_1\");\n\t\t\tconst postalCode = findDataByMultipleTypes([\n\t\t\t\t\"postal_code\",\n\t\t\t\t\"postal_code_prefix\",\n\t\t\t]);\n\n\t\t\tconst lat = place.geometry?.location?.lat();\n\t\t\tconst lng = place.geometry?.location?.lng();\n\n\t\t\tconst sendPlace = {\n\t\t\t\tstreet,\n\t\t\t\tcity,\n\t\t\t\tstate,\n\t\t\t\tneighborhood,\n\t\t\t\tpostalCode,\n\t\t\t\tstreetNumber,\n\t\t\t\tstateShortName,\n\t\t\t\tcoordinates: { lat, lng },\n\t\t\t};\n\n\t\t\tonPlaceChanged?.(sendPlace);\n\t\t}\n\t};\n\n\treturn (\n\t\t<StandaloneSearchBox\n\t\t\tonLoad={handleLoad}\n\t\t\tonPlacesChanged={handlePlacesChanged}\n\t\t\toptions={options}\n\t\t>\n\t\t\t<Input\n\t\t\t\ttype=\"text\"\n\t\t\t\tautoComplete=\"off\"\n\t\t\t\tonChange={(e) => onChange?.(e.target.value)}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t</StandaloneSearchBox>\n\t);\n}\n\nexport { SearchPlaces };\n"],"mappings":";;;;;AA8EA,SAAS,EAAa,GAAuC;CAC5D,IAAM,EAAE,aAAU,mBAAgB,YAAS,GAAG,MAAS,GAGjD,CAAC,GAAW,KAAgB,EAAc,IAAI;CAmEpD,OACC,kBAAC,GAAD;EACC,SAnEkB,MAAa,EAAa,CAAG;EAoE/C,uBAlEgC;GACjC,IAAM,IAAS,GAAW,UAAU,GAC9B,IAAQ,IAAS,EAAO,KAAK,MAE7B,IACL,GAAO;GAER,SAAS,EAAS,GAAa;IAC9B,IAAM,IAAO,EAAmB,MAAM,MAAS,EAAK,MAAM,OAAO,CAAG;IAEpE,OADI,IAAa,EAAK,YACf;GACR;GAEA,SAAS,EAAc,GAAa;IACnC,IAAM,IAAO,EAAmB,MAAM,MAAS,EAAK,MAAM,OAAO,CAAG;IAEpE,OADI,IAAa,EAAK,aACf;GACR;GAEA,SAAS,EAAwB,GAAgB;IAChD,KAAK,IAAM,KAAO,GAAM;KACvB,IAAM,IAAO,EAAmB,MAAM,MACrC,EAAK,MAAM,SAAS,CAAG,CACxB;KACA,IAAI,GAAM,OAAO,EAAK;IACvB;IACA,OAAO;GACR;GAEA,IAAI,GAAO;IACV,IAAM,IAAS,EAAS,OAAO,GACzB,IAAe,EAAS,eAAe,GACvC,IAAe,EAAwB;KAC5C;KACA;KACA;IACD,CAAC,GACK,IAAO,EAAS,6BAA6B,GAC7C,IAAQ,EAAS,6BAA6B,GAC9C,IAAiB,EAAc,6BAA6B,GAS5D,IAAY;KACjB;KACA;KACA;KACA;KACA,YAbkB,EAAwB,CAC1C,eACA,oBACD,CAUC;KACA;KACA;KACA,aAAa;MAAE,KAXJ,EAAM,UAAU,UAAU,IAAI;MAWrB,KAVT,EAAM,UAAU,UAAU,IAAI;KAUjB;IACzB;IAEA,IAAiB,CAAS;GAC3B;EACD;EAMW;YAET,kBAAC,GAAD;GACC,MAAK;GACL,cAAa;GACb,WAAW,MAAM,IAAW,EAAE,OAAO,KAAK;GAC1C,GAAI;EACJ,CAAA;CACmB,CAAA;AAEvB"}

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

@@ -0,0 +1,115 @@
+import { useForm as e } from "../../hooks/useForm.js";
+import { IconRenderer as t } from "../../services/iconRenderer.js";
+import { FieldTemplate as n } from "../../services/fieldTemplate.js";
+import { SelectChevron as r } from "./selectChevron/index.js";
+import { SelectContainer as i } from "./selectContainer/index.js";
+import { SelectContent as a } from "./selectContent/index.js";
+import { SelectOption as o } from "./selectOption/index.js";
+import { SelectOptionsContainer as s } from "./selectOptionsContainer/index.js";
+import { SelectOverlay as ee } from "./selectOverlay/index.js";
+import { SelectSpinner as te } from "./selectSpinner/index.js";
+import { useId as c, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/select/index.tsx
+function p(p) {
+	let { name: m, options: h, className: g = "", placeholder: _ = "Selecione...", closeOnSelect: v = !0, defaultValue: y = "", errorMessage: b, isLoading: x = !1, readOnly: S = !1, isSearchable: ne = !1, id: re, label: ie, showAsterisk: C, leftIcon: w, onSearch: T, onChange: E, onBlur: D, notFoundText: O = "Sem opções disponíveis", onFocus: k, disabled: A = !1, prefix: j, size: M = "md", value: N, variant: P = "solid", orientation: F = "vertical", unShowFieldTemplate: I = !1 } = p, { fieldErrors: L } = e(), R = l(null), ae = c(), z = re || ae, B = b || L?.[m], V = !!B, H = A || x || S, U = {
+		md: 20,
+		lg: 20
+	}[M], [W, G] = u(""), [K, q] = u(!1), [J, Y] = u(y), X = N || J;
+	function Z(e) {
+		return X === e;
+	}
+	function oe(e) {
+		return h.find((t) => t.value === e)?.label || "";
+	}
+	function se() {
+		H || !R?.current || K || (q(!0), R.current.focus(), k?.());
+	}
+	function Q() {
+		q(!1), D && R.current && R.current.blur();
+	}
+	function ce(e) {
+		G(e), T && T(e);
+	}
+	function le(e) {
+		Z(e) ? (Y(""), E && E("")) : (Y(e), E && E(e)), v && Q();
+	}
+	let $ = h.filter((e) => !!(p.onSearch || !p.isSearchable || e.label.toLowerCase().includes(W.toLowerCase())));
+	return /* @__PURE__ */ d(n, {
+		name: m,
+		label: ie,
+		showAsterisk: C,
+		className: g,
+		errorMessage: B,
+		unShowFieldTemplate: I,
+		orientation: F,
+		children: /* @__PURE__ */ f(i, {
+			handleContainerFocus: se,
+			disabled: H,
+			isError: V,
+			isFocused: K,
+			isLoading: x,
+			readOnly: S,
+			size: M,
+			variant: P,
+			prefixExists: !!j,
+			id: z,
+			children: [
+				/* @__PURE__ */ d("input", {
+					ref: R,
+					name: m,
+					value: X,
+					type: "hidden"
+				}),
+				/* @__PURE__ */ d(t, {
+					iconSize: U,
+					icon: j,
+					className: "prefix"
+				}),
+				w && /* @__PURE__ */ d(w, {
+					size: U,
+					strokeWidth: 2.5
+				}),
+				/* @__PURE__ */ f(a, {
+					size: M,
+					children: [X !== "" && /* @__PURE__ */ d("p", {
+						className: "hasValue",
+						children: oe(X)
+					}), X === "" && /* @__PURE__ */ d("p", { children: _ })]
+				}),
+				/* @__PURE__ */ f(s, {
+					isFocused: K,
+					isSearchable: ne,
+					search: W,
+					onSearch: ce,
+					children: [$.map(({ label: e, value: t }) => /* @__PURE__ */ d(o, {
+						label: e,
+						value: t,
+						size: M,
+						handleChangeValue: le,
+						optionHasSelected: Z
+					}, t)), $.length <= 0 && /* @__PURE__ */ d("p", { children: O })]
+				}),
+				/* @__PURE__ */ d(r, {
+					disabled: H,
+					isFocused: K,
+					readOnly: S,
+					iconSize: U,
+					isLoading: x
+				}),
+				/* @__PURE__ */ d(te, {
+					iconSize: U,
+					isLoading: x
+				}),
+				/* @__PURE__ */ d(ee, {
+					handleBlur: Q,
+					isFocused: K
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { p as Select };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/select/index.tsx"],"sourcesContent":["import type { LucideIcon } from \"lucide-react\";\nimport { type FocusEvent, useId, useRef, useState } from \"react\";\n\nimport { useForm } from \"../../hooks/useForm\";\nimport { FieldTemplate } from \"../../services/fieldTemplate\";\nimport { IconRenderer } from \"../../services/iconRenderer\";\n\nimport { SelectChevron } from \"./selectChevron\";\nimport { SelectContainer } from \"./selectContainer\";\nimport { SelectContent } from \"./selectContent\";\nimport { SelectOption } from \"./selectOption\";\nimport { SelectOptionsContainer } from \"./selectOptionsContainer\";\nimport { SelectOverlay } from \"./selectOverlay\";\nimport { SelectSpinner } from \"./selectSpinner\";\n\ntype SelectProps = {\n\t/** Field name for form submission. Required. */\n\tname: string;\n\t/** Array of selectable options. Required. */\n\toptions: { label: string; value: string }[];\n\t/** Optional HTML id for the underlying hidden input. */\n\tid?: string;\n\t/** Controlled selected value. */\n\tvalue?: string;\n\t/** Uncontrolled default selected value. @default \"\" */\n\tdefaultValue?: string;\n\t/** Displays an asterisk on the label to signal a required field. */\n\tshowAsterisk?: boolean;\n\t/** Optional label text displayed above the select. */\n\tlabel?: string;\n\t/** Validation error message displayed below the select. */\n\terrorMessage?: string;\n\t/** Placeholder text shown when no option is selected. @default \"Selecione...\" */\n\tplaceholder?: string;\n\t/** Text shown when no options match the search query. @default \"Sem opções disponíveis\" */\n\tnotFoundText?: string;\n\t/** Additional CSS class applied to the wrapper element. */\n\tclassName?: string;\n\t/** Disables all interactions. @default false */\n\tdisabled?: boolean;\n\t/** Prevents value changes while keeping the current value visible. @default false */\n\treadOnly?: boolean;\n\t/** Shows a loading spinner and disables interactions. @default false */\n\tisLoading?: boolean;\n\t/** Enables search/filter within the dropdown. @default false */\n\tisSearchable?: boolean;\n\t/** Closes the dropdown after an option is selected. @default true */\n\tcloseOnSelect?: boolean;\n\t/** Callback fired when the search query changes. Use for async option loading. */\n\tonSearch?: (value: string) => void;\n\t/** Callback fired when the selected value changes. */\n\tonChange?: (value: string) => void;\n\t/** Callback fired when the select gains focus. */\n\tonFocus?: () => void;\n\t/** Callback fired when the select loses focus. */\n\tonBlur?: (e: FocusEvent<HTMLDivElement>) => void;\n\t/**\n\t * Select size.\n\t * @default \"md\"\n\t */\n\tsize?: \"md\" | \"lg\";\n\t/**\n\t * Visual style variant.\n\t * - `solid`: filled background.\n\t * - `outline`: bordered, transparent background.\n\t * - `underline`: bottom border only.\n\t * @default \"solid\"\n\t */\n\tvariant?: \"solid\" | \"outline\" | \"underline\";\n\t/** Text or icon rendered at the far left, outside the select area. */\n\tprefix?: string | LucideIcon;\n\t/** Lucide icon rendered inside the select on the left. */\n\tleftIcon?: LucideIcon;\n\t/** Maximum height (in px) of the options dropdown. */\n\toptionMaxHeight?: number;\n\t/** When true, skips `FieldTemplate` wrapper (label and error text). @default false */\n\tunShowFieldTemplate?: boolean;\n\t/**\n\t * Layout direction forwarded to `FieldTemplate`.\n\t * @default \"horizontal\"\n\t */\n\torientation?: \"horizontal\" | \"vertical\" | \"horizontalReverse\";\n};\n\n/**\n * Select — single-option dropdown with optional search, label, validation, and form integration.\n *\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.options - Array of selectable options (`{ label, value }`). Required.\n * @param props.value - Controlled selected value.\n * @param props.defaultValue - Uncontrolled default value. Default: \"\"\n * @param props.label - Label text displayed above the select.\n * @param props.placeholder - Placeholder shown when nothing is selected. Default: \"Selecione...\"\n * @param props.errorMessage - Validation error message.\n * @param props.isSearchable - Enables search/filter within the dropdown. Default: false\n * @param props.isLoading - Shows a loading spinner and disables interactions. Default: false\n * @param props.closeOnSelect - Closes the dropdown after selecting. Default: true\n * @param props.onChange - Callback fired when the selected value changes.\n * @param props.onSearch - Callback fired when the search query changes.\n * @param props.size - Select size (`md` | `lg`). Default: \"md\"\n * @param props.variant - Visual style variant. Default: \"solid\"\n * @param props.orientation - Layout direction. Default: \"horizontal\"\n * @param props.unShowFieldTemplate - Skips wrapper, label, and error rendering. Default: false\n *\n * @returns Select JSX element wrapped in `FieldTemplate`.\n *\n * @example\n * ```tsx\n * // Basic\n * <Select\n *   name=\"category\"\n *   options={[\n *     { label: \"Technology\", value: \"tech\" },\n *     { label: \"Design\", value: \"design\" },\n *   ]}\n * />\n *\n * // With label, validation, and searchable\n * <Select\n *   name=\"country\"\n *   label=\"Country\"\n *   showAsterisk\n *   isSearchable\n *   options={countryOptions}\n *   errorMessage={errors.country}\n *   notFoundText=\"No countries found\"\n * />\n *\n * // Controlled with async search\n * <Select\n *   name=\"tag\"\n *   label=\"Tag\"\n *   value={selectedTag}\n *   onChange={setSelectedTag}\n *   onSearch={fetchTagOptions}\n *   isLoading={isLoadingTags}\n *   options={tagOptions}\n * />\n * ```\n */\n\nfunction Select(props: SelectProps) {\n\tconst {\n\t\tname,\n\t\toptions,\n\t\tclassName: wrapperClassName = \"\",\n\t\tplaceholder = \"Selecione...\",\n\t\tcloseOnSelect = true,\n\t\tdefaultValue = \"\",\n\t\terrorMessage: baseErrorMessage,\n\t\tisLoading = false,\n\t\treadOnly = false,\n\t\tisSearchable = false,\n\t\tid,\n\t\tlabel,\n\t\tshowAsterisk,\n\t\tleftIcon: LeftIcon,\n\t\tonSearch,\n\t\tonChange,\n\t\tonBlur,\n\t\tnotFoundText = \"Sem opções disponíveis\",\n\t\tonFocus,\n\t\tdisabled: baseDisabled = false,\n\t\tprefix,\n\t\tsize = \"md\",\n\t\tvalue,\n\t\tvariant = \"solid\",\n\t\torientation = \"vertical\",\n\t\tunShowFieldTemplate = false,\n\t} = props;\n\n\tconst { fieldErrors } = useForm();\n\n\tconst selectRef = useRef<HTMLInputElement>(null);\n\tconst generatedId = useId();\n\tconst selectId = id || generatedId;\n\n\tconst errorMessage = baseErrorMessage || fieldErrors?.[name];\n\tconst isError = !!errorMessage;\n\tconst disabled = baseDisabled || isLoading || readOnly;\n\n\tconst iconSizes = { md: 20, lg: 20 };\n\tconst iconSize = iconSizes[size];\n\n\tconst [search, setSearch] = useState(\"\");\n\tconst [isFocused, setIsFocused] = useState(false);\n\tconst [selectedOption, setSelectedOption] = useState(defaultValue);\n\n\tconst forceSelectedOptions = value || selectedOption;\n\n\tfunction optionHasSelected(value: string) {\n\t\treturn forceSelectedOptions === value;\n\t}\n\n\tfunction getOptionLabel(value: string) {\n\t\tconst option = options.find((option) => option.value === value);\n\t\treturn option?.label || \"\";\n\t}\n\n\tfunction handleContainerFocus() {\n\t\tif (disabled || !selectRef?.current || isFocused) return;\n\t\tsetIsFocused(true);\n\t\tselectRef.current.focus();\n\t\tonFocus?.();\n\t}\n\n\tfunction handleBlur() {\n\t\tsetIsFocused(false);\n\t\tif (onBlur && selectRef.current) selectRef.current.blur();\n\t}\n\n\tfunction handleSearch(value: string) {\n\t\tsetSearch(value);\n\t\tif (onSearch) onSearch(value);\n\t}\n\n\tfunction handleChangeValue(value: string) {\n\t\tif (optionHasSelected(value)) {\n\t\t\tsetSelectedOption(\"\");\n\t\t\tif (onChange) onChange(\"\");\n\t\t} else {\n\t\t\tsetSelectedOption(value);\n\t\t\tif (onChange) onChange(value);\n\t\t}\n\n\t\tif (closeOnSelect) handleBlur();\n\t}\n\n\tconst mappedOptions = options.filter((option) => {\n\t\tif (props.onSearch) return true;\n\t\tif (!props.isSearchable) return true;\n\t\tif (option.label.toLowerCase().includes(search.toLowerCase())) return true;\n\t\treturn false;\n\t});\n\n\treturn (\n\t\t<FieldTemplate\n\t\t\tname={name}\n\t\t\tlabel={label}\n\t\t\tshowAsterisk={showAsterisk}\n\t\t\tclassName={wrapperClassName}\n\t\t\terrorMessage={errorMessage}\n\t\t\tunShowFieldTemplate={unShowFieldTemplate}\n\t\t\torientation={orientation}\n\t\t>\n\t\t\t<SelectContainer\n\t\t\t\thandleContainerFocus={handleContainerFocus}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tisError={isError}\n\t\t\t\tisFocused={isFocused}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\treadOnly={readOnly}\n\t\t\t\tsize={size}\n\t\t\t\tvariant={variant}\n\t\t\t\tprefixExists={!!prefix}\n\t\t\t\tid={selectId}\n\t\t\t>\n\t\t\t\t<input\n\t\t\t\t\tref={selectRef}\n\t\t\t\t\tname={name}\n\t\t\t\t\tvalue={forceSelectedOptions}\n\t\t\t\t\ttype=\"hidden\"\n\t\t\t\t/>\n\n\t\t\t\t<IconRenderer iconSize={iconSize} icon={prefix} className=\"prefix\" />\n\n\t\t\t\t{LeftIcon && <LeftIcon size={iconSize} strokeWidth={2.5} />}\n\n\t\t\t\t<SelectContent size={size}>\n\t\t\t\t\t{forceSelectedOptions !== \"\" && (\n\t\t\t\t\t\t<p className=\"hasValue\">{getOptionLabel(forceSelectedOptions)}</p>\n\t\t\t\t\t)}\n\t\t\t\t\t{forceSelectedOptions === \"\" && <p>{placeholder}</p>}\n\t\t\t\t</SelectContent>\n\n\t\t\t\t<SelectOptionsContainer\n\t\t\t\t\tisFocused={isFocused}\n\t\t\t\t\tisSearchable={isSearchable}\n\t\t\t\t\tsearch={search}\n\t\t\t\t\tonSearch={handleSearch}\n\t\t\t\t>\n\t\t\t\t\t{mappedOptions.map(({ label, value }) => (\n\t\t\t\t\t\t<SelectOption\n\t\t\t\t\t\t\tkey={value}\n\t\t\t\t\t\t\tlabel={label}\n\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\thandleChangeValue={handleChangeValue}\n\t\t\t\t\t\t\toptionHasSelected={optionHasSelected}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\n\t\t\t\t\t{mappedOptions.length <= 0 && <p>{notFoundText}</p>}\n\t\t\t\t</SelectOptionsContainer>\n\n\t\t\t\t<SelectChevron\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tisFocused={isFocused}\n\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\ticonSize={iconSize}\n\t\t\t\t\tisLoading={isLoading}\n\t\t\t\t/>\n\n\t\t\t\t<SelectSpinner iconSize={iconSize} isLoading={isLoading} />\n\t\t\t\t<SelectOverlay handleBlur={handleBlur} isFocused={isFocused} />\n\t\t\t</SelectContainer>\n\t\t</FieldTemplate>\n\t);\n}\n\nexport { Select };\n"],"mappings":";;;;;;;;;;;;;AA+IA,SAAS,EAAO,GAAoB;CACnC,IAAM,EACL,SACA,YACA,WAAW,IAAmB,IAC9B,iBAAc,gBACd,mBAAgB,IAChB,kBAAe,IACf,cAAc,GACd,eAAY,IACZ,cAAW,IACX,mBAAe,IACf,QACA,WACA,iBACA,UAAU,GACV,aACA,aACA,WACA,kBAAe,0BACf,YACA,UAAU,IAAe,IACzB,WACA,UAAO,MACP,UACA,aAAU,SACV,iBAAc,YACd,yBAAsB,OACnB,GAEE,EAAE,mBAAgB,EAAQ,GAE1B,IAAY,EAAyB,IAAI,GACzC,KAAc,EAAM,GACpB,IAAW,MAAM,IAEjB,IAAe,KAAoB,IAAc,IACjD,IAAU,CAAC,CAAC,GACZ,IAAW,KAAgB,KAAa,GAGxC,IAAW;EADG,IAAI;EAAI,IAAI;CACf,EAAU,IAErB,CAAC,GAAQ,KAAa,EAAS,EAAE,GACjC,CAAC,GAAW,KAAgB,EAAS,EAAK,GAC1C,CAAC,GAAgB,KAAqB,EAAS,CAAY,GAE3D,IAAuB,KAAS;CAEtC,SAAS,EAAkB,GAAe;EACzC,OAAO,MAAyB;CACjC;CAEA,SAAS,GAAe,GAAe;EAEtC,OADe,EAAQ,MAAM,MAAW,EAAO,UAAU,CAClD,CAAA,EAAQ,SAAS;CACzB;CAEA,SAAS,KAAuB;EAC3B,KAAY,CAAC,GAAW,WAAW,MACvC,EAAa,EAAI,GACjB,EAAU,QAAQ,MAAM,GACxB,IAAU;CACX;CAEA,SAAS,IAAa;EAErB,AADA,EAAa,EAAK,GACd,KAAU,EAAU,WAAS,EAAU,QAAQ,KAAK;CACzD;CAEA,SAAS,GAAa,GAAe;EAEpC,AADA,EAAU,CAAK,GACX,KAAU,EAAS,CAAK;CAC7B;CAEA,SAAS,GAAkB,GAAe;EASzC,AARI,EAAkB,CAAK,KAC1B,EAAkB,EAAE,GAChB,KAAU,EAAS,EAAE,MAEzB,EAAkB,CAAK,GACnB,KAAU,EAAS,CAAK,IAGzB,KAAe,EAAW;CAC/B;CAEA,IAAM,IAAgB,EAAQ,QAAQ,MAGrC,GAFI,EAAM,YACN,CAAC,EAAM,gBACP,EAAO,MAAM,YAAY,CAAC,CAAC,SAAS,EAAO,YAAY,CAAC,EAE5D;CAED,OACC,kBAAC,GAAD;EACO;EACC;EACO;EACd,WAAW;EACG;EACO;EACR;YAEb,kBAAC,GAAD;GACuB;GACZ;GACD;GACE;GACA;GACD;GACJ;GACG;GACT,cAAc,CAAC,CAAC;GAChB,IAAI;aAVL;IAYC,kBAAC,SAAD;KACC,KAAK;KACC;KACN,OAAO;KACP,MAAK;IACL,CAAA;IAED,kBAAC,GAAD;KAAwB;KAAU,MAAM;KAAQ,WAAU;IAAU,CAAA;IAEnE,KAAY,kBAAC,GAAD;KAAU,MAAM;KAAU,aAAa;IAAM,CAAA;IAE1D,kBAAC,GAAD;KAAqB;eAArB,CACE,MAAyB,MACzB,kBAAC,KAAD;MAAG,WAAU;gBAAY,GAAe,CAAoB;KAAK,CAAA,GAEjE,MAAyB,MAAM,kBAAC,KAAD,EAAA,UAAI,EAAe,CAAA,CACrC;;IAEf,kBAAC,GAAD;KACY;KACG;KACN;KACR,UAAU;eAJX,CAME,EAAc,KAAK,EAAE,UAAO,eAC5B,kBAAC,GAAD;MAEQ;MACA;MACD;MACa;MACA;KACnB,GANK,CAML,CACD,GAEA,EAAc,UAAU,KAAK,kBAAC,KAAD,EAAA,UAAI,EAAgB,CAAA,CAC3B;;IAExB,kBAAC,GAAD;KACW;KACC;KACD;KACA;KACC;IACX,CAAA;IAED,kBAAC,IAAD;KAAyB;KAAqB;IAAY,CAAA;IAC1D,kBAAC,IAAD;KAA2B;KAAuB;IAAY,CAAA;GAC9C;;CACH,CAAA;AAEjB"}

package/dist/modules/components/select/selectChevron/index.js

@@ -0,0 +1,21 @@
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+import { ChevronDown as t } from "lucide-react";
+//#region src/components/select/selectChevron/index.tsx
+function n(n) {
+	let { iconSize: r, isLoading: i, disabled: a, readOnly: o, isFocused: s } = n;
+	return i ? null : /* @__PURE__ */ e(t, {
+		className: `arkynSelectChevron ${a || o ? "notAnimate" : ""} ${s ? "focused" : ""}`,
+		strokeWidth: 2.5,
+		style: {
+			minWidth: r,
+			minHeight: r,
+			maxWidth: r,
+			maxHeight: r
+		}
+	});
+}
+//#endregion
+export { n as SelectChevron };
+
+//# sourceMappingURL=index.js.map

package/dist/modules/components/select/selectChevron/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/select/selectChevron/index.tsx"],"sourcesContent":["import { ChevronDown } from \"lucide-react\";\nimport \"./styles.css\";\n\ntype SelectChevronProps = {\n\tisLoading: boolean;\n\ticonSize: number;\n\tdisabled: boolean;\n\treadOnly: boolean;\n\tisFocused: boolean;\n};\n\nfunction SelectChevron(props: SelectChevronProps) {\n\tconst { iconSize, isLoading, disabled, readOnly, isFocused } = props;\n\n\tconst notAnimate = disabled || readOnly ? \"notAnimate\" : \"\";\n\tconst focused = isFocused ? \"focused\" : \"\";\n\n\tconst className = `arkynSelectChevron ${notAnimate} ${focused}`;\n\n\tif (isLoading) return null;\n\treturn (\n\t\t<ChevronDown\n\t\t\tclassName={className}\n\t\t\tstrokeWidth={2.5}\n\t\t\tstyle={{\n\t\t\t\tminWidth: iconSize,\n\t\t\t\tminHeight: iconSize,\n\t\t\t\tmaxWidth: iconSize,\n\t\t\t\tmaxHeight: iconSize,\n\t\t\t}}\n\t\t/>\n\t);\n}\n\nexport { SelectChevron };\n"],"mappings":";;;;AAWA,SAAS,EAAc,GAA2B;CACjD,IAAM,EAAE,aAAU,cAAW,aAAU,aAAU,iBAAc;CAQ/D,OADI,IAAkB,OAErB,kBAAC,GAAD;EACY,iCARM,KAAY,IAAW,eAAe,GAGN,GAFnC,IAAY,YAAY;EAQtC,aAAa;EACb,OAAO;GACN,UAAU;GACV,WAAW;GACX,UAAU;GACV,WAAW;EACZ;CACA,CAAA;AAEH"}

package/dist/modules/components/select/selectChevron/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynSelectChevron{color:var(--text-muted,#a1a1aa);transition:all .15s ease-in-out}.arkynSelectChevron:not(.notAnimate).focused{transform:rotate(180deg)}}

package/dist/modules/components/select/selectContainer/index.js

@@ -0,0 +1,16 @@
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/select/selectContainer/index.tsx
+function t(t) {
+	let { children: n, handleContainerFocus: r, disabled: i, isError: a, isLoading: o, isFocused: s, className: c, readOnly: l, variant: u, size: d, id: f, prefixExists: p } = t;
+	return /* @__PURE__ */ e("section", {
+		id: f,
+		className: `arkynSelectContainer ${p ? "hasPrefix" : ""} ${u} ${d} ${i || l || o ? "opacity" : ""} ${a ? "errored" : ""} ${s ? "focused" : ""} ${c}`,
+		onClick: r,
+		children: n
+	});
+}
+//#endregion
+export { t as SelectContainer };
+
+//# sourceMappingURL=index.js.map

package/dist/modules/components/select/selectContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/select/selectContainer/index.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport \"./styles.css\";\n\ntype SelectContainerProps = {\n\tchildren: ReactNode;\n\thandleContainerFocus: () => void;\n\tprefixExists: boolean;\n\tisError: boolean;\n\tdisabled: boolean;\n\treadOnly: boolean;\n\tisLoading: boolean;\n\tisFocused: boolean;\n\tclassName?: string;\n\tid: string;\n\tvariant: \"solid\" | \"outline\" | \"underline\";\n\tsize: \"md\" | \"lg\";\n};\n\nfunction SelectContainer(props: SelectContainerProps) {\n\tconst {\n\t\tchildren,\n\t\thandleContainerFocus,\n\t\tdisabled,\n\t\tisError,\n\t\tisLoading,\n\t\tisFocused,\n\t\tclassName,\n\t\treadOnly,\n\t\tvariant,\n\t\tsize,\n\t\tid,\n\t\tprefixExists,\n\t} = props;\n\n\tconst hasPrefix = prefixExists ? \"hasPrefix\" : \"\";\n\tconst errored = isError ? \"errored\" : \"\";\n\tconst opacity = disabled || readOnly || isLoading ? \"opacity\" : \"\";\n\tconst focused = isFocused ? \"focused\" : \"\";\n\n\treturn (\n\t\t<section\n\t\t\tid={id}\n\t\t\tclassName={`arkynSelectContainer ${hasPrefix} ${variant} ${size} ${opacity} ${errored} ${focused} ${className}`}\n\t\t\tonClick={handleContainerFocus}\n\t\t>\n\t\t\t{children}\n\t\t</section>\n\t);\n}\n\nexport { SelectContainer };\n"],"mappings":";;;AAkBA,SAAS,EAAgB,GAA6B;CACrD,IAAM,EACL,aACA,yBACA,aACA,YACA,cACA,cACA,cACA,aACA,YACA,SACA,OACA,oBACG;CAOJ,OACC,kBAAC,WAAD;EACK;EACJ,WAAW,wBARK,IAAe,cAAc,GAQA,GAAG,EAAQ,GAAG,EAAK,GANlD,KAAY,KAAY,IAAY,YAAY,GAMa,GAP7D,IAAU,YAAY,GAOkD,GALxE,IAAY,YAAY,GAK2D,GAAG;EACpG,SAAS;EAER;CACO,CAAA;AAEX"}

package/dist/modules/components/select/selectContainer/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynSelectContainer{border:1px solid #0000;border-radius:8px;outline:1px solid #0000;align-items:center;gap:8px;width:100%;padding:0 16px;display:flex;position:relative}.arkynSelectContainer:hover{cursor:pointer}.arkynSelectContainer.opacity{opacity:.5}.arkynSelectContainer .prefix{color:var(--text-body,#52525b);background:var(--border,#e2e8f0);border-right:1px solid var(--border,#e2e8f0);border-radius:5px 0 0 5px;justify-content:center;align-items:center;font-weight:400;display:flex;position:absolute;top:0;bottom:0;left:0}.arkynSelectContainer>svg{color:var(--text-muted,#a1a1aa)}.arkynSelectContainer.errored>svg{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynSelectContainer:not(.opacity).focused>svg{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynSelectContainer.solid{border-color:var(--border,#e2e8f0);background-color:var(--input-background,#fafafa)}.arkynSelectContainer.solid.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynSelectContainer:not(.opacity).solid.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynSelectContainer.outline{border-color:var(--border,#e2e8f0);background-color:var(--background-foreground,#fff)}.arkynSelectContainer.outline.errored{border-color:rgb(var(--spotlight-danger,244, 63, 94));outline-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynSelectContainer:not(.opacity).outline.focused{border-color:rgb(var(--spotlight-primary,17, 109, 220));outline-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynSelectContainer.underline{border-top:none;border-left:none;border-right:none;border-color:var(--border,#e2e8f0);border-radius:0;outline:none}.arkynSelectContainer.underline .prefix{display:none}.arkynSelectContainer.underline:before{content:" ";background:0 0;height:1px;position:absolute;bottom:-2px;left:0;right:0}.arkynSelectContainer.underline.errored{border-color:rgba(var(--spotlight-danger,244, 63, 94))}.arkynSelectContainer.underline.errored:before{background:rgba(var(--spotlight-danger,244, 63, 94))}.arkynSelectContainer:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary,17, 109, 220))}.arkynSelectContainer:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary,17, 109, 220))}.arkynSelectContainer.md{min-height:40px}.arkynSelectContainer.md.hasPrefix{padding-left:60px}.arkynSelectContainer.md .prefix{width:44px;height:40px;font-size:14px}.arkynSelectContainer.lg{min-height:44px}.arkynSelectContainer.lg .prefix{width:48px;height:44px;font-size:16px}.arkynSelectContainer.lg.hasPrefix{padding-left:64px}}