@bzync/rui 0.0.3

package/LICENSE

@@ -0,0 +1,15 @@
+ISC License
+
+Copyright (c) 2026 Bzync
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -0,0 +1,115 @@
+# rui
+
+Composable React UI components with scoped, customizable light and dark themes.
+
+```tsx
+import { Button, ThemeProvider, ThemeToggle } from "@bzync/rui"
+import "@bzync/rui/styles.css"
+
+const violet = {
+  50: "#f5f3ff", 100: "#ede9fe", 200: "#ddd6fe", 300: "#c4b5fd",
+  400: "#a78bfa", 500: "#8b5cf6", 600: "#7c3aed", 700: "#6d28d9",
+  800: "#5b21b6", 900: "#4c1d95", 950: "#2e1065",
+} as const
+
+export function App() {
+  return (
+    <ThemeProvider
+      applyToRoot
+      palette={{ accent: violet }}
+      lightPalette={{ tokens: { "--color-bg": "#fafafa", "--color-surface": "#fff" } }}
+      darkPalette={{ tokens: { "--color-bg": "#09090b", "--color-surface": "#18181b" } }}
+    >
+      <ThemeToggle />
+      <Button>Custom primary</Button>
+    </ThemeProvider>
+  )
+}
+```
+
+Every component accepts `className` (and native element props where applicable), so one-off
+changes compose with the defaults. `ThemeProvider` supports controlled or uncontrolled themes,
+system preference, persistent selection, scoped themes, custom accent/neutral scales, and any
+CSS variable through `tokens`. `ThemeToggle` accepts custom icons, labels, and classes.
+
+## Installation
+
+```sh
+npm install @bzync/rui framer-motion
+```
+
+Import the core stylesheet once near the application root:
+
+```tsx
+import "@bzync/rui/styles.css"
+```
+
+rui does not download or bundle webfonts. It uses system fallbacks by default, keeping the
+core stylesheet small and avoiding unexpected network requests. Applications can load any font
+and override `--font-sans`, `--font-display`, and `--font-mono` on `.rui-theme`.
+
+## Accessibility and motion
+
+Interactive components expose native semantics and keyboard behavior. Modal dialogs label their
+content, trap keyboard focus, close with Escape, restore the previously focused element, and
+preserve the page's prior scroll-lock state. rui also disables nonessential animation within its
+theme scope when the user requests reduced motion.
+
+## Component imports
+
+Use subpath imports when an application only needs a small part of the library:
+
+```tsx
+import { Button } from "@bzync/rui/button"
+```
+
+The root export remains available for convenience. React 18.2 and React 19 are supported.
+
+## Documentation
+
+The component documentation and live demos are published to
+[bzync.github.io/rui](https://bzync.github.io/rui/). A push to `main` deploys
+the latest documentation through GitHub Pages; maintainers can also run the
+**Deploy documentation** workflow manually from the Actions tab.
+
+## Releasing to npm
+
+Add an npm publishing token to the GitHub repository as an Actions secret named
+`NPM_TOKEN`. The release workflow runs when a `v*` tag is pushed and requires the
+tag to match the version in `package.json` exactly.
+
+To publish the version currently declared in `package.json`:
+
+```sh
+VERSION="$(node --print "require('./package.json').version")"
+git tag -a "v${VERSION}" -m "Release v${VERSION}"
+git push origin "v${VERSION}"
+```
+
+For later patch releases, commit all pending changes and run:
+
+```sh
+npm version patch
+git push origin HEAD --follow-tags
+```
+
+`npm version patch` updates `package.json` and `package-lock.json`, creates a
+release commit, and creates the matching version tag. Use `minor` or `major`
+instead of `patch` when appropriate. Before publishing, GitHub Actions runs the
+complete release check. It also generates npm provenance when the source
+repository is public; npm does not support provenance from private GitHub
+repositories.
+
+### Retrying a failed release
+
+Do not move or reuse an existing version tag after its workflow fails. Commit
+the fixes, create the next patch version, and push its new tag:
+
+```sh
+git add .
+git commit -m "Fix npm release workflow"
+npm version patch
+git push origin HEAD --follow-tags
+```
+
+For example, because `v0.0.2` failed, this creates and publishes `v0.0.3`.

package/dist/autocomplete-CaysJRpk.cjs

@@ -0,0 +1 @@
+const e=require("./cn-BdjraxxU.cjs"),t=require("./component-styles-TkZ7v6Ef.cjs"),n=require("./utils-DOFJTw8o.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-blue-500/25 text-blue-700 dark:text-blue-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}){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/20`,p&&`opacity-50 cursor-not-allowed`),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:`flex-1 min-w-0 bg-transparent text-sm text-foreground placeholder:text-muted-foreground outline-none disabled:cursor-not-allowed`}),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}){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/20`,p&&`opacity-50 cursor-not-allowed`),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-gray-900 dark:hover:text-white 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:`flex-1 min-w-[80px] bg-transparent text-sm text-foreground placeholder:text-muted-foreground outline-none disabled:cursor-not-allowed py-0.5`}),(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}){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:`px-4 py-3 text-sm text-slate-600 flex items-center gap-2`,children:[(0,o.jsx)(l,{}),`Loading…`]}):f.length===0?(0,o.jsx)(`li`,{className:`px-4 py-3 text-sm text-slate-600`,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`),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,listClassName:w,placeholder:T,disabled:E,id:ee,multiple:D,unstyled:te=!1,...O}=i,{value:ne,onSelect:re,onDeselect:ie,...k}=O,ae=(0,a.useId)(),A=ee??ae,j=`${A}-list`,M=`${A}-message`,[oe,se]=(0,a.useState)(``),N=l===void 0?oe:l,P=r.t(e=>u?.(e)),F=(0,a.useCallback)(e=>{l===void 0?se(e):P(e)},[l,P]),[I,L]=(0,a.useState)([]),R=(0,a.useMemo)(()=>{if(!D)return[];let e=i;return e.value===void 0?I:c.filter(t=>e.value.includes(t.value))},[D,c,i,I]),z=(0,a.useMemo)(()=>R.map(e=>e.value),[R]),[B,V]=(0,a.useState)(!1),[H,U]=(0,a.useState)(-1),W=(0,a.useRef)(null),G=(0,a.useRef)(null),K=(0,a.useRef)(null),[q,J]=(0,a.useState)(``),Y=(0,a.useMemo)(()=>{let e=q.trim().toLowerCase();return c.filter(t=>!t.disabled&&t.label.toLowerCase().includes(e)).slice(0,x)},[c,q,x]),X=(0,a.useCallback)(e=>{i.onSelect?.(e),F(e.label),V(!1),U(-1)},[i,F]),ce=(0,a.useCallback)(e=>{let t=i,n=[...R,e];t.value===void 0&&L(n),t.onSelect?.(e,n),F(``),U(-1),G.current?.focus()},[R,i,F]),Z=(0,a.useCallback)(e=>{let t=i,n=R.filter(t=>t.value!==e.value);t.value===void 0&&L(n),t.onDeselect?.(e,n)},[R,i]),Q=(0,a.useCallback)(e=>{z.includes(e.value)?Z(e):ce(e)},[z,Z,ce]),le=(0,a.useCallback)(()=>{F(``),i.onSelect?.({value:``,label:``}),V(!1)},[i,F]),ue=(0,a.useCallback)(()=>{i.value===void 0&&L([]),F(``)},[i,F]),de=(0,a.useCallback)(e=>{if(D&&e.key===`Backspace`&&N===``&&R.length>0){Z(R[R.length-1]);return}if(!B){(e.key===`ArrowDown`||e.key===`ArrowUp`)&&(V(!0),J(``));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));else if(e.key===`Enter`){e.preventDefault();let t=Y[H];if(!t)return;D?Q(t):X(t)}else e.key===`Escape`&&(V(!1),U(-1))},[D,N,R,B,Y,H,Q,X,Z]);(0,a.useEffect)(()=>{H<0||!K.current||K.current.children[H]?.scrollIntoView({block:`nearest`})},[H]),(0,a.useEffect)(()=>{function e(e){let t=e.target;!W.current?.contains(t)&&!K.current?.contains(t)&&V(!1)}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]);let fe=D?void 0:i.value,pe=!!(!D&&v&&N.length>0&&!E),me=!!(D&&v&&(R.length>0||N.length>0)&&!E),he=n.o(B,W),$=(0,a.useCallback)(e=>{F(e.target.value),J(e.target.value),V(!0),U(-1)},[F]),ge=(0,a.useCallback)(()=>{V(!0),J(``)},[]);return te?(0,o.jsxs)(`div`,{ref:W,className:e.t(S,C),children:[(0,o.jsx)(`input`,{ref:s,id:A,value:N,onChange:$,placeholder:T,disabled:E}),B&&(0,o.jsx)(`ul`,{ref:K,id:j,className:w,children:Y.map(e=>(0,o.jsx)(`li`,{onClick:()=>D?Q(e):X(e),children:e.label},String(e.value)))})]}):(0,o.jsxs)(`div`,{ref:W,className:e.t(`relative`,t.o,C,S),children:[m&&(0,o.jsxs)(`label`,{htmlFor:A,className:`text-sm font-medium leading-5 text-foreground`,children:[m,O.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)`})]})]}),!D&&(0,o.jsx)(d,{inputRef:s,inputId:A,listId:j,open:B,activeIdx:H,inputText:N,prefix:_,placeholder:T,disabled:E,error:g,loading:y,showClear:pe,onInputChange:$,onFocus:ge,onKeyDown:de,onClear:le,messageId:g||h?M:void 0,inputProps:k}),D&&(0,o.jsx)(f,{inputRef:e=>{G.current=e,typeof s==`function`?s(e):s&&(s.current=e)},inputId:A,listId:j,open:B,activeIdx:H,inputText:N,prefix:_,placeholder:T,disabled:E,error:g,loading:y,showClear:me,selected:R,onContainerClick:()=>{E||(G.current?.focus(),V(!0),J(``))},onInputChange:$,onFocus:ge,onKeyDown:de,onRemove:Z,onClearAll:ue,messageId:g||h?M:void 0,inputProps:k}),(0,o.jsx)(p,{listRef:K,listId:j,open:B,pos:he,multiple:D,loading:y,filtered:Y,emptyMessage:b,activeIdx:H,setActiveIdx:U,inputText:q,selectedValues:z,singleValue:fe,onSelectSingle:X,onToggleMulti:Q,className:w}),g&&(0,o.jsx)(`p`,{id:M,"aria-live":`polite`,className:`text-xs leading-5 text-destructive`,children:g}),h&&!g&&(0,o.jsx)(`p`,{id:M,className:`text-xs leading-5 text-muted-foreground`,children:h})]})}var h=(0,a.forwardRef)(m);Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});

package/dist/autocomplete-CfbfpcO4.js

@@ -0,0 +1,453 @@
+import { t as e } from "./cn-DpgY2leY.js";
+import { o as t, t as n } from "./component-styles-Ce56hn9T.js";
+import { o as r } from "./utils-CQ8pvCtk.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";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { createPortal as _ } from "react-dom";
+//#region src/components/autocomplete/icons.tsx
+var v = ({ size: e = 12 }) => /* @__PURE__ */ h("svg", {
+	width: e,
+	height: e,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2.5",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: /* @__PURE__ */ h("path", { d: "M18 6 6 18M6 6l12 12" })
+}), y = () => /* @__PURE__ */ g("svg", {
+	className: "animate-spin shrink-0 w-3.5 h-3.5 text-slate-500",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	children: [/* @__PURE__ */ h("circle", {
+		className: "opacity-20",
+		cx: "12",
+		cy: "12",
+		r: "10",
+		stroke: "currentColor",
+		strokeWidth: "3"
+	}), /* @__PURE__ */ h("path", {
+		className: "opacity-70",
+		fill: "currentColor",
+		d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+	})]
+});
+function b({ text: e, query: t }) {
+	if (!t) return /* @__PURE__ */ h(m, { children: e });
+	let n = e.toLowerCase().indexOf(t.toLowerCase());
+	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",
+			children: e.slice(n, n + t.length)
+		}),
+		e.slice(n + t.length)
+	] });
+}
+//#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 }) {
+	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"),
+		children: [
+			c && /* @__PURE__ */ h("span", {
+				className: "text-slate-500 shrink-0 text-sm",
+				children: c
+			}),
+			/* @__PURE__ */ h("input", {
+				...C,
+				ref: t,
+				id: r,
+				role: "combobox",
+				"aria-autocomplete": "list",
+				"aria-expanded": a,
+				"aria-controls": i,
+				"aria-activedescendant": o >= 0 ? `${i}-opt-${o}` : void 0,
+				"aria-invalid": d ? !0 : void 0,
+				"aria-describedby": S,
+				autoComplete: "off",
+				value: s,
+				onChange: m,
+				onFocus: _,
+				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"
+			}),
+			f && /* @__PURE__ */ h(y, {}),
+			p && !f && /* @__PURE__ */ h("button", {
+				type: "button",
+				onClick: x,
+				className: "shrink-0 text-slate-500 hover:text-slate-600 dark:hover:text-slate-300 cursor-pointer transition-colors",
+				children: /* @__PURE__ */ h(v, {})
+			})
+		]
+	});
+}
+//#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 }) {
+	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"),
+		children: [
+			c && /* @__PURE__ */ h("span", {
+				className: "text-slate-500 shrink-0 text-sm",
+				children: c
+			}),
+			m.map((e) => /* @__PURE__ */ g("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 && /* @__PURE__ */ h("span", {
+						className: "shrink-0 text-slate-500 dark:text-slate-400",
+						children: e.icon
+					}),
+					/* @__PURE__ */ h("span", {
+						className: "truncate",
+						children: e.label
+					}),
+					/* @__PURE__ */ h("button", {
+						type: "button",
+						tabIndex: -1,
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: (t) => {
+							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",
+						"aria-label": `Remove ${e.label}`,
+						children: /* @__PURE__ */ h(v, { size: 10 })
+					})
+				]
+			}, String(e.value))),
+			/* @__PURE__ */ h("input", {
+				...E,
+				ref: t,
+				id: r,
+				role: "combobox",
+				"aria-autocomplete": "list",
+				"aria-expanded": a,
+				"aria-controls": i,
+				"aria-activedescendant": o >= 0 ? `${i}-opt-${o}` : void 0,
+				"aria-invalid": d ? !0 : void 0,
+				"aria-describedby": T,
+				autoComplete: "off",
+				value: s,
+				onChange: b,
+				onFocus: x,
+				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"
+			}),
+			/* @__PURE__ */ g("span", {
+				className: "ml-auto flex items-center gap-1.5 shrink-0",
+				children: [
+					f && /* @__PURE__ */ h(y, {}),
+					p && !f && /* @__PURE__ */ h("button", {
+						type: "button",
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: (e) => {
+							e.stopPropagation(), w();
+						},
+						className: "text-slate-500 hover:text-slate-600 dark:hover:text-slate-300 transition-colors",
+						"aria-label": "Clear all",
+						children: /* @__PURE__ */ h(v, {})
+					}),
+					m.length > 0 && /* @__PURE__ */ h("span", {
+						className: "text-[10px] font-medium text-slate-500 tabular-nums",
+						children: m.length
+					})
+				]
+			})
+		]
+	});
+}
+//#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 }) {
+	return typeof document > "u" ? null : _(/* @__PURE__ */ h(a, { children: r && i && /* @__PURE__ */ h(o.ul, {
+		ref: t,
+		id: n,
+		role: "listbox",
+		"aria-multiselectable": s,
+		initial: {
+			opacity: 0,
+			y: i.placement === "bottom" ? -4 : 4
+		},
+		animate: {
+			opacity: 1,
+			y: 0
+		},
+		exit: {
+			opacity: 0,
+			y: i.placement === "bottom" ? -4 : 4
+		},
+		transition: { duration: .13 },
+		style: {
+			position: "fixed",
+			top: i.top,
+			left: i.left,
+			width: i.width,
+			maxHeight: i.maxHeight
+		},
+		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",
+			children: [/* @__PURE__ */ h(y, {}), "Loading…"]
+		}) : l.length === 0 ? /* @__PURE__ */ h("li", {
+			className: "px-4 py-3 text-sm text-slate-600",
+			children: u
+		}) : l.map((t, r) => {
+			let i = r === d, a = s ? m.includes(t.value) : t.value === v;
+			return /* @__PURE__ */ g("li", {
+				id: `${n}-opt-${r}`,
+				role: "option",
+				"aria-selected": a,
+				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"),
+				children: [
+					t.icon && /* @__PURE__ */ h("span", {
+						className: "shrink-0 text-slate-500 dark:text-slate-400",
+						children: t.icon
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ h("p", {
+							className: e("text-sm", a ? "text-accent-700 dark:text-accent-300 font-medium" : "text-foreground"),
+							children: /* @__PURE__ */ h(b, {
+								text: t.label,
+								query: p
+							})
+						}), t.description && /* @__PURE__ */ h("p", {
+							className: "text-xs text-slate-500 mt-0.5 truncate",
+							children: t.description
+						})]
+					}),
+					a && /* @__PURE__ */ h("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: /* @__PURE__ */ h("path", { d: "m20 6-11 11-5-5" })
+					})
+				]
+			}, String(t.value));
+		})
+	}) }), document.body);
+}
+//#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 e = n;
+		return e.value === void 0 ? me : o.filter((t) => e.value.includes(t.value));
+	}, [
+		k,
+		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);
+	}, [
+		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();
+	}, [
+		R,
+		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);
+	}, [
+		z,
+		Z,
+		he
+	]), ge = c(() => {
+		I(""), 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]);
+			return;
+		}
+		if (!B) {
+			(e.key === "ArrowDown" || e.key === "ArrowUp") && (V(!0), J(""));
+			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));
+		else if (e.key === "Enter") {
+			e.preventDefault();
+			let t = Y[H];
+			if (!t) return;
+			k ? Q(t) : X(t);
+		} else e.key === "Escape" && (V(!1), U(-1));
+	}, [
+		k,
+		F,
+		R,
+		B,
+		Y,
+		H,
+		Q,
+		X,
+		Z
+	]);
+	l(() => {
+		H < 0 || !K.current || K.current.children[H]?.scrollIntoView({ block: "nearest" });
+	}, [H]), l(() => {
+		function e(e) {
+			let t = e.target;
+			!W.current?.contains(t) && !K.current?.contains(t) && V(!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("");
+	}, []);
+	return oe ? /* @__PURE__ */ g("div", {
+		ref: W,
+		className: e(ne, re),
+		children: [/* @__PURE__ */ h("input", {
+			ref: a,
+			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),
+				children: e.label
+			}, String(e.value)))
+		})]
+	}) : /* @__PURE__ */ g("div", {
+		ref: W,
+		className: e("relative", t, re, ne),
+		children: [
+			v && /* @__PURE__ */ g("label", {
+				htmlFor: M,
+				className: "text-sm font-medium leading-5 text-foreground",
+				children: [v, A.required && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", {
+					"aria-hidden": "true",
+					className: "ml-1 text-destructive",
+					children: "*"
+				}), /* @__PURE__ */ h("span", {
+					className: "sr-only",
+					children: " (required)"
+				})] })]
+			}),
+			!k && /* @__PURE__ */ h(x, {
+				inputRef: a,
+				inputId: M,
+				listId: N,
+				open: B,
+				activeIdx: H,
+				inputText: F,
+				prefix: w,
+				placeholder: D,
+				disabled: O,
+				error: b,
+				loading: E,
+				showClear: be,
+				onInputChange: $,
+				onFocus: Ce,
+				onKeyDown: ve,
+				onClear: ge,
+				messageId: b || y ? P : void 0,
+				inputProps: j
+			}),
+			k && /* @__PURE__ */ h(S, {
+				inputRef: (e) => {
+					G.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
+				},
+				inputId: M,
+				listId: N,
+				open: B,
+				activeIdx: H,
+				inputText: F,
+				prefix: w,
+				placeholder: D,
+				disabled: O,
+				error: b,
+				loading: E,
+				showClear: xe,
+				selected: R,
+				onContainerClick: () => {
+					O || (G.current?.focus(), V(!0), J(""));
+				},
+				onInputChange: $,
+				onFocus: Ce,
+				onKeyDown: ve,
+				onRemove: Z,
+				onClearAll: _e,
+				messageId: b || y ? P : void 0,
+				inputProps: j
+			}),
+			/* @__PURE__ */ h(C, {
+				listRef: K,
+				listId: N,
+				open: B,
+				pos: Se,
+				multiple: k,
+				loading: E,
+				filtered: Y,
+				emptyMessage: ee,
+				activeIdx: H,
+				setActiveIdx: U,
+				inputText: q,
+				selectedValues: z,
+				singleValue: ye,
+				onSelectSingle: X,
+				onToggleMulti: Q,
+				className: ie
+			}),
+			b && /* @__PURE__ */ h("p", {
+				id: P,
+				"aria-live": "polite",
+				className: "text-xs leading-5 text-destructive",
+				children: b
+			}),
+			y && !b && /* @__PURE__ */ h("p", {
+				id: P,
+				className: "text-xs leading-5 text-muted-foreground",
+				children: y
+			})
+		]
+	});
+}
+var T = s(w);
+//#endregion
+export { T as t };

package/dist/calendar-Bnld4G59.cjs

@@ -0,0 +1 @@
+const e=require("./cn-BdjraxxU.cjs"),t=require("./component-styles-TkZ7v6Ef.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-2 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-2 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-2 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-2 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-2 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-2 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-2 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}});