@bzync/rui 0.0.5 → 0.0.8

package/README.md

@@ -72,6 +72,11 @@ The component documentation and live demos are published to
 the latest documentation through GitHub Pages; maintainers can also run the
 **Deploy documentation** workflow manually from the Actions tab.
 
+## Maintainer
+
+`@bzync/rui` is maintained by [Rayan Reynaldo](https://www.bzync.com), Founder of Bzync
+([www.bzync.com](https://www.bzync.com)).
+
 ## Support
 
 If `@bzync/rui` is useful to you, you can support its continued development on

package/dist/autocomplete-D6z5B-WU.cjs

@@ -0,0 +1 @@
+const e=require("./cn-B6R3HKzx.cjs"),t=require("./component-styles-DY4wigiq.cjs"),n=require("./utils-MnnCTelh.cjs"),r=require("./use-event-callback-Du9_9eAi.cjs");let i=require("framer-motion"),a=require("react"),o=require("react/jsx-runtime"),s=require("react-dom");var c=({size:e=12})=>(0,o.jsx)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,o.jsx)(`path`,{d:`M18 6 6 18M6 6l12 12`})}),l=()=>(0,o.jsxs)(`svg`,{className:`animate-spin shrink-0 w-3.5 h-3.5 text-slate-500`,viewBox:`0 0 24 24`,fill:`none`,children:[(0,o.jsx)(`circle`,{className:`opacity-20`,cx:`12`,cy:`12`,r:`10`,stroke:`currentColor`,strokeWidth:`3`}),(0,o.jsx)(`path`,{className:`opacity-70`,fill:`currentColor`,d:`M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z`})]});function u({text:e,query:t}){if(!t)return(0,o.jsx)(o.Fragment,{children:e});let n=e.toLowerCase().indexOf(t.toLowerCase());return n===-1?(0,o.jsx)(o.Fragment,{children:e}):(0,o.jsxs)(o.Fragment,{children:[e.slice(0,n),(0,o.jsx)(`mark`,{className:`bg-accent-500/25 text-accent-700 dark:text-accent-200 rounded-sm not-italic`,children:e.slice(n,n+t.length)}),e.slice(n+t.length)]})}function d({inputRef:n,inputId:r,listId:i,open:a,activeIdx:s,inputText:u,prefix:d,placeholder:f,disabled:p,error:m,loading:h,showClear:g,onInputChange:_,onFocus:v,onKeyDown:y,onClear:b,messageId:x,inputProps:S,className:C,inputClassName:w}){return(0,o.jsxs)(`div`,{className:e.t(`flex h-9 items-center gap-2 rounded-[var(--radius-md)] px-3`,t.t,m&&`border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/25`,p&&`opacity-50 cursor-not-allowed`,C),children:[d&&(0,o.jsx)(`span`,{className:`text-slate-500 shrink-0 text-sm`,children:d}),(0,o.jsx)(`input`,{...S,ref:n,id:r,role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":a,"aria-controls":i,"aria-activedescendant":s>=0?`${i}-opt-${s}`:void 0,"aria-invalid":m?!0:void 0,"aria-describedby":x,autoComplete:`off`,value:u,onChange:_,onFocus:v,onKeyDown:y,placeholder:f,disabled:p,className:e.t(`flex-1 min-w-0 bg-transparent text-sm text-foreground placeholder:text-muted-foreground outline-none disabled:cursor-not-allowed`,w)}),h&&(0,o.jsx)(l,{}),g&&!h&&(0,o.jsx)(`button`,{type:`button`,onClick:b,className:`shrink-0 text-slate-500 hover:text-slate-600 dark:hover:text-slate-300 cursor-pointer transition-colors`,children:(0,o.jsx)(c,{})})]})}function f({inputRef:n,inputId:r,listId:i,open:a,activeIdx:s,inputText:u,prefix:d,placeholder:f,disabled:p,error:m,loading:h,showClear:g,selected:_,onContainerClick:v,onInputChange:y,onFocus:b,onKeyDown:x,onRemove:S,onClearAll:C,messageId:w,inputProps:T,className:ee,inputClassName:E}){return(0,o.jsxs)(`div`,{onClick:v,className:e.t(`flex min-h-9 w-full flex-wrap items-center gap-1.5 rounded-[var(--radius-md)] px-2.5 py-1.5 cursor-text`,t.t,m&&`border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/25`,p&&`opacity-50 cursor-not-allowed`,ee),children:[d&&(0,o.jsx)(`span`,{className:`text-slate-500 shrink-0 text-sm`,children:d}),_.map(e=>(0,o.jsxs)(`span`,{className:`inline-flex max-w-[200px] items-center gap-1 rounded-md border border-border bg-surface-muted px-2 py-0.5 text-xs font-medium text-foreground`,children:[e.icon&&(0,o.jsx)(`span`,{className:`shrink-0 text-slate-500 dark:text-slate-400`,children:e.icon}),(0,o.jsx)(`span`,{className:`truncate`,children:e.label}),(0,o.jsx)(`button`,{type:`button`,tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:t=>{t.stopPropagation(),S(e)},disabled:p,className:`shrink-0 text-slate-500 dark:text-slate-400 hover:text-foreground transition-colors cursor-pointer ml-0.5`,"aria-label":`Remove ${e.label}`,children:(0,o.jsx)(c,{size:10})})]},String(e.value))),(0,o.jsx)(`input`,{...T,ref:n,id:r,role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":a,"aria-controls":i,"aria-activedescendant":s>=0?`${i}-opt-${s}`:void 0,"aria-invalid":m?!0:void 0,"aria-describedby":w,autoComplete:`off`,value:u,onChange:y,onFocus:b,onKeyDown:x,placeholder:_.length===0?f:void 0,disabled:p,className:e.t(`flex-1 min-w-[80px] bg-transparent text-sm text-foreground placeholder:text-muted-foreground outline-none disabled:cursor-not-allowed py-0.5`,E)}),(0,o.jsxs)(`span`,{className:`ml-auto flex items-center gap-1.5 shrink-0`,children:[h&&(0,o.jsx)(l,{}),g&&!h&&(0,o.jsx)(`button`,{type:`button`,onMouseDown:e=>e.preventDefault(),onClick:e=>{e.stopPropagation(),C()},className:`text-slate-500 hover:text-slate-600 dark:hover:text-slate-300 transition-colors`,"aria-label":`Clear all`,children:(0,o.jsx)(c,{})}),_.length>0&&(0,o.jsx)(`span`,{className:`text-[10px] font-medium text-slate-500 tabular-nums`,children:_.length})]})]})}function p({listRef:t,listId:n,open:r,pos:a,multiple:c,loading:d,filtered:f,emptyMessage:p,activeIdx:m,setActiveIdx:h,inputText:g,selectedValues:_,singleValue:v,onSelectSingle:y,onToggleMulti:b,className:x,optionClassName:S,loadingClassName:C,emptyClassName:w}){return typeof document>`u`?null:(0,s.createPortal)((0,o.jsx)(i.AnimatePresence,{children:r&&a&&(0,o.jsx)(i.motion.ul,{ref:t,id:n,role:`listbox`,"aria-multiselectable":c,initial:{opacity:0,y:a.placement===`bottom`?-4:4},animate:{opacity:1,y:0},exit:{opacity:0,y:a.placement===`bottom`?-4:4},transition:{duration:.13},style:{position:`fixed`,top:a.top,left:a.left,width:a.width,maxHeight:a.maxHeight},className:e.t(`z-[110] overflow-y-auto rounded-[var(--radius-lg)] border border-border bg-surface-raised py-1 shadow-floating`,x),children:d?(0,o.jsxs)(`li`,{className:e.t(`px-4 py-3 text-sm text-slate-600 flex items-center gap-2`,C),children:[(0,o.jsx)(l,{}),`Loading…`]}):f.length===0?(0,o.jsx)(`li`,{className:e.t(`px-4 py-3 text-sm text-slate-600`,w),children:p}):f.map((t,r)=>{let i=r===m,a=c?_.includes(t.value):t.value===v;return(0,o.jsxs)(`li`,{id:`${n}-opt-${r}`,role:`option`,"aria-selected":a,onMouseDown:e=>e.preventDefault(),onClick:()=>c?b(t):y(t),onMouseEnter:()=>h(r),className:e.t(`flex min-h-9 items-center gap-3 px-3 py-2 cursor-pointer transition-colors`,i&&`bg-surface-muted`,a&&!i&&`bg-accent-50 dark:bg-accent-500/10`,S),children:[t.icon&&(0,o.jsx)(`span`,{className:`shrink-0 text-slate-500 dark:text-slate-400`,children:t.icon}),(0,o.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`p`,{className:e.t(`text-sm`,a?`text-accent-700 dark:text-accent-300 font-medium`:`text-foreground`),children:(0,o.jsx)(u,{text:t.label,query:g})}),t.description&&(0,o.jsx)(`p`,{className:`text-xs text-slate-500 mt-0.5 truncate`,children:t.description})]}),a&&(0,o.jsx)(`svg`,{"aria-hidden":`true`,width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-accent-600 shrink-0`,children:(0,o.jsx)(`path`,{d:`m20 6-11 11-5-5`})})]},String(t.value))})})}),document.body)}function m(i,s){let{options:c,inputValue:l,onInputChange:u,label:m,hint:h,error:g,prefix:_,clearable:v=!0,loading:y=!1,emptyMessage:b=`No results`,maxVisible:x=8,className:S,wrapperClassName:C,triggerClassName:w,inputClassName:T,labelClassName:ee,messageClassName:E,listClassName:te,optionClassName:ne,loadingClassName:re,emptyClassName:ie,placeholder:D,disabled:O,id:ae,multiple:k,unstyled:oe=!1,...se}=i,{value:ce,onSelect:le,onDeselect:ue,...A}=se,de=(0,a.useId)(),j=ae??de,M=`${j}-list`,N=`${j}-message`,[fe,pe]=(0,a.useState)(``),P=l===void 0?fe:l,me=r.t(e=>u?.(e)),F=(0,a.useCallback)(e=>{l===void 0?pe(e):me(e)},[l,me]),[he,I]=(0,a.useState)([]),L=(0,a.useMemo)(()=>{if(!k)return[];let e=i;return e.value===void 0?he:c.filter(t=>e.value.includes(t.value))},[k,c,i,he]),R=(0,a.useMemo)(()=>L.map(e=>e.value),[L]),[z,B]=(0,a.useState)(!1),[V,H]=(0,a.useState)(-1),U=(0,a.useRef)(null),W=(0,a.useRef)(null),G=(0,a.useRef)(null),[K,q]=(0,a.useState)(``),J=(0,a.useMemo)(()=>{let e=K.trim().toLowerCase();return c.filter(t=>!t.disabled&&t.label.toLowerCase().includes(e)).slice(0,x)},[c,K,x]),Y=(0,a.useCallback)(e=>{i.onSelect?.(e),F(e.label),B(!1),H(-1)},[i,F]),ge=(0,a.useCallback)(e=>{let t=i,n=[...L,e];t.value===void 0&&I(n),t.onSelect?.(e,n),F(``),H(-1),W.current?.focus()},[L,i,F]),X=(0,a.useCallback)(e=>{let t=i,n=L.filter(t=>t.value!==e.value);t.value===void 0&&I(n),t.onDeselect?.(e,n)},[L,i]),Z=(0,a.useCallback)(e=>{R.includes(e.value)?X(e):ge(e)},[R,X,ge]),_e=(0,a.useCallback)(()=>{F(``),i.onSelect?.({value:``,label:``}),B(!1)},[i,F]),ve=(0,a.useCallback)(()=>{i.value===void 0&&I([]),F(``)},[i,F]),ye=(0,a.useCallback)(e=>{if(k&&e.key===`Backspace`&&P===``&&L.length>0){X(L[L.length-1]);return}if(!z){(e.key===`ArrowDown`||e.key===`ArrowUp`)&&(B(!0),q(``));return}if(e.key===`ArrowDown`)e.preventDefault(),H(e=>Math.min(e+1,J.length-1));else if(e.key===`ArrowUp`)e.preventDefault(),H(e=>Math.max(e-1,0));else if(e.key===`Enter`){e.preventDefault();let t=J[V];if(!t)return;k?Z(t):Y(t)}else e.key===`Escape`&&(B(!1),H(-1))},[k,P,L,z,J,V,Z,Y,X]);(0,a.useEffect)(()=>{V<0||!G.current||G.current.children[V]?.scrollIntoView({block:`nearest`})},[V]),(0,a.useEffect)(()=>{function e(e){let t=e.target;!U.current?.contains(t)&&!G.current?.contains(t)&&B(!1)}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]);let be=k?void 0:i.value,xe=!!(!k&&v&&P.length>0&&!O),Se=!!(k&&v&&(L.length>0||P.length>0)&&!O),Ce=n.o(z,U),Q=(0,a.useCallback)(e=>{F(e.target.value),q(e.target.value),B(!0),H(-1)},[F]),$=(0,a.useCallback)(()=>{B(!0),q(``)},[]);return oe?(0,o.jsxs)(`div`,{ref:U,className:e.t(S,C),children:[(0,o.jsx)(`input`,{ref:s,id:j,value:P,onChange:Q,placeholder:D,disabled:O}),z&&(0,o.jsx)(`ul`,{ref:G,id:M,className:te,children:J.map(e=>(0,o.jsx)(`li`,{onClick:()=>k?Z(e):Y(e),children:e.label},String(e.value)))})]}):(0,o.jsxs)(`div`,{ref:U,className:e.t(`relative`,t.o,C,S),children:[m&&(0,o.jsxs)(`label`,{htmlFor:j,className:e.t(`text-xs font-semibold leading-5 text-foreground`,ee),children:[m,se.required&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`span`,{"aria-hidden":`true`,className:`ml-1 text-destructive`,children:`*`}),(0,o.jsx)(`span`,{className:`sr-only`,children:` (required)`})]})]}),!k&&(0,o.jsx)(d,{inputRef:s,inputId:j,listId:M,open:z,activeIdx:V,inputText:P,prefix:_,placeholder:D,disabled:O,error:g,loading:y,showClear:xe,onInputChange:Q,onFocus:$,onKeyDown:ye,onClear:_e,messageId:g||h?N:void 0,inputProps:A,className:w,inputClassName:T}),k&&(0,o.jsx)(f,{inputRef:e=>{W.current=e,typeof s==`function`?s(e):s&&(s.current=e)},inputId:j,listId:M,open:z,activeIdx:V,inputText:P,prefix:_,placeholder:D,disabled:O,error:g,loading:y,showClear:Se,selected:L,onContainerClick:()=>{O||(W.current?.focus(),B(!0),q(``))},onInputChange:Q,onFocus:$,onKeyDown:ye,onRemove:X,onClearAll:ve,messageId:g||h?N:void 0,inputProps:A,className:w,inputClassName:T}),(0,o.jsx)(p,{listRef:G,listId:M,open:z,pos:Ce,multiple:k,loading:y,filtered:J,emptyMessage:b,activeIdx:V,setActiveIdx:H,inputText:K,selectedValues:R,singleValue:be,onSelectSingle:Y,onToggleMulti:Z,className:te,optionClassName:ne,loadingClassName:re,emptyClassName:ie}),g&&(0,o.jsx)(`p`,{id:N,"aria-live":`polite`,className:e.t(`text-xs leading-5 text-destructive`,E),children:g}),h&&!g&&(0,o.jsx)(`p`,{id:N,className:e.t(`text-xs leading-5 text-muted-foreground`,E),children:h})]})}var h=(0,a.forwardRef)(m);Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});

package/dist/{autocomplete-BgKbj6M4.js → autocomplete-bgySuP8X.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./cn-DpgY2leY.js";
-import { o as t, t as n } from "./component-styles-Bgy44fc8.js";
-import { o as r } from "./utils-CQ8pvCtk.js";
+import { t as e } from "./cn-BJyZJP-y.js";
+import { o as t, t as n } from "./component-styles-C2CbHEEA.js";
+import { o as r } from "./utils-DEw5mQrH.js";
 import { t as i } from "./use-event-callback-DGkfO_uu.js";
 import { AnimatePresence as a, motion as o } from "framer-motion";
 import { forwardRef as s, useCallback as c, useEffect as l, useId as u, useMemo as d, useRef as f, useState as p } from "react";
@@ -40,7 +40,7 @@ function b({ text: e, query: t }) {
 	return n === -1 ? /* @__PURE__ */ h(m, { children: e }) : /* @__PURE__ */ g(m, { children: [
 		e.slice(0, n),
 		/* @__PURE__ */ h("mark", {
-			className: "bg-blue-500/25 text-blue-700 dark:text-blue-200 rounded-sm not-italic",
+			className: "bg-accent-500/25 text-accent-700 dark:text-accent-200 rounded-sm not-italic",
 			children: e.slice(n, n + t.length)
 		}),
 		e.slice(n + t.length)
@@ -48,9 +48,9 @@ function b({ text: e, query: t }) {
 }
 //#endregion
 //#region src/components/autocomplete/single-trigger.tsx
-function x({ inputRef: t, inputId: r, listId: i, open: a, activeIdx: o, inputText: s, prefix: c, placeholder: l, disabled: u, error: d, loading: f, showClear: p, onInputChange: m, onFocus: _, onKeyDown: b, onClear: x, messageId: S, inputProps: C }) {
+function x({ inputRef: t, inputId: r, listId: i, open: a, activeIdx: o, inputText: s, prefix: c, placeholder: l, disabled: u, error: d, loading: f, showClear: p, onInputChange: m, onFocus: _, onKeyDown: b, onClear: x, messageId: S, inputProps: C, className: w, inputClassName: T }) {
 	return /* @__PURE__ */ g("div", {
-		className: e("flex h-9 items-center gap-2 rounded-[var(--radius-md)] px-3", n, d && "border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20", u && "opacity-50 cursor-not-allowed"),
+		className: e("flex h-9 items-center gap-2 rounded-[var(--radius-md)] px-3", n, d && "border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/25", u && "opacity-50 cursor-not-allowed", w),
 		children: [
 			c && /* @__PURE__ */ h("span", {
 				className: "text-slate-500 shrink-0 text-sm",
@@ -74,7 +74,7 @@ function x({ inputRef: t, inputId: r, listId: i, open: a, activeIdx: o, inputTex
 				onKeyDown: b,
 				placeholder: l,
 				disabled: u,
-				className: "flex-1 min-w-0 bg-transparent text-sm text-foreground placeholder:text-muted-foreground outline-none disabled:cursor-not-allowed"
+				className: e("flex-1 min-w-0 bg-transparent text-sm text-foreground placeholder:text-muted-foreground outline-none disabled:cursor-not-allowed", T)
 			}),
 			f && /* @__PURE__ */ h(y, {}),
 			p && !f && /* @__PURE__ */ h("button", {
@@ -88,10 +88,10 @@ function x({ inputRef: t, inputId: r, listId: i, open: a, activeIdx: o, inputTex
 }
 //#endregion
 //#region src/components/autocomplete/multi-trigger.tsx
-function S({ inputRef: t, inputId: r, listId: i, open: a, activeIdx: o, inputText: s, prefix: c, placeholder: l, disabled: u, error: d, loading: f, showClear: p, selected: m, onContainerClick: _, onInputChange: b, onFocus: x, onKeyDown: S, onRemove: C, onClearAll: w, messageId: T, inputProps: E }) {
+function S({ inputRef: t, inputId: r, listId: i, open: a, activeIdx: o, inputText: s, prefix: c, placeholder: l, disabled: u, error: d, loading: f, showClear: p, selected: m, onContainerClick: _, onInputChange: b, onFocus: x, onKeyDown: S, onRemove: C, onClearAll: w, messageId: T, inputProps: E, className: ee, inputClassName: D }) {
 	return /* @__PURE__ */ g("div", {
 		onClick: _,
-		className: e("flex min-h-9 w-full flex-wrap items-center gap-1.5 rounded-[var(--radius-md)] px-2.5 py-1.5 cursor-text", n, d && "border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20", u && "opacity-50 cursor-not-allowed"),
+		className: e("flex min-h-9 w-full flex-wrap items-center gap-1.5 rounded-[var(--radius-md)] px-2.5 py-1.5 cursor-text", n, d && "border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/25", u && "opacity-50 cursor-not-allowed", ee),
 		children: [
 			c && /* @__PURE__ */ h("span", {
 				className: "text-slate-500 shrink-0 text-sm",
@@ -116,7 +116,7 @@ function S({ inputRef: t, inputId: r, listId: i, open: a, activeIdx: o, inputTex
 							t.stopPropagation(), C(e);
 						},
 						disabled: u,
-						className: "shrink-0 text-slate-500 dark:text-slate-400 hover:text-gray-900 dark:hover:text-white transition-colors cursor-pointer ml-0.5",
+						className: "shrink-0 text-slate-500 dark:text-slate-400 hover:text-foreground transition-colors cursor-pointer ml-0.5",
 						"aria-label": `Remove ${e.label}`,
 						children: /* @__PURE__ */ h(v, { size: 10 })
 					})
@@ -140,7 +140,7 @@ function S({ inputRef: t, inputId: r, listId: i, open: a, activeIdx: o, inputTex
 				onKeyDown: S,
 				placeholder: m.length === 0 ? l : void 0,
 				disabled: u,
-				className: "flex-1 min-w-[80px] bg-transparent text-sm text-foreground placeholder:text-muted-foreground outline-none disabled:cursor-not-allowed py-0.5"
+				className: e("flex-1 min-w-[80px] bg-transparent text-sm text-foreground placeholder:text-muted-foreground outline-none disabled:cursor-not-allowed py-0.5", D)
 			}),
 			/* @__PURE__ */ g("span", {
 				className: "ml-auto flex items-center gap-1.5 shrink-0",
@@ -167,7 +167,7 @@ function S({ inputRef: t, inputId: r, listId: i, open: a, activeIdx: o, inputTex
 }
 //#endregion
 //#region src/components/autocomplete/dropdown.tsx
-function C({ listRef: t, listId: n, open: r, pos: i, multiple: s, loading: c, filtered: l, emptyMessage: u, activeIdx: d, setActiveIdx: f, inputText: p, selectedValues: m, singleValue: v, onSelectSingle: x, onToggleMulti: S, className: C }) {
+function C({ listRef: t, listId: n, open: r, pos: i, multiple: s, loading: c, filtered: l, emptyMessage: u, activeIdx: d, setActiveIdx: f, inputText: p, selectedValues: m, singleValue: v, onSelectSingle: x, onToggleMulti: S, className: C, optionClassName: w, loadingClassName: T, emptyClassName: E }) {
 	return typeof document > "u" ? null : _(/* @__PURE__ */ h(a, { children: r && i && /* @__PURE__ */ h(o.ul, {
 		ref: t,
 		id: n,
@@ -195,10 +195,10 @@ function C({ listRef: t, listId: n, open: r, pos: i, multiple: s, loading: c, fi
 		},
 		className: e("z-[110] overflow-y-auto rounded-[var(--radius-lg)] border border-border bg-surface-raised py-1 shadow-floating", C),
 		children: c ? /* @__PURE__ */ g("li", {
-			className: "px-4 py-3 text-sm text-slate-600 flex items-center gap-2",
+			className: e("px-4 py-3 text-sm text-slate-600 flex items-center gap-2", T),
 			children: [/* @__PURE__ */ h(y, {}), "Loading…"]
 		}) : l.length === 0 ? /* @__PURE__ */ h("li", {
-			className: "px-4 py-3 text-sm text-slate-600",
+			className: e("px-4 py-3 text-sm text-slate-600", E),
 			children: u
 		}) : l.map((t, r) => {
 			let i = r === d, a = s ? m.includes(t.value) : t.value === v;
@@ -209,7 +209,7 @@ function C({ listRef: t, listId: n, open: r, pos: i, multiple: s, loading: c, fi
 				onMouseDown: (e) => e.preventDefault(),
 				onClick: () => s ? S(t) : x(t),
 				onMouseEnter: () => f(r),
-				className: e("flex min-h-9 items-center gap-3 px-3 py-2 cursor-pointer transition-colors", i && "bg-surface-muted", a && !i && "bg-accent-50 dark:bg-accent-500/10"),
+				className: e("flex min-h-9 items-center gap-3 px-3 py-2 cursor-pointer transition-colors", i && "bg-surface-muted", a && !i && "bg-accent-50 dark:bg-accent-500/10", w),
 				children: [
 					t.icon && /* @__PURE__ */ h("span", {
 						className: "shrink-0 text-slate-500 dark:text-slate-400",
@@ -249,118 +249,118 @@ function C({ listRef: t, listId: n, open: r, pos: i, multiple: s, loading: c, fi
 //#endregion
 //#region src/components/autocomplete.tsx
 function w(n, a) {
-	let { options: o, inputValue: s, onInputChange: _, label: v, hint: y, error: b, prefix: w, clearable: T = !0, loading: E = !1, emptyMessage: ee = "No results", maxVisible: te = 8, className: ne, wrapperClassName: re, listClassName: ie, placeholder: D, disabled: O, id: ae, multiple: k, unstyled: oe = !1, ...A } = n, { value: se, onSelect: ce, onDeselect: le, ...j } = A, ue = u(), M = ae ?? ue, N = `${M}-list`, P = `${M}-message`, [de, fe] = p(""), F = s === void 0 ? de : s, pe = i((e) => _?.(e)), I = c((e) => {
-		s === void 0 ? fe(e) : pe(e);
-	}, [s, pe]), [me, L] = p([]), R = d(() => {
-		if (!k) return [];
+	let { options: o, inputValue: s, onInputChange: _, label: v, hint: y, error: b, prefix: w, clearable: T = !0, loading: E = !1, emptyMessage: ee = "No results", maxVisible: D = 8, className: te, wrapperClassName: ne, triggerClassName: re, inputClassName: ie, labelClassName: ae, messageClassName: oe, listClassName: se, optionClassName: ce, loadingClassName: le, emptyClassName: ue, placeholder: O, disabled: k, id: de, multiple: A, unstyled: fe = !1, ...pe } = n, { value: me, onSelect: he, onDeselect: ge, ..._e } = pe, ve = u(), j = de ?? ve, M = `${j}-list`, N = `${j}-message`, [ye, be] = p(""), P = s === void 0 ? ye : s, xe = i((e) => _?.(e)), F = c((e) => {
+		s === void 0 ? be(e) : xe(e);
+	}, [s, xe]), [Se, I] = p([]), L = d(() => {
+		if (!A) return [];
 		let e = n;
-		return e.value === void 0 ? me : o.filter((t) => e.value.includes(t.value));
+		return e.value === void 0 ? Se : o.filter((t) => e.value.includes(t.value));
 	}, [
-		k,
+		A,
 		o,
 		n,
-		me
-	]), z = d(() => R.map((e) => e.value), [R]), [B, V] = p(!1), [H, U] = p(-1), W = f(null), G = f(null), K = f(null), [q, J] = p(""), Y = d(() => {
-		let e = q.trim().toLowerCase();
-		return o.filter((t) => !t.disabled && t.label.toLowerCase().includes(e)).slice(0, te);
+		Se
+	]), R = d(() => L.map((e) => e.value), [L]), [z, B] = p(!1), [V, H] = p(-1), U = f(null), W = f(null), G = f(null), [K, q] = p(""), J = d(() => {
+		let e = K.trim().toLowerCase();
+		return o.filter((t) => !t.disabled && t.label.toLowerCase().includes(e)).slice(0, D);
 	}, [
 		o,
-		q,
-		te
-	]), X = c((e) => {
-		n.onSelect?.(e), I(e.label), V(!1), U(-1);
-	}, [n, I]), he = c((e) => {
-		let t = n, r = [...R, e];
-		t.value === void 0 && L(r), t.onSelect?.(e, r), I(""), U(-1), G.current?.focus();
+		K,
+		D
+	]), Y = c((e) => {
+		n.onSelect?.(e), F(e.label), B(!1), H(-1);
+	}, [n, F]), Ce = c((e) => {
+		let t = n, r = [...L, e];
+		t.value === void 0 && I(r), t.onSelect?.(e, r), F(""), H(-1), W.current?.focus();
 	}, [
-		R,
+		L,
 		n,
-		I
-	]), Z = c((e) => {
-		let t = n, r = R.filter((t) => t.value !== e.value);
-		t.value === void 0 && L(r), t.onDeselect?.(e, r);
-	}, [R, n]), Q = c((e) => {
-		z.includes(e.value) ? Z(e) : he(e);
+		F
+	]), X = c((e) => {
+		let t = n, r = L.filter((t) => t.value !== e.value);
+		t.value === void 0 && I(r), t.onDeselect?.(e, r);
+	}, [L, n]), Z = c((e) => {
+		R.includes(e.value) ? X(e) : Ce(e);
 	}, [
-		z,
-		Z,
-		he
-	]), ge = c(() => {
-		I(""), n.onSelect?.({
+		R,
+		X,
+		Ce
+	]), we = c(() => {
+		F(""), n.onSelect?.({
 			value: "",
 			label: ""
-		}), V(!1);
-	}, [n, I]), _e = c(() => {
-		n.value === void 0 && L([]), I("");
-	}, [n, I]), ve = c((e) => {
-		if (k && e.key === "Backspace" && F === "" && R.length > 0) {
-			Z(R[R.length - 1]);
+		}), B(!1);
+	}, [n, F]), Te = c(() => {
+		n.value === void 0 && I([]), F("");
+	}, [n, F]), Ee = c((e) => {
+		if (A && e.key === "Backspace" && P === "" && L.length > 0) {
+			X(L[L.length - 1]);
 			return;
 		}
-		if (!B) {
-			(e.key === "ArrowDown" || e.key === "ArrowUp") && (V(!0), J(""));
+		if (!z) {
+			(e.key === "ArrowDown" || e.key === "ArrowUp") && (B(!0), q(""));
 			return;
 		}
-		if (e.key === "ArrowDown") e.preventDefault(), U((e) => Math.min(e + 1, Y.length - 1));
-		else if (e.key === "ArrowUp") e.preventDefault(), U((e) => Math.max(e - 1, 0));
+		if (e.key === "ArrowDown") e.preventDefault(), H((e) => Math.min(e + 1, J.length - 1));
+		else if (e.key === "ArrowUp") e.preventDefault(), H((e) => Math.max(e - 1, 0));
 		else if (e.key === "Enter") {
 			e.preventDefault();
-			let t = Y[H];
+			let t = J[V];
 			if (!t) return;
-			k ? Q(t) : X(t);
-		} else e.key === "Escape" && (V(!1), U(-1));
+			A ? Z(t) : Y(t);
+		} else e.key === "Escape" && (B(!1), H(-1));
 	}, [
-		k,
-		F,
-		R,
-		B,
+		A,
+		P,
+		L,
+		z,
+		J,
+		V,
+		Z,
 		Y,
-		H,
-		Q,
-		X,
-		Z
+		X
 	]);
 	l(() => {
-		H < 0 || !K.current || K.current.children[H]?.scrollIntoView({ block: "nearest" });
-	}, [H]), l(() => {
+		V < 0 || !G.current || G.current.children[V]?.scrollIntoView({ block: "nearest" });
+	}, [V]), l(() => {
 		function e(e) {
 			let t = e.target;
-			!W.current?.contains(t) && !K.current?.contains(t) && V(!1);
+			!U.current?.contains(t) && !G.current?.contains(t) && B(!1);
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, []);
-	let ye = k ? void 0 : n.value, be = !!(!k && T && F.length > 0 && !O), xe = !!(k && T && (R.length > 0 || F.length > 0) && !O), Se = r(B, W), $ = c((e) => {
-		I(e.target.value), J(e.target.value), V(!0), U(-1);
-	}, [I]), Ce = c(() => {
-		V(!0), J("");
+	let De = A ? void 0 : n.value, Oe = !!(!A && T && P.length > 0 && !k), ke = !!(A && T && (L.length > 0 || P.length > 0) && !k), Ae = r(z, U), Q = c((e) => {
+		F(e.target.value), q(e.target.value), B(!0), H(-1);
+	}, [F]), $ = c(() => {
+		B(!0), q("");
 	}, []);
-	return oe ? /* @__PURE__ */ g("div", {
-		ref: W,
-		className: e(ne, re),
+	return fe ? /* @__PURE__ */ g("div", {
+		ref: U,
+		className: e(te, ne),
 		children: [/* @__PURE__ */ h("input", {
 			ref: a,
+			id: j,
+			value: P,
+			onChange: Q,
+			placeholder: O,
+			disabled: k
+		}), z && /* @__PURE__ */ h("ul", {
+			ref: G,
 			id: M,
-			value: F,
-			onChange: $,
-			placeholder: D,
-			disabled: O
-		}), B && /* @__PURE__ */ h("ul", {
-			ref: K,
-			id: N,
-			className: ie,
-			children: Y.map((e) => /* @__PURE__ */ h("li", {
-				onClick: () => k ? Q(e) : X(e),
+			className: se,
+			children: J.map((e) => /* @__PURE__ */ h("li", {
+				onClick: () => A ? Z(e) : Y(e),
 				children: e.label
 			}, String(e.value)))
 		})]
 	}) : /* @__PURE__ */ g("div", {
-		ref: W,
-		className: e("relative", t, re, ne),
+		ref: U,
+		className: e("relative", t, ne, te),
 		children: [
 			v && /* @__PURE__ */ g("label", {
-				htmlFor: M,
-				className: "text-xs font-semibold leading-5 text-foreground",
-				children: [v, A.required && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", {
+				htmlFor: j,
+				className: e("text-xs font-semibold leading-5 text-foreground", ae),
+				children: [v, pe.required && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", {
 					"aria-hidden": "true",
 					className: "ml-1 text-destructive",
 					children: "*"
@@ -369,80 +369,87 @@ function w(n, a) {
 					children: " (required)"
 				})] })]
 			}),
-			!k && /* @__PURE__ */ h(x, {
+			!A && /* @__PURE__ */ h(x, {
 				inputRef: a,
-				inputId: M,
-				listId: N,
-				open: B,
-				activeIdx: H,
-				inputText: F,
+				inputId: j,
+				listId: M,
+				open: z,
+				activeIdx: V,
+				inputText: P,
 				prefix: w,
-				placeholder: D,
-				disabled: O,
+				placeholder: O,
+				disabled: k,
 				error: b,
 				loading: E,
-				showClear: be,
-				onInputChange: $,
-				onFocus: Ce,
-				onKeyDown: ve,
-				onClear: ge,
-				messageId: b || y ? P : void 0,
-				inputProps: j
+				showClear: Oe,
+				onInputChange: Q,
+				onFocus: $,
+				onKeyDown: Ee,
+				onClear: we,
+				messageId: b || y ? N : void 0,
+				inputProps: _e,
+				className: re,
+				inputClassName: ie
 			}),
-			k && /* @__PURE__ */ h(S, {
+			A && /* @__PURE__ */ h(S, {
 				inputRef: (e) => {
-					G.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
+					W.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
 				},
-				inputId: M,
-				listId: N,
-				open: B,
-				activeIdx: H,
-				inputText: F,
+				inputId: j,
+				listId: M,
+				open: z,
+				activeIdx: V,
+				inputText: P,
 				prefix: w,
-				placeholder: D,
-				disabled: O,
+				placeholder: O,
+				disabled: k,
 				error: b,
 				loading: E,
-				showClear: xe,
-				selected: R,
+				showClear: ke,
+				selected: L,
 				onContainerClick: () => {
-					O || (G.current?.focus(), V(!0), J(""));
+					k || (W.current?.focus(), B(!0), q(""));
 				},
-				onInputChange: $,
-				onFocus: Ce,
-				onKeyDown: ve,
-				onRemove: Z,
-				onClearAll: _e,
-				messageId: b || y ? P : void 0,
-				inputProps: j
+				onInputChange: Q,
+				onFocus: $,
+				onKeyDown: Ee,
+				onRemove: X,
+				onClearAll: Te,
+				messageId: b || y ? N : void 0,
+				inputProps: _e,
+				className: re,
+				inputClassName: ie
 			}),
 			/* @__PURE__ */ h(C, {
-				listRef: K,
-				listId: N,
-				open: B,
-				pos: Se,
-				multiple: k,
+				listRef: G,
+				listId: M,
+				open: z,
+				pos: Ae,
+				multiple: A,
 				loading: E,
-				filtered: Y,
+				filtered: J,
 				emptyMessage: ee,
-				activeIdx: H,
-				setActiveIdx: U,
-				inputText: q,
-				selectedValues: z,
-				singleValue: ye,
-				onSelectSingle: X,
-				onToggleMulti: Q,
-				className: ie
+				activeIdx: V,
+				setActiveIdx: H,
+				inputText: K,
+				selectedValues: R,
+				singleValue: De,
+				onSelectSingle: Y,
+				onToggleMulti: Z,
+				className: se,
+				optionClassName: ce,
+				loadingClassName: le,
+				emptyClassName: ue
 			}),
 			b && /* @__PURE__ */ h("p", {
-				id: P,
+				id: N,
 				"aria-live": "polite",
-				className: "text-xs leading-5 text-destructive",
+				className: e("text-xs leading-5 text-destructive", oe),
 				children: b
 			}),
 			y && !b && /* @__PURE__ */ h("p", {
-				id: P,
-				className: "text-xs leading-5 text-muted-foreground",
+				id: N,
+				className: e("text-xs leading-5 text-muted-foreground", oe),
 				children: y
 			})
 		]

package/dist/calendar-CQumLNgS.cjs

@@ -0,0 +1 @@
+const e=require("./cn-B6R3HKzx.cjs"),t=require("./component-styles-DY4wigiq.cjs");let n=require("framer-motion"),r=require("react"),i=require("react/jsx-runtime");var a=[`Su`,`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`],o=[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`],s=[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`],c={blue:`bg-blue-500/12 text-blue-400 border-blue-500/20`,green:`bg-emerald-500/12 text-emerald-400 border-emerald-500/20`,red:`bg-red-500/12 text-red-400 border-red-500/20`,yellow:`bg-amber-500/12 text-amber-400 border-amber-500/20`,purple:`bg-violet-500/12 text-violet-400 border-violet-500/20`,orange:`bg-orange-500/12 text-orange-400 border-orange-500/20`};function l(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function u(e,t){let n=new Date(e);return n.setDate(n.getDate()+t),n}function d(e){let t=new Date(e);return t.setDate(t.getDate()-t.getDay()),t}var f={enter:e=>({opacity:0,x:e*16}),center:{opacity:1,x:0},exit:e=>({opacity:0,x:e*-16})};function p({viewDate:t,today:n,value:r,events:o,onSelect:s,onEventClick:u,isDateDisabled:d,onEventCreate:f,onEventDelete:p,editingId:m,onEditToggle:h,onUpdateTitle:g}){let _=t.getFullYear(),v=t.getMonth(),y=new Date(_,v+1,0).getDate(),b=new Date(_,v,1).getDay(),x=[...Array(b).fill(null),...Array.from({length:y},(e,t)=>new Date(_,v,t+1))];for(;x.length%7!=0;)x.push(null);function S(e){return o.filter(t=>l(t.date,e))}return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{role:`row`,className:`grid grid-cols-7 border-b border-border`,children:a.map(e=>(0,i.jsx)(`div`,{role:`columnheader`,className:`py-2.5 text-center text-[11px] font-semibold uppercase tracking-wide text-muted-foreground`,children:e},e))}),(0,i.jsx)(`div`,{role:`grid`,className:`grid grid-cols-7`,style:{gridTemplateRows:`repeat(${x.length/7}, minmax(80px, 1fr))`},children:x.map((t,a)=>{let o=a%7==6,h=a>=x.length-7;if(!t)return(0,i.jsx)(`div`,{role:`gridcell`,className:e.t(`border-black/6 dark:border-white/6 bg-black/[0.015] dark:bg-white/[0.015]`,!o&&`border-r`,!h&&`border-b`)},`e${a}`);let g=S(t),_=n?l(t,n):!1,y=r?l(t,r):!1,b=t.getMonth()===v,C=d?.(t)??!1;return(0,i.jsxs)(`div`,{role:`gridcell`,tabIndex:C?void 0:0,"aria-label":t.toLocaleDateString(void 0,{dateStyle:`full`}),"aria-disabled":C||void 0,"aria-selected":y,onClick:()=>!C&&s(t),onKeyDown:e=>{!C&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),s(t))},className:e.t(`p-1.5 transition-colors group/cell`,`border-border focus-visible:z-10 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-inset focus-visible:ring-focus-ring/35`,!o&&`border-r`,!h&&`border-b`,!b&&`bg-black/[0.015] dark:bg-white/[0.015]`,C?`cursor-not-allowed opacity-40`:`cursor-pointer hover:bg-surface-muted`),children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between mb-1`,children:[(0,i.jsx)(`span`,{className:e.t(`w-6 h-6 rounded-full flex items-center justify-center text-xs font-medium`,y?`bg-primary text-primary-foreground`:_?`border border-accent-500/50 text-accent-600 dark:text-accent-300`:b?`text-slate-700 dark:text-slate-200`:`text-slate-400 dark:text-slate-600`),children:t.getDate()}),f&&!C&&(0,i.jsx)(`button`,{type:`button`,"aria-label":`Add event on ${t.toLocaleDateString()}`,onClick:e=>{e.stopPropagation(),f(t)},className:`opacity-0 group-hover/cell:opacity-100 focus:opacity-100 w-5 h-5 rounded-md bg-primary text-primary-foreground flex items-center justify-center text-[10px] hover:bg-primary-hover transition-opacity`,children:`+`})]}),(0,i.jsxs)(`div`,{className:`space-y-0.5`,children:[g.slice(0,2).map(t=>{let n=m===t.id;return(0,i.jsxs)(`div`,{className:e.t(`group/ev flex items-center gap-0.5 rounded border px-1 py-0.5`,c[t.color??`blue`],n&&`ring-1 ring-focus-ring`),children:[(0,i.jsxs)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),u?.(t)},className:`min-w-0 flex-1 truncate text-left text-[10px] font-medium`,children:[t.time&&(0,i.jsx)(`span`,{className:`opacity-60 mr-1`,children:t.time}),t.title]}),p&&(0,i.jsx)(`button`,{type:`button`,"aria-label":`Delete ${t.title}`,onClick:e=>{e.stopPropagation(),p(t.id)},className:`flex size-4 shrink-0 items-center justify-center rounded text-[10px] leading-none opacity-60 hover:bg-muted hover:opacity-100`,children:`×`})]},t.id)}),g.length>2&&(0,i.jsxs)(`p`,{className:`text-[10px] text-slate-500 px-1`,children:[`+`,g.length-2,` more`]})]})]},t.toISOString())})})]})}function m({viewDate:t,today:n,value:r,events:a,onSelect:s,onEventClick:f,isDateDisabled:p,onEventCreate:m,onEventDelete:h,editingId:g,onEditToggle:_,onUpdateTitle:v}){let y=d(t),b=Array.from({length:7},(e,t)=>u(y,t));function x(e){return a.filter(t=>l(t.date,e))}return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{role:`row`,className:`grid grid-cols-7 border-b border-border`,children:b.map(t=>{let a=n?l(t,n):!1,c=r?l(t,r):!1,u=p?.(t)??!1;return(0,i.jsxs)(`div`,{role:`gridcell`,tabIndex:u?void 0:0,"aria-selected":c,"aria-disabled":u||void 0,"aria-label":t.toLocaleDateString(void 0,{dateStyle:`full`}),onClick:()=>!u&&s(t),onKeyDown:e=>{!u&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),s(t))},className:e.t(`group/whead flex flex-col items-center gap-1 py-3 transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-inset focus-visible:ring-focus-ring/35`,u?`cursor-not-allowed opacity-40`:`cursor-pointer hover:bg-surface-muted`),children:[(0,i.jsx)(`span`,{className:`text-[10px] font-semibold text-slate-400 dark:text-slate-500 uppercase tracking-wide`,children:o[t.getDay()]}),(0,i.jsx)(`span`,{className:e.t(`w-8 h-8 rounded-full flex items-center justify-center text-sm font-semibold transition-colors`,c?`bg-primary text-primary-foreground`:a?`border border-accent-500/50 text-accent-600 dark:text-accent-300`:`text-slate-700 dark:text-slate-200`),children:t.getDate()}),m&&!u&&(0,i.jsx)(`button`,{type:`button`,"aria-label":`Add event on ${t.toLocaleDateString()}`,onClick:e=>{e.stopPropagation(),m(t)},className:`opacity-0 group-hover/whead:opacity-100 focus:opacity-100 h-5 px-1.5 rounded-md bg-primary text-primary-foreground text-[10px] hover:bg-primary-hover`,children:`+ Add`})]},t.toISOString())})}),(0,i.jsx)(`div`,{className:`grid grid-cols-7 min-h-[200px]`,children:b.map((t,n)=>{let r=x(t),a=n===6,o=p?.(t)??!1;return(0,i.jsx)(`div`,{role:`gridcell`,tabIndex:o?void 0:0,"aria-disabled":o||void 0,"aria-label":`${t.toLocaleDateString(void 0,{dateStyle:`full`})} events`,onClick:()=>!o&&s(t),onKeyDown:e=>{!o&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),s(t))},className:e.t(`space-y-1.5 p-2 transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-inset focus-visible:ring-focus-ring/35`,!a&&`border-r border-border`,o?`cursor-not-allowed opacity-40`:`cursor-pointer hover:bg-surface-muted/70`),children:r.map(t=>(0,i.jsxs)(`div`,{className:e.t(`group/wev flex items-start gap-1 rounded-[var(--radius-md)] border px-2 py-1.5`,c[t.color??`blue`],g===t.id&&`ring-1 ring-focus-ring`),children:[(0,i.jsxs)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),f?.(t)},className:`min-w-0 flex-1 text-left`,children:[t.time&&(0,i.jsx)(`div`,{className:`text-[10px] opacity-60 mb-0.5`,children:t.time}),(0,i.jsx)(`div`,{className:`text-xs font-medium truncate`,children:t.title})]}),h&&(0,i.jsx)(`button`,{type:`button`,"aria-label":`Delete ${t.title}`,onClick:e=>{e.stopPropagation(),h(t.id)},className:`flex size-5 shrink-0 items-center justify-center rounded text-xs opacity-60 hover:bg-muted hover:opacity-100`,children:`×`})]},t.id))},t.toISOString())})})]})}function h({value:a,defaultValue:o=null,onChange:c,events:l,defaultEvents:h=[],onEventsChange:g,onEventClick:_,onEventCreate:v,onEventUpdate:y,onEventDelete:b,editable:x=!1,view:S,defaultView:C=`month`,onViewChange:ee,viewDate:w,defaultViewDate:T,onViewDateChange:te,minDate:E,maxDate:D,disabledDates:O,className:ne}){let[re,ie]=(0,r.useState)(null),[ae,oe]=(0,r.useState)(o),[se,ce]=(0,r.useState)(C),[k,A]=(0,r.useState)(T??null),[le,ue]=(0,r.useState)(()=>l??h),[j,M]=(0,r.useState)(1),[N,P]=(0,r.useState)(null),[F,I]=(0,r.useState)(``),[L,de]=(0,r.useState)(`blue`),[R,z]=(0,r.useState)(`09:00`),[B,V]=(0,r.useState)(null);(0,r.useEffect)(()=>{let e=new Date;ie(e),T===void 0&&w===void 0&&A(new Date(e.getFullYear(),e.getMonth(),1))},[]),(0,r.useEffect)(()=>{w===void 0&&T!==void 0&&k===null&&A(T?new Date(T):null)},[T]);let fe=a===void 0?ae:a,H=S===void 0?se:S,U=w===void 0?k:w,W=l!==void 0,G=W?l:le;function K(e){return!!(E&&e<new Date(E.getFullYear(),E.getMonth(),E.getDate())||D&&e>new Date(D.getFullYear(),D.getMonth(),D.getDate(),23,59,59,999)||O?.(e))}function pe(e){S===void 0&&ce(e),ee?.(e)}function q(e){e!==null&&(w===void 0&&A(e),te?.(e))}function J(e){K(e)||(a===void 0&&oe(e),c?.(e))}function me(e){return e&&(H===`month`?new Date(e.getFullYear(),e.getMonth()-1,1):u(e,-7))}function he(e){return e&&(H===`month`?new Date(e.getFullYear(),e.getMonth()+1,1):u(e,7))}function ge(){M(-1),q(me(U))}function _e(){M(1),q(he(U))}function ve(){let e=new Date;M(0),q(new Date(e.getFullYear(),e.getMonth(),1)),J(e)}function Y(e){W||ue(e),g?.(e)}function X(e,t){if(K(e))return;let n={id:typeof crypto<`u`&&`randomUUID`in crypto?crypto.randomUUID():String(Date.now()+Math.random()),title:t?.trim()||F.trim()||`New event`,date:new Date(e),color:L,time:R||void 0};Y([...G,n]),v?.(n),P(null),I(``),z(`09:00`)}function Z(e){Y(G.filter(t=>t.id!==e)),b?.(e),B===e&&V(null)}function Q(e){Y(G.map(t=>t.id===e.id?e:t)),y?.(e),V(null)}function ye(e){x&&V(t=>t===e.id?null:e.id),_?.(e)}let $=``;if(U){if(H===`month`)$=`${s[U.getMonth()]} ${U.getFullYear()}`;else{let e=d(U),t=u(e,6);$=e.getMonth()===t.getMonth()?`${s[e.getMonth()].slice(0,3)} ${e.getDate()} \u2013 ${t.getDate()}, ${e.getFullYear()}`:`${s[e.getMonth()].slice(0,3)} ${e.getDate()} \u2013 ${s[t.getMonth()].slice(0,3)} ${t.getDate()}, ${e.getFullYear()}`}}let be=x||!!v||!!y||!!b||!!g,xe={today:re,value:fe,events:G,onSelect:J,onEventClick:ye,onEventCreate:be?e=>P(e):void 0,onEventDelete:be||b?Z:void 0,onEventUpdate:y,editingId:B,onEditToggle:e=>V(t=>t===e?null:e),onUpdateTitle:(e,t)=>{let n=G.find(t=>t.id===e);n&&Q({...n,title:t})},minDate:E,maxDate:D,disabledDates:O,isDateDisabled:K},Se=U?`${H}-${U.toISOString()}`:null;return(0,i.jsxs)(`div`,{className:e.t(`flex flex-col overflow-hidden rounded-[var(--radius-lg)] border border-border bg-surface`,ne),children:[(0,i.jsxs)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2 border-b border-border px-3 py-3 sm:px-4`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-0.5`,children:[(0,i.jsx)(`button`,{type:`button`,onClick:ge,"aria-label":`Previous ${H}`,className:e.t(t.c,`size-8`),children:(0,i.jsx)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,i.jsx)(`path`,{d:`m15 18-6-6 6-6`})})}),(0,i.jsx)(`button`,{type:`button`,onClick:_e,"aria-label":`Next ${H}`,className:e.t(t.c,`size-8`),children:(0,i.jsx)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,i.jsx)(`path`,{d:`m9 18 6-6-6-6`})})})]}),(0,i.jsx)(`span`,{"aria-live":`polite`,className:`min-w-[9rem] flex-1 select-none text-sm font-semibold text-foreground`,children:$}),(0,i.jsx)(`button`,{type:`button`,onClick:ve,className:e.t(`h-8 rounded-[var(--radius-md)] border border-border px-3 text-xs font-medium text-muted-foreground transition-colors hover:border-border-strong hover:bg-muted hover:text-foreground`,t.s),children:`Today`}),(0,i.jsx)(`div`,{role:`group`,"aria-label":`Calendar view`,className:`flex overflow-hidden rounded-[var(--radius-md)] border border-border`,children:[`month`,`week`].map(n=>(0,i.jsx)(`button`,{type:`button`,onClick:()=>pe(n),"aria-pressed":H===n,className:e.t(`h-8 px-3 text-xs capitalize transition-colors focus-visible:z-10`,t.s,H===n?`bg-muted text-foreground font-medium`:`text-muted-foreground hover:bg-surface-muted hover:text-foreground`),children:n},n))})]}),N&&(0,i.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 border-b border-border bg-warning/8 px-3 py-3 sm:px-4`,children:[(0,i.jsxs)(`span`,{className:`text-xs font-medium text-foreground`,children:[`New event on `,N.toLocaleDateString(),`:`]}),(0,i.jsx)(`input`,{autoFocus:!0,value:F,onChange:e=>I(e.target.value),onKeyDown:e=>{e.key===`Enter`&&X(N),e.key===`Escape`&&(P(null),I(``),z(`09:00`))},placeholder:`Event title`,className:`h-7 flex-1 min-w-[140px] rounded-md border border-border bg-surface px-2 text-xs text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-[3px] focus:ring-focus-ring/25`}),(0,i.jsx)(`input`,{type:`time`,value:R,onChange:e=>z(e.target.value),className:`h-7 w-[110px] rounded-md border border-border bg-surface px-2 text-xs text-foreground focus:outline-none focus:ring-[3px] focus:ring-focus-ring/25`}),(0,i.jsxs)(`select`,{"aria-label":`Event color`,value:L,onChange:e=>de(e.target.value),className:`h-7 rounded-[var(--radius-md)] border border-border bg-surface px-2 text-xs text-foreground`,children:[(0,i.jsx)(`option`,{value:`blue`,children:`Blue`}),(0,i.jsx)(`option`,{value:`green`,children:`Green`}),(0,i.jsx)(`option`,{value:`red`,children:`Red`}),(0,i.jsx)(`option`,{value:`yellow`,children:`Yellow`}),(0,i.jsx)(`option`,{value:`purple`,children:`Purple`}),(0,i.jsx)(`option`,{value:`orange`,children:`Orange`})]}),(0,i.jsx)(`button`,{type:`button`,onClick:()=>X(N),className:`h-7 px-3 rounded-md bg-primary text-xs font-medium text-primary-foreground hover:bg-primary-hover`,children:`Add`}),(0,i.jsx)(`button`,{type:`button`,onClick:()=>{P(null),I(``),z(`09:00`)},className:`h-7 rounded-[var(--radius-md)] border border-border bg-surface px-2.5 text-xs text-muted-foreground hover:bg-muted hover:text-foreground`,children:`Cancel`})]}),B&&(()=>{let e=G.find(e=>e.id===B);return e?(0,i.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 border-b border-border bg-surface-muted px-3 py-3 sm:px-4`,children:[(0,i.jsx)(`span`,{className:`text-xs font-medium text-foreground`,children:`Edit event:`}),(0,i.jsx)(`input`,{autoFocus:!0,defaultValue:e.title,onKeyDown:t=>{if(t.key===`Enter`){let n=t.target.value,r=document.getElementById(`cal-edit-time-${e.id}`)?.value??e.time??``;n.trim()&&Q({...e,title:n.trim(),time:r||void 0})}t.key===`Escape`&&V(null)},id:`cal-edit-${e.id}`,placeholder:`Title`,className:`h-7 flex-1 min-w-[140px] rounded-md border border-border bg-surface px-2 text-xs text-foreground focus:outline-none focus:ring-[3px] focus:ring-focus-ring/25`}),(0,i.jsx)(`input`,{type:`time`,defaultValue:e.time??``,id:`cal-edit-time-${e.id}`,className:`h-7 w-[110px] rounded-md border border-border bg-surface px-2 text-xs text-foreground focus:outline-none focus:ring-[3px] focus:ring-focus-ring/25`}),(0,i.jsx)(`button`,{type:`button`,onClick:()=>{let t=document.getElementById(`cal-edit-${e.id}`),n=document.getElementById(`cal-edit-time-${e.id}`),r=t?.value??e.title,i=n?.value??``;r.trim()&&Q({...e,title:r.trim(),time:i||void 0})},className:`h-7 px-3 rounded-md bg-primary text-xs font-medium text-primary-foreground hover:bg-primary-hover`,children:`Save`}),(0,i.jsx)(`button`,{type:`button`,onClick:()=>Z(e.id),className:`h-7 rounded-[var(--radius-md)] bg-destructive px-2.5 text-xs font-medium text-destructive-foreground hover:bg-destructive-hover`,children:`Delete`}),(0,i.jsx)(`button`,{type:`button`,onClick:()=>V(null),className:`h-7 rounded-[var(--radius-md)] border border-border bg-surface px-2.5 text-xs text-muted-foreground hover:bg-muted hover:text-foreground`,children:`Cancel`})]}):null})(),(0,i.jsx)(`div`,{className:`relative flex-1 overflow-x-auto`,children:(0,i.jsx)(`div`,{className:`min-w-[42rem]`,children:(0,i.jsx)(n.AnimatePresence,{mode:`popLayout`,initial:!1,custom:j,children:Se!==null&&U!==null&&(0,i.jsx)(n.motion.div,{custom:j,variants:f,initial:`enter`,animate:`center`,exit:`exit`,transition:{duration:.18,ease:`easeInOut`},children:H===`month`?(0,i.jsx)(p,{viewDate:U,...xe}):(0,i.jsx)(m,{viewDate:U,...xe})},Se)})})})]})}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});

package/dist/{calendar-j2_zvum1.js → calendar-nkYCMEy3.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./cn-DpgY2leY.js";
-import { c as t, s as n } from "./component-styles-Bgy44fc8.js";
+import { t as e } from "./cn-BJyZJP-y.js";
+import { c as t, s as n } from "./component-styles-C2CbHEEA.js";
 import { AnimatePresence as r, motion as i } from "framer-motion";
 import { useEffect as a, useState as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
@@ -103,7 +103,7 @@ function v({ viewDate: t, today: n, value: r, events: i, onSelect: a, onEventCli
 				onKeyDown: (e) => {
 					!S && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), a(t));
 				},
-				className: e("p-1.5 transition-colors group/cell", "border-border focus-visible:z-10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus-ring/35", !s && "border-r", !u && "border-b", !x && "bg-black/[0.015] dark:bg-white/[0.015]", S ? "cursor-not-allowed opacity-40" : "cursor-pointer hover:bg-surface-muted"),
+				className: e("p-1.5 transition-colors group/cell", "border-border focus-visible:z-10 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-inset focus-visible:ring-focus-ring/35", !s && "border-r", !u && "border-b", !x && "bg-black/[0.015] dark:bg-white/[0.015]", S ? "cursor-not-allowed opacity-40" : "cursor-pointer hover:bg-surface-muted"),
 				children: [/* @__PURE__ */ l("div", {
 					className: "flex items-center justify-between mb-1",
 					children: [/* @__PURE__ */ c("span", {
@@ -179,7 +179,7 @@ function y({ viewDate: t, today: n, value: r, events: i, onSelect: a, onEventCli
 				onKeyDown: (e) => {
 					!s && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), a(t));
 				},
-				className: e("group/whead flex flex-col items-center gap-1 py-3 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus-ring/35", s ? "cursor-not-allowed opacity-40" : "cursor-pointer hover:bg-surface-muted"),
+				className: e("group/whead flex flex-col items-center gap-1 py-3 transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-inset focus-visible:ring-focus-ring/35", s ? "cursor-not-allowed opacity-40" : "cursor-pointer hover:bg-surface-muted"),
 				children: [
 					/* @__PURE__ */ c("span", {
 						className: "text-[10px] font-semibold text-slate-400 dark:text-slate-500 uppercase tracking-wide",
@@ -214,7 +214,7 @@ function y({ viewDate: t, today: n, value: r, events: i, onSelect: a, onEventCli
 				onKeyDown: (e) => {
 					!s && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), a(t));
 				},
-				className: e("space-y-1.5 p-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus-ring/35", !i && "border-r border-border", s ? "cursor-not-allowed opacity-40" : "cursor-pointer hover:bg-surface-muted/70"),
+				className: e("space-y-1.5 p-2 transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-inset focus-visible:ring-focus-ring/35", !i && "border-r border-border", s ? "cursor-not-allowed opacity-40" : "cursor-pointer hover:bg-surface-muted/70"),
 				children: r.map((t) => /* @__PURE__ */ l("div", {
 					className: e("group/wev flex items-start gap-1 rounded-[var(--radius-md)] border px-2 py-1.5", p[t.color ?? "blue"], v === t.id && "ring-1 ring-focus-ring"),
 					children: [/* @__PURE__ */ l("button", {
@@ -423,13 +423,13 @@ function b({ value: s, defaultValue: u = null, onChange: d, events: p, defaultEv
 							e.key === "Enter" && Ce(P), e.key === "Escape" && (F(null), L(""), B("09:00"));
 						},
 						placeholder: "Event title",
-						className: "h-7 flex-1 min-w-[140px] rounded-md border border-border bg-surface px-2 text-xs text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-focus-ring/25"
+						className: "h-7 flex-1 min-w-[140px] rounded-md border border-border bg-surface px-2 text-xs text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-[3px] focus:ring-focus-ring/25"
 					}),
 					/* @__PURE__ */ c("input", {
 						type: "time",
 						value: z,
 						onChange: (e) => B(e.target.value),
-						className: "h-7 w-[110px] rounded-md border border-border bg-surface px-2 text-xs text-foreground focus:outline-none focus:ring-2 focus:ring-focus-ring/25"
+						className: "h-7 w-[110px] rounded-md border border-border bg-surface px-2 text-xs text-foreground focus:outline-none focus:ring-[3px] focus:ring-focus-ring/25"
 					}),
 					/* @__PURE__ */ l("select", {
 						"aria-label": "Event color",
@@ -504,13 +504,13 @@ function b({ value: s, defaultValue: u = null, onChange: d, events: p, defaultEv
 							},
 							id: `cal-edit-${e.id}`,
 							placeholder: "Title",
-							className: "h-7 flex-1 min-w-[140px] rounded-md border border-border bg-surface px-2 text-xs text-foreground focus:outline-none focus:ring-2 focus:ring-focus-ring/25"
+							className: "h-7 flex-1 min-w-[140px] rounded-md border border-border bg-surface px-2 text-xs text-foreground focus:outline-none focus:ring-[3px] focus:ring-focus-ring/25"
 						}),
 						/* @__PURE__ */ c("input", {
 							type: "time",
 							defaultValue: e.time ?? "",
 							id: `cal-edit-time-${e.id}`,
-							className: "h-7 w-[110px] rounded-md border border-border bg-surface px-2 text-xs text-foreground focus:outline-none focus:ring-2 focus:ring-focus-ring/25"
+							className: "h-7 w-[110px] rounded-md border border-border bg-surface px-2 text-xs text-foreground focus:outline-none focus:ring-[3px] focus:ring-focus-ring/25"
 						}),
 						/* @__PURE__ */ c("button", {
 							type: "button",