taibul-ui 1.0.2 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/taibul-ui.es.js +1 -1
- package/dist/taibul-ui.umd.js +44 -43
- package/package.json +4 -3
- /package/dist/{style.css → index.css} +0 -0
package/dist/taibul-ui.es.js
CHANGED
|
@@ -7,7 +7,7 @@ import { Prism as Ie } from "react-syntax-highlighter";
|
|
|
7
7
|
import { xonokai as Gr, vscDarkPlus as Kr, twilight as qr, tomorrow as Xr, solarizedlight as Yr, oneLight as Zr, oneDark as Qr, okaidia as Jr, hopscotch as eo, ghcolors as to, funky as ro, duotoneLight as oo, duotoneDark as no, dracula as ao, dark as so, darcula as io, coy as lo, cb as co, atomDark as uo } from "react-syntax-highlighter/dist/esm/styles/prism";
|
|
8
8
|
import { createPortal as ue } from "react-dom";
|
|
9
9
|
import mo from "react-markdown";
|
|
10
|
-
const fo = y.forwardRef(({
|
|
10
|
+
import './index.css';const fo = y.forwardRef(({
|
|
11
11
|
src: t,
|
|
12
12
|
name: r,
|
|
13
13
|
size: o = "md",
|
package/dist/taibul-ui.umd.js
CHANGED
|
@@ -1,60 +1,61 @@
|
|
|
1
|
-
(function(w,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("react"),require("lucide-react"),require("date-fns"),require("react-syntax-highlighter"),require("react-syntax-highlighter/dist/esm/styles/prism"),require("react-dom"),require("react-markdown")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","lucide-react","date-fns","react-syntax-highlighter","react-syntax-highlighter/dist/esm/styles/prism","react-dom","react-markdown"],e):(w=typeof globalThis<"u"?globalThis:w||self,e(w.TaibulUI={},w.jsxRuntime,w.React,w.lucideReact,w.dateFns,w.reactSyntaxHighlighter,w.prism,w.ReactDOM,w.ReactMarkdown))})(this,function(w,e,o,c,L,ye,F,ee,tr){"use strict";"use client";const we=o.forwardRef(({src:r,name:t,size:s="md",alt:l,className:i="",...a},n)=>{const[f,u]=o.useState(!1),d={sm:"w-8 h-8 text-xs",md:"w-10 h-10 text-sm",lg:"w-12 h-12 text-base"},h={sm:14,md:18,lg:20},m=r&&!f,p=t?t.charAt(0).toUpperCase():null;return e.jsx("div",{ref:n,className:`relative inline-flex items-center justify-center rounded-full overflow-hidden shrink-0 bg-muted border border-border/50 text-muted-foreground font-medium select-none ${d[s]} ${i}`,...a,children:m?e.jsx("img",{src:r,alt:l||t||"Avatar",className:"w-full h-full object-cover",onError:()=>u(!0)}):p?e.jsx("span",{children:p}):e.jsx(c.User,{size:h[s]})})});we.displayName="Avatar";const re=o.forwardRef(({size:r="md",className:t="",variant:s="primary",...l},i)=>{const n=typeof r=="number"?r:{sm:16,md:24,lg:32}[r],f={primary:"text-primary",muted:"text-muted-foreground",white:"text-white"};return e.jsxs("div",{ref:i,role:"status",className:`inline-flex items-center justify-center ${t}`,...l,children:[e.jsx(c.Loader2,{size:n,className:`animate-spin ${f[s]}`}),e.jsx("span",{className:"sr-only",children:"Loading..."})]})});re.displayName="Spinner";const A=o.forwardRef(({children:r,variant:t="primary",size:s="md",className:l="",leftIcon:i,rightIcon:a,isLoading:n=!1,disabled:f,...u},d)=>{const h="inline-flex items-center justify-center font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer gap-2",m={primary:"bg-primary text-primary-foreground hover:opacity-90 shadow-sm",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",outline:"border border-border bg-transparent hover:bg-accent hover:text-accent-foreground",ghost:"bg-transparent hover:bg-accent hover:text-accent-foreground"},p={sm:"h-8 px-3 text-xs rounded-sm",md:"h-10 px-4 py-2 rounded-md",lg:"h-12 px-4 text-base rounded-lg"},x={sm:14,md:18,lg:20},b=s==="lg"?"md":"sm";return e.jsxs("button",{ref:d,className:`${h} ${m[t]} ${p[s]} ${l}`,disabled:f||n,...u,children:[n?e.jsx(re,{size:b,variant:t==="primary"?"white":"primary"}):i&&e.jsx(i,{size:x[s]}),r,!n&&a&&e.jsx(a,{size:x[s]})]})});A.displayName="Button";const te=o.forwardRef(({selected:r,onSelect:t,className:s="",range:l=!1,...i},a)=>{const[n,f]=o.useState(new Date),u=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],d=L.startOfMonth(n),h=L.endOfMonth(d),m=L.startOfWeek(d),p=L.endOfWeek(h),x=[];let b=[],S=m;const y=v=>{t==null||t(v)},g=v=>r?r instanceof Date?L.isSameDay(v,r):"from"in r?L.isSameDay(v,r.from)||r.to&&L.isSameDay(v,r.to):!1:!1,$=v=>!l||!r||r instanceof Date||!("from"in r)||!r.to?!1:L.isWithinInterval(v,{start:r.from,end:r.to});for(;S<=p;){for(let v=0;v<7;v++){const M=S,E=!L.isSameMonth(S,d),k=g(S),z=$(S),N=L.isToday(S);b.push(e.jsx("button",{type:"button",onClick:()=>y(M),className:`
|
|
1
|
+
(function(x,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("react"),require("lucide-react"),require("date-fns"),require("react-syntax-highlighter"),require("react-syntax-highlighter/dist/esm/styles/prism"),require("react-dom"),require("react-markdown")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","lucide-react","date-fns","react-syntax-highlighter","react-syntax-highlighter/dist/esm/styles/prism","react-dom","react-markdown"],e):(x=typeof globalThis<"u"?globalThis:x||self,e(x.TaibulUI={},x.jsxRuntime,x.React,x.lucideReact,x.dateFns,x.reactSyntaxHighlighter,x.prism,x.ReactDOM,x.ReactMarkdown))})(this,function(x,e,o,c,j,ve,L,ee,or){"use strict";"use client";var xe=document.createElement("style");xe.textContent=`@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Urbanist:wght@400;500;600;700&display=swap";/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-urbanist),"Inter",ui-sans-serif,system-ui;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.-top-1{top:calc(var(--spacing)*-1)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\\/2{top:50%}.top-2\\.5{top:calc(var(--spacing)*2.5)}.top-6{top:calc(var(--spacing)*6)}.top-full{top:100%}.-right-1{right:calc(var(--spacing)*-1)}.right-0{right:calc(var(--spacing)*0)}.right-3{right:calc(var(--spacing)*3)}.right-6{right:calc(var(--spacing)*6)}.-bottom-1{bottom:calc(var(--spacing)*-1)}.bottom-0{bottom:calc(var(--spacing)*0)}.-left-1{left:calc(var(--spacing)*-1)}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.left-1\\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-100{z-index:100}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-0\\!{margin:calc(var(--spacing)*0)!important}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.my-8{margin-block:calc(var(--spacing)*8)}.my-16{margin-block:calc(var(--spacing)*16)}.mt-0\\!{margin-top:calc(var(--spacing)*0)!important}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-6{margin-right:calc(var(--spacing)*6)}.-mb-px{margin-bottom:-1px}.mb-0\\.5\\!{margin-bottom:calc(var(--spacing)*.5)!important}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.mb-\\[5px\\]{margin-bottom:5px}.ml-0\\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.\\!flex{display:flex!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0\\.5{height:calc(var(--spacing)*.5)}.h-1{height:calc(var(--spacing)*1)}.h-1\\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-24{height:calc(var(--spacing)*24)}.h-32{height:calc(var(--spacing)*32)}.h-48{height:calc(var(--spacing)*48)}.h-64{height:calc(var(--spacing)*64)}.h-\\[400px\\]{height:400px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-0{max-height:calc(var(--spacing)*0)}.max-h-60{max-height:calc(var(--spacing)*60)}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\\[70vh\\]{max-height:70vh}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-12{min-height:calc(var(--spacing)*12)}.min-h-\\[1em\\]{min-height:1em}.min-h-\\[36px\\]{min-height:36px}.min-h-\\[80px\\]{min-height:80px}.min-h-\\[120px\\]{min-height:120px}.min-h-\\[200px\\]{min-height:200px}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing)*0)}.w-1\\/3{width:33.3333%}.w-1\\/12{width:8.33333%}.w-2{width:calc(var(--spacing)*2)}.w-2\\.5{width:calc(var(--spacing)*2.5)}.w-2\\/3{width:66.6667%}.w-2\\/12{width:16.6667%}.w-3\\.5{width:calc(var(--spacing)*3.5)}.w-3\\/4{width:75%}.w-3\\/12{width:25%}.w-4{width:calc(var(--spacing)*4)}.w-4\\/12{width:33.3333%}.w-5{width:calc(var(--spacing)*5)}.w-5\\/12{width:41.6667%}.w-6\\/12{width:50%}.w-7\\/12{width:58.3333%}.w-8{width:calc(var(--spacing)*8)}.w-8\\/12{width:66.6667%}.w-9{width:calc(var(--spacing)*9)}.w-9\\/12{width:75%}.w-10{width:calc(var(--spacing)*10)}.w-10\\/12{width:83.3333%}.w-11\\/12{width:91.6667%}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-48{width:calc(var(--spacing)*48)}.w-64{width:calc(var(--spacing)*64)}.w-\\[150px\\]{width:150px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\\[1000px\\]{max-width:1000px}.max-w-full{max-width:100%}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\\[80px\\]{min-width:80px}.min-w-\\[280px\\]{min-width:280px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-center{transform-origin:50%}.-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-\\[0\\.99\\]{scale:.99}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize-none{resize:none}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-center{scroll-snap-align:center}.scroll-m-20{scroll-margin:calc(var(--spacing)*20)}.scroll-mt-24{scroll-margin-top:calc(var(--spacing)*24)}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)){border-color:var(--border)}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-amber-500\\/20{border-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.border-amber-500\\/20{border-color:color-mix(in oklab,var(--color-amber-500)20%,transparent)}}.border-blue-500\\/20{border-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.border-blue-500\\/20{border-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.border-border,.border-border\\/40{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\\/40{border-color:color-mix(in oklab,var(--border)40%,transparent)}}.border-border\\/50{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\\/50{border-color:color-mix(in oklab,var(--border)50%,transparent)}}.border-emerald-500\\/20{border-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\\/20{border-color:color-mix(in oklab,var(--color-emerald-500)20%,transparent)}}.border-green-500\\/20{border-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.border-green-500\\/20{border-color:color-mix(in oklab,var(--color-green-500)20%,transparent)}}.border-indigo-500\\/20{border-color:#625fff33}@supports (color:color-mix(in lab,red,red)){.border-indigo-500\\/20{border-color:color-mix(in oklab,var(--color-indigo-500)20%,transparent)}}.border-input{border-color:var(--input)}.border-orange-500\\/20{border-color:#fe6e0033}@supports (color:color-mix(in lab,red,red)){.border-orange-500\\/20{border-color:color-mix(in oklab,var(--color-orange-500)20%,transparent)}}.border-pink-500\\/20{border-color:#f6339a33}@supports (color:color-mix(in lab,red,red)){.border-pink-500\\/20{border-color:color-mix(in oklab,var(--color-pink-500)20%,transparent)}}.border-primary,.border-primary\\/20{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\\/20{border-color:color-mix(in oklab,var(--primary)20%,transparent)}}.border-purple-500\\/20{border-color:#ac4bff33}@supports (color:color-mix(in lab,red,red)){.border-purple-500\\/20{border-color:color-mix(in oklab,var(--color-purple-500)20%,transparent)}}.border-red-500{border-color:var(--color-red-500)}.border-red-500\\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.border-red-500\\/20{border-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.border-rose-500\\/20{border-color:#ff235733}@supports (color:color-mix(in lab,red,red)){.border-rose-500\\/20{border-color:color-mix(in oklab,var(--color-rose-500)20%,transparent)}}.border-slate-500\\/20{border-color:#62748e33}@supports (color:color-mix(in lab,red,red)){.border-slate-500\\/20{border-color:color-mix(in oklab,var(--color-slate-500)20%,transparent)}}.border-slate-700{border-color:var(--color-slate-700)}.border-transparent{border-color:#0000}.border-t-green-500{border-top-color:var(--color-green-500)}.border-t-orange-500{border-top-color:var(--color-orange-500)}.border-t-red-500{border-top-color:var(--color-red-500)}.bg-accent,.bg-accent\\/20{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\\/20{background-color:color-mix(in oklab,var(--accent)20%,transparent)}}.bg-accent\\/30{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\\/30{background-color:color-mix(in oklab,var(--accent)30%,transparent)}}.bg-accent\\/50{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\\/50{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.bg-amber-500\\/10{background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\\/10{background-color:color-mix(in oklab,var(--color-amber-500)10%,transparent)}}.bg-amber-500\\/20{background-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\\/20{background-color:color-mix(in oklab,var(--color-amber-500)20%,transparent)}}.bg-background,.bg-background\\/80{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\\/80{background-color:color-mix(in oklab,var(--background)80%,transparent)}}.bg-blue-500\\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\\/10{background-color:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.bg-blue-500\\/20{background-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\\/20{background-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.bg-border{background-color:var(--border)}.bg-emerald-500\\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\\/10{background-color:color-mix(in oklab,var(--color-emerald-500)10%,transparent)}}.bg-foreground{background-color:var(--foreground)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\\/10{background-color:#00c7581a}@supports (color:color-mix(in lab,red,red)){.bg-green-500\\/10{background-color:color-mix(in oklab,var(--color-green-500)10%,transparent)}}.bg-indigo-500\\/10{background-color:#625fff1a}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\\/10{background-color:color-mix(in oklab,var(--color-indigo-500)10%,transparent)}}.bg-input{background-color:var(--input)}.bg-muted,.bg-muted\\/5{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\\/5{background-color:color-mix(in oklab,var(--muted)5%,transparent)}}.bg-muted\\/10{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\\/10{background-color:color-mix(in oklab,var(--muted)10%,transparent)}}.bg-muted\\/20{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\\/20{background-color:color-mix(in oklab,var(--muted)20%,transparent)}}.bg-muted\\/30{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\\/30{background-color:color-mix(in oklab,var(--muted)30%,transparent)}}.bg-muted\\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\\/50{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-500\\/10{background-color:#fe6e001a}@supports (color:color-mix(in lab,red,red)){.bg-orange-500\\/10{background-color:color-mix(in oklab,var(--color-orange-500)10%,transparent)}}.bg-pink-500\\/10{background-color:#f6339a1a}@supports (color:color-mix(in lab,red,red)){.bg-pink-500\\/10{background-color:color-mix(in oklab,var(--color-pink-500)10%,transparent)}}.bg-primary,.bg-primary\\/5{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\\/5{background-color:color-mix(in oklab,var(--primary)5%,transparent)}}.bg-primary\\/10{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\\/10{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.bg-purple-500\\/10{background-color:#ac4bff1a}@supports (color:color-mix(in lab,red,red)){.bg-purple-500\\/10{background-color:color-mix(in oklab,var(--color-purple-500)10%,transparent)}}.bg-purple-500\\/20{background-color:#ac4bff33}@supports (color:color-mix(in lab,red,red)){.bg-purple-500\\/20{background-color:color-mix(in oklab,var(--color-purple-500)20%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-rose-500\\/10{background-color:#ff23571a}@supports (color:color-mix(in lab,red,red)){.bg-rose-500\\/10{background-color:color-mix(in oklab,var(--color-rose-500)10%,transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-slate-500\\/10{background-color:#62748e1a}@supports (color:color-mix(in lab,red,red)){.bg-slate-500\\/10{background-color:color-mix(in oklab,var(--color-slate-500)10%,transparent)}}.bg-slate-950{background-color:var(--color-slate-950)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-background{--tw-gradient-from:var(--background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-0\\!{padding:calc(var(--spacing)*0)!important}.p-0\\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-12{padding:calc(var(--spacing)*12)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-12{padding-block:calc(var(--spacing)*12)}.py-20{padding-block:calc(var(--spacing)*20)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-\\[3px\\]{padding-right:3px}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-\\[3px\\]{padding-left:3px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-\\[system-ui\\]{font-family:system-ui}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\\[0\\.2em\\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.text-accent-foreground{color:var(--accent-foreground)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-black{color:var(--color-black)}.text-blue-400{color:var(--color-blue-400)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-emerald-600{color:var(--color-emerald-600)}.text-foreground,.text-foreground\\/50{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\\/50{color:color-mix(in oklab,var(--foreground)50%,transparent)}}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-indigo-600{color:var(--color-indigo-600)}.text-muted-foreground,.text-muted-foreground\\/50{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\\/50{color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-pink-600{color:var(--color-pink-600)}.text-primary{color:var(--primary)}.text-primary-foreground,.text-primary-foreground\\/80{color:var(--primary-foreground)}@supports (color:color-mix(in lab,red,red)){.text-primary-foreground\\/80{color:color-mix(in oklab,var(--primary-foreground)80%,transparent)}}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-rose-600{color:var(--color-rose-600)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-slate-50{color:var(--color-slate-50)}.text-slate-600{color:var(--color-slate-600)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0px_2px_0px_0px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\]{--tw-shadow:0px 2px 0px 0px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\\:border-primary\\/50:is(:where(.group):hover *){border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.group-hover\\:border-primary\\/50:is(:where(.group):hover *){border-color:color-mix(in oklab,var(--primary)50%,transparent)}}.group-hover\\:bg-accent:is(:where(.group):hover *){background-color:var(--accent)}.group-hover\\:text-primary\\/70:is(:where(.group):hover *){color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.group-hover\\:text-primary\\/70:is(:where(.group):hover *){color:color-mix(in oklab,var(--primary)70%,transparent)}}}.peer-checked\\:translate-x-4:is(:where(.peer):checked~*){--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-checked\\:border-primary:is(:where(.peer):checked~*){border-color:var(--primary)}.peer-checked\\:bg-primary:is(:where(.peer):checked~*){background-color:var(--primary)}.peer-checked\\:opacity-100:is(:where(.peer):checked~*){opacity:1}.peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\\:bg-transparent::file-selector-button{background-color:#0000}.file\\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\\:text-muted-foreground::placeholder,.placeholder\\:text-muted-foreground\\/30::placeholder{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.placeholder\\:text-muted-foreground\\/30::placeholder{color:color-mix(in oklab,var(--muted-foreground)30%,transparent)}}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:bottom-1:after{content:var(--tw-content);bottom:calc(var(--spacing)*1)}.after\\:h-1:after{content:var(--tw-content);height:calc(var(--spacing)*1)}.after\\:w-1:after{content:var(--tw-content);width:calc(var(--spacing)*1)}.after\\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\\:bg-primary:after{content:var(--tw-content);background-color:var(--primary)}.after\\:content-\\[\\"\\"\\]:after{--tw-content:"";content:var(--tw-content)}.first\\:mt-0:first-child{margin-top:calc(var(--spacing)*0)}.first\\:rounded-l-lg:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.last\\:rounded-r-lg:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.last\\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.empty\\:before\\:text-muted-foreground:empty:before{content:var(--tw-content);color:var(--muted-foreground)}.empty\\:before\\:content-\\[attr\\(data-placeholder\\)\\]:empty:before{--tw-content:attr(data-placeholder);content:var(--tw-content)}.focus-within\\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\\:ring-ring:focus-within{--tw-ring-color:var(--ring)}.focus-within\\:ring-offset-2:focus-within{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}@media (hover:hover){.hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\\:border-foreground\\/40:hover{border-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.hover\\:border-foreground\\/40:hover{border-color:color-mix(in oklab,var(--foreground)40%,transparent)}}.hover\\:border-primary\\/50:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\\:border-primary\\/50:hover{border-color:color-mix(in oklab,var(--primary)50%,transparent)}}.hover\\:bg-accent:hover,.hover\\:bg-accent\\/20:hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-accent\\/20:hover{background-color:color-mix(in oklab,var(--accent)20%,transparent)}}.hover\\:bg-accent\\/30:hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-accent\\/30:hover{background-color:color-mix(in oklab,var(--accent)30%,transparent)}}.hover\\:bg-accent\\/50:hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-accent\\/50:hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.hover\\:bg-foreground\\/10:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-foreground\\/10:hover{background-color:color-mix(in oklab,var(--foreground)10%,transparent)}}.hover\\:bg-muted:hover,.hover\\:bg-muted\\/10:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-muted\\/10:hover{background-color:color-mix(in oklab,var(--muted)10%,transparent)}}.hover\\:bg-muted\\/30:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-muted\\/30:hover{background-color:color-mix(in oklab,var(--muted)30%,transparent)}}.hover\\:bg-muted\\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-muted\\/50:hover{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\\:bg-secondary\\/50:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-secondary\\/50:hover{background-color:color-mix(in oklab,var(--secondary)50%,transparent)}}.hover\\:bg-secondary\\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-secondary\\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\\:text-foreground:hover{color:var(--foreground)}.hover\\:text-primary:hover{color:var(--primary)}.hover\\:text-red-500:hover{color:var(--color-red-500)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-80:hover{opacity:.8}.hover\\:opacity-90:hover{opacity:.9}.hover\\:opacity-100:hover{opacity:1}}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\\:ring-offset-1:focus{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\\:translate-y-\\[2px\\]:active{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.active\\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\\:shadow-none:active{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\\:block{display:block}.sm\\:w-1\\/12{width:8.33333%}.sm\\:w-2\\/12{width:16.6667%}.sm\\:w-3\\/12{width:25%}.sm\\:w-4\\/12{width:33.3333%}.sm\\:w-5\\/12{width:41.6667%}.sm\\:w-6\\/12{width:50%}.sm\\:w-7\\/12{width:58.3333%}.sm\\:w-8\\/12{width:66.6667%}.sm\\:w-9\\/12{width:75%}.sm\\:w-10\\/12{width:83.3333%}.sm\\:w-11\\/12{width:91.6667%}.sm\\:w-auto{width:auto}.sm\\:w-full{width:100%}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\\:p-6{padding:calc(var(--spacing)*6)}.sm\\:px-12{padding-inline:calc(var(--spacing)*12)}}@media (min-width:48rem){.md\\:w-1\\/12{width:8.33333%}.md\\:w-2\\/12{width:16.6667%}.md\\:w-3\\/12{width:25%}.md\\:w-4\\/12{width:33.3333%}.md\\:w-5\\/12{width:41.6667%}.md\\:w-6\\/12{width:50%}.md\\:w-7\\/12{width:58.3333%}.md\\:w-8\\/12{width:66.6667%}.md\\:w-9\\/12{width:75%}.md\\:w-10\\/12{width:83.3333%}.md\\:w-11\\/12{width:91.6667%}.md\\:w-auto{width:auto}.md\\:w-full{width:100%}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:64rem){.lg\\:flex{display:flex}.lg\\:w-1\\/12{width:8.33333%}.lg\\:w-2\\/12{width:16.6667%}.lg\\:w-3\\/12{width:25%}.lg\\:w-4\\/12{width:33.3333%}.lg\\:w-5\\/12{width:41.6667%}.lg\\:w-6\\/12{width:50%}.lg\\:w-7\\/12{width:58.3333%}.lg\\:w-8\\/12{width:66.6667%}.lg\\:w-9\\/12{width:75%}.lg\\:w-10\\/12{width:83.3333%}.lg\\:w-11\\/12{width:91.6667%}.lg\\:w-auto{width:auto}.lg\\:w-full{width:100%}.lg\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (min-width:80rem){.xl\\:w-1\\/12{width:8.33333%}.xl\\:w-2\\/12{width:16.6667%}.xl\\:w-3\\/12{width:25%}.xl\\:w-4\\/12{width:33.3333%}.xl\\:w-5\\/12{width:41.6667%}.xl\\:w-6\\/12{width:50%}.xl\\:w-7\\/12{width:58.3333%}.xl\\:w-8\\/12{width:66.6667%}.xl\\:w-9\\/12{width:75%}.xl\\:w-10\\/12{width:83.3333%}.xl\\:w-11\\/12{width:91.6667%}.xl\\:w-auto{width:auto}.xl\\:w-full{width:100%}}@media (min-width:96rem){.\\32xl\\:w-1\\/12{width:8.33333%}.\\32xl\\:w-2\\/12{width:16.6667%}.\\32xl\\:w-3\\/12{width:25%}.\\32xl\\:w-4\\/12{width:33.3333%}.\\32xl\\:w-5\\/12{width:41.6667%}.\\32xl\\:w-6\\/12{width:50%}.\\32xl\\:w-7\\/12{width:58.3333%}.\\32xl\\:w-8\\/12{width:66.6667%}.\\32xl\\:w-9\\/12{width:75%}.\\32xl\\:w-10\\/12{width:83.3333%}.\\32xl\\:w-11\\/12{width:91.6667%}.\\32xl\\:w-auto{width:auto}.\\32xl\\:w-full{width:100%}}@media (prefers-color-scheme:dark){.dark\\:bg-secondary{background-color:var(--secondary)}.dark\\:text-amber-300{color:var(--color-amber-300)}.dark\\:text-blue-300{color:var(--color-blue-300)}.dark\\:text-primary{color:var(--primary)}.dark\\:text-purple-300{color:var(--color-purple-300)}.dark\\:shadow-\\[0px_2px_0px_0px_rgba\\(255\\,255\\,255\\,0\\.1\\)\\]{--tw-shadow:0px 2px 0px 0px var(--tw-shadow-color,#ffffff1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.\\[\\&\\:\\:-moz-range-thumb\\]\\:pointer-events-auto::-moz-range-thumb{pointer-events:auto}.\\[\\&\\:\\:-moz-range-thumb\\]\\:h-5::-moz-range-thumb{height:calc(var(--spacing)*5)}.\\[\\&\\:\\:-moz-range-thumb\\]\\:w-5::-moz-range-thumb{width:calc(var(--spacing)*5)}.\\[\\&\\:\\:-moz-range-thumb\\]\\:appearance-none::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\\[\\&\\:\\:-moz-range-thumb\\]\\:rounded-full::-moz-range-thumb{border-radius:3.40282e38px}.\\[\\&\\:\\:-moz-range-thumb\\]\\:border-2::-moz-range-thumb{border-style:var(--tw-border-style);border-width:2px}.\\[\\&\\:\\:-moz-range-thumb\\]\\:border-primary::-moz-range-thumb{border-color:var(--primary)}.\\[\\&\\:\\:-moz-range-thumb\\]\\:bg-white::-moz-range-thumb{background-color:var(--color-white)}.\\[\\&\\:\\:-moz-range-thumb\\]\\:shadow-md::-moz-range-thumb{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\\[\\&\\:\\:-moz-range-thumb\\]\\:transition-transform::-moz-range-thumb{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\\[\\&\\:\\:-moz-range-thumb\\]\\:active\\:scale-110::-moz-range-thumb:active{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:pointer-events-auto::-webkit-slider-thumb{pointer-events:auto}.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:h-5::-webkit-slider-thumb{height:calc(var(--spacing)*5)}.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:w-5::-webkit-slider-thumb{width:calc(var(--spacing)*5)}.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:appearance-none::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:rounded-full::-webkit-slider-thumb{border-radius:3.40282e38px}.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:border-2::-webkit-slider-thumb{border-style:var(--tw-border-style);border-width:2px}.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:border-primary::-webkit-slider-thumb{border-color:var(--primary)}.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:bg-white::-webkit-slider-thumb{background-color:var(--color-white)}.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:shadow-md::-webkit-slider-thumb{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:transition-transform::-webkit-slider-thumb{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:active\\:scale-110::-webkit-slider-thumb:active{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.\\[\\&\\:not\\(\\:first-child\\)\\]\\:mt-6:not(:first-child){margin-top:calc(var(--spacing)*6)}}:root{--font-urbanist:"Urbanist",sans-serif;--background:#fff;--foreground:#111827;--primary:#2563eb;--primary-foreground:#fff;--secondary:#f3f4f6;--secondary-foreground:#1f2937;--muted:#f9fafb;--muted-foreground:#475569;--accent:#eff6ff;--accent-foreground:#1e40af;--border:#e5e7eb;--input:#e5e7eb;--ring:#3b82f6;--letter-spacing:.175px;--radius:.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}@media (prefers-color-scheme:dark){:root{--background:#030712;--foreground:#f9fafb;--primary:#3b82f6;--primary-foreground:#fff;--secondary:#1f2937;--secondary-foreground:#f9fafb;--muted:#111827;--muted-foreground:#94a3b8;--accent:#1e3a8a;--accent-foreground:#bfdbfe;--border:#374151;--input:#374151;--ring:#1d4ed8}}.light{--background:#fff;--foreground:#111827;--primary:#2563eb;--primary-foreground:#fff;--secondary:#f3f4f6;--secondary-foreground:#1f2937;--muted:#f9fafb;--muted-foreground:#475569;--accent:#eff6ff;--accent-foreground:#1e40af;--border:#e5e7eb;--input:#e5e7eb;--ring:#3b82f6}.dark{--background:#030712;--foreground:#f9fafb;--primary:#3b82f6;--primary-foreground:#fff;--secondary:#1f2937;--secondary-foreground:#f9fafb;--muted:#111827;--muted-foreground:#94a3b8;--accent:#1e3a8a;--accent-foreground:#bfdbfe;--border:#374151;--input:#374151;--ring:#1d4ed8}body{background:var(--background);color:var(--foreground);font-family:var(--font-body),var(--font-urbanist),"Inter",sans-serif;letter-spacing:var(--letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:.875rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading),var(--font-urbanist),"Inter",sans-serif}input[type=password]{letter-spacing:.15em!important;font-family:Inter,-apple-system,sans-serif!important;font-size:1.25rem!important;font-weight:700!important}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes zoom-in-95{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes zoom-out-95{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slide-in-from-right-full{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-to-right-full{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.animate-in,.animate-out{will-change:transform,opacity;animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:forwards}.fade-in{animation-name:fade-in}.fade-out{animation-name:fade-out}.zoom-in-95{animation-name:zoom-in-95}.zoom-out-95{animation-name:zoom-out-95}.slide-in-from-right-full{animation-name:slide-in-from-right-full}.slide-out-to-right-full{animation-name:slide-out-to-right-full}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}@keyframes zoom-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.zoom-in{animation-name:zoom-in}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}
|
|
2
|
+
/*$vite$:1*/`,document.head.appendChild(xe);const ye=o.forwardRef(({src:r,name:t,size:a="md",alt:s,className:l="",...i},n)=>{const[p,f]=o.useState(!1),d={sm:"w-8 h-8 text-xs",md:"w-10 h-10 text-sm",lg:"w-12 h-12 text-base"},h={sm:14,md:18,lg:20},g=r&&!p,m=t?t.charAt(0).toUpperCase():null;return e.jsx("div",{ref:n,className:`relative inline-flex items-center justify-center rounded-full overflow-hidden shrink-0 bg-muted border border-border/50 text-muted-foreground font-medium select-none ${d[a]} ${l}`,...i,children:g?e.jsx("img",{src:r,alt:s||t||"Avatar",className:"w-full h-full object-cover",onError:()=>f(!0)}):m?e.jsx("span",{children:m}):e.jsx(c.User,{size:h[a]})})});ye.displayName="Avatar";const re=o.forwardRef(({size:r="md",className:t="",variant:a="primary",...s},l)=>{const n=typeof r=="number"?r:{sm:16,md:24,lg:32}[r],p={primary:"text-primary",muted:"text-muted-foreground",white:"text-white"};return e.jsxs("div",{ref:l,role:"status",className:`inline-flex items-center justify-center ${t}`,...s,children:[e.jsx(c.Loader2,{size:n,className:`animate-spin ${p[a]}`}),e.jsx("span",{className:"sr-only",children:"Loading..."})]})});re.displayName="Spinner";const A=o.forwardRef(({children:r,variant:t="primary",size:a="md",className:s="",leftIcon:l,rightIcon:i,isLoading:n=!1,disabled:p,...f},d)=>{const h="inline-flex items-center justify-center font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer gap-2",g={primary:"bg-primary text-primary-foreground hover:opacity-90 shadow-sm",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",outline:"border border-border bg-transparent hover:bg-accent hover:text-accent-foreground",ghost:"bg-transparent hover:bg-accent hover:text-accent-foreground"},m={sm:"h-8 px-3 text-xs rounded-sm",md:"h-10 px-4 py-2 rounded-md",lg:"h-12 px-4 text-base rounded-lg"},w={sm:14,md:18,lg:20},b=a==="lg"?"md":"sm";return e.jsxs("button",{ref:d,className:`${h} ${g[t]} ${m[a]} ${s}`,disabled:p||n,...f,children:[n?e.jsx(re,{size:b,variant:t==="primary"?"white":"primary"}):l&&e.jsx(l,{size:w[a]}),r,!n&&i&&e.jsx(i,{size:w[a]})]})});A.displayName="Button";const te=o.forwardRef(({selected:r,onSelect:t,className:a="",range:s=!1,...l},i)=>{const[n,p]=o.useState(new Date),f=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],d=j.startOfMonth(n),h=j.endOfMonth(d),g=j.startOfWeek(d),m=j.endOfWeek(h),w=[];let b=[],S=g;const v=y=>{t==null||t(y)},u=y=>r?r instanceof Date?j.isSameDay(y,r):"from"in r?j.isSameDay(y,r.from)||r.to&&j.isSameDay(y,r.to):!1:!1,C=y=>!s||!r||r instanceof Date||!("from"in r)||!r.to?!1:j.isWithinInterval(y,{start:r.from,end:r.to});for(;S<=m;){for(let y=0;y<7;y++){const M=S,E=!j.isSameMonth(S,d),N=u(S),T=C(S),k=j.isToday(S);b.push(e.jsx("button",{type:"button",onClick:()=>v(M),className:`
|
|
2
3
|
relative h-10 w-10 p-0 font-normal text-sm flex items-center justify-center rounded-lg transition-all cursor-pointer
|
|
3
4
|
${E?"text-muted-foreground opacity-40 hover:opacity-100":"text-foreground"}
|
|
4
|
-
${
|
|
5
|
-
${
|
|
6
|
-
${N
|
|
7
|
-
`,children:
|
|
5
|
+
${N?"bg-primary text-primary-foreground font-semibold scale-110 z-10":"hover:bg-accent hover:text-accent-foreground"}
|
|
6
|
+
${T&&!N?"bg-accent/50 text-accent-foreground rounded-none first:rounded-l-lg last:rounded-r-lg":""}
|
|
7
|
+
${k&&!N?'text-primary font-bold after:content-[""] after:absolute after:bottom-1 after:w-1 after:h-1 after:bg-primary after:rounded-full':""}
|
|
8
|
+
`,children:j.format(S,"d")},S.toString())),S=j.addDays(S,1)}w.push(e.jsx("div",{className:"grid grid-cols-7 gap-1",children:b},S.toString())),b=[]}return e.jsxs("div",{ref:i,className:`p-4 bg-background ${a}`,...l,children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsx("h2",{className:"text-sm font-semibold",children:j.format(n,"MMMM yyyy")}),e.jsxs("div",{className:"flex gap-1",children:[e.jsx("button",{type:"button",onClick:()=>p(j.subMonths(n,1)),className:"p-1 hover:bg-accent rounded-md transition-colors",children:e.jsx(c.ChevronLeft,{size:18})}),e.jsx("button",{type:"button",onClick:()=>p(j.addMonths(n,1)),className:"p-1 hover:bg-accent rounded-md transition-colors",children:e.jsx(c.ChevronRight,{size:18})})]})]}),e.jsx("div",{className:"grid grid-cols-7 gap-1 mb-2",children:f.map(y=>e.jsx("div",{className:"text-muted-foreground text-[10px] font-bold uppercase text-center w-10",children:y},y))}),e.jsx("div",{className:"flex flex-col gap-1",children:w})]})});te.displayName="Calendar";const ke=o.forwardRef(({children:r,className:t="",...a},s)=>e.jsx("div",{ref:s,className:`rounded-xl border border-border bg-card text-card-foreground shadow-sm overflow-hidden ${t}`,...a,children:r}));ke.displayName="Card";const ar=Object.assign(ke,{Header:({children:r,className:t=""})=>e.jsx("div",{className:`flex flex-col space-y-1.5 p-6 ${t}`,children:r}),Content:({children:r,className:t=""})=>e.jsx("div",{className:`p-6 pt-0 ${t}`,children:r}),Footer:({children:r,className:t=""})=>e.jsx("div",{className:`flex items-center p-6 pt-0 ${t}`,children:r})}),Ne=o.forwardRef(({label:r,className:t="",checked:a,defaultChecked:s,onChange:l,style:i,...n},p)=>{const[f,d]=o.useState(a!==void 0?a:s||!1);o.useEffect(()=>{a!==void 0&&d(a)},[a]);const h=g=>{const m=g.target.checked;a===void 0&&d(m),l==null||l(m,g)};return e.jsxs("label",{className:`flex items-center gap-3 cursor-pointer group select-none ${t}`,style:i,children:[e.jsxs("div",{className:"relative flex items-center justify-center",children:[e.jsx("input",{type:"checkbox",className:"peer sr-only",checked:f,onChange:h,ref:p,...n}),e.jsx("div",{className:"w-5 h-5 border-2 border-border rounded transition-all peer-checked:bg-primary peer-checked:border-primary group-hover:border-primary/50"}),e.jsx(c.Check,{size:14,className:"absolute text-primary-foreground opacity-0 transition-opacity peer-checked:opacity-100",strokeWidth:3})]}),r&&e.jsx("span",{className:"text-sm font-medium",children:r})]})});Ne.displayName="Checkbox";const Se=o.createContext(void 0),ze=o.forwardRef(({accordion:r=!1,defaultActiveKey:t,children:a,className:s="",bordered:l=!0,...i},n)=>{const[p,f]=o.useState(()=>t===void 0?[]:Array.isArray(t)?t:[t]),d=h=>{f(g=>r?g.includes(h)?[]:[h]:g.includes(h)?g.filter(m=>m!==h):[...g,h])};return e.jsx(Se.Provider,{value:{activeKeys:p,toggleKey:d,accordion:r},children:e.jsx("div",{ref:n,className:`
|
|
8
9
|
rounded-lg
|
|
9
|
-
${
|
|
10
|
+
${l?"border border-border":""}
|
|
10
11
|
bg-card
|
|
11
|
-
${
|
|
12
|
-
`,...
|
|
12
|
+
${s}
|
|
13
|
+
`,...i,children:a})})});ze.displayName="Collapse";const nr=Object.assign(ze,{Panel:({id:r,header:t,children:a,className:s="",disabled:l=!1})=>{const i=o.useContext(Se);if(!i)throw new Error("Collapse.Panel must be used within a Collapse component");const{activeKeys:n,toggleKey:p}=i,f=n.includes(r),d=()=>{l||p(r)};return e.jsxs("div",{className:`
|
|
13
14
|
border-b border-border last:border-b-0
|
|
14
15
|
transition-colors
|
|
15
|
-
${
|
|
16
|
-
`,children:[e.jsxs("button",{type:"button",onClick:d,disabled:
|
|
16
|
+
${s}
|
|
17
|
+
`,children:[e.jsxs("button",{type:"button",onClick:d,disabled:l,className:`
|
|
17
18
|
flex items-center justify-between w-full p-4 text-left
|
|
18
19
|
font-medium text-foreground
|
|
19
20
|
focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2
|
|
20
|
-
${
|
|
21
|
+
${l?"opacity-50 cursor-not-allowed":"hover:bg-muted/30 cursor-pointer"}
|
|
21
22
|
`,children:[e.jsx("span",{className:"flex-1",children:t}),e.jsx("span",{className:`
|
|
22
23
|
text-muted-foreground transition-transform duration-200 ml-4
|
|
23
|
-
${
|
|
24
|
+
${f?"rotate-90":""}
|
|
24
25
|
`,children:e.jsx(c.ChevronRight,{size:16})})]}),e.jsx("div",{className:`
|
|
25
26
|
overflow-hidden transition-all duration-300 ease-in-out
|
|
26
|
-
${
|
|
27
|
-
`,children:e.jsx("div",{className:"p-4 pt-2 text-muted-foreground",children:
|
|
27
|
+
${f?"max-h-96 opacity-100":"max-h-0 opacity-0"}
|
|
28
|
+
`,children:e.jsx("div",{className:"p-4 pt-2 text-muted-foreground",children:a})})]})}}),oe={"Atom Dark":L.atomDark,CB:L.cb,Coy:L.coy,Darcula:L.darcula,Dark:L.dark,Dracula:L.dracula,"Duotone Dark":L.duotoneDark,"Duotone Light":L.duotoneLight,Funky:L.funky,GitHub:L.ghcolors,Hopscotch:L.hopscotch,Okaidia:L.okaidia,"One Dark":L.oneDark,"One Light":L.oneLight,"Solarized Light":L.solarizedlight,Tomorrow:L.tomorrow,Twilight:L.twilight,"VS Code Dark+":L.vscDarkPlus,Xonokai:L.xonokai},Ce=o.createContext(void 0),ir=({children:r})=>{const[t,a]=o.useState("light"),[s,l]=o.useState("One Dark"),[i,n]=o.useState("#2563eb"),[p,f]=o.useState(.5),[d,h]=o.useState(16),[g,m]=o.useState("#ffffff"),[w,b]=o.useState("#111827"),[S,v]=o.useState("#030712"),[u,C]=o.useState("#f9fafb"),[y,M]=o.useState(!1);o.useEffect(()=>{const I=localStorage.getItem("theme");if(I)a(I);else{const B=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";a(B)}const V=localStorage.getItem("syntaxTheme");V&&oe[V]&&l(V);const _=localStorage.getItem("primaryColor");_&&n(_);const J=localStorage.getItem("borderRadius");J&&f(parseFloat(J));const R=localStorage.getItem("baseFontSize");R&&h(parseFloat(R));const q=localStorage.getItem("lightBackground");q&&m(q);const G=localStorage.getItem("lightForeground");G&&b(G);const z=localStorage.getItem("darkBackground");z&&v(z);const P=localStorage.getItem("darkForeground");P&&C(P),M(!0)},[]),o.useEffect(()=>{if(!y)return;const I=window.document.documentElement;I.classList.remove("light","dark"),I.classList.add(t),localStorage.setItem("theme",t)},[t,y]),o.useEffect(()=>{if(!y)return;const I=window.document.documentElement;I.style.setProperty("--primary",i),I.style.setProperty("--radius",`${p}rem`),I.style.fontSize=`${d}px`,t==="light"?(I.style.setProperty("--background",g),I.style.setProperty("--foreground",w)):(I.style.setProperty("--background",S),I.style.setProperty("--foreground",u)),localStorage.setItem("primaryColor",i),localStorage.setItem("borderRadius",p.toString()),localStorage.setItem("baseFontSize",d.toString()),localStorage.setItem("lightBackground",g),localStorage.setItem("lightForeground",w),localStorage.setItem("darkBackground",S),localStorage.setItem("darkForeground",u)},[i,p,d,y,t,g,w,S,u]);const E=()=>{a(I=>I==="light"?"dark":"light")},N=I=>{a(I)},T=I=>{l(I),localStorage.setItem("syntaxTheme",I)},k=I=>{n(I)},$=I=>{f(I)},D=I=>{h(I)};return e.jsx(Ce.Provider,{value:{theme:t,toggleTheme:E,setTheme:N,syntaxTheme:s,setSyntaxTheme:T,syntaxThemeStyle:oe[s],primaryColor:i,setPrimaryColor:k,borderRadius:p,setBorderRadius:$,baseFontSize:d,setBaseFontSize:D,lightBackground:g,setLightBackground:m,lightForeground:w,setLightForeground:b,darkBackground:S,setDarkBackground:v,darkForeground:u,setDarkForeground:C},children:e.jsx("div",{className:"min-h-screen bg-background text-foreground transition-colors duration-300",children:r})})},ae=()=>{const r=o.useContext(Ce);if(r===void 0)throw new Error("useTheme must be used within a ThemeProvider");return r},ne=o.forwardRef(({code:r,language:t="javascript",className:a="",showLineNumbers:s=!1,...l},i)=>{const{syntaxThemeStyle:n}=ae();return e.jsx("div",{ref:i,className:`rounded-md overflow-hidden ${a}`,...l,children:e.jsx(ve.Prism,{language:t,style:n,showLineNumbers:s,customStyle:{margin:0,padding:"1.5rem",fontSize:"0.875rem",lineHeight:"1.5"},wrapLines:!0,wrapLongLines:!0,children:r})})});ne.displayName="SyntaxHighlighter";const O=o.forwardRef(({content:r,position:t="top",children:a,className:s="",contentClassName:l="",delay:i=200,...n},p)=>{const[f,d]=o.useState(!1),[h,g]=o.useState(!1),[m,w]=o.useState({top:0,left:0}),[b,S]=o.useState(!1),v=o.useRef(null);o.useImperativeHandle(p,()=>v.current);const u=o.useRef(null),C=o.useRef(null);o.useEffect(()=>{S(!0)},[]),o.useEffect(()=>{f?(C.current&&clearTimeout(C.current),g(!0)):C.current=setTimeout(()=>{g(!1)},150)},[f]);const y=()=>{if(!v.current)return;const k=v.current.getBoundingClientRect();let $=0,D=0;switch(t){case"top":$=k.top-8,D=k.left+k.width/2;break;case"bottom":$=k.bottom+8,D=k.left+k.width/2;break;case"left":$=k.top+k.height/2,D=k.left-8;break;case"right":$=k.top+k.height/2,D=k.right+8;break}w({top:$,left:D})},M=()=>{y(),u.current&&clearTimeout(u.current),C.current&&clearTimeout(C.current),u.current=setTimeout(()=>{d(!0),y()},i)},E=()=>{u.current&&clearTimeout(u.current),d(!1)},N={position:"fixed",top:`${m.top}px`,left:`${m.left}px`,transform:t==="top"?"translate(-50%, -100%)":t==="bottom"?"translate(-50%, 0)":t==="left"?"translate(-100%, -50%)":"translate(0, -50%)",zIndex:9999},T=f?"animate-in fade-in zoom-in-95 duration-150":"animate-out fade-out zoom-out-95 duration-150";return e.jsxs("div",{ref:v,className:s||"relative inline-flex w-fit",onMouseEnter:M,onMouseLeave:E,onFocus:M,onBlur:E,...n,children:[a,b&&h&&ee.createPortal(e.jsx("div",{style:N,className:"pointer-events-none",children:e.jsxs("div",{role:"tooltip",className:`
|
|
28
29
|
relative
|
|
29
30
|
px-3 py-1.5 text-sm font-semibold text-secondary-foreground bg-secondary rounded-md shadow-lg whitespace-nowrap
|
|
30
31
|
origin-center
|
|
31
|
-
${
|
|
32
|
-
${
|
|
32
|
+
${T}
|
|
33
|
+
${l}
|
|
33
34
|
`,children:[r,e.jsx("div",{className:`
|
|
34
35
|
absolute w-2 h-2 bg-secondary rotate-45
|
|
35
36
|
${t==="top"?"-bottom-1 left-1/2 -translate-x-1/2":t==="bottom"?"-top-1 left-1/2 -translate-x-1/2":t==="left"?"-right-1 top-1/2 -translate-y-1/2":"-left-1 top-1/2 -translate-y-1/2"}
|
|
36
|
-
`})]})}),document.body)]})});O.displayName="Tooltip";const ae=o.forwardRef(({text:r,duration:t=2e3,children:s,showTooltip:l=!0,...i},a)=>{const[n,f]=o.useState(!1),u=async d=>{d.stopPropagation();try{await navigator.clipboard.writeText(r),f(!0),setTimeout(()=>f(!1),t)}catch(h){console.error("Failed to copy text",h)}};if(s){const d=e.jsxs("div",{ref:a,onClick:u,className:"cursor-pointer inline-flex items-center gap-2 transition-opacity hover:opacity-80 active:scale-95 duration-200",...i,children:[s,n&&e.jsx(c.Check,{className:"h-3.5 w-3.5 text-green-500 animate-in zoom-in spin-in-45 duration-300"})]});return l?e.jsx(O,{content:n?"Copied!":"Click to copy",children:d}):d}return e.jsx(O,{content:n?"Copied!":"Copy to clipboard",children:e.jsxs("button",{type:"button",ref:a,onClick:u,className:"relative h-5 w-5 cursor-pointer focus:outline-none transition-transform active:scale-95",...i,"aria-label":n?"Copied":"Copy to clipboard",children:[e.jsx(c.Copy,{className:`absolute inset-0 w-full h-full transition-all duration-300 text-muted-foreground ${n?"scale-0 opacity-0":"scale-100 opacity-75 hover:opacity-100"}`}),e.jsx(c.Check,{className:`absolute inset-0 w-full h-full transition-all duration-300 text-green-500 ${n?"scale-100 opacity-100":"scale-0 opacity-0 rotate-90"}`})]})})});ae.displayName="CopyToClipboard";const $e=o.forwardRef(({code:r,language:t="tsx",title:s="Example Code",className:l="",...i},a)=>{const[n,f]=o.useState(!1);return e.jsx("div",{ref:a,className:`w-full mt-6 ${l}`,...i,children:n?e.jsxs("div",{className:"w-full border border-border rounded-lg overflow-hidden animate-in fade-in zoom-in-95 duration-200 shadow-sm",children:[e.jsxs("div",{className:"bg-muted/50 px-4 py-2 border-b border-border flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(c.Code,{size:14,className:"text-muted-foreground"}),e.jsx("span",{className:"text-xs font-semibold text-muted-foreground uppercase tracking-wider",children:s})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"flex items-center pr-2 border-r border-border/50",children:e.jsx(ae,{text:r})}),e.jsxs(A,{variant:"ghost",size:"sm",className:"h-6 px-2 text-xs text-muted-foreground hover:text-foreground",onClick:()=>f(!1),children:["Hide",e.jsx(c.ChevronUp,{size:14,className:"ml-1"})]})]})]}),e.jsx("div",{children:e.jsx(ne,{language:t,code:r,className:"rounded-t-none"})})]}):e.jsxs("button",{onClick:()=>f(!0),className:"w-full p-4 border-2 border-dashed border-border rounded-lg text-muted-foreground hover:text-foreground hover:border-foreground/40 transition-all flex items-center justify-center gap-2 group cursor-pointer bg-muted/5 hover:bg-muted/10 outline-none focus-visible:ring-2 focus-visible:ring-ring",children:[e.jsx(c.Code,{size:16,className:"group-hover:scale-110 transition-transform"}),e.jsx("span",{className:"font-medium text-sm",children:"Show Code"})]})})});$e.displayName="CodeReveal";const le=o.forwardRef(({children:r,variant:t="secondary",size:s="md",leftIcon:l,rightIcon:i,onClose:a,className:n="",...f},u)=>{const d={primary:"bg-primary/10 text-primary border-primary/20",secondary:"bg-secondary text-secondary-foreground border-border",success:"bg-green-500/10 text-green-600 border-green-500/20",warning:"bg-orange-500/10 text-orange-600 border-orange-500/20",error:"bg-red-500/10 text-red-600 border-red-500/20",outline:"bg-transparent text-foreground border-border",blue:"bg-blue-500/10 text-blue-600 border-blue-500/20",green:"bg-emerald-500/10 text-emerald-600 border-emerald-500/20",red:"bg-rose-500/10 text-rose-600 border-rose-500/20",yellow:"bg-amber-500/10 text-amber-600 border-amber-500/20",purple:"bg-purple-500/10 text-purple-600 border-purple-500/20",pink:"bg-pink-500/10 text-pink-600 border-pink-500/20",indigo:"bg-indigo-500/10 text-indigo-600 border-indigo-500/20",gray:"bg-slate-500/10 text-slate-600 border-slate-500/20"},h={sm:"px-2 py-0.5 text-xs gap-1",md:"px-2.5 py-1 text-sm gap-1.5"},m={sm:12,md:14};return e.jsxs("span",{ref:u,className:`inline-flex items-center font-medium rounded-md border transition-colors ${d[t]} ${h[s]} ${n}`,...f,children:[l&&e.jsx(l,{size:m[s]}),r,i&&e.jsx(i,{size:m[s]}),a&&e.jsx("button",{onClick:a,className:"hover:bg-foreground/10 rounded-full p-0.5 transition-colors cursor-pointer ml-0.5","aria-label":"Remove tag",children:e.jsx(c.X,{size:m[s]})})]})});le.displayName="Tag";const ar=o.forwardRef(({options:r,value:t,defaultValue:s,onChange:l,label:i,placeholder:a="Select option...",error:n,className:f="",required:u,multi:d=!1,...h},m)=>{var G;const[p,x]=o.useState(!1),[b,S]=o.useState(""),[y,g]=o.useState(-1),[$,v]=o.useState(!1),M=o.useRef(null);o.useImperativeHandle(m,()=>M.current);const E=o.useRef(null),[k,z]=o.useState(t!==void 0?t:s);o.useEffect(()=>{t!==void 0&&z(t)},[t]);const N=(C,P)=>{t===void 0&&z(C),l==null||l(C,P)},T=o.useMemo(()=>{if(d&&Array.isArray(k))return r.filter(C=>k.includes(C.value));if(!d&&typeof k=="string"){const C=r.find(P=>P.value===k);return C?[C]:[]}return[]},[r,k,d]),D=o.useMemo(()=>!d&&T.length>0&&(!b||b===T[0].label)||d&&!b?r:r.filter(C=>C.label.toLowerCase().includes(b.toLowerCase())),[r,b,T,d]);o.useEffect(()=>{const C=P=>{M.current&&!M.current.contains(P.target)&&(x(!1),v(!1))};return document.addEventListener("mousedown",C),()=>document.removeEventListener("mousedown",C)},[]);const I=(C,P)=>{var B;if(d){const xe=Array.isArray(k)?k:[],Cr=xe.includes(C.value)?xe.filter($r=>$r!==C.value):[...xe,C.value];N(Cr,P),S(""),(B=E.current)==null||B.focus()}else N(C.value,P),S(""),x(!1),v(!1),g(-1)},U=(C,P)=>{C.stopPropagation(),d&&Array.isArray(k)&&N(k.filter(B=>B!==P),C)},W=()=>{var C;v(!0),x(!0),d||S(((C=T[0])==null?void 0:C.label)||"")},J=C=>{if(!p){(C.key==="ArrowDown"||C.key==="Enter")&&W();return}switch(C.key){case"ArrowDown":C.preventDefault(),g(P=>P<D.length-1?P+1:P);break;case"ArrowUp":C.preventDefault(),g(P=>P>0?P-1:0);break;case"Enter":C.preventDefault(),y>=0&&D[y]&&I(D[y]);break;case"Escape":x(!1),v(!1);break;case"Tab":x(!1),v(!1);break;case"Backspace":d&&b===""&&Array.isArray(k)&&k.length>0&&N(k.slice(0,-1));break}},R=$?b:d?"":((G=T[0])==null?void 0:G.label)||"",_=C=>d&&Array.isArray(k)?k.includes(C):k===C;return e.jsxs("div",{className:`flex flex-col gap-1.5 w-full relative ${f}`,ref:M,...h,children:[i&&e.jsxs("label",{className:"text-sm font-medium leading-none pl-[3px] mb-[5px]",children:[i,u&&e.jsx("span",{className:"text-red-500 ml-1",children:"*"})]}),e.jsxs("div",{className:"relative",children:[e.jsxs("div",{className:`flex w-full border border-input bg-background ring-offset-background min-h-12 px-3 py-1.5 items-center flex-wrap gap-2 rounded-lg cursor-text transition-all focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 ${n?"border-red-500":""}`,onClick:()=>{var C;W(),(C=E.current)==null||C.focus()},children:[d&&T.map(C=>e.jsx(le,{variant:"primary",onClose:P=>U(P,C.value),size:"sm",children:C.label},C.value)),e.jsx("input",{ref:E,type:"text",className:`flex-1 bg-transparent border-none outline-none min-w-[80px] text-base placeholder:text-muted-foreground/30 ${!$&&!d&&T.length>0?"text-foreground":""}`,placeholder:$||d&&T.length>0?"":a,value:R,onChange:C=>{const P=C.target.value;S(P),p||x(!0),g(0),!d&&P===""&&k!==""&&N("")},onFocus:W,onKeyDown:J}),e.jsx(c.ChevronDown,{size:18,className:`text-muted-foreground transition-transform duration-200 ml-auto ${p?"rotate-180":""}`})]}),p&&e.jsx("div",{className:"absolute top-full left-0 right-0 mt-2 z-50 bg-background border border-border rounded-lg shadow-xl overflow-hidden animate-in fade-in zoom-in-95 duration-200",children:e.jsx("div",{className:"max-h-60 overflow-y-auto p-1 text-foreground",children:D.length>0?D.map((C,P)=>e.jsxs("div",{className:`flex items-center justify-between px-3 py-2 text-sm rounded-md cursor-pointer transition-colors ${y===P?"bg-accent text-accent-foreground":_(C.value)?"bg-primary/10 text-primary":"hover:bg-accent/50"}`,onClick:B=>{B.stopPropagation(),I(C,B)},onMouseEnter:()=>g(P),children:[e.jsx("span",{children:C.label}),_(C.value)&&e.jsx(c.Check,{size:16})]},C.value)):e.jsx("div",{className:"px-3 py-4 text-sm text-center text-muted-foreground italic",children:"No options found..."})})})]}),n&&e.jsx("p",{className:"text-xs text-red-500 mt-1 pl-[3px]",children:n})]})}),Te=o.forwardRef(({value:r,onChange:t,className:s,placeholder:l,disabled:i,...a},n)=>{const f=o.useRef(null);o.useImperativeHandle(n,()=>f.current),o.useEffect(()=>{f.current&&f.current.innerText!==r&&(f.current.innerText=r)},[r]);const u=h=>{const m=h.currentTarget.innerText;t(m)},d=h=>{i&&h.preventDefault()};return e.jsx("div",{ref:f,contentEditable:!i,onInput:u,onKeyDown:d,suppressContentEditableWarning:!0,className:`inline-flex w-full items-center text-lg leading-relaxed ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 empty:before:content-[attr(data-placeholder)] empty:before:text-muted-foreground cursor-text ${s||""}`,"data-placeholder":l,...a})});Te.displayName="ContentEditable";const ie=o.forwardRef(({level:r=1,children:t,className:s="",...l},i)=>{const a=`h${r}`,n={1:"text-4xl font-extrabold tracking-tight lg:text-5xl mb-10 pb-2",2:"text-3xl font-semibold tracking-tight border-b border-border/40 pb-4 mb-8",3:"text-2xl font-semibold tracking-tight mb-6",4:"text-xl font-semibold tracking-tight mb-6",5:"text-lg font-semibold tracking-tight mb-6",6:"text-base font-semibold tracking-tight mb-6"};return e.jsx(a,{ref:i,className:`scroll-m-20 ${n[r]} ${s}`,...l,children:t})});ie.displayName="Heading";const j=o.forwardRef(({children:r,variant:t="p",className:s="",...l},i)=>{const a={p:"text-lg leading-7 [&:not(:first-child)]:mt-6",lead:"text-xl text-muted-foreground",large:"text-lg font-semibold",small:"text-sm font-medium leading-none",muted:"text-sm text-muted-foreground"};return e.jsx("p",{ref:i,className:`${a[t]} ${s}`,...l,children:r})});j.displayName="Text";const de=o.forwardRef(({isOpen:r,onClose:t,children:s,width:l,...i},a)=>{const[n,f]=o.useState(!1),[u,d]=o.useState(!1);if(o.useEffect(()=>{f(!0)},[]),o.useEffect(()=>{if(r)d(!0),document.body.style.overflow="hidden";else{const m=setTimeout(()=>{d(!1),document.body.style.overflow="unset"},200);return()=>clearTimeout(m)}},[r]),o.useEffect(()=>()=>{document.body.style.overflow="unset"},[]),!n||!u)return null;const h=l?typeof l=="number"?`${l}px`:l:"32rem";return ee.createPortal(e.jsxs("div",{className:`fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6 ${r?"":"pointer-events-none"}`,children:[e.jsx("div",{className:`absolute inset-0 bg-background/80 backdrop-blur-sm ${r?"animate-in fade-in duration-300":"animate-out fade-out duration-300"}`,onClick:t}),e.jsx("div",{className:`relative w-full transform overflow-hidden rounded-xl border border-border bg-background shadow-2xl ${r?"animate-in zoom-in-95 duration-200":"animate-out zoom-out-95 duration-200"}`,style:{maxWidth:h},ref:a,...i,children:e.jsx("div",{className:"flex flex-col",children:s})})]}),document.body)});de.displayName="Modal";const lr=({children:r,onClose:t})=>e.jsxs("div",{className:"flex items-center justify-between border-b border-border/40 px-6 py-4",children:[e.jsx(ie,{level:3,className:"m-0!",children:r}),t&&e.jsx("button",{onClick:t,className:"rounded-md p-1 hover:bg-accent hover:text-accent-foreground transition-colors cursor-pointer",children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M18 6 6 18"}),e.jsx("path",{d:"m6 6 12 12"})]})})]}),ir=({children:r})=>e.jsx("div",{className:"px-6 py-6 overflow-y-auto max-h-[70vh]",children:r}),dr=({children:r,onClose:t})=>e.jsxs("div",{className:"flex items-center justify-end gap-3 border-t border-border/40 px-6 py-4",children:[t&&e.jsx(A,{variant:"outline",onClick:t,children:"Close"}),r]});de.displayName="Modal";const q=Object.assign(de,{Header:lr,Content:ir,Footer:dr}),K=o.forwardRef(({label:r,error:t,type:s,required:l,className:i="",format:a,defaultValue:n,value:f,onChange:u,...d},h)=>{const[m,p]=o.useState(!1),x=s==="password",b=x?m?"text":"password":s,[S,y]=o.useState(f!==void 0?f:n||"");o.useEffect(()=>{f!==void 0&&y(f)},[f]);const g=(v,M)=>{const E=v.replace(/[^0-9a-zA-Z]/g,"");let k="",z=0;for(let N=0;N<M.length&&!(z>=E.length);N++){const T=M[N];if(T==="N")for(;z<E.length;){const D=E[z];if(/\d/.test(D)){k+=D,z++;break}z++}else if(T==="L")for(;z<E.length;){const D=E[z];if(/[a-zA-Z]/.test(D)){k+=D,z++;break}z++}else T==="A"?z<E.length&&(k+=E[z],z++):z<E.length&&(k+=T)}return k},$=v=>{let M=v.target.value;a&&(M=g(M,a)),f===void 0&&y(M),u==null||u(M,v)};return e.jsxs("div",{className:"flex flex-col gap-1.5 w-full",children:[r&&e.jsxs("label",{className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 pl-[3px] mb-[5px]",children:[r,l&&e.jsx("span",{className:"text-red-500 ml-1",children:"*"})]}),e.jsxs("div",{className:"relative w-full",children:[e.jsx("input",{ref:h,type:b,className:`flex w-full border border-input bg-background ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-all h-12 px-4 text-base rounded-lg ${x&&!m?"font-bold tracking-widest text-lg":""} ${i}`,onChange:$,value:S,...d}),x&&e.jsx("button",{type:"button",onClick:()=>p(!m),className:"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors cursor-pointer",children:m?e.jsx(c.EyeOff,{size:18}):e.jsx(c.Eye,{size:18})})]}),t&&e.jsx("p",{className:"text-xs text-red-500 mt-1 pl-[3px]",children:t})]})});K.displayName="Input";const ce=o.forwardRef(({variant:r="solid",orientation:t="horizontal",children:s,className:l="",...i},a)=>{const n={solid:"border-solid",dashed:"border-dashed",dotted:"border-dotted"},f="border-border";return t==="vertical"?e.jsx("div",{ref:a,className:`inline-block h-auto self-stretch min-h-[1em] w-0 border-r ${f} ${n[r]} mx-4 ${l}`,role:"separator","aria-orientation":"vertical"}):s?e.jsxs("div",{ref:a,className:`flex items-center w-full my-8 ${l}`,role:"separator","aria-orientation":"horizontal",...i,children:[e.jsx("div",{className:`flex-grow border-t ${f} ${n[r]}`}),e.jsx("span",{className:"mx-4 text-[10px] font-bold uppercase tracking-[0.2em] text-foreground/50 whitespace-nowrap",children:s}),e.jsx("div",{className:`flex-grow border-t ${f} ${n[r]}`})]}):e.jsx("div",{ref:a,className:`w-full border-t ${f} ${n[r]} my-8 ${l}`,...i,role:"separator","aria-orientation":"horizontal"})});ce.displayName="Divider";const ze=o.forwardRef(({isOpen:r,title:t,prompt:s,okText:l="Ok",cancelText:i="Cancel",onConfirm:a,onCancel:n,width:f="24rem",confirmTextInput:u,...d},h)=>{const[m,p]=o.useState("");o.useEffect(()=>{r&&p("")},[r]);const x=u?m!==u:!1;return e.jsxs(q,{isOpen:r,onClose:n,width:f,ref:h,...d,children:[e.jsx(q.Header,{onClose:n,children:t}),e.jsxs(q.Content,{children:[e.jsx(j,{children:s}),u&&e.jsxs("div",{className:"mt-4",children:[e.jsx(ce,{className:"my-4"}),e.jsxs(j,{className:"mb-2 text-sm text-muted-foreground",children:["Please enter ",e.jsx("span",{className:"font-bold text-foreground select-all",children:u})," below to continue"]}),e.jsx(K,{value:m,onChange:b=>p(b),placeholder:u,autoFocus:!0})]})]}),e.jsxs(q.Footer,{children:[e.jsx(A,{variant:"outline",onClick:n,children:i}),e.jsx(A,{onClick:a,disabled:x,children:l})]})]})});ze.displayName="Confirm";const fe=o.forwardRef(({value:r="12:00",onChange:t,className:s="",...l},i)=>{const[a,n]=r.split(":").map(Number),f=o.useRef(null),u=o.useRef(null),d=o.useRef(null),h=a%12===0?12:a%12,m=a<12?"AM":"PM",p=[12,1,2,3,4,5,6,7,8,9,10,11],x=Array.from({length:60},(y,g)=>g),b=["AM","PM"];o.useEffect(()=>{if(f.current){const y=p.indexOf(h),g=f.current.children[y];g&&(f.current.scrollTop=g.offsetTop-f.current.offsetTop-f.current.clientHeight/2+g.clientHeight/2)}if(u.current){const y=u.current.children[n];y&&(u.current.scrollTop=y.offsetTop-u.current.offsetTop-u.current.clientHeight/2+y.clientHeight/2)}if(d.current){const y=b.indexOf(m),g=d.current.children[y];g&&(d.current.scrollTop=g.offsetTop-d.current.offsetTop-d.current.clientHeight/2+g.clientHeight/2)}},[h,n,m]);const S=(y,g,$)=>{let v=y;$==="PM"&&y!==12&&(v+=12),$==="AM"&&y===12&&(v=0),t==null||t(`${v.toString().padStart(2,"0")}:${g.toString().padStart(2,"0")}`)};return e.jsxs("div",{ref:i,className:`p-4 bg-background border-t border-border flex flex-col gap-3 ${s}`,...l,children:[e.jsxs("div",{className:"flex justify-center items-center gap-1",children:[e.jsx("div",{className:"flex-1 text-center text-[10px] uppercase font-bold text-muted-foreground mr-2",children:"Hour"}),e.jsx("div",{className:"flex-1 text-center text-[10px] uppercase font-bold text-muted-foreground mr-6",children:"Min"}),e.jsx("div",{className:"w-12 text-center text-[10px] uppercase font-bold text-muted-foreground"})]}),e.jsxs("div",{className:"flex items-center justify-center gap-1 h-48 relative overflow-hidden",children:[e.jsx("div",{className:"absolute left-0 right-0 h-11 top-1/2 -translate-y-1/2 bg-primary/10 rounded-lg pointer-events-none border-y border-primary/20"}),e.jsx("div",{className:"absolute top-0 left-0 right-0 h-10 bg-gradient-to-b from-background to-transparent z-10 pointer-events-none"}),e.jsx("div",{className:"absolute bottom-0 left-0 right-0 h-10 bg-gradient-to-t from-background to-transparent z-10 pointer-events-none"}),e.jsx("div",{ref:f,className:"flex-1 h-full overflow-y-auto no-scrollbar snap-y snap-mandatory scroll-smooth py-20",children:p.map(y=>e.jsx("button",{onClick:()=>S(y,n,m),className:`
|
|
37
|
+
`})]})}),document.body)]})});O.displayName="Tooltip";const ie=o.forwardRef(({text:r,duration:t=2e3,children:a,showTooltip:s=!0,...l},i)=>{const[n,p]=o.useState(!1),f=async d=>{d.stopPropagation();try{await navigator.clipboard.writeText(r),p(!0),setTimeout(()=>p(!1),t)}catch(h){console.error("Failed to copy text",h)}};if(a){const d=e.jsxs("div",{ref:i,onClick:f,className:"cursor-pointer inline-flex items-center gap-2 transition-opacity hover:opacity-80 active:scale-95 duration-200",...l,children:[a,n&&e.jsx(c.Check,{className:"h-3.5 w-3.5 text-green-500 animate-in zoom-in spin-in-45 duration-300"})]});return s?e.jsx(O,{content:n?"Copied!":"Click to copy",children:d}):d}return e.jsx(O,{content:n?"Copied!":"Copy to clipboard",children:e.jsxs("button",{type:"button",ref:i,onClick:f,className:"relative h-5 w-5 cursor-pointer focus:outline-none transition-transform active:scale-95",...l,"aria-label":n?"Copied":"Copy to clipboard",children:[e.jsx(c.Copy,{className:`absolute inset-0 w-full h-full transition-all duration-300 text-muted-foreground ${n?"scale-0 opacity-0":"scale-100 opacity-75 hover:opacity-100"}`}),e.jsx(c.Check,{className:`absolute inset-0 w-full h-full transition-all duration-300 text-green-500 ${n?"scale-100 opacity-100":"scale-0 opacity-0 rotate-90"}`})]})})});ie.displayName="CopyToClipboard";const $e=o.forwardRef(({code:r,language:t="tsx",title:a="Example Code",className:s="",...l},i)=>{const[n,p]=o.useState(!1);return e.jsx("div",{ref:i,className:`w-full mt-6 ${s}`,...l,children:n?e.jsxs("div",{className:"w-full border border-border rounded-lg overflow-hidden animate-in fade-in zoom-in-95 duration-200 shadow-sm",children:[e.jsxs("div",{className:"bg-muted/50 px-4 py-2 border-b border-border flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(c.Code,{size:14,className:"text-muted-foreground"}),e.jsx("span",{className:"text-xs font-semibold text-muted-foreground uppercase tracking-wider",children:a})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"flex items-center pr-2 border-r border-border/50",children:e.jsx(ie,{text:r})}),e.jsxs(A,{variant:"ghost",size:"sm",className:"h-6 px-2 text-xs text-muted-foreground hover:text-foreground",onClick:()=>p(!1),children:["Hide",e.jsx(c.ChevronUp,{size:14,className:"ml-1"})]})]})]}),e.jsx("div",{children:e.jsx(ne,{language:t,code:r,className:"rounded-t-none"})})]}):e.jsxs("button",{onClick:()=>p(!0),className:"w-full p-4 border-2 border-dashed border-border rounded-lg text-muted-foreground hover:text-foreground hover:border-foreground/40 transition-all flex items-center justify-center gap-2 group cursor-pointer bg-muted/5 hover:bg-muted/10 outline-none focus-visible:ring-2 focus-visible:ring-ring",children:[e.jsx(c.Code,{size:16,className:"group-hover:scale-110 transition-transform"}),e.jsx("span",{className:"font-medium text-sm",children:"Show Code"})]})})});$e.displayName="CodeReveal";const se=o.forwardRef(({children:r,variant:t="secondary",size:a="md",leftIcon:s,rightIcon:l,onClose:i,className:n="",...p},f)=>{const d={primary:"bg-primary/10 text-primary border-primary/20",secondary:"bg-secondary text-secondary-foreground border-border",success:"bg-green-500/10 text-green-600 border-green-500/20",warning:"bg-orange-500/10 text-orange-600 border-orange-500/20",error:"bg-red-500/10 text-red-600 border-red-500/20",outline:"bg-transparent text-foreground border-border",blue:"bg-blue-500/10 text-blue-600 border-blue-500/20",green:"bg-emerald-500/10 text-emerald-600 border-emerald-500/20",red:"bg-rose-500/10 text-rose-600 border-rose-500/20",yellow:"bg-amber-500/10 text-amber-600 border-amber-500/20",purple:"bg-purple-500/10 text-purple-600 border-purple-500/20",pink:"bg-pink-500/10 text-pink-600 border-pink-500/20",indigo:"bg-indigo-500/10 text-indigo-600 border-indigo-500/20",gray:"bg-slate-500/10 text-slate-600 border-slate-500/20"},h={sm:"px-2 py-0.5 text-xs gap-1",md:"px-2.5 py-1 text-sm gap-1.5"},g={sm:12,md:14};return e.jsxs("span",{ref:f,className:`inline-flex items-center font-medium rounded-md border transition-colors ${d[t]} ${h[a]} ${n}`,...p,children:[s&&e.jsx(s,{size:g[a]}),r,l&&e.jsx(l,{size:g[a]}),i&&e.jsx("button",{onClick:i,className:"hover:bg-foreground/10 rounded-full p-0.5 transition-colors cursor-pointer ml-0.5","aria-label":"Remove tag",children:e.jsx(c.X,{size:g[a]})})]})});se.displayName="Tag";const sr=o.forwardRef(({options:r,value:t,defaultValue:a,onChange:s,label:l,placeholder:i="Select option...",error:n,className:p="",required:f,multi:d=!1,...h},g)=>{var G;const[m,w]=o.useState(!1),[b,S]=o.useState(""),[v,u]=o.useState(-1),[C,y]=o.useState(!1),M=o.useRef(null);o.useImperativeHandle(g,()=>M.current);const E=o.useRef(null),[N,T]=o.useState(t!==void 0?t:a);o.useEffect(()=>{t!==void 0&&T(t)},[t]);const k=(z,P)=>{t===void 0&&T(z),s==null||s(z,P)},$=o.useMemo(()=>{if(d&&Array.isArray(N))return r.filter(z=>N.includes(z.value));if(!d&&typeof N=="string"){const z=r.find(P=>P.value===N);return z?[z]:[]}return[]},[r,N,d]),D=o.useMemo(()=>!d&&$.length>0&&(!b||b===$[0].label)||d&&!b?r:r.filter(z=>z.label.toLowerCase().includes(b.toLowerCase())),[r,b,$,d]);o.useEffect(()=>{const z=P=>{M.current&&!M.current.contains(P.target)&&(w(!1),y(!1))};return document.addEventListener("mousedown",z),()=>document.removeEventListener("mousedown",z)},[]);const I=(z,P)=>{var B;if(d){const we=Array.isArray(N)?N:[],Cr=we.includes(z.value)?we.filter($r=>$r!==z.value):[...we,z.value];k(Cr,P),S(""),(B=E.current)==null||B.focus()}else k(z.value,P),S(""),w(!1),y(!1),u(-1)},V=(z,P)=>{z.stopPropagation(),d&&Array.isArray(N)&&k(N.filter(B=>B!==P),z)},_=()=>{var z;y(!0),w(!0),d||S(((z=$[0])==null?void 0:z.label)||"")},J=z=>{if(!m){(z.key==="ArrowDown"||z.key==="Enter")&&_();return}switch(z.key){case"ArrowDown":z.preventDefault(),u(P=>P<D.length-1?P+1:P);break;case"ArrowUp":z.preventDefault(),u(P=>P>0?P-1:0);break;case"Enter":z.preventDefault(),v>=0&&D[v]&&I(D[v]);break;case"Escape":w(!1),y(!1);break;case"Tab":w(!1),y(!1);break;case"Backspace":d&&b===""&&Array.isArray(N)&&N.length>0&&k(N.slice(0,-1));break}},R=C?b:d?"":((G=$[0])==null?void 0:G.label)||"",q=z=>d&&Array.isArray(N)?N.includes(z):N===z;return e.jsxs("div",{className:`flex flex-col gap-1.5 w-full relative ${p}`,ref:M,...h,children:[l&&e.jsxs("label",{className:"text-sm font-medium leading-none pl-[3px] mb-[5px]",children:[l,f&&e.jsx("span",{className:"text-red-500 ml-1",children:"*"})]}),e.jsxs("div",{className:"relative",children:[e.jsxs("div",{className:`flex w-full border border-input bg-background ring-offset-background min-h-12 px-3 py-1.5 items-center flex-wrap gap-2 rounded-lg cursor-text transition-all focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 ${n?"border-red-500":""}`,onClick:()=>{var z;_(),(z=E.current)==null||z.focus()},children:[d&&$.map(z=>e.jsx(se,{variant:"primary",onClose:P=>V(P,z.value),size:"sm",children:z.label},z.value)),e.jsx("input",{ref:E,type:"text",className:`flex-1 bg-transparent border-none outline-none min-w-[80px] text-base placeholder:text-muted-foreground/30 ${!C&&!d&&$.length>0?"text-foreground":""}`,placeholder:C||d&&$.length>0?"":i,value:R,onChange:z=>{const P=z.target.value;S(P),m||w(!0),u(0),!d&&P===""&&N!==""&&k("")},onFocus:_,onKeyDown:J}),e.jsx(c.ChevronDown,{size:18,className:`text-muted-foreground transition-transform duration-200 ml-auto ${m?"rotate-180":""}`})]}),m&&e.jsx("div",{className:"absolute top-full left-0 right-0 mt-2 z-50 bg-background border border-border rounded-lg shadow-xl overflow-hidden animate-in fade-in zoom-in-95 duration-200",children:e.jsx("div",{className:"max-h-60 overflow-y-auto p-1 text-foreground",children:D.length>0?D.map((z,P)=>e.jsxs("div",{className:`flex items-center justify-between px-3 py-2 text-sm rounded-md cursor-pointer transition-colors ${v===P?"bg-accent text-accent-foreground":q(z.value)?"bg-primary/10 text-primary":"hover:bg-accent/50"}`,onClick:B=>{B.stopPropagation(),I(z,B)},onMouseEnter:()=>u(P),children:[e.jsx("span",{children:z.label}),q(z.value)&&e.jsx(c.Check,{size:16})]},z.value)):e.jsx("div",{className:"px-3 py-4 text-sm text-center text-muted-foreground italic",children:"No options found..."})})})]}),n&&e.jsx("p",{className:"text-xs text-red-500 mt-1 pl-[3px]",children:n})]})}),Te=o.forwardRef(({value:r,onChange:t,className:a,placeholder:s,disabled:l,...i},n)=>{const p=o.useRef(null);o.useImperativeHandle(n,()=>p.current),o.useEffect(()=>{p.current&&p.current.innerText!==r&&(p.current.innerText=r)},[r]);const f=h=>{const g=h.currentTarget.innerText;t(g)},d=h=>{l&&h.preventDefault()};return e.jsx("div",{ref:p,contentEditable:!l,onInput:f,onKeyDown:d,suppressContentEditableWarning:!0,className:`inline-flex w-full items-center text-lg leading-relaxed ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 empty:before:content-[attr(data-placeholder)] empty:before:text-muted-foreground cursor-text ${a||""}`,"data-placeholder":s,...i})});Te.displayName="ContentEditable";const le=o.forwardRef(({level:r=1,children:t,className:a="",...s},l)=>{const i=`h${r}`,n={1:"text-4xl font-extrabold tracking-tight lg:text-5xl mb-10 pb-2",2:"text-3xl font-semibold tracking-tight border-b border-border/40 pb-4 mb-8",3:"text-2xl font-semibold tracking-tight mb-6",4:"text-xl font-semibold tracking-tight mb-6",5:"text-lg font-semibold tracking-tight mb-6",6:"text-base font-semibold tracking-tight mb-6"};return e.jsx(i,{ref:l,className:`scroll-m-20 ${n[r]} ${a}`,...s,children:t})});le.displayName="Heading";const F=o.forwardRef(({children:r,variant:t="p",className:a="",...s},l)=>{const i={p:"text-lg leading-7 [&:not(:first-child)]:mt-6",lead:"text-xl text-muted-foreground",large:"text-lg font-semibold",small:"text-sm font-medium leading-none",muted:"text-sm text-muted-foreground"};return e.jsx("p",{ref:l,className:`${i[t]} ${a}`,...s,children:r})});F.displayName="Text";const de=o.forwardRef(({isOpen:r,onClose:t,children:a,width:s,...l},i)=>{const[n,p]=o.useState(!1),[f,d]=o.useState(!1);if(o.useEffect(()=>{p(!0)},[]),o.useEffect(()=>{if(r)d(!0),document.body.style.overflow="hidden";else{const g=setTimeout(()=>{d(!1),document.body.style.overflow="unset"},200);return()=>clearTimeout(g)}},[r]),o.useEffect(()=>()=>{document.body.style.overflow="unset"},[]),!n||!f)return null;const h=s?typeof s=="number"?`${s}px`:s:"32rem";return ee.createPortal(e.jsxs("div",{className:`fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6 ${r?"":"pointer-events-none"}`,children:[e.jsx("div",{className:`absolute inset-0 bg-background/80 backdrop-blur-sm ${r?"animate-in fade-in duration-300":"animate-out fade-out duration-300"}`,onClick:t}),e.jsx("div",{className:`relative w-full transform overflow-hidden rounded-xl border border-border bg-background shadow-2xl ${r?"animate-in zoom-in-95 duration-200":"animate-out zoom-out-95 duration-200"}`,style:{maxWidth:h},ref:i,...l,children:e.jsx("div",{className:"flex flex-col",children:a})})]}),document.body)});de.displayName="Modal";const lr=({children:r,onClose:t})=>e.jsxs("div",{className:"flex items-center justify-between border-b border-border/40 px-6 py-4",children:[e.jsx(le,{level:3,className:"m-0!",children:r}),t&&e.jsx("button",{onClick:t,className:"rounded-md p-1 hover:bg-accent hover:text-accent-foreground transition-colors cursor-pointer",children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M18 6 6 18"}),e.jsx("path",{d:"m6 6 12 12"})]})})]}),dr=({children:r})=>e.jsx("div",{className:"px-6 py-6 overflow-y-auto max-h-[70vh]",children:r}),cr=({children:r,onClose:t})=>e.jsxs("div",{className:"flex items-center justify-end gap-3 border-t border-border/40 px-6 py-4",children:[t&&e.jsx(A,{variant:"outline",onClick:t,children:"Close"}),r]});de.displayName="Modal";const W=Object.assign(de,{Header:lr,Content:dr,Footer:cr}),K=o.forwardRef(({label:r,error:t,type:a,required:s,className:l="",format:i,defaultValue:n,value:p,onChange:f,...d},h)=>{const[g,m]=o.useState(!1),w=a==="password",b=w?g?"text":"password":a,[S,v]=o.useState(p!==void 0?p:n||"");o.useEffect(()=>{p!==void 0&&v(p)},[p]);const u=(y,M)=>{const E=y.replace(/[^0-9a-zA-Z]/g,"");let N="",T=0;for(let k=0;k<M.length&&!(T>=E.length);k++){const $=M[k];if($==="N")for(;T<E.length;){const D=E[T];if(/\d/.test(D)){N+=D,T++;break}T++}else if($==="L")for(;T<E.length;){const D=E[T];if(/[a-zA-Z]/.test(D)){N+=D,T++;break}T++}else $==="A"?T<E.length&&(N+=E[T],T++):T<E.length&&(N+=$)}return N},C=y=>{let M=y.target.value;i&&(M=u(M,i)),p===void 0&&v(M),f==null||f(M,y)};return e.jsxs("div",{className:"flex flex-col gap-1.5 w-full",children:[r&&e.jsxs("label",{className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 pl-[3px] mb-[5px]",children:[r,s&&e.jsx("span",{className:"text-red-500 ml-1",children:"*"})]}),e.jsxs("div",{className:"relative w-full",children:[e.jsx("input",{ref:h,type:b,className:`flex w-full border border-input bg-background ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-all h-12 px-4 text-base rounded-lg ${w&&!g?"font-bold tracking-widest text-lg":""} ${l}`,onChange:C,value:S,...d}),w&&e.jsx("button",{type:"button",onClick:()=>m(!g),className:"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors cursor-pointer",children:g?e.jsx(c.EyeOff,{size:18}):e.jsx(c.Eye,{size:18})})]}),t&&e.jsx("p",{className:"text-xs text-red-500 mt-1 pl-[3px]",children:t})]})});K.displayName="Input";const ce=o.forwardRef(({variant:r="solid",orientation:t="horizontal",children:a,className:s="",...l},i)=>{const n={solid:"border-solid",dashed:"border-dashed",dotted:"border-dotted"},p="border-border";return t==="vertical"?e.jsx("div",{ref:i,className:`inline-block h-auto self-stretch min-h-[1em] w-0 border-r ${p} ${n[r]} mx-4 ${s}`,role:"separator","aria-orientation":"vertical"}):a?e.jsxs("div",{ref:i,className:`flex items-center w-full my-8 ${s}`,role:"separator","aria-orientation":"horizontal",...l,children:[e.jsx("div",{className:`flex-grow border-t ${p} ${n[r]}`}),e.jsx("span",{className:"mx-4 text-[10px] font-bold uppercase tracking-[0.2em] text-foreground/50 whitespace-nowrap",children:a}),e.jsx("div",{className:`flex-grow border-t ${p} ${n[r]}`})]}):e.jsx("div",{ref:i,className:`w-full border-t ${p} ${n[r]} my-8 ${s}`,...l,role:"separator","aria-orientation":"horizontal"})});ce.displayName="Divider";const Me=o.forwardRef(({isOpen:r,title:t,prompt:a,okText:s="Ok",cancelText:l="Cancel",onConfirm:i,onCancel:n,width:p="24rem",confirmTextInput:f,...d},h)=>{const[g,m]=o.useState("");o.useEffect(()=>{r&&m("")},[r]);const w=f?g!==f:!1;return e.jsxs(W,{isOpen:r,onClose:n,width:p,ref:h,...d,children:[e.jsx(W.Header,{onClose:n,children:t}),e.jsxs(W.Content,{children:[e.jsx(F,{children:a}),f&&e.jsxs("div",{className:"mt-4",children:[e.jsx(ce,{className:"my-4"}),e.jsxs(F,{className:"mb-2 text-sm text-muted-foreground",children:["Please enter ",e.jsx("span",{className:"font-bold text-foreground select-all",children:f})," below to continue"]}),e.jsx(K,{value:g,onChange:b=>m(b),placeholder:f,autoFocus:!0})]})]}),e.jsxs(W.Footer,{children:[e.jsx(A,{variant:"outline",onClick:n,children:l}),e.jsx(A,{onClick:i,disabled:w,children:s})]})]})});Me.displayName="Confirm";const pe=o.forwardRef(({value:r="12:00",onChange:t,className:a="",...s},l)=>{const[i,n]=r.split(":").map(Number),p=o.useRef(null),f=o.useRef(null),d=o.useRef(null),h=i%12===0?12:i%12,g=i<12?"AM":"PM",m=[12,1,2,3,4,5,6,7,8,9,10,11],w=Array.from({length:60},(v,u)=>u),b=["AM","PM"];o.useEffect(()=>{if(p.current){const v=m.indexOf(h),u=p.current.children[v];u&&(p.current.scrollTop=u.offsetTop-p.current.offsetTop-p.current.clientHeight/2+u.clientHeight/2)}if(f.current){const v=f.current.children[n];v&&(f.current.scrollTop=v.offsetTop-f.current.offsetTop-f.current.clientHeight/2+v.clientHeight/2)}if(d.current){const v=b.indexOf(g),u=d.current.children[v];u&&(d.current.scrollTop=u.offsetTop-d.current.offsetTop-d.current.clientHeight/2+u.clientHeight/2)}},[h,n,g]);const S=(v,u,C)=>{let y=v;C==="PM"&&v!==12&&(y+=12),C==="AM"&&v===12&&(y=0),t==null||t(`${y.toString().padStart(2,"0")}:${u.toString().padStart(2,"0")}`)};return e.jsxs("div",{ref:l,className:`p-4 bg-background border-t border-border flex flex-col gap-3 ${a}`,...s,children:[e.jsxs("div",{className:"flex justify-center items-center gap-1",children:[e.jsx("div",{className:"flex-1 text-center text-[10px] uppercase font-bold text-muted-foreground mr-2",children:"Hour"}),e.jsx("div",{className:"flex-1 text-center text-[10px] uppercase font-bold text-muted-foreground mr-6",children:"Min"}),e.jsx("div",{className:"w-12 text-center text-[10px] uppercase font-bold text-muted-foreground"})]}),e.jsxs("div",{className:"flex items-center justify-center gap-1 h-48 relative overflow-hidden",children:[e.jsx("div",{className:"absolute left-0 right-0 h-11 top-1/2 -translate-y-1/2 bg-primary/10 rounded-lg pointer-events-none border-y border-primary/20"}),e.jsx("div",{className:"absolute top-0 left-0 right-0 h-10 bg-gradient-to-b from-background to-transparent z-10 pointer-events-none"}),e.jsx("div",{className:"absolute bottom-0 left-0 right-0 h-10 bg-gradient-to-t from-background to-transparent z-10 pointer-events-none"}),e.jsx("div",{ref:p,className:"flex-1 h-full overflow-y-auto no-scrollbar snap-y snap-mandatory scroll-smooth py-20",children:m.map(v=>e.jsx("button",{onClick:()=>S(v,n,g),className:`
|
|
37
38
|
w-full h-11 flex items-center justify-center text-sm font-medium transition-all snap-center cursor-pointer
|
|
38
|
-
${h===
|
|
39
|
-
`,children:
|
|
39
|
+
${h===v?"text-primary text-xl font-bold":"text-muted-foreground hover:text-foreground opacity-50 hover:opacity-100"}
|
|
40
|
+
`,children:v},v))}),e.jsx("div",{className:"text-xl font-bold text-muted-foreground z-20 pb-1",children:":"}),e.jsx("div",{ref:f,className:"flex-1 h-full overflow-y-auto no-scrollbar snap-y snap-mandatory scroll-smooth py-20",children:w.map(v=>e.jsx("button",{onClick:()=>S(h,v,g),className:`
|
|
40
41
|
w-full h-11 flex items-center justify-center text-sm font-medium transition-all snap-center cursor-pointer
|
|
41
|
-
${n===
|
|
42
|
-
`,children:
|
|
42
|
+
${n===v?"text-primary text-xl font-bold":"text-muted-foreground hover:text-foreground opacity-50 hover:opacity-100"}
|
|
43
|
+
`,children:v.toString().padStart(2,"0")},v))}),e.jsx("div",{ref:d,className:"w-16 h-full overflow-y-auto no-scrollbar snap-y snap-mandatory scroll-smooth py-20 border-l border-border/50 ml-2",children:b.map(v=>e.jsx("button",{onClick:()=>S(h,n,v),className:`
|
|
43
44
|
w-full h-11 flex items-center justify-center text-sm font-bold transition-all snap-center cursor-pointer
|
|
44
|
-
${
|
|
45
|
-
`,children:
|
|
45
|
+
${g===v?"text-primary text-lg":"text-muted-foreground hover:text-foreground opacity-40 hover:opacity-100"}
|
|
46
|
+
`,children:v},v))})]})]})});pe.displayName="TimePicker";const fe=r=>r!==null&&typeof r=="object"&&"from"in r,Ie=o.forwardRef(({mode:r="date",value:t,defaultValue:a,onChange:s,label:l,placeholder:i,error:n,className:p="",required:f,...d},h)=>{const[g,m]=o.useState(!1),w=o.useRef(null);o.useImperativeHandle(h,()=>w.current);const[b,S]=o.useState(t!==void 0?t:a);o.useEffect(()=>{t!==void 0&&S(t)},[t]);const v=(N,T)=>{t===void 0&&S(N),s==null||s(N,T)},u=o.useMemo(()=>{if(i)return i;switch(r){case"date":return"Select date...";case"time":return"Select time...";case"datetime":return"Select date & time...";case"range":return"Select date range...";default:return"Select..."}},[r,i]);o.useEffect(()=>{const N=T=>{w.current&&!w.current.contains(T.target)&&m(!1)};return document.addEventListener("mousedown",N),()=>document.removeEventListener("mousedown",N)},[]);const C=N=>{if(r==="range"){const T=fe(b)?b:{from:void 0,to:void 0};if(!T.from||T.from&&T.to)v({from:N,to:void 0});else{const k=T.from,$=N;$<k?v({from:$,to:k}):(v({from:k,to:$}),m(!1))}}else if(r==="datetime"){const T=b instanceof Date?b:new Date,k=new Date(N);k.setHours(T.getHours()),k.setMinutes(T.getMinutes()),v(k)}else v(N),m(!1)},y=N=>{const[T,k]=N.split(":").map(Number);if(r==="time"){const $=new Date;$.setHours(T,k,0,0),v($)}else if(r==="datetime"){const $=b instanceof Date?new Date(b):new Date;$.setHours(T,k,0,0),v($)}},M=o.useMemo(()=>{if(!b)return"";if(r==="range"&&fe(b)){const{from:N,to:T}=b;return N?`${j.format(N,"MMM d, yyyy")}${T?` - ${j.format(T,"MMM d, yyyy")}`:""}`:""}if(!(b instanceof Date)||!j.isValid(b))return"";switch(r){case"date":return j.format(b,"MMMM d, yyyy");case"time":return j.format(b,"h:mm aa");case"datetime":return j.format(b,"MMM d, yyyy h:mm aa");default:return""}},[b,r]),E=N=>{N.stopPropagation(),v(void 0,N)};return e.jsxs("div",{className:`flex flex-col gap-1.5 w-full relative ${p}`,ref:w,...d,children:[l&&e.jsxs("label",{className:"text-sm font-medium leading-none pl-[3px] mb-[5px]",children:[l,f&&e.jsx("span",{className:"text-red-500 ml-1",children:"*"})]}),e.jsxs("div",{className:"relative",children:[e.jsxs("button",{type:"button",onClick:()=>m(!g),className:`
|
|
46
47
|
flex w-full border border-input bg-background ring-offset-background h-12 px-4 items-center gap-3 rounded-lg cursor-pointer transition-all text-left
|
|
47
48
|
focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2
|
|
48
49
|
${n?"border-red-500":""}
|
|
49
50
|
${M?"text-foreground":"text-muted-foreground"}
|
|
50
|
-
`,children:[r==="time"?e.jsx(c.Clock,{size:18,className:"text-muted-foreground"}):e.jsx(c.Calendar,{size:18,className:"text-muted-foreground"}),e.jsx("span",{className:"flex-1 overflow-hidden text-ellipsis whitespace-nowrap",children:M||
|
|
51
|
+
`,children:[r==="time"?e.jsx(c.Clock,{size:18,className:"text-muted-foreground"}):e.jsx(c.Calendar,{size:18,className:"text-muted-foreground"}),e.jsx("span",{className:"flex-1 overflow-hidden text-ellipsis whitespace-nowrap",children:M||u}),M&&e.jsx(c.X,{size:16,className:"text-muted-foreground hover:text-foreground transition-colors",onClick:E})]}),g&&e.jsxs("div",{className:"absolute top-full left-0 mt-2 z-50 bg-background border border-border rounded-xl shadow-2xl overflow-hidden animate-in fade-in zoom-in-95 duration-200 min-w-[280px]",children:[r!=="time"&&e.jsx(te,{selected:b,onSelect:C,range:r==="range"}),(r==="time"||r==="datetime")&&e.jsxs(e.Fragment,{children:[e.jsx(pe,{value:b instanceof Date&&j.isValid(b)?j.format(b,"HH:mm"):"12:00",onChange:y}),e.jsx("div",{className:"p-3 border-t border-border bg-accent/30 flex justify-end",children:e.jsx("button",{type:"button",onClick:()=>m(!1),className:"text-xs font-bold text-primary hover:underline px-2 py-1 cursor-pointer",children:"Done"})})]}),r==="range"&&fe(b)&&b.from&&b.to&&e.jsx("div",{className:"p-3 border-t border-border bg-accent/30 flex justify-end",children:e.jsx("button",{type:"button",onClick:()=>m(!1),className:"text-xs font-bold text-primary hover:underline px-2 py-1 cursor-pointer",children:"Done"})})]})]}),n&&e.jsx("p",{className:"text-xs text-red-500 mt-1 pl-[3px]",children:n})]})});Ie.displayName="DatePicker";const Ee=o.forwardRef(({variant:r="dropzone",multiple:t=!1,accept:a,label:s,description:l,onChange:i,maxSize:n,className:p="",...f},d)=>{const[h,g]=o.useState([]),[m,w]=o.useState(!1),[b,S]=o.useState(null),v=o.useRef(null),u=k=>{if(!k)return;S(null);const $=Array.from(k);if(n){const I=$.find(V=>V.size>n);if(I){S(`File ${I.name} is too large. Max size is ${(n/1024/1024).toFixed(1)}MB.`);return}}const D=t?[...h,...$]:[$[0]];g(D),i==null||i(D)},C=k=>{const $=h.filter((D,I)=>I!==k);g($),i==null||i($)},y=k=>{k.preventDefault(),w(!0)},M=()=>{w(!1)},E=k=>{k.preventDefault(),w(!1),u(k.dataTransfer.files)},N=()=>{var k;(k=v.current)==null||k.click()},T=k=>{if(k===0)return"0 Bytes";const $=1024,D=["Bytes","KB","MB","GB"],I=Math.floor(Math.log(k)/Math.log($));return parseFloat((k/Math.pow($,I)).toFixed(2))+" "+D[I]};return e.jsxs("div",{ref:d,className:`flex flex-col gap-4 w-full ${p}`,...f,children:[s&&e.jsx("label",{className:"text-sm font-medium leading-none pl-[3px]",children:s}),e.jsx("input",{type:"file",ref:v,onChange:k=>u(k.target.files),multiple:t,accept:a,className:"hidden"}),r==="button"?e.jsxs("div",{className:"flex flex-col gap-2 items-start",children:[e.jsx(A,{type:"button",variant:"outline",leftIcon:c.Upload,onClick:N,children:h.length>0?"Upload More":"Choose File"}),l&&e.jsx(F,{variant:"small",className:"text-muted-foreground",children:l})]}):e.jsxs("div",{onDragOver:y,onDragLeave:M,onDrop:E,onClick:N,className:`
|
|
51
52
|
relative flex flex-col items-center justify-center w-full min-h-[200px] p-8
|
|
52
53
|
border-2 border-dashed rounded-xl transition-all cursor-pointer group
|
|
53
|
-
${
|
|
54
|
+
${m?"border-primary bg-primary/5 scale-[0.99] shadow-inner":"border-border hover:border-primary/50 hover:bg-accent/30"}
|
|
54
55
|
`,children:[e.jsx("div",{className:`
|
|
55
56
|
p-4 rounded-full bg-accent/50 mb-4 transition-transform duration-300
|
|
56
|
-
${
|
|
57
|
-
`,children:e.jsx(c.CloudUpload,{className:`w-8 h-8 transition-colors ${
|
|
57
|
+
${m?"scale-110":"group-hover:scale-105"}
|
|
58
|
+
`,children:e.jsx(c.CloudUpload,{className:`w-8 h-8 transition-colors ${m?"text-primary":"text-muted-foreground group-hover:text-primary/70"}`})}),e.jsxs("div",{className:"text-center",children:[e.jsx(F,{className:"font-semibold mb-1",children:"Click to upload or drag and drop"}),e.jsx(F,{variant:"small",className:"text-muted-foreground",children:l||(a?`Accepted formats: ${a}`:"All file types supported")})]}),m&&e.jsx("div",{className:"absolute inset-0 bg-primary/5 rounded-xl pointer-events-none flex items-center justify-center",children:e.jsxs("div",{className:"bg-background px-4 py-2 rounded-full shadow-lg border border-primary/20 flex items-center gap-2",children:[e.jsx(c.CheckCircle2,{className:"w-4 h-4 text-primary"}),e.jsx("span",{className:"text-sm font-medium text-primary",children:"Drop to upload"})]})})]}),b&&e.jsxs("div",{className:"flex items-center gap-2 text-red-500 text-xs pl-[3px] transition-all duration-200",children:[e.jsx(c.AlertCircle,{size:14}),b]}),h.length>0&&e.jsx("div",{className:"space-y-2 mt-2",children:h.map((k,$)=>e.jsxs("div",{className:"group flex items-center gap-3 p-3 rounded-lg border border-border bg-card hover:bg-accent/20 transition-all duration-200",children:[e.jsx("div",{className:"p-2 rounded-md bg-accent/50 text-primary",children:e.jsx(c.File,{size:18})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-sm font-medium truncate",children:k.name}),e.jsx("p",{className:"text-xs text-muted-foreground",children:T(k.size)})]}),e.jsx("button",{type:"button",onClick:D=>{D.stopPropagation(),C($)},className:"p-1.5 rounded-md text-muted-foreground hover:text-red-500 hover:bg-red-50 transition-colors cursor-pointer",children:e.jsx(c.X,{size:16})})]},`${k.name}-${$}`))})]})});Ee.displayName="FileUploader";const ge=(...r)=>r.filter(Boolean).join(" "),pr={base:{1:"w-1/12",2:"w-2/12",3:"w-3/12",4:"w-4/12",5:"w-5/12",6:"w-6/12",7:"w-7/12",8:"w-8/12",9:"w-9/12",10:"w-10/12",11:"w-11/12",12:"w-full",auto:"w-auto"},xs:{1:"xs:w-1/12",2:"xs:w-2/12",3:"xs:w-3/12",4:"xs:w-4/12",5:"xs:w-5/12",6:"xs:w-6/12",7:"xs:w-7/12",8:"xs:w-8/12",9:"xs:w-9/12",10:"xs:w-10/12",11:"xs:w-11/12",12:"xs:w-full",auto:"xs:w-auto"},sm:{1:"sm:w-1/12",2:"sm:w-2/12",3:"sm:w-3/12",4:"sm:w-4/12",5:"sm:w-5/12",6:"sm:w-6/12",7:"sm:w-7/12",8:"sm:w-8/12",9:"sm:w-9/12",10:"sm:w-10/12",11:"sm:w-11/12",12:"sm:w-full",auto:"sm:w-auto"},md:{1:"md:w-1/12",2:"md:w-2/12",3:"md:w-3/12",4:"md:w-4/12",5:"md:w-5/12",6:"md:w-6/12",7:"md:w-7/12",8:"md:w-8/12",9:"md:w-9/12",10:"md:w-10/12",11:"md:w-11/12",12:"md:w-full",auto:"md:w-auto"},lg:{1:"lg:w-1/12",2:"lg:w-2/12",3:"lg:w-3/12",4:"lg:w-4/12",5:"lg:w-5/12",6:"lg:w-6/12",7:"lg:w-7/12",8:"lg:w-8/12",9:"lg:w-9/12",10:"lg:w-10/12",11:"lg:w-11/12",12:"lg:w-full",auto:"lg:w-auto"},xl:{1:"xl:w-1/12",2:"xl:w-2/12",3:"xl:w-3/12",4:"xl:w-4/12",5:"xl:w-5/12",6:"xl:w-6/12",7:"xl:w-7/12",8:"xl:w-8/12",9:"xl:w-9/12",10:"xl:w-10/12",11:"xl:w-11/12",12:"xl:w-full",auto:"xl:w-auto"},"2xl":{1:"2xl:w-1/12",2:"2xl:w-2/12",3:"2xl:w-3/12",4:"2xl:w-4/12",5:"2xl:w-5/12",6:"2xl:w-6/12",7:"2xl:w-7/12",8:"2xl:w-8/12",9:"2xl:w-9/12",10:"2xl:w-10/12",11:"2xl:w-11/12",12:"2xl:w-full",auto:"2xl:w-auto"}},U=(r,t="base")=>{var s;return r===void 0?"":((s=pr[t===""?"base":t])==null?void 0:s[r])||""},Pe=o.createContext({gutter:[0,0]}),De=o.forwardRef(({children:r,className:t,fluid:a=!1,...s},l)=>e.jsx("div",{ref:l,className:ge("mx-auto px-4",!a&&"container",a&&"w-full",t),...s,children:r}));De.displayName="Grid";const je=o.forwardRef(({children:r,className:t,justify:a="start",align:s="top",gutter:l=0,style:i,...n},p)=>{const f={start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},d={top:"items-start",middle:"items-center",bottom:"items-end",stretch:"items-stretch"},h=Array.isArray(l)?l:[l,l],[g,m]=h,w=S=>S*.25,b={marginLeft:`-${w(g)/2}rem`,marginRight:`-${w(g)/2}rem`,marginTop:`-${w(m)/2}rem`,marginBottom:`-${w(m)/2}rem`,...i};return e.jsx(Pe.Provider,{value:{gutter:h},children:e.jsx("div",{ref:p,className:ge("flex flex-wrap",f[a],d[s],t),style:b,...n,children:r})})});je.displayName="Grid.Row";const Le=o.forwardRef(({children:r,className:t,span:a,offset:s,xs:l,sm:i,md:n,lg:p,xl:f,"2xl":d,flex:h,style:g,...m},w)=>{const{gutter:b}=o.useContext(Pe),[S,v]=b,u=y=>y*.25,C={...g,paddingLeft:`${u(S)/2}rem`,paddingRight:`${u(S)/2}rem`,paddingTop:`${u(v)/2}rem`,paddingBottom:`${u(v)/2}rem`,flex:h||void 0};return e.jsx("div",{ref:w,className:ge("relative max-w-full",!h&&"flex-none",a!==void 0?U(a):!l&&!i&&!n&&!p&&!f&&!d?"w-full":"",U(l,"xs"),U(i,"sm"),U(n,"md"),U(p,"lg"),U(f,"xl"),U(d,"2xl"),t),style:{...C,marginLeft:typeof s=="number"?`${s/12*100}%`:void 0},...m,children:r})});Le.displayName="Grid.Col";const fr=Object.assign(De,{Row:je,Col:Le}),he={user:c.User,settings:c.Settings,bell:c.Bell,search:c.Search,mail:c.Mail,"check-circle":c.CheckCircle,"alert-circle":c.AlertCircle,info:c.Info,plus:c.Plus,minus:c.Minus,close:c.X,menu:c.Menu,maximize:c.Maximize,"chevron-right":c.ChevronRight,"chevron-left":c.ChevronLeft,"chevron-down":c.ChevronDown,"chevron-up":c.ChevronUp,home:c.Home,trash:c.Trash,edit:c.Edit,save:c.Save,download:c.Download,upload:c.Upload,"external-link":c.ExternalLink,lock:c.Lock,unlock:c.Unlock,eye:c.Eye,"eye-off":c.EyeOff,calendar:c.Calendar,clock:c.Clock,"map-pin":c.MapPin,phone:c.Phone,layout:c.Layout,type:c.Type,palette:c.Palette,cursor:c.MousePointer2,input:c.FormInput,"credit-card":c.CreditCard,split:c.Split,text:c.WholeWord,"check-square":c.CheckSquare,table:c.Table,code:c.Code2,activity:c.Activity,message:c.MessageSquare,"message-square":c.MessageSquare,filter:c.Filter,sun:c.Sun,moon:c.Moon,tag:c.Tag,dashboard:c.Gauge,analytics:c.BarChart,users:c.Users,file:c.File,folder:c.Folder,image:c.Image,video:c.Video,cloud:c.Cloud,database:c.Database,server:c.Server,wifi:c.Wifi,bluetooth:c.Bluetooth,battery:c.Battery,power:c.Zap,bookmark:c.Bookmark,star:c.Star,heart:c.Heart,"thumbs-up":c.ThumbsUp,"thumbs-down":c.ThumbsDown,share:c.Share,link:c.Link,globe:c.Globe,cart:c.ShoppingCart,dollar:c.DollarSign,percent:c.Percent,list:c.List,grid:c.Grid,"more-horizontal":c.MoreHorizontal,"more-vertical":c.MoreVertical,"arrow-right":c.ArrowRight,"arrow-left":c.ArrowLeft,"arrow-up":c.ArrowUp,"arrow-down":c.ArrowDown,refresh:c.RefreshCw,login:c.LogIn,shapes:c.Shapes,layers:c.Layers,"rectangle-horizontal":c.RectangleHorizontal,"picture-in-picture-2":c.PictureInPicture2,"panel-top-dashed":c.PanelTopDashed,"clock-fading":c.Timer,command:c.Command},X=o.forwardRef(({name:r,customIcon:t,className:a,size:s=24,...l},i)=>{if(t)return e.jsx(t,{size:s,className:a,ref:i,...l});if(r&&he[r]){const n=he[r];return e.jsx(n,{size:s,className:a,ref:i,...l})}return null});X.displayName="Icon";const Fe=o.forwardRef(({keys:r,className:t="",...a},s)=>e.jsx("div",{ref:s,className:`flex items-center gap-1 ${t}`,...a,children:r.map((l,i)=>e.jsx("kbd",{className:`
|
|
58
59
|
pointer-events-none
|
|
59
60
|
inline-flex
|
|
60
61
|
h-5
|
|
@@ -73,27 +74,27 @@
|
|
|
73
74
|
dark:shadow-[0px_2px_0px_0px_rgba(255,255,255,0.1)]
|
|
74
75
|
active:shadow-none
|
|
75
76
|
active:translate-y-[2px]
|
|
76
|
-
`,children:e.jsx("span",{className:`uppercase ${i==="⌘"?"text-sm":"text-xs"}`,children:i})},a))}));Fe.displayName="KeyboardShortcut";const H=(...r)=>r.filter(Boolean).join(" "),je=o.forwardRef(({children:r,className:t="",...s},l)=>e.jsx("div",{ref:l,className:H("flex flex-col min-h-0 w-full bg-background text-foreground",t),...s,children:r}));je.displayName="Layout";const Ae=o.forwardRef(({children:r,className:t="",...s},l)=>e.jsx("header",{ref:l,className:H("flex-none h-16 flex items-center px-6 border-b border-border bg-card",t),...s,children:r}));Ae.displayName="Layout.Header";const Be=o.forwardRef(({children:r,className:t="",...s},l)=>e.jsx("footer",{ref:l,className:H("flex-none py-6 px-6 border-t border-border bg-card",t),...s,children:r}));Be.displayName="Layout.Footer";const He=o.forwardRef(({children:r,className:t="",width:s="w-64",collapsed:l=!1,collapsedWidth:i="w-16",style:a,navigation:n,onCollapse:f,...u},d)=>{const h=s.startsWith("w-"),m=i.startsWith("w-"),p=l?m?i:"":h?s:"",x={...a,width:!h&&!l?s:!m&&l?i:void 0};return e.jsxs("aside",{ref:d,className:H("flex-none border-r border-border bg-card flex flex-col transition-all duration-300 ease-in-out",p,l&&"overflow-hidden",t),style:x,...u,children:[e.jsxs("div",{className:"flex-1 overflow-y-auto overflow-x-hidden py-4",children:[n&&e.jsx("div",{className:"space-y-1 px-3",children:n.map((b,S)=>{if("divider"in b)return e.jsx("div",{className:"my-4 border-t border-border mx-2"},S);if("header"in b)return l?null:e.jsx("div",{className:"px-3 py-2 mt-4 first:mt-0",children:e.jsx("span",{className:"text-[11px] font-bold uppercase tracking-wider text-muted-foreground",children:b.header})},S);const y=b.icon,g=e.jsxs("div",{className:H("flex items-center rounded-md transition-colors py-2 group min-h-[36px]",l?"justify-center px-0":"px-3 gap-3",b.isActive?"bg-accent/50 text-accent-foreground font-medium":"text-muted-foreground hover:text-foreground hover:bg-muted/50"),children:[(b.iconName||y)&&e.jsx(X,{name:b.iconName,customIcon:y,size:20,className:H("shrink-0",b.iconColor,b.isActive&&"text-primary"),"aria-hidden":"true"}),e.jsx("span",{className:H("truncate transition-all duration-300",l?"w-0 opacity-0 overflow-hidden absolute":"w-auto opacity-100 relative"),children:b.label})]}),$=b.href?e.jsx("a",{href:b.href,onClick:b.onClick,className:"block focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 rounded-md",children:g}):e.jsx("button",{onClick:b.onClick,className:"w-full text-left focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 rounded-md",children:g});return l?e.jsx(O,{content:b.label,position:"right",className:"w-full block",children:$},S):e.jsx(o.Fragment,{children:$},S)})}),r]}),f&&e.jsx("button",{onClick:()=>f(!l),className:"flex flex-none items-center justify-center h-9 w-full border-t border-border/50 hover:bg-muted/50 transition-colors text-muted-foreground hover:text-foreground focus:outline-none cursor-pointer mt-auto","aria-label":l?"Expand sidebar":"Collapse sidebar",children:l?e.jsx(c.ChevronRight,{size:16}):e.jsx(c.ChevronLeft,{size:16})})]})});He.displayName="Layout.Sider";const Oe=o.forwardRef(({children:r,className:t="",...s},l)=>e.jsx("main",{ref:l,className:H("flex-1 overflow-y-auto p-6",t),...s,children:r}));Oe.displayName="Layout.Content";const ur=Object.assign(je,{Header:Ae,Footer:Be,Sider:He,Content:Oe}),Ve=o.forwardRef(({content:r,className:t="",...s},l)=>{const{syntaxThemeStyle:i}=se();return e.jsx("div",{ref:l,className:`text-foreground leading-relaxed ${t}`,...s,children:e.jsx(tr,{components:{h1:({node:a,...n})=>e.jsx("h1",{className:"text-3xl font-bold mt-8 mb-4 border-b border-border pb-2",...n}),h2:({node:a,...n})=>e.jsx("h2",{className:"text-2xl font-semibold mt-6 mb-4",...n}),h3:({node:a,...n})=>e.jsx("h3",{className:"text-xl font-semibold mt-4 mb-2",...n}),p:({node:a,...n})=>e.jsx("p",{className:"mb-4 text-muted-foreground",...n}),ul:({node:a,...n})=>e.jsx("ul",{className:"list-disc pl-6 mb-4 space-y-1 text-muted-foreground",...n}),ol:({node:a,...n})=>e.jsx("ol",{className:"list-decimal pl-6 mb-4 space-y-1 text-muted-foreground",...n}),blockquote:({node:a,...n})=>e.jsx("blockquote",{className:"border-l-4 border-primary pl-4 italic my-4 text-muted-foreground",...n}),a:({node:a,...n})=>e.jsx("a",{className:"text-primary hover:underline cursor-pointer",...n}),code(a){const{children:n,className:f,node:u,...d}=a,h=/language-(\w+)/.exec(f||"");return h?e.jsx("div",{className:"my-4 rounded-md overflow-hidden",children:e.jsx(ye.Prism,{...d,style:i,language:h[1],PreTag:"div",customStyle:{margin:0,padding:"1.5rem"},children:String(n).replace(/\n$/,"")})}):e.jsx("code",{...d,className:"bg-muted px-1.5 py-0.5 rounded text-sm font-mono text-foreground",children:n})}},children:r})})});Ve.displayName="MarkdownRenderer";const Y=(...r)=>r.filter(Boolean).join(" "),Ue=o.forwardRef(({items:r,collapsed:t=!1,className:s,...l},i)=>e.jsx("div",{ref:i,className:Y("space-y-1 px-3",t&&"pt-2",s),...l,children:r.map((a,n)=>{if("divider"in a)return e.jsx("div",{className:"my-4 border-t border-border mx-2"},n);if("header"in a)return t?null:e.jsx("div",{className:"px-3 py-2 mt-4 first:mt-0",children:e.jsx("span",{className:"text-[11px] font-bold uppercase tracking-wider text-muted-foreground",children:a.header})},n);const f=a.icon,u=e.jsxs("div",{className:Y("flex items-center rounded-md transition-colors py-2 group min-h-[36px]",t?"justify-center px-0":"px-3 gap-3",a.isActive?"bg-secondary text-secondary-foreground font-medium":"text-muted-foreground hover:text-foreground hover:bg-secondary/50"),children:[(a.iconName||f)&&e.jsx(X,{name:a.iconName,customIcon:f,size:20,className:Y("shrink-0",a.iconColor,a.isActive&&"text-primary"),"aria-hidden":"true"}),e.jsx("span",{className:Y("truncate transition-all duration-300",t?"w-0 opacity-0 overflow-hidden absolute":"w-auto opacity-100 relative"),children:a.label})]}),d=a.href?e.jsx("a",{href:a.href,onClick:a.onClick,className:"block focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 rounded-md",children:u}):e.jsx("button",{onClick:a.onClick,className:"w-full text-left focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 rounded-md",children:u});return t?e.jsx(O,{content:a.label,position:"right",className:"w-full block",children:d},n):e.jsx(o.Fragment,{children:d},n)})}));Ue.displayName="Menu";const We=o.forwardRef(({value:r,max:t=100,className:s="",variant:l="primary",size:i="md",showValue:a=!1,...n},f)=>{const u=Math.min(Math.max(0,r/t*100),100),d={primary:"bg-primary",success:"bg-green-500",warning:"bg-orange-500",error:"bg-red-500"},h={sm:"h-1",md:"h-2",lg:"h-3"};return e.jsxs("div",{ref:f,className:`w-full ${s}`,...n,children:[e.jsx("div",{className:"flex items-center justify-between mb-2",children:a&&e.jsxs("span",{className:"text-xs font-medium text-muted-foreground ml-auto",children:[Math.round(u),"%"]})}),e.jsx("div",{className:`w-full bg-accent dark:bg-secondary rounded-full overflow-hidden ${h[i]}`,children:e.jsx("div",{className:`h-full w-full flex-1 transition-transform duration-500 ease-out ${d[l]}`,style:{transform:`translateX(-${100-u}%)`},role:"progressbar","aria-valuenow":r,"aria-valuemin":0,"aria-valuemax":t})})]})});We.displayName="Progress";const qe=o.forwardRef(({name:r,options:t,value:s,defaultValue:l,onChange:i,className:a="",...n},f)=>{const[u,d]=o.useState(s!==void 0?s:l);o.useEffect(()=>{s!==void 0&&d(s)},[s]);const h=(m,p)=>{s===void 0&&d(m),i==null||i(m,p)};return e.jsx("div",{ref:f,className:`flex flex-col gap-3 ${a}`,...n,children:t.map(m=>e.jsxs("label",{className:"flex items-center gap-3 cursor-pointer group select-none",children:[e.jsxs("div",{className:"relative flex items-center justify-center",children:[e.jsx("input",{type:"radio",name:r,value:m.value,checked:u===m.value,onChange:p=>h(m.value,p),className:"peer sr-only"}),e.jsx("div",{className:"w-5 h-5 border-2 border-border rounded-full transition-all peer-checked:border-primary group-hover:border-primary/50"}),e.jsx("div",{className:"absolute w-2.5 h-2.5 bg-primary rounded-full opacity-0 transition-opacity peer-checked:opacity-100"})]}),e.jsx("span",{className:"text-sm font-medium",children:m.label})]},m.value))})});qe.displayName="RadioGroup";const Z=o.forwardRef(({label:r,options:t,error:s,className:l="",...i},a)=>e.jsxs("div",{className:"flex flex-col gap-1.5 w-full",children:[r&&e.jsx("label",{className:"text-sm font-medium leading-none pl-[3px] mb-[5px]",children:r}),e.jsxs("div",{className:"relative",children:[e.jsx("select",{ref:a,className:`appearance-none flex w-full border border-input bg-background ring-offset-background placeholder:text-muted-foreground/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-all h-12 px-4 pr-10 text-base rounded-lg cursor-pointer ${l}`,...i,children:t.map(n=>e.jsx("option",{value:n.value,children:n.label},n.value))}),e.jsx(c.ChevronDown,{className:"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none",size:18})]}),s&&e.jsx("p",{className:"text-xs text-red-500 mt-1 pl-[3px]",children:s})]}));Z.displayName="Select";const _e=o.forwardRef(({label:r,min:t=0,max:s=100,step:l=1,value:i,defaultValue:a,onChange:n,className:f="",showValue:u=!0,unit:d="",...h},m)=>{const[p,x]=o.useState(i!==void 0?i:a!==void 0?a:0),b=Array.isArray(p),S=o.useRef(null);o.useEffect(()=>{i!==void 0&&x(i)},[i]);const y=v=>{const M=parseFloat(v.target.value);x(M),n==null||n(M,v)},g=v=>M=>{if(!b)return;const E=parseFloat(M.target.value),k=[...p];v===0?k[0]=Math.min(E,k[1]):k[1]=Math.max(E,k[0]),x(k),n==null||n(k,M)},$=v=>(v-t)/(s-t)*100;return e.jsxs("div",{ref:m,className:`flex flex-col gap-2 w-full ${f}`,...h,children:[e.jsxs("div",{className:"flex items-center justify-between",children:[r&&e.jsx("label",{className:"text-sm font-medium leading-none pl-[3px]",children:r}),u&&e.jsx("span",{className:"text-xs font-medium text-muted-foreground tabular-nums",children:b?`${p[0]}${d} — ${p[1]}${d}`:`${p}${d}`})]}),e.jsxs("div",{className:"relative h-6 flex items-center group",ref:S,children:[e.jsx("div",{className:"absolute w-full h-1.5 bg-secondary rounded-full"}),e.jsx("div",{className:"absolute h-1.5 bg-primary rounded-full",style:{left:`${b?$(p[0]):0}%`,right:`${b?100-$(p[1]):100-$(p)}%`}}),b?e.jsxs(e.Fragment,{children:[e.jsx("input",{type:"range",min:t,max:s,step:l,value:p[0],onChange:g(0),className:`absolute w-full h-1.5 appearance-none bg-transparent pointer-events-none cursor-pointer z-10
|
|
77
|
+
`,children:e.jsx("span",{className:`uppercase ${l==="⌘"?"text-sm":"text-xs"}`,children:l})},i))}));Fe.displayName="KeyboardShortcut";const H=(...r)=>r.filter(Boolean).join(" "),Ae=o.forwardRef(({children:r,className:t="",...a},s)=>e.jsx("div",{ref:s,className:H("flex flex-col min-h-0 w-full bg-background text-foreground",t),...a,children:r}));Ae.displayName="Layout";const Be=o.forwardRef(({children:r,className:t="",...a},s)=>e.jsx("header",{ref:s,className:H("flex-none h-16 flex items-center px-6 border-b border-border bg-card",t),...a,children:r}));Be.displayName="Layout.Header";const He=o.forwardRef(({children:r,className:t="",...a},s)=>e.jsx("footer",{ref:s,className:H("flex-none py-6 px-6 border-t border-border bg-card",t),...a,children:r}));He.displayName="Layout.Footer";const Oe=o.forwardRef(({children:r,className:t="",width:a="w-64",collapsed:s=!1,collapsedWidth:l="w-16",style:i,navigation:n,onCollapse:p,...f},d)=>{const h=a.startsWith("w-"),g=l.startsWith("w-"),m=s?g?l:"":h?a:"",w={...i,width:!h&&!s?a:!g&&s?l:void 0};return e.jsxs("aside",{ref:d,className:H("flex-none border-r border-border bg-card flex flex-col transition-all duration-300 ease-in-out",m,s&&"overflow-hidden",t),style:w,...f,children:[e.jsxs("div",{className:"flex-1 overflow-y-auto overflow-x-hidden py-4",children:[n&&e.jsx("div",{className:"space-y-1 px-3",children:n.map((b,S)=>{if("divider"in b)return e.jsx("div",{className:"my-4 border-t border-border mx-2"},S);if("header"in b)return s?null:e.jsx("div",{className:"px-3 py-2 mt-4 first:mt-0",children:e.jsx("span",{className:"text-[11px] font-bold uppercase tracking-wider text-muted-foreground",children:b.header})},S);const v=b.icon,u=e.jsxs("div",{className:H("flex items-center rounded-md transition-colors py-2 group min-h-[36px]",s?"justify-center px-0":"px-3 gap-3",b.isActive?"bg-accent/50 text-accent-foreground font-medium":"text-muted-foreground hover:text-foreground hover:bg-muted/50"),children:[(b.iconName||v)&&e.jsx(X,{name:b.iconName,customIcon:v,size:20,className:H("shrink-0",b.iconColor,b.isActive&&"text-primary"),"aria-hidden":"true"}),e.jsx("span",{className:H("truncate transition-all duration-300",s?"w-0 opacity-0 overflow-hidden absolute":"w-auto opacity-100 relative"),children:b.label})]}),C=b.href?e.jsx("a",{href:b.href,onClick:b.onClick,className:"block focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 rounded-md",children:u}):e.jsx("button",{onClick:b.onClick,className:"w-full text-left focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 rounded-md",children:u});return s?e.jsx(O,{content:b.label,position:"right",className:"w-full block",children:C},S):e.jsx(o.Fragment,{children:C},S)})}),r]}),p&&e.jsx("button",{onClick:()=>p(!s),className:"flex flex-none items-center justify-center h-9 w-full border-t border-border/50 hover:bg-muted/50 transition-colors text-muted-foreground hover:text-foreground focus:outline-none cursor-pointer mt-auto","aria-label":s?"Expand sidebar":"Collapse sidebar",children:s?e.jsx(c.ChevronRight,{size:16}):e.jsx(c.ChevronLeft,{size:16})})]})});Oe.displayName="Layout.Sider";const Ue=o.forwardRef(({children:r,className:t="",...a},s)=>e.jsx("main",{ref:s,className:H("flex-1 overflow-y-auto p-6",t),...a,children:r}));Ue.displayName="Layout.Content";const gr=Object.assign(Ae,{Header:Be,Footer:He,Sider:Oe,Content:Ue}),Ve=o.forwardRef(({content:r,className:t="",...a},s)=>{const{syntaxThemeStyle:l}=ae();return e.jsx("div",{ref:s,className:`text-foreground leading-relaxed ${t}`,...a,children:e.jsx(or,{components:{h1:({node:i,...n})=>e.jsx("h1",{className:"text-3xl font-bold mt-8 mb-4 border-b border-border pb-2",...n}),h2:({node:i,...n})=>e.jsx("h2",{className:"text-2xl font-semibold mt-6 mb-4",...n}),h3:({node:i,...n})=>e.jsx("h3",{className:"text-xl font-semibold mt-4 mb-2",...n}),p:({node:i,...n})=>e.jsx("p",{className:"mb-4 text-muted-foreground",...n}),ul:({node:i,...n})=>e.jsx("ul",{className:"list-disc pl-6 mb-4 space-y-1 text-muted-foreground",...n}),ol:({node:i,...n})=>e.jsx("ol",{className:"list-decimal pl-6 mb-4 space-y-1 text-muted-foreground",...n}),blockquote:({node:i,...n})=>e.jsx("blockquote",{className:"border-l-4 border-primary pl-4 italic my-4 text-muted-foreground",...n}),a:({node:i,...n})=>e.jsx("a",{className:"text-primary hover:underline cursor-pointer",...n}),code(i){const{children:n,className:p,node:f,...d}=i,h=/language-(\w+)/.exec(p||"");return h?e.jsx("div",{className:"my-4 rounded-md overflow-hidden",children:e.jsx(ve.Prism,{...d,style:l,language:h[1],PreTag:"div",customStyle:{margin:0,padding:"1.5rem"},children:String(n).replace(/\n$/,"")})}):e.jsx("code",{...d,className:"bg-muted px-1.5 py-0.5 rounded text-sm font-mono text-foreground",children:n})}},children:r})})});Ve.displayName="MarkdownRenderer";const Y=(...r)=>r.filter(Boolean).join(" "),_e=o.forwardRef(({items:r,collapsed:t=!1,className:a,...s},l)=>e.jsx("div",{ref:l,className:Y("space-y-1 px-3",t&&"pt-2",a),...s,children:r.map((i,n)=>{if("divider"in i)return e.jsx("div",{className:"my-4 border-t border-border mx-2"},n);if("header"in i)return t?null:e.jsx("div",{className:"px-3 py-2 mt-4 first:mt-0",children:e.jsx("span",{className:"text-[11px] font-bold uppercase tracking-wider text-muted-foreground",children:i.header})},n);const p=i.icon,f=e.jsxs("div",{className:Y("flex items-center rounded-md transition-colors py-2 group min-h-[36px]",t?"justify-center px-0":"px-3 gap-3",i.isActive?"bg-secondary text-secondary-foreground font-medium":"text-muted-foreground hover:text-foreground hover:bg-secondary/50"),children:[(i.iconName||p)&&e.jsx(X,{name:i.iconName,customIcon:p,size:20,className:Y("shrink-0",i.iconColor,i.isActive&&"text-primary"),"aria-hidden":"true"}),e.jsx("span",{className:Y("truncate transition-all duration-300",t?"w-0 opacity-0 overflow-hidden absolute":"w-auto opacity-100 relative"),children:i.label})]}),d=i.href?e.jsx("a",{href:i.href,onClick:i.onClick,className:"block focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 rounded-md",children:f}):e.jsx("button",{onClick:i.onClick,className:"w-full text-left focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 rounded-md",children:f});return t?e.jsx(O,{content:i.label,position:"right",className:"w-full block",children:d},n):e.jsx(o.Fragment,{children:d},n)})}));_e.displayName="Menu";const We=o.forwardRef(({value:r,max:t=100,className:a="",variant:s="primary",size:l="md",showValue:i=!1,...n},p)=>{const f=Math.min(Math.max(0,r/t*100),100),d={primary:"bg-primary",success:"bg-green-500",warning:"bg-orange-500",error:"bg-red-500"},h={sm:"h-1",md:"h-2",lg:"h-3"};return e.jsxs("div",{ref:p,className:`w-full ${a}`,...n,children:[e.jsx("div",{className:"flex items-center justify-between mb-2",children:i&&e.jsxs("span",{className:"text-xs font-medium text-muted-foreground ml-auto",children:[Math.round(f),"%"]})}),e.jsx("div",{className:`w-full bg-accent dark:bg-secondary rounded-full overflow-hidden ${h[l]}`,children:e.jsx("div",{className:`h-full w-full flex-1 transition-transform duration-500 ease-out ${d[s]}`,style:{transform:`translateX(-${100-f}%)`},role:"progressbar","aria-valuenow":r,"aria-valuemin":0,"aria-valuemax":t})})]})});We.displayName="Progress";const qe=o.forwardRef(({name:r,options:t,value:a,defaultValue:s,onChange:l,className:i="",...n},p)=>{const[f,d]=o.useState(a!==void 0?a:s);o.useEffect(()=>{a!==void 0&&d(a)},[a]);const h=(g,m)=>{a===void 0&&d(g),l==null||l(g,m)};return e.jsx("div",{ref:p,className:`flex flex-col gap-3 ${i}`,...n,children:t.map(g=>e.jsxs("label",{className:"flex items-center gap-3 cursor-pointer group select-none",children:[e.jsxs("div",{className:"relative flex items-center justify-center",children:[e.jsx("input",{type:"radio",name:r,value:g.value,checked:f===g.value,onChange:m=>h(g.value,m),className:"peer sr-only"}),e.jsx("div",{className:"w-5 h-5 border-2 border-border rounded-full transition-all peer-checked:border-primary group-hover:border-primary/50"}),e.jsx("div",{className:"absolute w-2.5 h-2.5 bg-primary rounded-full opacity-0 transition-opacity peer-checked:opacity-100"})]}),e.jsx("span",{className:"text-sm font-medium",children:g.label})]},g.value))})});qe.displayName="RadioGroup";const Z=o.forwardRef(({label:r,options:t,error:a,className:s="",...l},i)=>e.jsxs("div",{className:"flex flex-col gap-1.5 w-full",children:[r&&e.jsx("label",{className:"text-sm font-medium leading-none pl-[3px] mb-[5px]",children:r}),e.jsxs("div",{className:"relative",children:[e.jsx("select",{ref:i,className:`appearance-none flex w-full border border-input bg-background ring-offset-background placeholder:text-muted-foreground/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-all h-12 px-4 pr-10 text-base rounded-lg cursor-pointer ${s}`,...l,children:t.map(n=>e.jsx("option",{value:n.value,children:n.label},n.value))}),e.jsx(c.ChevronDown,{className:"absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none",size:18})]}),a&&e.jsx("p",{className:"text-xs text-red-500 mt-1 pl-[3px]",children:a})]}));Z.displayName="Select";const Ge=o.forwardRef(({label:r,min:t=0,max:a=100,step:s=1,value:l,defaultValue:i,onChange:n,className:p="",showValue:f=!0,unit:d="",...h},g)=>{const[m,w]=o.useState(l!==void 0?l:i!==void 0?i:0),b=Array.isArray(m),S=o.useRef(null);o.useEffect(()=>{l!==void 0&&w(l)},[l]);const v=y=>{const M=parseFloat(y.target.value);w(M),n==null||n(M,y)},u=y=>M=>{if(!b)return;const E=parseFloat(M.target.value),N=[...m];y===0?N[0]=Math.min(E,N[1]):N[1]=Math.max(E,N[0]),w(N),n==null||n(N,M)},C=y=>(y-t)/(a-t)*100;return e.jsxs("div",{ref:g,className:`flex flex-col gap-2 w-full ${p}`,...h,children:[e.jsxs("div",{className:"flex items-center justify-between",children:[r&&e.jsx("label",{className:"text-sm font-medium leading-none pl-[3px]",children:r}),f&&e.jsx("span",{className:"text-xs font-medium text-muted-foreground tabular-nums",children:b?`${m[0]}${d} — ${m[1]}${d}`:`${m}${d}`})]}),e.jsxs("div",{className:"relative h-6 flex items-center group",ref:S,children:[e.jsx("div",{className:"absolute w-full h-1.5 bg-secondary rounded-full"}),e.jsx("div",{className:"absolute h-1.5 bg-primary rounded-full",style:{left:`${b?C(m[0]):0}%`,right:`${b?100-C(m[1]):100-C(m)}%`}}),b?e.jsxs(e.Fragment,{children:[e.jsx("input",{type:"range",min:t,max:a,step:s,value:m[0],onChange:u(0),className:`absolute w-full h-1.5 appearance-none bg-transparent pointer-events-none cursor-pointer z-10
|
|
77
78
|
[&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-5 [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-primary [&::-webkit-slider-thumb]:shadow-md [&::-webkit-slider-thumb]:transition-transform [&::-webkit-slider-thumb]:active:scale-110
|
|
78
|
-
[&::-moz-range-thumb]:pointer-events-auto [&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:w-5 [&::-moz-range-thumb]:h-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-white [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-primary [&::-moz-range-thumb]:shadow-md [&::-moz-range-thumb]:transition-transform [&::-moz-range-thumb]:active:scale-110`}),e.jsx("input",{type:"range",min:t,max:
|
|
79
|
+
[&::-moz-range-thumb]:pointer-events-auto [&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:w-5 [&::-moz-range-thumb]:h-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-white [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-primary [&::-moz-range-thumb]:shadow-md [&::-moz-range-thumb]:transition-transform [&::-moz-range-thumb]:active:scale-110`}),e.jsx("input",{type:"range",min:t,max:a,step:s,value:m[1],onChange:u(1),className:`absolute w-full h-1.5 appearance-none bg-transparent pointer-events-none cursor-pointer z-20
|
|
79
80
|
[&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-5 [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-primary [&::-webkit-slider-thumb]:shadow-md [&::-webkit-slider-thumb]:transition-transform [&::-webkit-slider-thumb]:active:scale-110
|
|
80
|
-
[&::-moz-range-thumb]:pointer-events-auto [&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:w-5 [&::-moz-range-thumb]:h-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-white [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-primary [&::-moz-range-thumb]:shadow-md [&::-moz-range-thumb]:transition-transform [&::-moz-range-thumb]:active:scale-110`})]}):e.jsx("input",{type:"range",min:t,max:
|
|
81
|
+
[&::-moz-range-thumb]:pointer-events-auto [&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:w-5 [&::-moz-range-thumb]:h-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-white [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-primary [&::-moz-range-thumb]:shadow-md [&::-moz-range-thumb]:transition-transform [&::-moz-range-thumb]:active:scale-110`})]}):e.jsx("input",{type:"range",min:t,max:a,step:s,value:m,onChange:v,className:`w-full h-1.5 appearance-none bg-transparent cursor-pointer z-10
|
|
81
82
|
[&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-5 [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-primary [&::-webkit-slider-thumb]:shadow-md [&::-webkit-slider-thumb]:transition-transform [&::-webkit-slider-thumb]:active:scale-110
|
|
82
|
-
[&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:w-5 [&::-moz-range-thumb]:h-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-white [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-primary [&::-moz-range-thumb]:shadow-md [&::-moz-range-thumb]:transition-transform [&::-moz-range-thumb]:active:scale-110`})]})]})});
|
|
83
|
+
[&::-moz-range-thumb]:appearance-none [&::-moz-range-thumb]:w-5 [&::-moz-range-thumb]:h-5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-white [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-primary [&::-moz-range-thumb]:shadow-md [&::-moz-range-thumb]:transition-transform [&::-moz-range-thumb]:active:scale-110`})]})]})});Ge.displayName="Slider";const hr=(...r)=>r.filter(Boolean).join(" "),Ke=o.forwardRef(({children:r,className:t,gap:a=8,direction:s="horizontal",align:l,justify:i,wrap:n=!1,style:p,...f},d)=>{const h=l?`items-${l}`:"",g=i?`justify-${i}`:"";return e.jsx("div",{ref:d,className:hr("flex",s==="vertical"?"flex-col":"flex-row",n&&"flex-wrap",h,g,t),style:{gap:`${a}px`,...p},...f,children:r})});Ke.displayName="Space";const Xe=o.forwardRef(({label:r,className:t="",checked:a,defaultChecked:s,onChange:l,...i},n)=>{const[p,f]=o.useState(a!==void 0?a:s||!1);o.useEffect(()=>{a!==void 0&&f(a)},[a]);const d=h=>{const g=h.target.checked;a===void 0&&f(g),l==null||l(g,h)};return e.jsxs("label",{className:`flex items-center gap-3 cursor-pointer group select-none ${t}`,children:[e.jsxs("div",{className:"relative",children:[e.jsx("input",{ref:n,type:"checkbox",className:"peer sr-only",checked:p,onChange:d,...i}),e.jsx("div",{className:"w-10 h-6 bg-input rounded-full transition-colors peer-checked:bg-primary"}),e.jsx("div",{className:"absolute left-1 top-1 w-4 h-4 bg-white rounded-full transition-transform peer-checked:translate-x-4 shadow-sm"})]}),r&&e.jsx("span",{className:"text-sm font-medium",children:r})]})});Xe.displayName="Switch";const br=({columns:r,data:t,pageSize:a=10,className:s="",onRowClick:l,emptyMessage:i="No data available",...n},p)=>{const[f,d]=o.useState({key:"",direction:null}),[h,g]=o.useState(1),m=o.useMemo(()=>!f.key||!f.direction?t:[...t].sort((u,C)=>{const y=u[f.key],M=C[f.key];if(y===M)return 0;const E=y<M?-1:1;return f.direction==="asc"?E:-E}),[t,f]),w=Math.ceil(m.length/a);o.useEffect(()=>{h>w&&w>0?g(w):w===0&&g(1)},[w,h]);const b=o.useMemo(()=>{const u=(h-1)*a;return m.slice(u,u+a)},[m,h,a]),S=u=>{let C="asc";f.key===u&&(f.direction==="asc"?C="desc":f.direction==="desc"&&(C=null)),d({key:u,direction:C}),g(1)},v=u=>u.sortable?f.key!==u.key||!f.direction?e.jsx(c.ChevronsUpDown,{size:14,className:"text-muted-foreground/50"}):f.direction==="asc"?e.jsx(c.ChevronUp,{size:14,className:"text-primary"}):e.jsx(c.ChevronDown,{size:14,className:"text-primary"}):null;return e.jsxs("div",{ref:p,className:`w-full space-y-4 ${s}`,...n,children:[e.jsx("div",{className:"w-full overflow-x-auto rounded-lg border border-border bg-background shadow-sm",children:e.jsxs("table",{className:"min-w-full text-sm text-left border-collapse",children:[e.jsx("thead",{children:e.jsx("tr",{className:"border-b border-border bg-muted/30",children:r.map(u=>e.jsx("th",{className:`
|
|
83
84
|
px-4 py-3 font-semibold text-foreground transition-colors
|
|
84
|
-
${
|
|
85
|
-
${
|
|
86
|
-
`,style:{width:
|
|
85
|
+
${u.sortable?"cursor-pointer hover:bg-muted/50 select-none":""}
|
|
86
|
+
${u.align==="center"?"text-center":u.align==="right"?"text-right":"text-left"}
|
|
87
|
+
`,style:{width:u.width},onClick:()=>u.sortable&&S(u.key),children:e.jsxs("div",{className:`flex items-center gap-2 ${u.align==="center"?"justify-center":u.align==="right"?"justify-end":"justify-start"}`,children:[u.label,v(u)]})},u.key))})}),e.jsx("tbody",{className:"divide-y divide-border",children:b.length>0?b.map((u,C)=>e.jsx("tr",{className:`
|
|
87
88
|
transition-colors hover:bg-muted/30
|
|
88
|
-
${
|
|
89
|
-
`,onClick:()=>
|
|
89
|
+
${l?"cursor-pointer":""}
|
|
90
|
+
`,onClick:()=>l==null?void 0:l(u),children:r.map(y=>{var M;return e.jsx("td",{className:`
|
|
90
91
|
px-4 py-3 text-secondary-foreground
|
|
91
|
-
${
|
|
92
|
-
`,children:
|
|
92
|
+
${y.align==="center"?"text-center":y.align==="right"?"text-right":"text-left"}
|
|
93
|
+
`,children:y.render?y.render(u[y.key],u):((M=u[y.key])==null?void 0:M.toString())||"-"},y.key)})},C)):e.jsx("tr",{children:e.jsx("td",{colSpan:r.length,className:"px-4 py-12 text-center",children:e.jsx(F,{variant:"muted",children:i})})})})]})}),w>1&&e.jsxs("div",{className:"flex items-center justify-between px-2",children:[e.jsxs(F,{variant:"small",className:"text-muted-foreground",children:["Showing ",(h-1)*a+1," to ",Math.min(h*a,m.length)," of ",m.length," results"]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(A,{variant:"outline",size:"sm",onClick:()=>g(u=>Math.max(1,u-1)),disabled:h===1,leftIcon:c.ChevronLeft,children:"Previous"}),e.jsx("div",{className:"flex items-center gap-1",children:Array.from({length:w},(u,C)=>C+1).map(u=>e.jsx(A,{variant:h===u?"primary":"ghost",size:"sm",className:"w-8 h-8 p-0",onClick:()=>g(u),children:u},u))}),e.jsx(A,{variant:"outline",size:"sm",onClick:()=>g(u=>Math.min(w,u+1)),disabled:h===w,rightIcon:c.ChevronRight,children:"Next"})]})]})]})},Ye=o.forwardRef(br);Ye.displayName="Table";const Q=o.createContext(void 0),Ze=o.forwardRef(({defaultValue:r,value:t,onValueChange:a,children:s,className:l="",...i},n)=>{const[p,f]=o.useState(t||r||"");o.useEffect(()=>{t!==void 0&&f(t)},[t]);const d=h=>{t===void 0&&f(h),a==null||a(h)};return e.jsx(Q.Provider,{value:{activeTab:p,setActiveTab:d},children:e.jsx("div",{ref:n,className:`w-full ${l}`,...i,children:s})})});Ze.displayName="Tabs";const be=o.forwardRef(({children:r,className:t="",...a},s)=>{const l=o.useContext(Q);if(!l)throw new Error("TabsList must be used within Tabs");const{activeTab:i}=l,n=o.useRef(null),[p,f]=o.useState({left:0,width:0,opacity:0});return o.useImperativeHandle(s,()=>n.current),o.useEffect(()=>{const d=n.current;if(!d)return;const h=d.querySelector('[data-state="active"]');h&&f({left:h.offsetLeft,width:h.offsetWidth,opacity:1})},[i]),e.jsxs("div",{ref:n,className:`relative flex border-b border-border mb-4 ${t}`,...a,children:[r,e.jsx("div",{className:"absolute bottom-0 h-0.5 bg-primary transition-all duration-300 ease-out",style:{left:`${p.left}px`,width:`${p.width}px`,opacity:p.opacity}})]})});be.displayName="TabsList";const ue=o.forwardRef(({value:r,children:t,icon:a,iconPosition:s="left",className:l="",disabled:i=!1,onClick:n,...p},f)=>{const d=o.useContext(Q);if(!d)throw new Error("TabsTrigger must be used within Tabs");const{activeTab:h,setActiveTab:g}=d,m=h===r,w=b=>{g(r),n==null||n(b)};return e.jsxs("button",{ref:f,type:"button","data-state":m?"active":"inactive","data-value":r,disabled:i,onClick:w,className:`
|
|
93
94
|
relative px-4 py-2 text-sm font-medium transition-colors duration-200 cursor-pointer
|
|
94
95
|
flex items-center gap-2 -mb-px border-b-2 border-transparent
|
|
95
|
-
${
|
|
96
|
-
${
|
|
97
|
-
${
|
|
98
|
-
`,...
|
|
99
|
-
${
|
|
96
|
+
${m?"text-primary":"text-muted-foreground hover:text-foreground"}
|
|
97
|
+
${i?"opacity-50 cursor-not-allowed":""}
|
|
98
|
+
${l}
|
|
99
|
+
`,...p,children:[a&&s==="left"&&e.jsx(a,{size:16}),t,a&&s==="right"&&e.jsx(a,{size:16})]})});ue.displayName="TabsTrigger";const me=o.forwardRef(({value:r,children:t,className:a="",...s},l)=>{const i=o.useContext(Q);if(!i)throw new Error("TabsContent must be used within Tabs");const{activeTab:n}=i;return n!==r?null:e.jsx("div",{ref:l,className:`animate-in fade-in slide-in-from-bottom-1 duration-200 ${a}`,...s,children:t})});me.displayName="TabsContent";const ur=Object.assign(Ze,{List:be,Trigger:ue,Content:me}),Qe=o.forwardRef(({label:r,error:t,required:a,className:s="",maxCharacters:l,resizable:i=!0,onChange:n,value:p,defaultValue:f,maxLength:d,hint:h,...g},m)=>{const[w,b]=o.useState(p!==void 0?p:f),[S,v]=o.useState(0);o.useEffect(()=>{p!==void 0&&b(p)},[p]),o.useEffect(()=>{v(typeof w=="string"?w.length:typeof w=="number"?w.toString().length:0)},[w]);const u=y=>{const M=y.target.value;v(M.length),p===void 0&&b(M),n==null||n(M,y)},C=l||d;return e.jsxs("div",{className:"flex flex-col gap-1.5 w-full",children:[e.jsxs("div",{className:"flex justify-between items-end",children:[r&&e.jsxs("label",{className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 pl-[3px] mb-[5px]",children:[r,a&&e.jsx("span",{className:"text-red-500 ml-1",children:"*"})]}),l&&e.jsxs("span",{className:`text-xs mb-[5px] pr-[3px] ${S>l?"text-red-500 font-semibold":"text-muted-foreground"}`,children:[S,"/",l]})]}),e.jsx("textarea",{ref:m,className:`flex min-h-[80px] w-full rounded-lg border border-input bg-background px-4 py-3 text-base ring-offset-background placeholder:text-muted-foreground/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-all ${i?"":"resize-none"} ${s}`,onChange:u,value:w,maxLength:C,...g}),t&&e.jsx("p",{className:"text-xs text-red-500 mt-1 pl-[3px]",children:t})]})});Qe.displayName="TextArea";const Je=o.forwardRef(({text:r,width:t="100%",lines:a=1,tooltip:s=!0,className:l="",...i},n)=>{const p=a>1,f={maxWidth:t,...!p&&{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",display:"block"},...p&&{display:"-webkit-box",WebkitLineClamp:a,WebkitBoxOrient:"vertical",overflow:"hidden"}},d=e.jsx("div",{ref:n,className:`text-foreground ${l}`,style:f,...i,children:r});return s?e.jsx(O,{content:e.jsx("div",{className:"max-w-xs whitespace-normal break-words",children:r}),className:"max-w-full",children:d}):d});Je.displayName="TextEllipsis";const mr=["#ef4444","#f97316","#f59e0b","#84cc16","#10b981","#06b6d4","#3b82f6","#6366f1","#8b5cf6","#d946ef","#f43f5e","#0f172a","#ffffff","#f3f4f6","#9ca3af","#4b5563","#1f2937","#000000"],wr=({value:r,onChange:t,className:a="",label:s})=>{const[l,i]=o.useState(!1),[n,p]=o.useState(r),f=o.useRef(null);o.useEffect(()=>{p(r)},[r]),o.useEffect(()=>{const g=m=>{f.current&&!f.current.contains(m.target)&&(i(!1),p(r))};return l&&document.addEventListener("mousedown",g),()=>{document.removeEventListener("mousedown",g)}},[l,r]);const d=g=>{p(g),/^#[0-9A-Fa-f]{6}$/.test(g)&&t(g)},h=()=>{/^#[0-9A-Fa-f]{6}$/.test(n)||p(r)};return e.jsxs("div",{className:`flex flex-col gap-1.5 relative ${a}`,ref:f,children:[s&&e.jsx("label",{className:"text-sm font-medium leading-none pl-[3px] mb-[5px]",children:s}),e.jsxs("button",{onClick:()=>i(!l),className:"flex items-center gap-2 px-3 border border-input rounded-lg hover:bg-muted/50 transition-colors w-full h-12 bg-background",children:[e.jsx("div",{className:"w-8 h-8 rounded-md border border-border shadow-sm flex-shrink-0",style:{backgroundColor:r}}),e.jsx("span",{className:"text-sm font-mono text-muted-foreground uppercase flex-1 text-left",children:r})]}),l&&e.jsxs("div",{className:"absolute z-50 top-full mt-2 left-0 w-64 p-4 bg-background border border-border rounded-xl shadow-lg animate-in fade-in zoom-in-95 duration-200",children:[e.jsx("div",{className:"mb-4",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-8 h-8 rounded-md border border-border flex-shrink-0",style:{backgroundColor:n}}),e.jsx(K,{value:n,onChange:g=>d(g),onBlur:h,className:"h-8 font-mono text-xs uppercase",placeholder:"#000000",maxLength:7})]})}),e.jsx("div",{className:"grid grid-cols-6 gap-2",children:mr.map(g=>e.jsx("button",{onClick:()=>{t(g),p(g)},className:"w-8 h-8 rounded-full border border-border hover:scale-110 transition-transform focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 relative flex items-center justify-center",style:{backgroundColor:g},title:g,children:r.toLowerCase()===g.toLowerCase()&&e.jsx(c.Check,{size:14,className:vr(g)==="black"?"text-black":"text-white"})},g))})]})]})};function vr(r){r=r.replace("#","");var t=parseInt(r.substr(0,2),16),a=parseInt(r.substr(2,2),16),s=parseInt(r.substr(4,2),16),l=(t*299+a*587+s*114)/1e3;return l>=128?"black":"white"}const Re=o.createContext(void 0),xr=({children:r})=>{const[t,a]=o.useState([]),[s,l]=o.useState(!1);o.useEffect(()=>{l(!0)},[]);const i=o.useCallback(p=>{a(f=>f.map(d=>d.id===p?{...d,exiting:!0}:d)),setTimeout(()=>{a(f=>f.filter(d=>d.id!==p))},300)},[]),n=o.useCallback((p,f,d="success")=>{const h=Math.random().toString(36).substring(2,9);a(g=>[...g,{id:h,title:p,message:f,type:d}]),setTimeout(()=>i(h),5e3)},[i]);return e.jsxs(Re.Provider,{value:{toast:n,removeToast:i},children:[r,s&&ee.createPortal(e.jsx("div",{className:"fixed top-6 right-6 z-100 flex flex-col gap-4 w-full max-w-sm pointer-events-none",children:t.map(p=>e.jsx(kr,{...p,onRemove:()=>i(p.id)},p.id))}),document.body)]})},yr=()=>{const r=o.useContext(Re);if(!r)throw new Error("useToast must be used within ToastProvider");return r},kr=({type:r,title:t,message:a,exiting:s,onRemove:l})=>{const i={success:"border-t-green-500",warning:"border-t-orange-500",error:"border-t-red-500"};return e.jsxs("div",{className:`pointer-events-auto relative overflow-hidden rounded-lg border border-border bg-background shadow-lg border-t-4 ${i[r]}
|
|
100
|
+
${s?"animate-out fade-out slide-out-to-right-full duration-300":"animate-in slide-in-from-right-full duration-300"}`,children:[e.jsxs("div",{className:"pt-3 pb-4 px-4 pr-10",children:[e.jsx(F,{className:"font-semibold mb-0.5! m-0!",children:t}),e.jsx(F,{variant:"small",className:"text-muted-foreground m-0!",children:a})]}),e.jsx("button",{onClick:l,className:"absolute top-2.5 right-3 rounded-md p-1 hover:bg-accent text-muted-foreground transition-colors cursor-pointer",children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M18 6 6 18"}),e.jsx("path",{d:"m6 6 12 12"})]})})]})},er=[{name:"Inter",value:"Inter",category:"sans-serif"},{name:"Urbanist",value:"Urbanist",category:"sans-serif"},{name:"Roboto",value:"Roboto",category:"sans-serif"},{name:"Open Sans",value:"Open Sans",category:"sans-serif"},{name:"Lato",value:"Lato",category:"sans-serif"},{name:"Montserrat",value:"Montserrat",category:"sans-serif"},{name:"Poppins",value:"Poppins",category:"sans-serif"},{name:"Playfair Display",value:"Playfair Display",category:"serif"},{name:"Merriweather",value:"Merriweather",category:"serif"},{name:"Lora",value:"Lora",category:"serif"},{name:"Roboto Mono",value:"Roboto Mono",category:"monospace"},{name:"Space Mono",value:"Space Mono",category:"monospace"}],rr=o.createContext(void 0),Nr=({children:r})=>{const[t,a]=o.useState("Urbanist"),[s,l]=o.useState("Urbanist"),[i,n]=o.useState(!1);o.useEffect(()=>{const d=localStorage.getItem("headingFont"),h=localStorage.getItem("bodyFont");d&&a(d),h&&l(h),n(!0)},[]),o.useEffect(()=>{if(!i)return;const d=new Set;t!=="Urbanist"&&d.add(t),s!=="Urbanist"&&d.add(s);const h=Array.from(d).map(m=>m.replace(/ /g,"+"));if(h.length>0){const m="dynamic-google-fonts";let w=document.getElementById(m);w||(w=document.createElement("link"),w.id=m,w.rel="stylesheet",document.head.appendChild(w));const b=h.map(S=>`family=${S}:wght@400;500;600;700`).join("&");w.href=`https://fonts.googleapis.com/css2?${b}&display=swap`}const g=document.documentElement;t==="Urbanist"?g.style.setProperty("--font-heading","var(--font-urbanist)"):g.style.setProperty("--font-heading",`"${t}", sans-serif`),s==="Urbanist"?g.style.setProperty("--font-body","var(--font-urbanist)"):g.style.setProperty("--font-body",`"${s}", sans-serif`),localStorage.setItem("headingFont",t),localStorage.setItem("bodyFont",s)},[t,s,i]);const p=d=>a(d),f=d=>l(d);return e.jsx(rr.Provider,{value:{headingFont:t,setHeadingFont:p,bodyFont:s,setBodyFont:f,availableFonts:er},children:r})},tr=()=>{const r=o.useContext(rr);if(r===void 0)throw new Error("useFont must be used within a FontProvider");return r},Sr=()=>{const{headingFont:r,setHeadingFont:t,bodyFont:a,setBodyFont:s,availableFonts:l}=tr(),i=l.map(n=>({label:n.name,value:n.value}));return e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsx(Z,{label:"Heading Font",value:r,onChange:n=>t(n.target.value),options:i,style:{fontFamily:r}}),e.jsx(Z,{label:"Body Font",value:a,onChange:n=>s(n.target.value),options:i,style:{fontFamily:a}})]})};function zr(r,t={}){const[a,s]=o.useState(""),{offset:l=0,containerRef:i}=t;return o.useEffect(()=>{const n=()=>{let f="";const d=i==null?void 0:i.current,g=(d?d.getBoundingClientRect().top:0)+l;for(const m of r){const w=document.getElementById(m);if(w){const b=w.getBoundingClientRect(),S=b.top,v=b.bottom;S<=g+20&&v>g+20&&(f=m)}}f!==a&&s(f)},p=(i==null?void 0:i.current)||window;return p.addEventListener("scroll",n,{passive:!0}),n(),()=>{p.removeEventListener("scroll",n)}},[r,l,a,i]),a}x.Avatar=ye,x.Button=A,x.Calendar=te,x.Card=ar,x.Checkbox=Ne,x.CodeReveal=$e,x.Collapse=nr,x.ColorPicker=wr,x.Combobox=sr,x.Confirm=Me,x.ContentEditable=Te,x.CopyToClipboard=ie,x.DatePicker=Ie,x.Divider=ce,x.FONT_OPTIONS=er,x.FileUploader=Ee,x.FontPicker=Sr,x.FontProvider=Nr,x.Grid=fr,x.Heading=le,x.Icon=X,x.Input=K,x.KeyboardShortcut=Fe,x.Layout=gr,x.MarkdownRenderer=Ve,x.Menu=_e,x.Modal=W,x.Progress=We,x.RadioGroup=qe,x.SYNTAX_THEMES=oe,x.Select=Z,x.Slider=Ge,x.Space=Ke,x.Spinner=re,x.StandardIcons=he,x.Switch=Xe,x.SyntaxHighlighter=ne,x.Table=Ye,x.Tabs=ur,x.TabsContent=me,x.TabsList=be,x.TabsTrigger=ue,x.Tag=se,x.Text=F,x.TextArea=Qe,x.TextEllipsis=Je,x.ThemeProvider=ir,x.TimePicker=pe,x.ToastProvider=xr,x.Tooltip=O,x.useFont=tr,x.useScrollSpy=zr,x.useTheme=ae,x.useToast=yr,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "taibul-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/taibul-ui.umd.js",
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"require": "./dist/taibul-ui.umd.js",
|
|
13
13
|
"types": "./dist/index.d.ts"
|
|
14
14
|
},
|
|
15
|
-
"./style.css": "./dist/
|
|
15
|
+
"./style.css": "./dist/index.css"
|
|
16
16
|
},
|
|
17
17
|
"files": [
|
|
18
18
|
"dist"
|
|
@@ -46,6 +46,7 @@
|
|
|
46
46
|
"tailwindcss": "^4.0.0",
|
|
47
47
|
"typescript": "^5",
|
|
48
48
|
"vite": "^5.0.12",
|
|
49
|
-
"vite-plugin-dts": "^4.5.4"
|
|
49
|
+
"vite-plugin-dts": "^4.5.4",
|
|
50
|
+
"vite-plugin-lib-inject-css": "^2.2.2"
|
|
50
51
|
}
|
|
51
52
|
}
|
|
File without changes
|