@arkyn/components 3.0.1-beta.99 → 3.0.2

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

@@ -0,0 +1,42 @@
+import { IconRenderer as e } from "../../services/iconRenderer.js";
+/* empty css       */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Loader2 as r } from "lucide-react";
+//#region src/components/button/index.tsx
+function i(i) {
+	let { isLoading: a = !1, scheme: o = "primary", variant: s = "solid", loadingText: c, size: l = "md", leftIcon: u, rightIcon: d, disabled: f, className: p = "", children: m, ...h } = i, g = {
+		xs: 12,
+		sm: 16,
+		md: 20,
+		lg: 24
+	}[l];
+	return /* @__PURE__ */ n("button", {
+		className: `arkynButton ${a ? "loadingTrue" : "loadingFalse"} ${s} ${o} ${l} ${c ? "loadingTextTrue" : "loadingTextFalse"} ${p}`,
+		disabled: f || a,
+		...h,
+		children: [/* @__PURE__ */ n("div", {
+			className: "arkynButtonSpinner",
+			children: [/* @__PURE__ */ t(r, {
+				size: g,
+				strokeWidth: 2.5
+			}), c && c]
+		}), /* @__PURE__ */ n("div", {
+			className: "arkynButtonContent",
+			children: [
+				/* @__PURE__ */ t(e, {
+					iconSize: g,
+					icon: u
+				}),
+				m,
+				/* @__PURE__ */ t(e, {
+					iconSize: g,
+					icon: d
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { i as Button };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/button/index.tsx"],"sourcesContent":["import { Loader2, type LucideIcon } from \"lucide-react\";\nimport type { ButtonHTMLAttributes } from \"react\";\n\nimport { IconRenderer } from \"../../services/iconRenderer\";\nimport \"./styles.css\";\n\ntype ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n\t/** Shows a spinner and disables the button during async operations. @default false */\n\tisLoading?: boolean;\n\t/** Text displayed beside the spinner when `isLoading` is true. */\n\tloadingText?: string;\n\t/**\n\t * Button size.\n\t * @default \"md\"\n\t */\n\tsize?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n\t/**\n\t * Visual style variant.\n\t * - `solid`: filled background.\n\t * - `outline`: bordered, transparent background.\n\t * - `ghost`: no border, subtle hover.\n\t * - `invisible`: no visual styling.\n\t * @default \"solid\"\n\t */\n\tvariant?: \"solid\" | \"outline\" | \"ghost\" | \"invisible\";\n\t/**\n\t * Color scheme applied to the button.\n\t * @default \"primary\"\n\t */\n\tscheme?: \"primary\" | \"secondary\" | \"success\" | \"warning\" | \"danger\" | \"info\";\n\t/** Lucide icon rendered to the left of the label. */\n\tleftIcon?: LucideIcon;\n\t/** Lucide icon rendered to the right of the label. */\n\trightIcon?: LucideIcon;\n};\n\n/**\n * Button — used for user interactions and form submissions.\n *\n * @param props.isLoading - Shows a spinner and disables the button. Default: false\n * @param props.loadingText - Text displayed beside the spinner when loading.\n * @param props.size - Button size (`xs` | `sm` | `md` | `lg`). Default: \"md\"\n * @param props.variant - Visual style variant. Default: \"solid\"\n * @param props.scheme - Color scheme. Default: \"primary\"\n * @param props.leftIcon - Lucide icon rendered to the left of the label.\n * @param props.rightIcon - Lucide icon rendered to the right of the label.\n *\n * **...Other valid HTML properties for `<button>`**\n *\n * @returns Button JSX element.\n *\n * @example\n * ```tsx\n * // Basic button\n * <Button>Click me</Button>\n *\n * // With color scheme\n * <Button scheme=\"success\">Save</Button>\n *\n * // With loading state\n * <Button isLoading loadingText=\"Saving...\">Save</Button>\n *\n * // With icons\n * <Button leftIcon={SaveIcon} scheme=\"success\">Save</Button>\n *\n * // Custom size, variant and scheme\n * <Button size=\"lg\" variant=\"outline\" scheme=\"danger\" rightIcon={TrashIcon}>\n *   Delete\n * </Button>\n * ```\n */\n\nfunction Button(props: ButtonProps) {\n\tconst {\n\t\tisLoading = false,\n\t\tscheme = \"primary\",\n\t\tvariant = \"solid\",\n\t\tloadingText,\n\t\tsize = \"md\",\n\t\tleftIcon,\n\t\trightIcon,\n\t\tdisabled,\n\t\tclassName: baseClassName = \"\",\n\t\tchildren,\n\t\t...rest\n\t} = props;\n\n\tconst iconSizes = { xs: 12, sm: 16, md: 20, lg: 24 };\n\tconst iconSize = iconSizes[size];\n\n\tconst loadingClass = isLoading ? \"loadingTrue\" : \"loadingFalse\";\n\tconst loadingTextClass = loadingText ? \"loadingTextTrue\" : \"loadingTextFalse\";\n\n\tconst className = `arkynButton ${loadingClass} ${variant} ${scheme} ${size} ${loadingTextClass} ${baseClassName}`;\n\n\treturn (\n\t\t<button className={className} disabled={disabled || isLoading} {...rest}>\n\t\t\t<div className=\"arkynButtonSpinner\">\n\t\t\t\t<Loader2 size={iconSize} strokeWidth={2.5} />\n\t\t\t\t{loadingText && loadingText}\n\t\t\t</div>\n\n\t\t\t<div className=\"arkynButtonContent\">\n\t\t\t\t<IconRenderer iconSize={iconSize} icon={leftIcon} />\n\t\t\t\t{children}\n\t\t\t\t<IconRenderer iconSize={iconSize} icon={rightIcon} />\n\t\t\t</div>\n\t\t</button>\n\t);\n}\n\nexport { Button };\n"],"mappings":";;;;;AAwEA,SAAS,EAAO,GAAoB;CACnC,IAAM,EACL,eAAY,IACZ,YAAS,WACT,aAAU,SACV,gBACA,UAAO,MACP,aACA,cACA,aACA,WAAW,IAAgB,IAC3B,aACA,GAAG,MACA,GAGE,IAAW;EADG,IAAI;EAAI,IAAI;EAAI,IAAI;EAAI,IAAI;CAC/B,EAAU;CAO3B,OACC,kBAAC,UAAD;EAAmB,WAAA,eANC,IAAY,gBAAgB,eAGH,GAAG,EAAQ,GAAG,EAAO,GAAG,EAAK,GAFlD,IAAc,oBAAoB,mBAEoC,GAAG;EAGnE,UAAU,KAAY;EAAW,GAAI;YAAnE,CACC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACC,kBAAC,GAAD;IAAS,MAAM;IAAU,aAAa;GAAM,CAAA,GAC3C,KAAe,CACZ;MAEL,kBAAC,OAAD;GAAK,WAAU;aAAf;IACC,kBAAC,GAAD;KAAwB;KAAU,MAAM;IAAW,CAAA;IAClD;IACD,kBAAC,GAAD;KAAwB;KAAU,MAAM;IAAY,CAAA;GAChD;IACE;;AAEV"}

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

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

package/dist/modules/components/calendar/_calendarProvider.js

@@ -0,0 +1,42 @@
+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/calendar/_calendarProvider.tsx
+var a = t({});
+function o() {
+	return n(a);
+}
+function s(t) {
+	let { calendarType: n, children: o, defaultValue: s, defaultViewValue: c = /* @__PURE__ */ new Date(), language: l = "pt-BR", onChange: u, onChangeView: d, value: f, viewValue: p } = t, m = n === "single" ? [s || /* @__PURE__ */ new Date(), s || /* @__PURE__ */ new Date()] : s || [/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()], [h, g] = r(c), [_, v] = r(m), y = p || h, b = f ? n === "single" ? [f, f] : f : _, x = new e();
+	function S(e) {
+		let t = [new Date(e[0]), new Date(e[1])];
+		u && n === "range" && u(t), u && n === "single" && u(t[0]), v(t);
+	}
+	function C(e) {
+		d && d(e), g(e);
+	}
+	return /* @__PURE__ */ i(a.Provider, {
+		value: {
+			valueDate: b,
+			viewDate: y,
+			currentDate: y.toLocaleDateString(l).slice(3),
+			currentDay: x.currentDay(y),
+			currentMonth: x.currentMonth(y),
+			currentYear: x.currentYear(y),
+			listWeek: x.listWeek(l),
+			listMonths: x.listMonths(y, l),
+			listYears: x.listYears(100),
+			listMatrix: x.listMatrix(y, b),
+			changeDay: (e, t, r) => x.changeDay(e, t, r, n, b, S, C),
+			changeMonth: (e) => x.changeMonth(e, y, C),
+			changeYear: (e) => x.changeYear(e, y, C),
+			nextMonth: () => x.nextMonth(y, C),
+			previousMonth: () => x.previousMonth(y, C)
+		},
+		children: o
+	});
+}
+//#endregion
+export { s as CalendarProvider, o as useCalendar };
+
+//# sourceMappingURL=_calendarProvider.js.map

package/dist/modules/components/calendar/_calendarProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_calendarProvider.js","names":[],"sources":["../../../../src/components/calendar/_calendarProvider.tsx"],"sourcesContent":["import { createContext, type ReactNode, useContext, useState } from \"react\";\nimport { type CalendarMatrix, ViewService } from \"./_viewService\";\n\ntype CalendarContextProps = {\n\tvalueDate: Date[];\n\tviewDate: Date;\n\tcurrentDate: string;\n\tcurrentDay: string;\n\tcurrentMonth: string;\n\tcurrentYear: string;\n\tlistWeek: string[];\n\tlistMonths: { label: string; value: string }[];\n\tlistYears: { label: string; value: string }[];\n\tlistMatrix: CalendarMatrix;\n\tchangeDay: (day: number, month: number, year: number) => void;\n\tchangeMonth: (month: number) => void;\n\tchangeYear: (year: number) => void;\n\tnextMonth: () => void;\n\tpreviousMonth: () => void;\n};\n\ntype SingleCalendarProviderProps = {\n\tchildren: ReactNode;\n\tcalendarType: \"single\";\n\tlanguage?: string;\n\tonChangeView?: (date: Date) => void;\n\tdefaultValue?: Date;\n\tonChange?: (date: Date) => void;\n\tvalue?: Date;\n\tviewValue?: Date;\n\tdefaultViewValue?: Date;\n};\n\ntype RangeCalendarProviderProps = {\n\tchildren: ReactNode;\n\tcalendarType: \"range\";\n\tlanguage?: string;\n\tonChangeView?: (date: Date) => void;\n\tdefaultValue?: [Date, Date];\n\tonChange?: (date: [Date, Date]) => void;\n\tvalue?: [Date, Date];\n\tviewValue?: Date;\n\tdefaultViewValue?: Date;\n};\n\ntype CalendarProviderProps =\n\t| SingleCalendarProviderProps\n\t| RangeCalendarProviderProps;\n\nconst CalendarContext = createContext({} as CalendarContextProps);\n\nfunction useCalendar() {\n\treturn useContext(CalendarContext);\n}\n\nfunction CalendarProvider(props: CalendarProviderProps) {\n\tconst {\n\t\tcalendarType,\n\t\tchildren,\n\t\tdefaultValue: rawDefaultValue,\n\t\tdefaultViewValue = new Date(),\n\t\tlanguage = \"pt-BR\",\n\t\tonChange,\n\t\tonChangeView,\n\t\tvalue,\n\t\tviewValue,\n\t} = props;\n\n\tconst defaultValue: [Date, Date] =\n\t\tcalendarType === \"single\"\n\t\t\t? [rawDefaultValue || new Date(), rawDefaultValue || new Date()]\n\t\t\t: rawDefaultValue || [new Date(), new Date()];\n\n\tconst [rawViewDate, rawSetViewDate] = useState(defaultViewValue);\n\tconst [rawValueDate, rawSetValueDate] = useState<[Date, Date]>(defaultValue);\n\n\tconst viewDate = viewValue || rawViewDate;\n\tconst valueDate: [Date, Date] = value\n\t\t? calendarType === \"single\"\n\t\t\t? [value, value]\n\t\t\t: value\n\t\t: rawValueDate;\n\n\tconst viewService = new ViewService();\n\n\tfunction setValueDate(value: [Date, Date]) {\n\t\tconst normalizedValue: [Date, Date] = [\n\t\t\tnew Date(value[0]),\n\t\t\tnew Date(value[1]),\n\t\t];\n\n\t\tif (onChange && calendarType === \"range\") {\n\t\t\tonChange(normalizedValue);\n\t\t}\n\n\t\tif (onChange && calendarType === \"single\") {\n\t\t\tonChange(normalizedValue[0]);\n\t\t}\n\n\t\trawSetValueDate(normalizedValue);\n\t}\n\n\tfunction setViewDate(date: Date) {\n\t\tif (onChangeView) onChangeView(date);\n\t\trawSetViewDate(date);\n\t}\n\n\treturn (\n\t\t<CalendarContext.Provider\n\t\t\tvalue={{\n\t\t\t\tvalueDate,\n\t\t\t\tviewDate,\n\t\t\t\tcurrentDate: viewDate.toLocaleDateString(language).slice(3),\n\t\t\t\tcurrentDay: viewService.currentDay(viewDate),\n\t\t\t\tcurrentMonth: viewService.currentMonth(viewDate),\n\t\t\t\tcurrentYear: viewService.currentYear(viewDate),\n\t\t\t\tlistWeek: viewService.listWeek(language),\n\t\t\t\tlistMonths: viewService.listMonths(viewDate, language),\n\t\t\t\tlistYears: viewService.listYears(100),\n\t\t\t\tlistMatrix: viewService.listMatrix(viewDate, valueDate),\n\t\t\t\tchangeDay: (day, month, year) =>\n\t\t\t\t\tviewService.changeDay(\n\t\t\t\t\t\tday,\n\t\t\t\t\t\tmonth,\n\t\t\t\t\t\tyear,\n\t\t\t\t\t\tcalendarType,\n\t\t\t\t\t\tvalueDate,\n\t\t\t\t\t\tsetValueDate,\n\t\t\t\t\t\tsetViewDate,\n\t\t\t\t\t),\n\t\t\t\tchangeMonth: (month) =>\n\t\t\t\t\tviewService.changeMonth(month, viewDate, setViewDate),\n\t\t\t\tchangeYear: (year) =>\n\t\t\t\t\tviewService.changeYear(year, viewDate, setViewDate),\n\t\t\t\tnextMonth: () => viewService.nextMonth(viewDate, setViewDate),\n\t\t\t\tpreviousMonth: () => viewService.previousMonth(viewDate, setViewDate),\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</CalendarContext.Provider>\n\t);\n}\n\nexport { CalendarProvider, useCalendar };\n"],"mappings":";;;;AAiDA,IAAM,IAAkB,EAAc,CAAC,CAAyB;AAEhE,SAAS,IAAc;CACtB,OAAO,EAAW,CAAe;AAClC;AAEA,SAAS,EAAiB,GAA8B;CACvD,IAAM,EACL,iBACA,aACA,cAAc,GACd,sCAAmB,IAAI,KAAK,GAC5B,cAAW,SACX,aACA,iBACA,UACA,iBACG,GAEE,IACL,MAAiB,WACd,CAAC,qBAAmB,IAAI,KAAK,GAAG,qBAAmB,IAAI,KAAK,CAAC,IAC7D,KAAmB,iBAAC,IAAI,KAAK,mBAAG,IAAI,KAAK,CAAC,GAExC,CAAC,GAAa,KAAkB,EAAS,CAAgB,GACzD,CAAC,GAAc,KAAmB,EAAuB,CAAY,GAErE,IAAW,KAAa,GACxB,IAA0B,IAC7B,MAAiB,WAChB,CAAC,GAAO,CAAK,IACb,IACD,GAEG,IAAc,IAAI,EAAY;CAEpC,SAAS,EAAa,GAAqB;EAC1C,IAAM,IAAgC,CACrC,IAAI,KAAK,EAAM,EAAE,GACjB,IAAI,KAAK,EAAM,EAAE,CAClB;EAUA,AARI,KAAY,MAAiB,WAChC,EAAS,CAAe,GAGrB,KAAY,MAAiB,YAChC,EAAS,EAAgB,EAAE,GAG5B,EAAgB,CAAe;CAChC;CAEA,SAAS,EAAY,GAAY;EAEhC,AADI,KAAc,EAAa,CAAI,GACnC,EAAe,CAAI;CACpB;CAEA,OACC,kBAAC,EAAgB,UAAjB;EACC,OAAO;GACN;GACA;GACA,aAAa,EAAS,mBAAmB,CAAQ,CAAC,CAAC,MAAM,CAAC;GAC1D,YAAY,EAAY,WAAW,CAAQ;GAC3C,cAAc,EAAY,aAAa,CAAQ;GAC/C,aAAa,EAAY,YAAY,CAAQ;GAC7C,UAAU,EAAY,SAAS,CAAQ;GACvC,YAAY,EAAY,WAAW,GAAU,CAAQ;GACrD,WAAW,EAAY,UAAU,GAAG;GACpC,YAAY,EAAY,WAAW,GAAU,CAAS;GACtD,YAAY,GAAK,GAAO,MACvB,EAAY,UACX,GACA,GACA,GACA,GACA,GACA,GACA,CACD;GACD,cAAc,MACb,EAAY,YAAY,GAAO,GAAU,CAAW;GACrD,aAAa,MACZ,EAAY,WAAW,GAAM,GAAU,CAAW;GACnD,iBAAiB,EAAY,UAAU,GAAU,CAAW;GAC5D,qBAAqB,EAAY,cAAc,GAAU,CAAW;EACrE;EAEC;CACwB,CAAA;AAE5B"}

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

@@ -0,0 +1,135 @@
+import { formatToCapitalizeFirstWordLetter as e } from "@arkyn/shared";
+//#region src/components/calendar/_viewService.ts
+var t = class {
+	currentDay(e) {
+		return String(e.getDate()).padStart(2, "0");
+	}
+	currentMonth(e) {
+		return String(e.getMonth() + 1).padStart(2, "0");
+	}
+	currentYear(e) {
+		return String(e.getFullYear());
+	}
+	capitalize(t) {
+		return e(t);
+	}
+	parseDayType(e, t, n, r) {
+		let i = r[0].getDate(), a = r[0].getMonth(), o = r[0].getFullYear(), s = r[1].getDate(), c = r[1].getMonth(), l = r[1].getFullYear(), u = new Date(o, a, i), d = new Date(l, c, s), f = new Date(n, t, e);
+		return u.getTime() === f.getTime() || d.getTime() === f.getTime() ? "checkedDay" : f > u && f < d ? "middleDay" : "uncheckedDay";
+	}
+	listWeek(e) {
+		let t = [], n = new Date(Date.UTC(2023, 0, 1));
+		for (let r = 0; r < 7; r++) {
+			let i = new Date(n);
+			i.setUTCDate(n.getUTCDate() + r);
+			let a = i.toLocaleDateString(e, {
+				weekday: "short",
+				timeZone: "UTC"
+			});
+			t.push(a);
+		}
+		return t;
+	}
+	listMonths(e, t) {
+		let n = new Intl.DateTimeFormat(t, { month: "long" });
+		return Array.from({ length: 12 }, (t, r) => {
+			let i = new Date(e.getFullYear(), r, 1), a = n.format(i);
+			return {
+				label: this.capitalize(a),
+				value: String(r).padStart(2, "0")
+			};
+		});
+	}
+	listYears(e) {
+		let t = (/* @__PURE__ */ new Date()).getFullYear();
+		return Array.from({ length: e + 1 }, (n, r) => {
+			let i = t - e + r;
+			return {
+				label: String(i),
+				value: String(i)
+			};
+		}).reverse();
+	}
+	listMatrix(e, t) {
+		let n = e.getFullYear(), r = e.getMonth(), i = new Date(n, r, 1).getDay(), a = new Date(n, r + 1, 0).getDate(), o = new Date(n, r, 0).getDate(), s = Math.ceil((i + a) / 7) * 7, c = [], l = 1, u = 1;
+		for (let e = 0; e < s; e++) {
+			let s = Math.floor(e / 7);
+			if (c[s] || (c[s] = []), e < i) {
+				let a = o - (i - e - 1), l = r === 0 ? 11 : r - 1, u = r === 0 ? n - 1 : n;
+				c[s].push({
+					day: a,
+					month: l,
+					year: u,
+					dayOwner: "previous",
+					dayType: this.parseDayType(a, l, u, t)
+				});
+			} else if (l <= a) c[s].push({
+				day: l,
+				month: r,
+				year: n,
+				dayOwner: "current",
+				dayType: this.parseDayType(l, r, n, t)
+			}), l++;
+			else {
+				let e = r === 11 ? 0 : r + 1, i = r === 11 ? n + 1 : n;
+				c[s].push({
+					day: u,
+					month: e,
+					year: i,
+					dayOwner: "next",
+					dayType: this.parseDayType(u, e, i, t)
+				}), u++;
+			}
+		}
+		return c;
+	}
+	changeDay(e, t, n, r, i, a, o) {
+		let s = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), c = s(new Date(n, t, e));
+		if (o(c), r === "single") {
+			a([c, c]);
+			return;
+		}
+		let l = s(i[0]), u = s(i[1]), d = c.getTime(), f = l.getTime(), p = u.getTime();
+		if (d === f) {
+			a([c, c]);
+			return;
+		}
+		if (d === p) {
+			a([c, c]);
+			return;
+		}
+		if (c < l) {
+			a([c, u]);
+			return;
+		}
+		if (c > u) {
+			a([l, c]);
+			return;
+		}
+		if (Math.abs(d - f) <= Math.abs(p - d)) {
+			a([c, u]);
+			return;
+		}
+		a([l, c]);
+	}
+	changeMonth(e, t, n) {
+		let r = new Date(t);
+		r.setMonth(e), n(r);
+	}
+	changeYear(e, t, n) {
+		let r = new Date(t);
+		r.setFullYear(e), n(r);
+	}
+	nextMonth(e, t) {
+		let n = new Date(e);
+		n.setDate(1), n.setMonth(n.getMonth() + 1), t(n);
+	}
+	previousMonth(e, t) {
+		let n = new Date(e);
+		n.setDate(1), n.setMonth(n.getMonth() - 1), t(n);
+	}
+};
+//#endregion
+export { t as ViewService };
+
+//# sourceMappingURL=_viewService.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_viewService.js","names":[],"sources":["../../../../src/components/calendar/_viewService.ts"],"sourcesContent":["import { formatToCapitalizeFirstWordLetter } from \"@arkyn/shared\";\n\ntype CalendarCell = {\n\tday: number;\n\tmonth: number;\n\tyear: number;\n\tdayType: \"checkedDay\" | \"middleDay\" | \"uncheckedDay\";\n\tdayOwner: \"previous\" | \"current\" | \"next\";\n};\n\ntype CalendarMatrix = CalendarCell[][];\n\nclass ViewService {\n\tcurrentDay(viewDate: Date) {\n\t\treturn String(viewDate.getDate()).padStart(2, \"0\");\n\t}\n\n\tcurrentMonth(viewDate: Date) {\n\t\treturn String(viewDate.getMonth() + 1).padStart(2, \"0\");\n\t}\n\n\tcurrentYear(viewDate: Date) {\n\t\treturn String(viewDate.getFullYear());\n\t}\n\n\tcapitalize(text: string) {\n\t\treturn formatToCapitalizeFirstWordLetter(text);\n\t}\n\n\tparseDayType(\n\t\tday: number,\n\t\tmonth: number,\n\t\tyear: number,\n\t\tvalueDate: [Date, Date],\n\t): \"checkedDay\" | \"middleDay\" | \"uncheckedDay\" {\n\t\tconst firstDateDay = valueDate[0].getDate();\n\t\tconst firstDateMonth = valueDate[0].getMonth();\n\t\tconst firstDateYear = valueDate[0].getFullYear();\n\n\t\tconst secondDateDay = valueDate[1].getDate();\n\t\tconst secondDateMonth = valueDate[1].getMonth();\n\t\tconst secondDateYear = valueDate[1].getFullYear();\n\n\t\tconst firstDate = new Date(firstDateYear, firstDateMonth, firstDateDay);\n\t\tconst secondDate = new Date(secondDateYear, secondDateMonth, secondDateDay);\n\t\tconst currentDate = new Date(year, month, day);\n\n\t\tif (firstDate.getTime() === currentDate.getTime()) return \"checkedDay\";\n\t\tif (secondDate.getTime() === currentDate.getTime()) return \"checkedDay\";\n\t\tif (currentDate > firstDate && currentDate < secondDate) return \"middleDay\";\n\t\treturn \"uncheckedDay\";\n\t}\n\n\tlistWeek(language: string) {\n\t\tconst weekDays = [];\n\t\tconst firstSundayUtc = new Date(Date.UTC(2023, 0, 1));\n\n\t\tfor (let i = 0; i < 7; i++) {\n\t\t\tconst day = new Date(firstSundayUtc);\n\t\t\tday.setUTCDate(firstSundayUtc.getUTCDate() + i);\n\t\t\tconst dayName = day.toLocaleDateString(language, {\n\t\t\t\tweekday: \"short\",\n\t\t\t\ttimeZone: \"UTC\",\n\t\t\t});\n\t\t\tweekDays.push(dayName);\n\t\t}\n\n\t\treturn weekDays;\n\t}\n\n\tlistMonths(viewDate: Date, language: string) {\n\t\tconst monthsByNavigatorLanguage = new Intl.DateTimeFormat(language, {\n\t\t\tmonth: \"long\",\n\t\t});\n\n\t\treturn Array.from({ length: 12 }, (_, i) => {\n\t\t\tconst date = new Date(viewDate.getFullYear(), i, 1);\n\t\t\tconst label = monthsByNavigatorLanguage.format(date);\n\t\t\treturn {\n\t\t\t\tlabel: this.capitalize(label),\n\t\t\t\tvalue: String(i).padStart(2, \"0\"),\n\t\t\t};\n\t\t});\n\t}\n\n\tlistYears(lastYears: number) {\n\t\tconst currentYear = new Date().getFullYear();\n\n\t\treturn Array.from({ length: lastYears + 1 }, (_, i) => {\n\t\t\tconst year = currentYear - lastYears + i;\n\t\t\treturn { label: String(year), value: String(year) };\n\t\t}).reverse();\n\t}\n\n\tlistMatrix(viewDate: Date, valueDate: [Date, 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: CalendarMatrix = [];\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\tdayType: this.parseDayType(day, month, cellYear, valueDate),\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\tdayType: this.parseDayType(\n\t\t\t\t\t\tcurrentMonthDay,\n\t\t\t\t\t\tmonthIndex,\n\t\t\t\t\t\tyear,\n\t\t\t\t\t\tvalueDate,\n\t\t\t\t\t),\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\tdayType: this.parseDayType(nextMonthDay, month, cellYear, valueDate),\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\tchangeDay(\n\t\tday: number,\n\t\tmonth: number,\n\t\tyear: number,\n\t\tcalendarType: \"single\" | \"range\",\n\t\tvalueDate: [Date, Date],\n\t\tsetValueDate: (date: [Date, Date]) => void,\n\t\tsetViewDate: (date: Date) => void,\n\t) {\n\t\tconst normalizeDate = (date: Date) =>\n\t\t\tnew Date(date.getFullYear(), date.getMonth(), date.getDate());\n\n\t\tconst newDate = normalizeDate(new Date(year, month, day));\n\t\tsetViewDate(newDate);\n\n\t\tif (calendarType === \"single\") {\n\t\t\tsetValueDate([newDate, newDate]);\n\t\t\treturn;\n\t\t}\n\n\t\tconst startDate = normalizeDate(valueDate[0]);\n\t\tconst endDate = normalizeDate(valueDate[1]);\n\n\t\tconst newDateTime = newDate.getTime();\n\t\tconst startDateTime = startDate.getTime();\n\t\tconst endDateTime = endDate.getTime();\n\n\t\tif (newDateTime === startDateTime) {\n\t\t\tsetValueDate([newDate, newDate]);\n\t\t\treturn;\n\t\t}\n\n\t\tif (newDateTime === endDateTime) {\n\t\t\tsetValueDate([newDate, newDate]);\n\t\t\treturn;\n\t\t}\n\n\t\tif (newDate < startDate) {\n\t\t\tsetValueDate([newDate, endDate]);\n\t\t\treturn;\n\t\t}\n\n\t\tif (newDate > endDate) {\n\t\t\tsetValueDate([startDate, newDate]);\n\t\t\treturn;\n\t\t}\n\n\t\tconst distanceToStart = Math.abs(newDateTime - startDateTime);\n\t\tconst distanceToEnd = Math.abs(endDateTime - newDateTime);\n\n\t\tif (distanceToStart <= distanceToEnd) {\n\t\t\tsetValueDate([newDate, endDate]);\n\t\t\treturn;\n\t\t}\n\n\t\tsetValueDate([startDate, newDate]);\n\t}\n\n\tchangeMonth(\n\t\tmonth: number,\n\t\tviewDate: Date,\n\t\tsetViewDate: (date: Date) => void,\n\t) {\n\t\tconst nextViewDate = new Date(viewDate);\n\t\tnextViewDate.setMonth(month);\n\t\tsetViewDate(nextViewDate);\n\t}\n\n\tchangeYear(year: number, viewDate: Date, setViewDate: (date: Date) => void) {\n\t\tconst nextViewDate = new Date(viewDate);\n\t\tnextViewDate.setFullYear(year);\n\t\tsetViewDate(nextViewDate);\n\t}\n\n\tnextMonth(viewDate: Date, setViewDate: (date: Date) => void) {\n\t\tconst nextViewDate = new Date(viewDate);\n\t\tnextViewDate.setDate(1);\n\t\tnextViewDate.setMonth(nextViewDate.getMonth() + 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.setDate(1);\n\t\tnextViewDate.setMonth(nextViewDate.getMonth() - 1);\n\t\tsetViewDate(nextViewDate);\n\t}\n}\n\nexport { type CalendarMatrix, ViewService };\n"],"mappings":"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"}

package/dist/modules/components/calendar/calendarContainer/index.js

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

package/dist/modules/components/calendar/calendarContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/calendar/calendarContainer/index.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport \"./styles.css\";\n\ntype CalendarContainerProps = {\n\tchildren?: ReactNode;\n};\n\nfunction CalendarContainer({ children }: CalendarContainerProps) {\n\treturn <div className={`arkynCalendarContainer`}>{children}</div>;\n}\n\nexport { CalendarContainer };\n"],"mappings":";;;AAOA,SAAS,EAAkB,EAAE,eAAoC;CAChE,OAAO,kBAAC,OAAD;EAAK,WAAW;EAA2B;CAAc,CAAA;AACjE"}

package/dist/modules/components/calendar/calendarContainer/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynCalendarContainer{border:1px solid var(--border,#e2e8f0);background-color:var(--background-foreground,#fff);border-radius:8px;flex-direction:column;gap:32px;max-width:400px;padding:16px;display:flex}}

package/dist/modules/components/calendar/calendarHeader/index.js

@@ -0,0 +1,58 @@
+import { useCalendar as e } from "../_calendarProvider.js";
+import { Select as t } from "../../select/index.js";
+/* empty css       */
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { ChevronLeft as i, ChevronRight as a } from "lucide-react";
+//#region src/components/calendar/calendarHeader/index.tsx
+function o({ basicMode: o }) {
+	let s = e();
+	return o ? /* @__PURE__ */ r("div", {
+		className: "arkynCalendarHeader",
+		children: [
+			/* @__PURE__ */ n("button", {
+				type: "button",
+				className: "arkynCalendarButton",
+				onClick: () => s.previousMonth(),
+				children: /* @__PURE__ */ n(i, {})
+			}),
+			/* @__PURE__ */ n("p", { children: s.currentDate }),
+			/* @__PURE__ */ n("button", {
+				type: "button",
+				className: "arkynCalendarButton",
+				onClick: () => s.nextMonth(),
+				children: /* @__PURE__ */ n(a, {})
+			})
+		]
+	}) : /* @__PURE__ */ r("div", {
+		className: "arkynCalendarHeader",
+		children: [/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("button", {
+			type: "button",
+			className: "arkynCalendarButton",
+			onClick: () => s.previousMonth(),
+			children: /* @__PURE__ */ n(i, {})
+		}), /* @__PURE__ */ n("button", {
+			type: "button",
+			className: "arkynCalendarButton",
+			onClick: () => s.nextMonth(),
+			children: /* @__PURE__ */ n(a, {})
+		})] }), /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n(t, {
+			name: "calendarMonth",
+			variant: "underline",
+			className: "calendarMonthSelect",
+			value: s.currentMonth,
+			options: s.listMonths,
+			onChange: (e) => s.changeMonth(+e)
+		}), /* @__PURE__ */ n(t, {
+			name: "calendarYear",
+			variant: "underline",
+			className: "calendarYearSelect",
+			value: s.currentYear,
+			options: s.listYears,
+			onChange: (e) => s.changeYear(+e)
+		})] })]
+	});
+}
+//#endregion
+export { o as CalendarHeader };
+
+//# sourceMappingURL=index.js.map

package/dist/modules/components/calendar/calendarHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/calendar/calendarHeader/index.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from \"lucide-react\";\n\nimport { Select } from \"../../select\";\nimport { useCalendar } from \"../_calendarProvider\";\nimport \"./styles.css\";\n\ntype CalendarHeaderProps = {\n\tbasicMode: boolean;\n};\n\nfunction CalendarHeader({ basicMode }: CalendarHeaderProps) {\n\tconst calendar = useCalendar();\n\n\tif (basicMode) {\n\t\treturn (\n\t\t\t<div className={`arkynCalendarHeader`}>\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclassName=\"arkynCalendarButton\"\n\t\t\t\t\tonClick={() => calendar.previousMonth()}\n\t\t\t\t>\n\t\t\t\t\t<ChevronLeft />\n\t\t\t\t</button>\n\n\t\t\t\t<p>{calendar.currentDate}</p>\n\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclassName=\"arkynCalendarButton\"\n\t\t\t\t\tonClick={() => calendar.nextMonth()}\n\t\t\t\t>\n\t\t\t\t\t<ChevronRight />\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className={`arkynCalendarHeader`}>\n\t\t\t<div>\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclassName=\"arkynCalendarButton\"\n\t\t\t\t\tonClick={() => calendar.previousMonth()}\n\t\t\t\t>\n\t\t\t\t\t<ChevronLeft />\n\t\t\t\t</button>\n\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclassName=\"arkynCalendarButton\"\n\t\t\t\t\tonClick={() => calendar.nextMonth()}\n\t\t\t\t>\n\t\t\t\t\t<ChevronRight />\n\t\t\t\t</button>\n\t\t\t</div>\n\n\t\t\t<div>\n\t\t\t\t<Select\n\t\t\t\t\tname=\"calendarMonth\"\n\t\t\t\t\tvariant=\"underline\"\n\t\t\t\t\tclassName=\"calendarMonthSelect\"\n\t\t\t\t\tvalue={calendar.currentMonth}\n\t\t\t\t\toptions={calendar.listMonths}\n\t\t\t\t\tonChange={(value) => calendar.changeMonth(+value)}\n\t\t\t\t/>\n\n\t\t\t\t<Select\n\t\t\t\t\tname=\"calendarYear\"\n\t\t\t\t\tvariant=\"underline\"\n\t\t\t\t\tclassName=\"calendarYearSelect\"\n\t\t\t\t\tvalue={calendar.currentYear}\n\t\t\t\t\toptions={calendar.listYears}\n\t\t\t\t\tonChange={(value) => calendar.changeYear(+value)}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport { CalendarHeader };\n"],"mappings":";;;;;;AAUA,SAAS,EAAe,EAAE,gBAAkC;CAC3D,IAAM,IAAW,EAAY;CA0B7B,OAxBI,IAEF,kBAAC,OAAD;EAAK,WAAW;YAAhB;GACC,kBAAC,UAAD;IACC,MAAK;IACL,WAAU;IACV,eAAe,EAAS,cAAc;cAEtC,kBAAC,GAAD,CAAc,CAAA;GACP,CAAA;GAER,kBAAC,KAAD,EAAA,UAAI,EAAS,YAAe,CAAA;GAE5B,kBAAC,UAAD;IACC,MAAK;IACL,WAAU;IACV,eAAe,EAAS,UAAU;cAElC,kBAAC,GAAD,CAAe,CAAA;GACR,CAAA;EACJ;MAKN,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACC,kBAAC,OAAD,EAAA,UAAA,CACC,kBAAC,UAAD;GACC,MAAK;GACL,WAAU;GACV,eAAe,EAAS,cAAc;aAEtC,kBAAC,GAAD,CAAc,CAAA;EACP,CAAA,GAER,kBAAC,UAAD;GACC,MAAK;GACL,WAAU;GACV,eAAe,EAAS,UAAU;aAElC,kBAAC,GAAD,CAAe,CAAA;EACR,CAAA,CACJ,EAAA,CAAA,GAEL,kBAAC,OAAD,EAAA,UAAA,CACC,kBAAC,GAAD;GACC,MAAK;GACL,SAAQ;GACR,WAAU;GACV,OAAO,EAAS;GAChB,SAAS,EAAS;GAClB,WAAW,MAAU,EAAS,YAAY,CAAC,CAAK;EAChD,CAAA,GAED,kBAAC,GAAD;GACC,MAAK;GACL,SAAQ;GACR,WAAU;GACV,OAAO,EAAS;GAChB,SAAS,EAAS;GAClB,WAAW,MAAU,EAAS,WAAW,CAAC,CAAK;EAC/C,CAAA,CACG,EAAA,CAAA,CACD;;AAEP"}

package/dist/modules/components/calendar/calendarHeader/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynCalendarHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.arkynCalendarHeader>p{color:var(--text-body,#52525b);font-size:14px;font-weight:500}.arkynCalendarHeader .arkynCalendarButton{border:unset;background-color:unset;color:var(--text-muted,#a1a1aa);cursor:pointer;align-items:center;gap:4px;display:flex}.arkynCalendarHeader .arkynCalendarButton:hover svg{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynCalendarHeader>div{align-items:center;gap:12px;display:flex}.arkynCalendarHeader div .arkynSelectContainer{padding:unset;min-width:70px;min-height:24px}}

package/dist/modules/components/calendar/calendarTableBody/index.js

@@ -0,0 +1,15 @@
+import { useCalendar as e } from "../_calendarProvider.js";
+import { CalendarTableTd as t } from "../calendarTableTd/index.js";
+/* empty css       */
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/calendar/calendarTableBody/index.tsx
+function r() {
+	return /* @__PURE__ */ n("tbody", {
+		className: "arkynCalendarTableBody",
+		children: e().listMatrix.map((e, r) => /* @__PURE__ */ n("tr", { children: e.map((e, i) => /* @__PURE__ */ n(t, { ...e }, `day-${r}-${i}`)) }, `week-${r}`))
+	});
+}
+//#endregion
+export { r as CalendarTableBody };
+
+//# sourceMappingURL=index.js.map

package/dist/modules/components/calendar/calendarTableBody/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/calendar/calendarTableBody/index.tsx"],"sourcesContent":["import { useCalendar } from \"../_calendarProvider\";\nimport { CalendarTableTd } from \"../calendarTableTd\";\nimport \"./styles.css\";\n\nfunction CalendarTableBody() {\n\tconst calendar = useCalendar();\n\n\treturn (\n\t\t<tbody className=\"arkynCalendarTableBody\">\n\t\t\t{calendar.listMatrix.map((week, weekIndex) => (\n\t\t\t\t// biome-ignore lint/suspicious/noArrayIndexKey: week position is stable in monthly matrix\n\t\t\t\t<tr key={`week-${weekIndex}`}>\n\t\t\t\t\t{week.map((props, dayIndex) => (\n\t\t\t\t\t\t// biome-ignore lint/suspicious/noArrayIndexKey: day position is stable in week\n\t\t\t\t\t\t<CalendarTableTd key={`day-${weekIndex}-${dayIndex}`} {...props} />\n\t\t\t\t\t))}\n\t\t\t\t</tr>\n\t\t\t))}\n\t\t</tbody>\n\t);\n}\n\nexport { CalendarTableBody };\n"],"mappings":";;;;;AAIA,SAAS,IAAoB;CAG5B,OACC,kBAAC,SAAD;EAAO,WAAU;YAHD,EAId,CAAA,CAAS,WAAW,KAAK,GAAM,MAE/B,kBAAC,MAAD,EAAA,UACE,EAAK,KAAK,GAAO,MAEjB,kBAAC,GAAD,EAAsD,GAAI,EAAQ,GAA5C,OAAO,EAAU,GAAG,GAAwB,CAClE,EACE,GALK,QAAQ,GAKb,CACJ;CACK,CAAA;AAET"}

package/dist/modules/components/calendar/calendarTableBody/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynCalendarTableBody{border-collapse:collapse;border-spacing:0}.arkynCalendarTableBody td p{text-align:center;padding:16px;font-size:14px}.arkynCalendarTableBody tr:first-child td{padding-top:8px}}

package/dist/modules/components/calendar/calendarTableContainer/index.js

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

package/dist/modules/components/calendar/calendarTableContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/calendar/calendarTableContainer/index.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport \"./styles.css\";\n\ntype CalendarTableContainerProps = {\n\tchildren: ReactNode;\n};\n\nfunction CalendarTableContainer({ children }: CalendarTableContainerProps) {\n\treturn <table className=\"arkynCalendarTableContainer\">{children}</table>;\n}\n\nexport { CalendarTableContainer };\n"],"mappings":";;;AAOA,SAAS,EAAuB,EAAE,eAAyC;CAC1E,OAAO,kBAAC,SAAD;EAAO,WAAU;EAA+B;CAAgB,CAAA;AACxE"}

package/dist/modules/components/calendar/calendarTableContainer/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynCalendarTableContainer{border-collapse:collapse;border-spacing:0}}

package/dist/modules/components/calendar/calendarTableHeader/index.js

@@ -0,0 +1,16 @@
+import { useCalendar as e } from "../_calendarProvider.js";
+/* empty css       */
+import { jsx as t } from "react/jsx-runtime";
+import { formatToCapitalizeFirstWordLetter as n } from "@arkyn/shared";
+//#region src/components/calendar/calendarTableHeader/index.tsx
+function r() {
+	let { listWeek: r } = e();
+	return /* @__PURE__ */ t("thead", {
+		className: "arkynCalendarTableHeader",
+		children: /* @__PURE__ */ t("tr", { children: r.map((e) => /* @__PURE__ */ t("th", { children: n(e) }, e)) })
+	});
+}
+//#endregion
+export { r as CalendarTableHeader };
+
+//# sourceMappingURL=index.js.map

package/dist/modules/components/calendar/calendarTableHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/calendar/calendarTableHeader/index.tsx"],"sourcesContent":["import { formatToCapitalizeFirstWordLetter } from \"@arkyn/shared\";\nimport { useCalendar } from \"../_calendarProvider\";\nimport \"./styles.css\";\n\nfunction CalendarTableHeader() {\n\tconst { listWeek } = useCalendar();\n\n\treturn (\n\t\t<thead className=\"arkynCalendarTableHeader\">\n\t\t\t<tr>\n\t\t\t\t{listWeek.map((day) => (\n\t\t\t\t\t<th key={day}>{formatToCapitalizeFirstWordLetter(day)}</th>\n\t\t\t\t))}\n\t\t\t</tr>\n\t\t</thead>\n\t);\n}\n\nexport { CalendarTableHeader };\n"],"mappings":";;;;;AAIA,SAAS,IAAsB;CAC9B,IAAM,EAAE,gBAAa,EAAY;CAEjC,OACC,kBAAC,SAAD;EAAO,WAAU;YAChB,kBAAC,MAAD,EAAA,UACE,EAAS,KAAK,MACd,kBAAC,MAAD,EAAA,UAAe,EAAkC,CAAG,EAAM,GAAjD,CAAiD,CAC1D,EACE,CAAA;CACE,CAAA;AAET"}

package/dist/modules/components/calendar/calendarTableHeader/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynCalendarTableHeader th{color:var(--text-muted,#a1a1aa);padding-bottom:8px;font-size:14px;font-weight:500}.arkynCalendarTableHeader{border-bottom:1px solid var(--border,#e2e8f0)}}

package/dist/modules/components/calendar/calendarTableTd/index.js

@@ -0,0 +1,23 @@
+import { useCalendar as e } from "../_calendarProvider.js";
+/* empty css       */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/calendar/calendarTableTd/index.tsx
+function r(r) {
+	let { day: i, month: a, year: o, dayOwner: s, dayType: c } = r, { changeDay: l } = e();
+	function u() {
+		let e = /* @__PURE__ */ new Date();
+		return i === e.getDate() && a === e.getMonth() && o === e.getFullYear();
+	}
+	return /* @__PURE__ */ t("td", {
+		onClick: () => l(i, a, o),
+		className: `arkynCalendarTableTd ${s} ${c} ${u() ? "today" : ""}`,
+		children: /* @__PURE__ */ n("div", {
+			className: "textGroup",
+			children: [/* @__PURE__ */ t("span", {}), /* @__PURE__ */ t("p", { children: i })]
+		})
+	});
+}
+//#endregion
+export { r as CalendarTableTd };
+
+//# sourceMappingURL=index.js.map

package/dist/modules/components/calendar/calendarTableTd/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/calendar/calendarTableTd/index.tsx"],"sourcesContent":["import { useCalendar } from \"../_calendarProvider\";\nimport \"./styles.css\";\n\ntype CalendarTableTdProps = {\n\tday: number;\n\tmonth: number;\n\tyear: number;\n\tdayType: \"checkedDay\" | \"middleDay\" | \"uncheckedDay\";\n\tdayOwner: \"previous\" | \"current\" | \"next\";\n};\n\nfunction CalendarTableTd(props: CalendarTableTdProps) {\n\tconst { day, month, year, dayOwner, dayType } = props;\n\tconst { changeDay } = useCalendar();\n\n\tfunction isToday() {\n\t\tconst today = new Date();\n\t\treturn (\n\t\t\tday === today.getDate() &&\n\t\t\tmonth === today.getMonth() &&\n\t\t\tyear === today.getFullYear()\n\t\t);\n\t}\n\n\treturn (\n\t\t<td\n\t\t\tonClick={() => changeDay(day, month, year)}\n\t\t\tclassName={`arkynCalendarTableTd ${dayOwner} ${dayType} ${isToday() ? \"today\" : \"\"}`}\n\t\t>\n\t\t\t<div className=\"textGroup\">\n\t\t\t\t<span />\n\t\t\t\t<p>{day}</p>\n\t\t\t</div>\n\t\t</td>\n\t);\n}\n\nexport { CalendarTableTd };\n"],"mappings":";;;;AAWA,SAAS,EAAgB,GAA6B;CACrD,IAAM,EAAE,QAAK,UAAO,SAAM,aAAU,eAAY,GAC1C,EAAE,iBAAc,EAAY;CAElC,SAAS,IAAU;EAClB,IAAM,oBAAQ,IAAI,KAAK;EACvB,OACC,MAAQ,EAAM,QAAQ,KACtB,MAAU,EAAM,SAAS,KACzB,MAAS,EAAM,YAAY;CAE7B;CAEA,OACC,kBAAC,MAAD;EACC,eAAe,EAAU,GAAK,GAAO,CAAI;EACzC,WAAW,wBAAwB,EAAS,GAAG,EAAQ,GAAG,EAAQ,IAAI,UAAU;YAEhF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACC,kBAAC,QAAD,CAAO,CAAA,GACP,kBAAC,KAAD,EAAA,UAAI,EAAO,CAAA,CACP;;CACF,CAAA;AAEN"}

package/dist/modules/components/calendar/calendarTableTd/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynCalendarTableTd{-webkit-user-select:none;user-select:none;cursor:pointer}.arkynCalendarTableTd p{text-align:center;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin:auto;font-size:14px;display:flex}.arkynCalendarTableTd.previous p,.arkynCalendarTableTd.next p{color:var(--text-muted,#a1a1aa)}.arkynCalendarTableTd.current p{color:var(--text-body,#52525b)}.arkynCalendarTableTd:hover p{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynCalendarTableTd.today:not(.checkedDay) p{color:var(--text-body,#52525b);background-color:var(--background-underground,#fafafa);filter:brightness(.97);font-weight:500}.arkynCalendarTableTd .textGroup{width:40px;height:40px;margin:auto;position:relative}.arkynCalendarTableTd.checkedDay .textGroup span{content:" ";background-color:rgb(var(--spotlight-primary,17, 109, 220));z-index:2;border-radius:8px;position:absolute;inset:0}.arkynCalendarTableTd.checkedDay .textGroup p{color:var(--white,#fff);z-index:3;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynCalendarTableTd.middleDay .textGroup span{content:" ";background-color:var(--background-underground,#fafafa);filter:brightness(.95);z-index:1;position:absolute;inset:0 -15px}.arkynCalendarTableTd:first-child.middleDay .textGroup span{border-top-left-radius:6px;border-bottom-left-radius:6px;left:0;right:-15px}.arkynCalendarTableTd:last-child.middleDay .textGroup span{border-top-right-radius:6px;border-bottom-right-radius:6px;left:-15px;right:0}.arkynCalendarTableTd.middleDay .textGroup p{color:var(--text-muted,#a1a1aa);z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynCalendarTableTd.current.middleDay .textGroup p{color:var(--text-body,#52525b)}}

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

@@ -0,0 +1,34 @@
+import { CalendarProvider as e } from "./_calendarProvider.js";
+import { CalendarContainer as t } from "./calendarContainer/index.js";
+import { CalendarHeader as n } from "./calendarHeader/index.js";
+import { CalendarTableBody as r } from "./calendarTableBody/index.js";
+import { CalendarTableContainer as i } from "./calendarTableContainer/index.js";
+import { CalendarTableHeader as a } from "./calendarTableHeader/index.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/calendar/index.tsx
+function c(c) {
+	let l = c.variant || "complete";
+	return c.type === "range" ? /* @__PURE__ */ o(e, {
+		value: c.value,
+		viewValue: c.viewValue,
+		defaultViewValue: c.defaultViewValue,
+		defaultValue: c.defaultValue,
+		calendarType: "range",
+		onChange: c.onChange,
+		onChangeView: c.onChangeView,
+		children: /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(n, { basicMode: l.includes("basic") }), /* @__PURE__ */ s(i, { children: [/* @__PURE__ */ o(a, {}), /* @__PURE__ */ o(r, {})] })] })
+	}) : /* @__PURE__ */ o(e, {
+		value: c.value,
+		viewValue: c.viewValue,
+		defaultViewValue: c.defaultViewValue,
+		defaultValue: c.defaultValue,
+		calendarType: "single",
+		onChange: c.onChange,
+		onChangeView: c.onChangeView,
+		children: /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(n, { basicMode: l.includes("basic") }), /* @__PURE__ */ s(i, { children: [/* @__PURE__ */ o(a, {}), /* @__PURE__ */ o(r, {})] })] })
+	});
+}
+//#endregion
+export { c as Calendar };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/calendar/index.tsx"],"sourcesContent":["import { CalendarProvider } from \"./_calendarProvider\";\nimport { CalendarContainer } from \"./calendarContainer\";\nimport { CalendarHeader } from \"./calendarHeader\";\nimport { CalendarTableBody } from \"./calendarTableBody\";\nimport { CalendarTableContainer } from \"./calendarTableContainer\";\nimport { CalendarTableHeader } from \"./calendarTableHeader\";\n\n/**\n * Props for Calendar single-date selection mode.\n */\ntype SingleCalendarProps = {\n\t/** Sets single-date selection mode. */\n\ttype: \"single\";\n\t/**\n\t * Defines the visual/behavioral variant.\n\t * - `basic`: simplified header.\n\t * - `complete`: full navigation experience.\n\t *\n\t * @default \"complete\"\n\t */\n\tvariant?: \"basic\" | \"complete\";\n\t/** Currently selected date. */\n\tvalue?: Date;\n\t/** Initial selected date. */\n\tdefaultValue?: Date;\n\t/** Callback fired when the selected date changes. */\n\tonChange?: (date: Date) => void;\n\t/** Currently focused view date. */\n\tviewValue?: Date;\n\t/** Initial focused view date. */\n\tdefaultViewValue?: Date;\n\t/** Callback fired when the view (month/year) changes. */\n\tonChangeView?: (date: Date) => void;\n};\n\n/**\n * Props for Calendar range selection mode.\n */\ntype RangeCalendarProps = {\n\t/** Sets range selection mode. */\n\ttype: \"range\";\n\t/**\n\t * Defines the visual/behavioral variant.\n\t * - `basic`: simplified header.\n\t * - `complete`: full navigation experience.\n\t *\n\t * @default \"complete\"\n\t */\n\tvariant?: \"basic\" | \"complete\";\n\t/** Currently selected range in `[start, end]` format. */\n\tvalue?: [Date, Date];\n\t/** Initial selected range in `[start, end]` format. */\n\tdefaultValue?: [Date, Date];\n\t/** Callback fired when the selected range changes. */\n\tonChange?: (date: [Date, Date]) => void;\n\t/** Currently focused view date. */\n\tviewValue?: Date;\n\t/** Initial focused view date. */\n\tdefaultViewValue?: Date;\n\t/** Callback fired when the view (month/year) changes. */\n\tonChangeView?: (date: Date) => void;\n};\n\n/**\n * Discriminated union of Calendar props.\n */\ntype CalendarProps = SingleCalendarProps | RangeCalendarProps;\n\n/**\n * Reusable calendar component with support for two selection modes:\n * single date (`single`) and range (`range`).\n *\n * The component encapsulates calendar state and navigation rules through\n * `CalendarProvider`, exposing a simple API for forms, filters,\n * and scheduling flows.\n *\n * @param props Calendar properties (`single` or `range` mode).\n * @returns Calendar UI structure with header and date grid.\n *\n * @example\n * // Single-date selection\n * <Calendar\n *   type=\"single\"\n *   variant=\"complete\"\n *   defaultValue={new Date()}\n *   onChange={(date) => {\n *     console.log(\"Selected date:\", date);\n *   }}\n *   onChangeView={(viewDate) => {\n *     console.log(\"Current view:\", viewDate);\n *   }}\n * />\n *\n * @example\n * // Range selection\n * <Calendar\n *   type=\"range\"\n *   variant=\"basic\"\n *   defaultValue={[new Date(2026, 5, 1), new Date(2026, 5, 15)]}\n *   onChange={([start, end]) => {\n *     console.log(\"Range:\", start, end);\n *   }}\n *   onChangeView={(viewDate) => {\n *     console.log(\"Focused month:\", viewDate);\n *   }}\n * />\n */\nfunction Calendar(props: CalendarProps) {\n\tconst variant = props.variant || \"complete\";\n\n\tif (props.type === \"range\") {\n\t\treturn (\n\t\t\t<CalendarProvider\n\t\t\t\tvalue={props.value}\n\t\t\t\tviewValue={props.viewValue}\n\t\t\t\tdefaultViewValue={props.defaultViewValue}\n\t\t\t\tdefaultValue={props.defaultValue}\n\t\t\t\tcalendarType=\"range\"\n\t\t\t\tonChange={props.onChange}\n\t\t\t\tonChangeView={props.onChangeView}\n\t\t\t>\n\t\t\t\t<CalendarContainer>\n\t\t\t\t\t<CalendarHeader basicMode={variant.includes(\"basic\")} />\n\t\t\t\t\t<CalendarTableContainer>\n\t\t\t\t\t\t<CalendarTableHeader />\n\t\t\t\t\t\t<CalendarTableBody />\n\t\t\t\t\t</CalendarTableContainer>\n\t\t\t\t</CalendarContainer>\n\t\t\t</CalendarProvider>\n\t\t);\n\t}\n\n\treturn (\n\t\t<CalendarProvider\n\t\t\tvalue={props.value}\n\t\t\tviewValue={props.viewValue}\n\t\t\tdefaultViewValue={props.defaultViewValue}\n\t\t\tdefaultValue={props.defaultValue}\n\t\t\tcalendarType=\"single\"\n\t\t\tonChange={props.onChange}\n\t\t\tonChangeView={props.onChangeView}\n\t\t>\n\t\t\t<CalendarContainer>\n\t\t\t\t<CalendarHeader basicMode={variant.includes(\"basic\")} />\n\t\t\t\t<CalendarTableContainer>\n\t\t\t\t\t<CalendarTableHeader />\n\t\t\t\t\t<CalendarTableBody />\n\t\t\t\t</CalendarTableContainer>\n\t\t\t</CalendarContainer>\n\t\t</CalendarProvider>\n\t);\n}\n\nexport { Calendar };\n"],"mappings":";;;;;;;;AA2GA,SAAS,EAAS,GAAsB;CACvC,IAAM,IAAU,EAAM,WAAW;CAwBjC,OAtBI,EAAM,SAAS,UAEjB,kBAAC,GAAD;EACC,OAAO,EAAM;EACb,WAAW,EAAM;EACjB,kBAAkB,EAAM;EACxB,cAAc,EAAM;EACpB,cAAa;EACb,UAAU,EAAM;EAChB,cAAc,EAAM;YAEpB,kBAAC,GAAD,EAAA,UAAA,CACC,kBAAC,GAAD,EAAgB,WAAW,EAAQ,SAAS,OAAO,EAAI,CAAA,GACvD,kBAAC,GAAD,EAAA,UAAA,CACC,kBAAC,GAAD,CAAsB,CAAA,GACtB,kBAAC,GAAD,CAAoB,CAAA,CACG,EAAA,CAAA,CACN,EAAA,CAAA;CACF,CAAA,IAKnB,kBAAC,GAAD;EACC,OAAO,EAAM;EACb,WAAW,EAAM;EACjB,kBAAkB,EAAM;EACxB,cAAc,EAAM;EACpB,cAAa;EACb,UAAU,EAAM;EAChB,cAAc,EAAM;YAEpB,kBAAC,GAAD,EAAA,UAAA,CACC,kBAAC,GAAD,EAAgB,WAAW,EAAQ,SAAS,OAAO,EAAI,CAAA,GACvD,kBAAC,GAAD,EAAA,UAAA,CACC,kBAAC,GAAD,CAAsB,CAAA,GACtB,kBAAC,GAAD,CAAoB,CAAA,CACG,EAAA,CAAA,CACN,EAAA,CAAA;CACF,CAAA;AAEpB"}

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

@@ -0,0 +1,33 @@
+@layer arkyn{.arkynCalendarContainer{border:1px solid var(--border,#e2e8f0);background-color:var(--background-foreground,#fff);border-radius:8px;flex-direction:column;gap:32px;max-width:400px;padding:16px;display:flex}}
+
+@layer arkyn{.arkynCalendarHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.arkynCalendarHeader>p{color:var(--text-body,#52525b);font-size:14px;font-weight:500}.arkynCalendarHeader .arkynCalendarButton{border:unset;background-color:unset;color:var(--text-muted,#a1a1aa);cursor:pointer;align-items:center;gap:4px;display:flex}.arkynCalendarHeader .arkynCalendarButton:hover svg{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynCalendarHeader>div{align-items:center;gap:12px;display:flex}.arkynCalendarHeader div .arkynSelectContainer{padding:unset;min-width:70px;min-height:24px}}
+
+@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{.arkynSelectChevron{color:var(--text-muted,#a1a1aa);transition:all .15s ease-in-out}.arkynSelectChevron:not(.notAnimate).focused{transform:rotate(180deg)}}
+
+@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}}
+
+@layer arkyn{.arkynSelectContent{flex-wrap:wrap;flex:1;align-items:start;gap:4px;display:flex}.arkynSelectContent>p{color:var(--text-muted,#a1a1aa);-webkit-user-select:none;user-select:none;font-weight:400}.arkynSelectContent>p.hasValue{color:var(--text-body,#52525b)}.arkynSelectContent.md>p{font-size:14px;line-height:14px}.arkynSelectContent.lg>p{font-size:16px;line-height:16px}}
+
+@layer arkyn{.arkynSelectOption{color:var(--text-body,#52525b);background-color:inherit;-webkit-user-select:none;user-select:none;border:none;justify-content:space-between;align-items:center;font-weight:400;line-height:21.79px;display:flex}.arkynSelectOption.md{padding:8px 16px;font-size:14px}.arkynSelectOption.lg{padding:8px 16px;font-size:16px}.arkynSelectOption svg{width:20px;height:20px;color:rgb(var(--spotlight-primary,17, 109, 220));display:none}.arkynSelectOption:hover{cursor:pointer;filter:brightness(.98)}.arkynSelectOption.active{color:var(--text-heading,#09090b);filter:brightness(.95);font-weight:600}.arkynSelectOption.active svg{display:unset}html.dark .arkynSelectOption:hover,html.dark .arkynSelectOption.active{filter:brightness(1.2)}}
+
+@layer arkyn{.arkynSelectOptionsContainer{z-index:7;border:1px solid var(--border,#e2e8f0);background-color:var(--background-foreground,#fff);border-radius:6px;flex-direction:column;flex:1;height:max-content;max-height:300px;list-style:none;display:flex;position:absolute;left:-2px;right:-2px;overflow:auto;box-shadow:0 4px 8px #0000001a}.arkynSelectOptionsContainer.bottom{top:calc(100% + 5px)}.arkynSelectOptionsContainer.top{bottom:calc(100% + 5px)}.arkynSelectOptionsContainer>p{text-align:center;color:var(--text-body,#52525b);padding:16px;font-size:14px;font-weight:400;line-height:21.79px}}
+
+@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{.arkynSelectOverlay{z-index:5;position:fixed;inset:0}}
+
+@layer arkyn{.arkynSelectSpinner{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
+
+@layer arkyn{.arkynCalendarTableBody{border-collapse:collapse;border-spacing:0}.arkynCalendarTableBody td p{text-align:center;padding:16px;font-size:14px}.arkynCalendarTableBody tr:first-child td{padding-top:8px}}
+
+@layer arkyn{.arkynCalendarTableTd{-webkit-user-select:none;user-select:none;cursor:pointer}.arkynCalendarTableTd p{text-align:center;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin:auto;font-size:14px;display:flex}.arkynCalendarTableTd.previous p,.arkynCalendarTableTd.next p{color:var(--text-muted,#a1a1aa)}.arkynCalendarTableTd.current p{color:var(--text-body,#52525b)}.arkynCalendarTableTd:hover p{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynCalendarTableTd.today:not(.checkedDay) p{color:var(--text-body,#52525b);background-color:var(--background-underground,#fafafa);filter:brightness(.97);font-weight:500}.arkynCalendarTableTd .textGroup{width:40px;height:40px;margin:auto;position:relative}.arkynCalendarTableTd.checkedDay .textGroup span{content:" ";background-color:rgb(var(--spotlight-primary,17, 109, 220));z-index:2;border-radius:8px;position:absolute;inset:0}.arkynCalendarTableTd.checkedDay .textGroup p{color:var(--white,#fff);z-index:3;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynCalendarTableTd.middleDay .textGroup span{content:" ";background-color:var(--background-underground,#fafafa);filter:brightness(.95);z-index:1;position:absolute;inset:0 -15px}.arkynCalendarTableTd:first-child.middleDay .textGroup span{border-top-left-radius:6px;border-bottom-left-radius:6px;left:0;right:-15px}.arkynCalendarTableTd:last-child.middleDay .textGroup span{border-top-right-radius:6px;border-bottom-right-radius:6px;left:-15px;right:0}.arkynCalendarTableTd.middleDay .textGroup p{color:var(--text-muted,#a1a1aa);z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynCalendarTableTd.current.middleDay .textGroup p{color:var(--text-body,#52525b)}}
+
+@layer arkyn{.arkynCalendarTableContainer{border-collapse:collapse;border-spacing:0}}
+
+@layer arkyn{.arkynCalendarTableHeader th{color:var(--text-muted,#a1a1aa);padding-bottom:8px;font-size:14px;font-weight:500}.arkynCalendarTableHeader{border-bottom:1px solid var(--border,#e2e8f0)}}

package/dist/modules/components/cardTab/cardTabButton/index.js

@@ -0,0 +1,22 @@
+import { useCardTab as e } from "../cardTabContext.js";
+/* empty css       */
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/cardTab/cardTabButton/index.tsx
+function n(n) {
+	let { children: r, disabled: i = !1, className: a = "", onClick: o, value: s, ...c } = n, { disabled: l, currentTab: u, changeCurrentTab: d } = e(), f = l || i, p = `arkynCardTabButton ${f ? "isDisabled" : ""} ${u === s && s ? "isActive" : ""} ${a}`;
+	function m(e) {
+		d(s), o?.(e);
+	}
+	return /* @__PURE__ */ t("button", {
+		onClick: m,
+		className: p.trim(),
+		...c,
+		disabled: f,
+		type: "button",
+		children: r
+	});
+}
+//#endregion
+export { n as CardTabButton };
+
+//# sourceMappingURL=index.js.map