@orbit_ui_toolkit/orbitui-kit 0.1.7 → 0.1.9

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.
@@ -0,0 +1,9 @@
1
+ import { default as React } from 'react';
2
+ export interface ChatHeaderProps {
3
+ userName: string;
4
+ avatar?: string;
5
+ status?: 'online' | 'offline' | 'busy' | 'away';
6
+ statusText?: string;
7
+ className?: string;
8
+ }
9
+ export declare const ChatHeader: React.FC<ChatHeaderProps>;
@@ -0,0 +1,10 @@
1
+ import { default as React } from 'react';
2
+ export interface ChatInputProps {
3
+ value: string;
4
+ onChange: (value: string) => void;
5
+ onSend: () => void;
6
+ placeholder?: string;
7
+ disabled?: boolean;
8
+ className?: string;
9
+ }
10
+ export declare const ChatInput: React.FC<ChatInputProps>;
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ export interface ConversationItemProps {
3
+ id: string;
4
+ userName: string;
5
+ avatar?: string;
6
+ status?: 'online' | 'offline' | 'busy' | 'away';
7
+ isActive?: boolean;
8
+ lastMessage?: string;
9
+ time?: string;
10
+ onClick?: () => void;
11
+ className?: string;
12
+ }
13
+ export declare const ConversationItem: React.FC<ConversationItemProps>;
@@ -0,0 +1,9 @@
1
+ import { default as React } from 'react';
2
+ export interface ConversationListProps {
3
+ title?: string;
4
+ loading?: boolean;
5
+ loadingText?: string;
6
+ children: React.ReactNode;
7
+ className?: string;
8
+ }
9
+ export declare const ConversationList: React.FC<ConversationListProps>;
@@ -0,0 +1,4 @@
1
+ export * from './ConversationList';
2
+ export * from './ConversationItem';
3
+ export * from './ChatHeader';
4
+ export * from './ChatInput';
package/dist/index.d.ts CHANGED
@@ -12,3 +12,4 @@ export * from './components/AppLayout/AppLayout';
12
12
  export * from './components/SocialLayout/SocialLayout';
13
13
  export * from './components/InboxLayout/InboxLayout';
14
14
  export * from './components/Avatar/Avatar';
15
+ export * from './components/Chat';
@@ -1,37 +1,38 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react");var R={exports:{}},C={};var V;function oe(){if(V)return C;V=1;var s=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function i(t,a,n){var l=null;if(n!==void 0&&(l=""+n),a.key!==void 0&&(l=""+a.key),"key"in a){n={};for(var c in a)c!=="key"&&(n[c]=a[c])}else n=a;return a=n.ref,{$$typeof:s,type:t,key:l,ref:a!==void 0?a:null,props:n}}return C.Fragment=o,C.jsx=i,C.jsxs=i,C}var $={};var H;function ae(){return H||(H=1,process.env.NODE_ENV!=="production"&&(function(){function s(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===te?null:r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case j:return"Fragment";case _:return"Profiler";case S:return"StrictMode";case Q:return"Suspense";case K:return"SuspenseList";case re:return"Activity"}if(typeof r=="object")switch(typeof r.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),r.$$typeof){case N:return"Portal";case A:return r.displayName||"Context";case I:return(r._context.displayName||"Context")+".Consumer";case B:var d=r.render;return r=r.displayName,r||(r=d.displayName||d.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case ee:return d=r.displayName||null,d!==null?d:s(r.type)||"Memo";case O:d=r._payload,r=r._init;try{return s(r(d))}catch{}}return null}function o(r){return""+r}function i(r){try{o(r);var d=!1}catch{d=!0}if(d){d=console;var x=d.error,m=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return x.call(d,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",m),o(r)}}function t(r){if(r===j)return"<>";if(typeof r=="object"&&r!==null&&r.$$typeof===O)return"<...>";try{var d=s(r);return d?"<"+d+">":"<...>"}catch{return"<...>"}}function a(){var r=L.A;return r===null?null:r.getOwner()}function n(){return Error("react-stack-top-frame")}function l(r){if(W.call(r,"key")){var d=Object.getOwnPropertyDescriptor(r,"key").get;if(d&&d.isReactWarning)return!1}return r.key!==void 0}function c(r,d){function x(){D||(D=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",d))}x.isReactWarning=!0,Object.defineProperty(r,"key",{get:x,configurable:!0})}function u(){var r=s(this.type);return Y[r]||(Y[r]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),r=this.props.ref,r!==void 0?r:null}function h(r,d,x,m,E,M){var f=x.ref;return r={$$typeof:y,type:r,key:d,props:x,_owner:m},(f!==void 0?f:null)!==null?Object.defineProperty(r,"ref",{enumerable:!1,get:u}):Object.defineProperty(r,"ref",{enumerable:!1,value:null}),r._store={},Object.defineProperty(r._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(r,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(r,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:E}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:M}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function g(r,d,x,m,E,M){var f=d.children;if(f!==void 0)if(m)if(se(f)){for(m=0;m<f.length;m++)p(f[m]);Object.freeze&&Object.freeze(f)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else p(f);if(W.call(d,"key")){f=s(r);var k=Object.keys(d).filter(function(ne){return ne!=="key"});m=0<k.length?"{key: someKey, "+k.join(": ..., ")+": ...}":"{key: someKey}",G[f+m]||(k=0<k.length?"{"+k.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
1
+ (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('@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-space-y-reverse:0;--tw-space-x-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-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-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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--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-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-500:oklch(64.5% .246 16.439);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--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;--text-6xl:3.75rem;--text-6xl--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-normal:0em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--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%;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]){appearance:button}::file-selector-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-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-1{inset:calc(var(--spacing)*1)}.inset-\\[2px\\]{inset:2px}.inset-\\[3px\\]{inset:3px}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-0{z-index:0}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}.col-span-full{grid-column:1/-1}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.row-span-4{grid-row:span 4/span 4}.row-span-5{grid-row:span 5/span 5}.row-span-6{grid-row:span 6/span 6}.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}}.-mx-1\\.5{margin-inline:calc(var(--spacing)*-1.5)}.mx-auto{margin-inline:auto}.-my-1\\.5{margin-block:calc(var(--spacing)*-1.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.-mr-2{margin-right:calc(var(--spacing)*-2)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mr-4{margin-right:calc(var(--spacing)*4)}.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-8{margin-bottom:calc(var(--spacing)*8)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-4\\/5,.aspect-\\[4\\/5\\]{aspect-ratio:4/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\\/4{height:75%}.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-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-24{height:calc(var(--spacing)*24)}.h-40{height:calc(var(--spacing)*40)}.h-64{height:calc(var(--spacing)*64)}.h-\\[200px\\]{height:200px}.h-\\[300px\\]{height:300px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\\[90vh\\]{max-height:90vh}.min-h-\\[100px\\]{min-height:100px}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing)*1)}.w-1\\.5{width:calc(var(--spacing)*1.5)}.w-1\\/2{width:50%}.w-2{width:calc(var(--spacing)*2)}.w-2\\.5{width:calc(var(--spacing)*2.5)}.w-2\\/3{width:66.6667%}.w-3{width:calc(var(--spacing)*3)}.w-3\\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-64{width:calc(var(--spacing)*64)}.w-\\[300px\\]{width:300px}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\\[70\\%\\]{max-width:70%}.max-w-\\[420px\\]{max-width:420px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-prose{max-width:65ch}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\\[16px\\]{min-width:16px}.min-w-\\[80px\\]{min-width:80px}.min-w-\\[100px\\]{min-width:100px}.min-w-\\[120px\\]{min-width:120px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);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-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.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-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}: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-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-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*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(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-tl-none{border-top-left-radius:0}.rounded-tr-none{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-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\\[\\#0070f3\\]{border-color:#0070f3}.border-blue-200{border-color:var(--color-blue-200)}.border-gray-50{border-color:var(--color-gray-50)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-100\\/50{border-color:#f3f4f680}@supports (color:color-mix(in lab,red,red)){.border-gray-100\\/50{border-color:color-mix(in oklab,var(--color-gray-100)50%,transparent)}}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-800{border-color:var(--color-gray-800)}.border-green-200{border-color:var(--color-green-200)}.border-indigo-500{border-color:var(--color-indigo-500)}.border-purple-200{border-color:var(--color-purple-200)}.border-red-200{border-color:var(--color-red-200)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-yellow-200{border-color:var(--color-yellow-200)}.border-t-transparent{border-top-color:#0000}.border-r-transparent{border-right-color:#0000}.border-b-transparent{border-bottom-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\\[\\#0070f3\\]{background-color:#0070f3}.bg-\\[\\#c23b22\\]{background-color:#c23b22}.bg-black\\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-black\\/20{background-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.bg-black\\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-black\\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-black\\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-black\\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\\/70{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-gray-200{--tw-gradient-from:var(--color-gray-200);--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))}.from-pink-500{--tw-gradient-from:var(--color-pink-500);--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))}.from-red-500{--tw-gradient-from:var(--color-red-500);--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))}.from-yellow-400{--tw-gradient-from:var(--color-yellow-400);--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))}.via-red-500{--tw-gradient-via:var(--color-red-500);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-fuchsia-600{--tw-gradient-to:var(--color-fuchsia-600);--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-gray-400{--tw-gradient-to:var(--color-gray-400);--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-pink-500{--tw-gradient-to:var(--color-pink-500);--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-pink-600{--tw-gradient-to:var(--color-pink-600);--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-purple-600{--tw-gradient-to:var(--color-purple-600);--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-yellow-500{--tw-gradient-to:var(--color-yellow-500);--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))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.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-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-\\[2px\\]{padding:2px}.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)}.px-8{padding-inline:calc(var(--spacing)*8)}.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-2\\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-20{padding-block:calc(var(--spacing)*20)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-10{padding-right:calc(var(--spacing)*10)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-serif{font-family:var(--font-serif)}.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-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--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-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.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-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-\\[\\#0070f3\\]{color:#0070f3}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-indigo-500{color:var(--color-indigo-500)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-purple-800{color:var(--color-purple-800)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-rose-500{color:var(--color-rose-500)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-800{color:var(--color-yellow-800)}.text-yellow-900{color:var(--color-yellow-900)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.overline{text-decoration-line:overline}.placeholder-gray-400::placeholder{color:var(--color-gray-400)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.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-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-none{--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)}.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{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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)}.ring-2{--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)}.ring-indigo-500{--tw-ring-color:var(--color-indigo-500)}.ring-white{--tw-ring-color:var(--color-white)}.ring-offset-2{--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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-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,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-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,)}.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-700{--tw-duration:.7s;transition-duration:.7s}.outline-none{--tw-outline-style:none;outline-style: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\\:bg-pink-500:is(:where(.group):hover *){background-color:var(--color-pink-500)}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:bg-\\[\\#0060df\\]:hover{background-color:#0060df}.hover\\:bg-\\[\\#a0301b\\]:hover{background-color:#a0301b}.hover\\:bg-black\\/40:hover{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-black\\/40:hover{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.hover\\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-green-100:hover{background-color:var(--color-green-100)}.hover\\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\\:bg-rose-50:hover{background-color:var(--color-rose-50)}.hover\\:bg-transparent:hover{background-color:#0000}.hover\\:bg-yellow-100:hover{background-color:var(--color-yellow-100)}.hover\\:text-gray-600:hover{color:var(--color-gray-600)}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-indigo-500:hover{color:var(--color-indigo-500)}.hover\\:text-indigo-600:hover{color:var(--color-indigo-600)}.hover\\:text-indigo-700:hover{color:var(--color-indigo-700)}.hover\\:text-rose-500:hover{color:var(--color-rose-500)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-90:hover{opacity:.9}.hover\\:shadow-xl:hover{--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)}}.focus\\:border-pink-500:focus{border-color:var(--color-pink-500)}.focus\\:border-transparent:focus{border-color:#0000}.focus\\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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-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-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\\:ring-indigo-200:focus{--tw-ring-color:var(--color-indigo-200)}.focus\\:ring-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)}.focus\\:ring-pink-500:focus{--tw-ring-color:var(--color-pink-500)}.focus\\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.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)}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:text-gray-400:disabled{color:var(--color-gray-400)}.disabled\\:opacity-50:disabled{opacity:.5}@media(min-width:48rem){.md\\:ml-20{margin-left:calc(var(--spacing)*20)}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:w-auto{width:auto}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:p-6{padding:calc(var(--spacing)*6)}.md\\:px-8{padding-inline:calc(var(--spacing)*8)}.md\\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:64rem){.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:p-8{padding:calc(var(--spacing)*8)}}@media(min-width:80rem){.xl\\:ml-64{margin-left:calc(var(--spacing)*64)}.xl\\:block{display:block}.xl\\:hidden{display:none}.xl\\:w-64{width:calc(var(--spacing)*64)}}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-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-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-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}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}')),document.head.appendChild(r)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
2
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react");var T={exports:{}},$={};var q;function le(){if(q)return $;q=1;var s=Symbol.for("react.transitional.element"),a=Symbol.for("react.fragment");function l(t,o,n){var c=null;if(n!==void 0&&(c=""+n),o.key!==void 0&&(c=""+o.key),"key"in o){n={};for(var i in o)i!=="key"&&(n[i]=o[i])}else n=o;return o=n.ref,{$$typeof:s,type:t,key:c,ref:o!==void 0?o:null,props:n}}return $.Fragment=a,$.jsx=l,$.jsxs=l,$}var E={};var J;function ie(){return J||(J=1,process.env.NODE_ENV!=="production"&&(function(){function s(r){if(r==null)return null;if(typeof r=="function")return r.$$typeof===ne?null:r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case j:return"Fragment";case _:return"Profiler";case A:return"StrictMode";case ee:return"Suspense";case re:return"SuspenseList";case se:return"Activity"}if(typeof r=="object")switch(typeof r.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),r.$$typeof){case C:return"Portal";case L:return r.displayName||"Context";case B:return(r._context.displayName||"Context")+".Consumer";case D:var d=r.render;return r=r.displayName,r||(r=d.displayName||d.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case te:return d=r.displayName||null,d!==null?d:s(r.type)||"Memo";case O:d=r._payload,r=r._init;try{return s(r(d))}catch{}}return null}function a(r){return""+r}function l(r){try{a(r);var d=!1}catch{d=!0}if(d){d=console;var u=d.error,m=typeof Symbol=="function"&&Symbol.toStringTag&&r[Symbol.toStringTag]||r.constructor.name||"Object";return u.call(d,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",m),a(r)}}function t(r){if(r===j)return"<>";if(typeof r=="object"&&r!==null&&r.$$typeof===O)return"<...>";try{var d=s(r);return d?"<"+d+">":"<...>"}catch{return"<...>"}}function o(){var r=P.A;return r===null?null:r.getOwner()}function n(){return Error("react-stack-top-frame")}function c(r){if(Y.call(r,"key")){var d=Object.getOwnPropertyDescriptor(r,"key").get;if(d&&d.isReactWarning)return!1}return r.key!==void 0}function i(r,d){function u(){F||(F=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",d))}u.isReactWarning=!0,Object.defineProperty(r,"key",{get:u,configurable:!0})}function x(){var r=s(this.type);return U[r]||(U[r]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),r=this.props.ref,r!==void 0?r:null}function h(r,d,u,m,R,M){var f=u.ref;return r={$$typeof:y,type:r,key:d,props:u,_owner:m},(f!==void 0?f:null)!==null?Object.defineProperty(r,"ref",{enumerable:!1,get:x}):Object.defineProperty(r,"ref",{enumerable:!1,value:null}),r._store={},Object.defineProperty(r._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(r,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(r,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:R}),Object.defineProperty(r,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:M}),Object.freeze&&(Object.freeze(r.props),Object.freeze(r)),r}function g(r,d,u,m,R,M){var f=d.children;if(f!==void 0)if(m)if(oe(f)){for(m=0;m<f.length;m++)p(f[m]);Object.freeze&&Object.freeze(f)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else p(f);if(Y.call(d,"key")){f=s(r);var k=Object.keys(d).filter(function(ae){return ae!=="key"});m=0<k.length?"{key: someKey, "+k.join(": ..., ")+": ...}":"{key: someKey}",V[f+m]||(k=0<k.length?"{"+k.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
2
3
  let props = %s;
3
4
  <%s {...props} />
4
5
  React keys must be passed directly to JSX without using spread:
5
6
  let props = %s;
6
- <%s key={someKey} {...props} />`,m,f,k,f),G[f+m]=!0)}if(f=null,x!==void 0&&(i(x),f=""+x),l(d)&&(i(d.key),f=""+d.key),"key"in d){x={};for(var z in d)z!=="key"&&(x[z]=d[z])}else x=d;return f&&c(x,typeof r=="function"?r.displayName||r.name||"Unknown":r),h(r,f,x,a(),E,M)}function p(r){v(r)?r._store&&(r._store.validated=1):typeof r=="object"&&r!==null&&r.$$typeof===O&&(r._payload.status==="fulfilled"?v(r._payload.value)&&r._payload.value._store&&(r._payload.value._store.validated=1):r._store&&(r._store.validated=1))}function v(r){return typeof r=="object"&&r!==null&&r.$$typeof===y}var b=T,y=Symbol.for("react.transitional.element"),N=Symbol.for("react.portal"),j=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),I=Symbol.for("react.consumer"),A=Symbol.for("react.context"),B=Symbol.for("react.forward_ref"),Q=Symbol.for("react.suspense"),K=Symbol.for("react.suspense_list"),ee=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),re=Symbol.for("react.activity"),te=Symbol.for("react.client.reference"),L=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,W=Object.prototype.hasOwnProperty,se=Array.isArray,P=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(r){return r()}};var D,Y={},F=b.react_stack_bottom_frame.bind(b,n)(),U=P(t(n)),G={};$.Fragment=j,$.jsx=function(r,d,x){var m=1e4>L.recentlyCreatedOwnerStacks++;return g(r,d,x,!1,m?Error("react-stack-top-frame"):F,m?P(t(r)):U)},$.jsxs=function(r,d,x){var m=1e4>L.recentlyCreatedOwnerStacks++;return g(r,d,x,!0,m?Error("react-stack-top-frame"):F,m?P(t(r)):U)}})()),$}var q;function le(){return q||(q=1,process.env.NODE_ENV==="production"?R.exports=oe():R.exports=ae()),R.exports}var e=le();const w=({variant:s="primary",size:o="md",rounded:i="full",isLoading:t=!1,fullWidth:a=!1,leftIcon:n,rightIcon:l,className:c="",children:u,disabled:h,gradient:g,...p})=>{const v="inline-flex items-center justify-center font-medium disabled:opacity-50 disabled:pointer-events-none transition-colors duration-150",b={primary:"bg-[#0070f3] text-white hover:bg-[#0060df] border border-transparent",secondary:"bg-transparent text-[#0070f3] border border-[#0070f3] hover:bg-blue-50",tertiary:"bg-transparent text-[#0070f3] border border-gray-300 hover:border-gray-400 hover:bg-gray-50",danger:"bg-[#c23b22] text-white hover:bg-[#a0301b] border border-transparent",link:"bg-transparent text-[#0070f3] hover:underline px-0 py-0 h-auto border-none",ghost:"bg-transparent text-gray-700 hover:bg-gray-100 border-transparent",gradient:`text-white border-none hover:opacity-90 active:scale-95 ${g||"bg-gradient-to-r from-red-500 to-pink-500"}`},y={sm:"px-4 py-1.5 text-xs gap-1.5 min-w-[80px]",md:"px-6 py-2.5 text-sm gap-2 min-w-[100px]",lg:"px-8 py-3.5 text-lg gap-2 min-w-[120px]",icon:"w-10 h-10 p-0 min-w-0"},N={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"rounded-full"},j=a?"w-full":"";return e.jsxs("button",{className:`${v} ${b[s]} ${y[o]} ${N[i]} ${j} ${c}`,disabled:h||t,...p,children:[t&&e.jsxs("svg",{className:"animate-spin -ml-1 mr-2 h-4 w-4",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),e.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),!t&&n&&e.jsx("span",{className:"shrink-0",children:n}),e.jsx("span",{className:"truncate",children:t?"Loading...":u}),!t&&l&&e.jsx("span",{className:"shrink-0",children:l})]})},J=T.forwardRef(({label:s,error:o,leftIcon:i,rightIcon:t,variant:a="default",rounded:n="lg",className:l="",...c},u)=>{const h={default:"bg-white border-gray-300 text-gray-900 focus:ring-blue-500",glass:"bg-black/30 border-gray-600 text-white placeholder-gray-400 focus:ring-pink-500 focus:border-pink-500",dark:"bg-gray-900 border-gray-800 text-white focus:ring-blue-500"},g={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"rounded-full"};return e.jsxs("div",{className:"flex flex-col gap-1.5 w-full",children:[s&&e.jsx("label",{className:`text-sm font-medium ${a==="default"?"text-gray-700":"text-gray-300"}`,children:s}),e.jsxs("div",{className:"relative",children:[i&&e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-gray-400",children:i}),e.jsx("input",{ref:u,className:`
7
+ <%s key={someKey} {...props} />`,m,f,k,f),V[f+m]=!0)}if(f=null,u!==void 0&&(l(u),f=""+u),c(d)&&(l(d.key),f=""+d.key),"key"in d){u={};for(var I in d)I!=="key"&&(u[I]=d[I])}else u=d;return f&&i(u,typeof r=="function"?r.displayName||r.name||"Unknown":r),h(r,f,u,o(),R,M)}function p(r){v(r)?r._store&&(r._store.validated=1):typeof r=="object"&&r!==null&&r.$$typeof===O&&(r._payload.status==="fulfilled"?v(r._payload.value)&&r._payload.value._store&&(r._payload.value._store.validated=1):r._store&&(r._store.validated=1))}function v(r){return typeof r=="object"&&r!==null&&r.$$typeof===y}var b=S,y=Symbol.for("react.transitional.element"),C=Symbol.for("react.portal"),j=Symbol.for("react.fragment"),A=Symbol.for("react.strict_mode"),_=Symbol.for("react.profiler"),B=Symbol.for("react.consumer"),L=Symbol.for("react.context"),D=Symbol.for("react.forward_ref"),ee=Symbol.for("react.suspense"),re=Symbol.for("react.suspense_list"),te=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),se=Symbol.for("react.activity"),ne=Symbol.for("react.client.reference"),P=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Y=Object.prototype.hasOwnProperty,oe=Array.isArray,z=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(r){return r()}};var F,U={},G=b.react_stack_bottom_frame.bind(b,n)(),H=z(t(n)),V={};E.Fragment=j,E.jsx=function(r,d,u){var m=1e4>P.recentlyCreatedOwnerStacks++;return g(r,d,u,!1,m?Error("react-stack-top-frame"):G,m?z(t(r)):H)},E.jsxs=function(r,d,u){var m=1e4>P.recentlyCreatedOwnerStacks++;return g(r,d,u,!0,m?Error("react-stack-top-frame"):G,m?z(t(r)):H)}})()),E}var Z;function ce(){return Z||(Z=1,process.env.NODE_ENV==="production"?T.exports=le():T.exports=ie()),T.exports}var e=ce();const w=({variant:s="primary",size:a="md",rounded:l="full",isLoading:t=!1,fullWidth:o=!1,leftIcon:n,rightIcon:c,className:i="",children:x,disabled:h,gradient:g,...p})=>{const v="inline-flex items-center justify-center font-medium disabled:opacity-50 disabled:pointer-events-none transition-colors duration-150",b={primary:"bg-[#0070f3] text-white hover:bg-[#0060df] border border-transparent",secondary:"bg-transparent text-[#0070f3] border border-[#0070f3] hover:bg-blue-50",tertiary:"bg-transparent text-[#0070f3] border border-gray-300 hover:border-gray-400 hover:bg-gray-50",danger:"bg-[#c23b22] text-white hover:bg-[#a0301b] border border-transparent",link:"bg-transparent text-[#0070f3] hover:underline px-0 py-0 h-auto border-none",ghost:"bg-transparent text-gray-700 hover:bg-gray-100 border-transparent",gradient:`text-white border-none hover:opacity-90 active:scale-95 ${g||"bg-gradient-to-r from-red-500 to-pink-500"}`},y={sm:"px-4 py-1.5 text-xs gap-1.5 min-w-[80px]",md:"px-6 py-2.5 text-sm gap-2 min-w-[100px]",lg:"px-8 py-3.5 text-lg gap-2 min-w-[120px]",icon:"w-10 h-10 p-0 min-w-0"},C={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"rounded-full"},j=o?"w-full":"";return e.jsxs("button",{className:`${v} ${b[s]} ${y[a]} ${C[l]} ${j} ${i}`,disabled:h||t,...p,children:[t&&e.jsxs("svg",{className:"animate-spin -ml-1 mr-2 h-4 w-4",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),e.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),!t&&n&&e.jsx("span",{className:"shrink-0",children:n}),e.jsx("span",{className:"truncate",children:t?"Loading...":x}),!t&&c&&e.jsx("span",{className:"shrink-0",children:c})]})},X=S.forwardRef(({label:s,error:a,leftIcon:l,rightIcon:t,variant:o="default",rounded:n="lg",className:c="",...i},x)=>{const h={default:"bg-white border-gray-300 text-gray-900 focus:ring-blue-500",glass:"bg-black/30 border-gray-600 text-white placeholder-gray-400 focus:ring-pink-500 focus:border-pink-500",dark:"bg-gray-900 border-gray-800 text-white focus:ring-blue-500"},g={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"rounded-full"};return e.jsxs("div",{className:"flex flex-col gap-1.5 w-full",children:[s&&e.jsx("label",{className:`text-sm font-medium ${o==="default"?"text-gray-700":"text-gray-300"}`,children:s}),e.jsxs("div",{className:"relative",children:[l&&e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-gray-400",children:l}),e.jsx("input",{ref:x,className:`
7
8
  w-full
8
- ${i?"pl-10":"px-3"}
9
+ ${l?"pl-10":"px-3"}
9
10
  ${t?"pr-10":"px-3"}
10
11
  py-3
11
12
  border
12
- ${o?"border-red-500":""}
13
+ ${a?"border-red-500":""}
13
14
  ${g[n]}
14
15
  shadow-sm
15
16
  focus:outline-none
16
17
  focus:ring-2
17
- ${o?"focus:ring-red-500":""}
18
+ ${a?"focus:ring-red-500":""}
18
19
  focus:border-transparent
19
20
  transition-all
20
21
  duration-200
21
- ${h[a]}
22
- ${l}
23
- `,...c}),t&&e.jsx("div",{className:"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400",children:t})]}),o&&e.jsx("span",{className:"text-xs text-red-500",children:o})]})});J.displayName="Input";const ie=({title:s,subtitle:o,children:i,footer:t,className:a="",variant:n="default",noPadding:l=!1})=>{const c={default:"bg-white border-gray-200 shadow-sm",glass:"bg-black/40 backdrop-blur-lg border-gray-800 shadow-lg",transparent:"bg-transparent border-none shadow-none"};return e.jsxs("div",{className:`rounded-xl border overflow-hidden transition-all duration-300 ${c[n]} ${a}`,children:[(s||o)&&e.jsxs("div",{className:`px-6 py-4 border-b ${n==="glass"?"border-gray-800":"border-gray-100"}`,children:[s&&e.jsx("h3",{className:`text-lg font-semibold ${n==="glass"?"text-white":"text-gray-900"}`,children:s}),o&&e.jsx("p",{className:`text-sm mt-1 ${n==="glass"?"text-gray-400":"text-gray-500"}`,children:o})]}),e.jsx("div",{className:l?"":"px-6 py-4",children:i}),t&&e.jsx("div",{className:`px-6 py-4 border-t ${n==="glass"?"bg-black/20 border-gray-800":"bg-gray-50 border-gray-100"}`,children:t})]})},ce=({username:s,profilePic:o,postImage:i,likesCount:t,caption:a,location:n,isLiked:l=!1,isBookmarked:c=!1,onLike:u,onComment:h,onShare:g,onBookmark:p})=>e.jsxs("div",{className:"group relative max-w-[420px] mx-auto bg-white rounded-3xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300 border border-gray-100/50",children:[e.jsxs("div",{className:"relative w-full aspect-4/5 bg-gray-100 overflow-hidden",children:[e.jsx("img",{src:i,alt:"Post content",className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"}),e.jsx("div",{className:"absolute top-4 right-4 opacity-0 group-hover:opacity-100 transition-opacity",children:e.jsx(w,{variant:"ghost",size:"icon",rounded:"full",className:"bg-black/20 backdrop-blur-md text-white hover:bg-black/40 border-none",children:e.jsxs("svg",{"aria-label":"More options",fill:"currentColor",height:"24",role:"img",viewBox:"0 0 24 24",width:"24",children:[e.jsx("circle",{cx:"12",cy:"12",r:"1.5"}),e.jsx("circle",{cx:"6",cy:"12",r:"1.5"}),e.jsx("circle",{cx:"18",cy:"12",r:"1.5"})]})})})]}),e.jsxs("div",{className:"p-5",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"relative",children:e.jsx("img",{src:o,alt:s,className:"w-10 h-10 rounded-full object-cover ring-2 ring-offset-2 ring-indigo-500"})}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{className:"font-bold text-gray-900 text-sm leading-tight hover:text-indigo-600 cursor-pointer transition-colors",children:s}),n&&e.jsx("span",{className:"text-[11px] font-medium text-gray-400 uppercase tracking-wide",children:n})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(w,{variant:"ghost",size:"icon",rounded:"full",onClick:u,className:`transition-colors ${l?"text-rose-500 hover:bg-rose-50":"text-gray-400 hover:text-rose-500"}`,children:l?e.jsx("svg",{"aria-label":"Unlike",fill:"currentColor",height:"26",role:"img",viewBox:"0 0 48 48",width:"26",children:e.jsx("path",{d:"M34.6 3.1c-4.5 0-7.9 1.8-10.6 5.6-2.7-3.7-6.1-5.5-10.6-5.5C6 3.1 0 9.6 0 17.6c0 14.9 17.8 29.1 23.9 30.2h.2c6.1-1.1 23.9-15.3 23.9-30.2 0-8-6-14.5-13.4-14.5z"})}):e.jsx("svg",{"aria-label":"Like",fill:"currentColor",height:"26",role:"img",viewBox:"0 0 24 24",width:"26",children:e.jsx("path",{d:"M16.792 3.904A4.989 4.989 0 0 1 21.5 9.122c0 3.072-2.652 4.959-5.197 7.222-2.512 2.243-3.865 3.469-4.303 3.752-.477-.309-2.143-1.823-4.303-3.752C5.141 14.072 2.5 12.194 2.5 9.122a4.989 4.989 0 0 1 4.708-5.218 4.21 4.21 0 0 1 3.675 1.941c.252.342.392.545.517.545s.265-.203.517-.545a4.21 4.21 0 0 1 3.675-1.941m0-2a6.21 6.21 0 0 0-5.292 2.768 6.21 6.21 0 0 0-5.292-2.768 6.989 6.989 0 0 0-6.708 7.218c0 4.19 2.923 6.64 5.642 9.066 2.057 1.838 4.19 3.744 5.358 5.485.474-.707 2.112-2.298 5.358-5.188 2.308-2.053 5.358-4.706 5.358-9.363a6.989 6.989 0 0 0-6.708-7.218Z"})})}),e.jsx(w,{variant:"ghost",size:"icon",rounded:"full",onClick:h,className:"text-gray-400 hover:text-indigo-500",children:e.jsx("svg",{"aria-label":"Comment",fill:"currentColor",height:"26",role:"img",viewBox:"0 0 24 24",width:"26",children:e.jsx("path",{d:"M20.656 17.008a9.993 9.993 0 1 0-3.59 3.615L22 22Z",fill:"none",stroke:"currentColor",strokeLinejoin:"round",strokeWidth:"2"})})}),e.jsx(w,{variant:"ghost",size:"icon",rounded:"full",onClick:g,className:"text-gray-400 hover:text-indigo-500",children:e.jsxs("svg",{"aria-label":"Share Post",fill:"currentColor",height:"26",role:"img",viewBox:"0 0 24 24",width:"26",children:[e.jsx("line",{fill:"none",stroke:"currentColor",strokeLinejoin:"round",strokeWidth:"2",x1:"22",x2:"9.218",y1:"3",y2:"10.083"}),e.jsx("polygon",{fill:"none",points:"11.698 20.334 22 3.001 2 3.001 9.218 10.084 11.698 20.334",stroke:"currentColor",strokeLinejoin:"round",strokeWidth:"2"})]})})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("p",{className:"text-gray-800 text-sm leading-relaxed",children:a}),e.jsxs("div",{className:"flex items-center justify-between pt-2 border-t border-gray-50",children:[e.jsxs("span",{className:"font-semibold text-xs text-gray-500",children:[t.toLocaleString()," Likes"]}),e.jsx("div",{className:"flex items-center gap-3",children:e.jsx(w,{variant:"ghost",size:"icon",rounded:"full",onClick:p,className:`transition-colors ${c?"text-gray-900":"text-gray-400 hover:text-gray-900"}`,children:c?e.jsx("svg",{"aria-label":"Remove",fill:"currentColor",height:"22",role:"img",viewBox:"0 0 24 24",width:"22",children:e.jsx("path",{d:"M20 22a.999.999 0 0 1-.687-.273L12 14.89l-7.313 6.837A1 1 0 0 1 3 21V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1Z"})}):e.jsx("svg",{"aria-label":"Save",fill:"currentColor",height:"22",role:"img",viewBox:"0 0 24 24",width:"22",children:e.jsx("path",{d:"M20 22a.999.999 0 0 1-.687-.273L12 14.89l-7.313 6.837A1 1 0 0 1 3 21V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1Z",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2"})})})})]}),e.jsxs("div",{className:"relative mt-2",children:[e.jsx("input",{type:"text",placeholder:"Add a comment...",className:"w-full text-xs text-gray-600 bg-gray-50 rounded-full px-3 py-2 outline-none focus:ring-1 focus:ring-indigo-200 transition-all"}),e.jsx("div",{className:"absolute right-2 top-1/2 -translate-y-1/2",children:e.jsx(w,{variant:"ghost",size:"sm",className:"text-indigo-500 font-bold px-2 py-0 h-auto hover:bg-transparent hover:text-indigo-700 min-w-0",children:"Post"})})]})]})]})]}),de=({variant:s="spinner",size:o="md",className:i="",color:t,colors:a})=>{const n={sm:"w-4 h-4",md:"w-8 h-8",lg:"w-12 h-12",xl:"w-16 h-16"},l={sm:"w-1 h-1",md:"w-2 h-2",lg:"w-3 h-3",xl:"w-4 h-4"},c=n[o],u="bg-gradient-to-tr from-yellow-400 via-red-500 to-purple-600";if(s==="dots"){const h=l[o],g=!!t||!!a?.length,p=b=>{if(!g)return{};const y=a?.[b]||t;return y?{backgroundColor:y}:{}},v=()=>g?"":u;return e.jsx("div",{className:`flex items-center justify-center gap-1 ${i}`,children:[0,1,2].map(b=>e.jsx("div",{className:`${h} rounded-full animate-bounce ${v()}`,style:{...p(b),animationDelay:b===0?"-0.3s":b===1?"-0.15s":"0s"}},b))})}if(s==="pulse"){const h=t?"":u;return e.jsxs("div",{className:`relative flex items-center justify-center ${c} ${i}`,children:[e.jsx("span",{className:`absolute inline-flex h-full w-full rounded-full opacity-75 animate-ping ${h}`,style:t?{backgroundColor:t}:{}}),e.jsx("span",{className:`relative inline-flex rounded-full h-3/4 w-3/4 ${h}`,style:t?{backgroundColor:t}:{}})]})}return s==="multicolor"?e.jsx("div",{className:`${c} relative ${i}`,children:e.jsx("div",{className:`absolute inset-0 rounded-full ${u} animate-spin`,children:e.jsx("div",{className:"absolute inset-[3px] bg-white rounded-full"})})}):s==="orbit"?t?e.jsxs("div",{className:`relative ${c} ${i}`,children:[e.jsx("div",{className:"absolute inset-0 rounded-full border-2 border-t-transparent border-b-transparent animate-spin",style:{borderColor:t,borderTopColor:"transparent",borderBottomColor:"transparent"}}),e.jsx("div",{className:"absolute inset-1 rounded-full border-2 border-l-transparent border-r-transparent animate-spin-reverse opacity-75",style:{borderColor:t,borderLeftColor:"transparent",borderRightColor:"transparent",animationDirection:"reverse",animationDuration:"1.5s"}})]}):e.jsxs("div",{className:`relative ${c} ${i}`,children:[e.jsx("div",{className:`absolute inset-0 rounded-full ${u} animate-spin`,children:e.jsx("div",{className:"absolute inset-[2px] bg-white rounded-full"})}),e.jsx("div",{className:`absolute inset-1 rounded-full ${u} animate-spin-reverse opacity-75`,style:{animationDirection:"reverse",animationDuration:"1.5s"},children:e.jsx("div",{className:"absolute inset-[2px] bg-white rounded-full"})})]}):null},ue=({variant:s="info",title:o,children:i,onClose:t,className:a=""})=>{const l={success:{container:"bg-green-50 text-green-900 border-green-200",iconColor:"text-green-600",closeHover:"hover:bg-green-100 text-green-600",Icon:()=>e.jsx("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})})},error:{container:"bg-red-50 text-red-900 border-red-200",iconColor:"text-red-600",closeHover:"hover:bg-red-100 text-red-600",Icon:()=>e.jsx("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})})},warning:{container:"bg-yellow-50 text-yellow-900 border-yellow-200",iconColor:"text-yellow-600",closeHover:"hover:bg-yellow-100 text-yellow-600",Icon:()=>e.jsx("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"})})},info:{container:"bg-blue-50 text-blue-900 border-blue-200",iconColor:"text-blue-600",closeHover:"hover:bg-blue-100 text-blue-600",Icon:()=>e.jsx("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})})}}[s],c=l.Icon;return e.jsxs("div",{role:"alert",className:`flex p-4 rounded-lg border ${l.container} ${a}`,children:[e.jsx("div",{className:`shrink-0 ${l.iconColor}`,children:e.jsx(c,{})}),e.jsxs("div",{className:"ml-3 text-sm flex-1",children:[o&&e.jsx("span",{className:"font-semibold block mb-1",children:o}),e.jsx("div",{className:"leading-relaxed",children:i})]}),t&&e.jsx("button",{onClick:t,className:`ml-auto -mx-1.5 -my-1.5 rounded-lg p-1.5 inline-flex h-8 w-8 items-center justify-center transition-colors ${l.closeHover}`,"aria-label":"Close",children:e.jsx("svg",{className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})},xe=({children:s,colSpan:o,rowSpan:i,colStart:t,className:a=""})=>{const n={1:"col-span-1",2:"col-span-2",3:"col-span-3",4:"col-span-4",5:"col-span-5",6:"col-span-6",7:"col-span-7",8:"col-span-8",9:"col-span-9",10:"col-span-10",11:"col-span-11",12:"col-span-12",full:"col-span-full"},l={1:"row-span-1",2:"row-span-2",3:"row-span-3",4:"row-span-4",5:"row-span-5",6:"row-span-6"},c=[o?n[o]:"",i?l[i]:"",t?`col-start-${t}`:"",a].filter(Boolean).join(" ");return e.jsx("div",{className:c,children:s})},Z=({children:s,cols:o=1,gap:i=4,gapX:t,gapY:a,flow:n="row",align:l,justify:c,className:u=""})=>{const h={1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6",8:"grid-cols-8",10:"grid-cols-10",12:"grid-cols-12"},g={0:"gap-0",1:"gap-1",2:"gap-2",3:"gap-3",4:"gap-4",5:"gap-5",6:"gap-6",8:"gap-8",10:"gap-10",12:"gap-12"},p=["grid",h[o],t===void 0&&a===void 0?g[i]:"",t?`gap-x-${t}`:"",a?`gap-y-${a}`:"",n?`grid-flow-${n}`:"",l?`items-${l}`:"",c?`justify-${c}`:"",u].filter(Boolean).join(" ");return e.jsx("div",{className:p,children:s})};Z.Item=xe;const he=({variant:s="body1",component:o,children:i,weight:t,align:a="left",color:n,className:l="",noWrap:c=!1,gradient:u})=>{const g=o||{h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",body1:"p",body2:"p",caption:"span",overline:"span"}[s]||"p",p={h1:"text-5xl md:text-6xl tracking-tight leading-tight",h2:"text-4xl md:text-5xl tracking-tight leading-tight",h3:"text-3xl md:text-4xl tracking-tight",h4:"text-2xl md:text-3xl tracking-tight",h5:"text-xl md:text-2xl tracking-normal",h6:"text-lg md:text-xl tracking-normal",body1:"text-base md:text-lg leading-relaxed",body2:"text-sm md:text-base leading-relaxed",caption:"text-xs md:text-sm text-gray-500",overline:"text-xs uppercase tracking-widest font-semibold"},v={h1:"font-extrabold",h2:"font-bold",h3:"font-bold",h4:"font-bold",h5:"font-semibold",h6:"font-semibold",body1:"font-normal",body2:"font-normal",caption:"font-normal",overline:"font-bold"},b={normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extrabold:"font-extrabold"},y={left:"text-left",center:"text-center",right:"text-right",justify:"text-justify"},N=p[s],j=t?b[t]:v[s],S=y[a];let _=n||(s==="caption"?"text-gray-500":"text-gray-900");u&&(_=`${typeof u=="string"?u:"bg-gradient-to-r from-pink-500 via-red-500 to-yellow-500"} text-transparent bg-clip-text`);const A=[N,j,S,_,c?"truncate":"",l].filter(Boolean).join(" ");return e.jsx(g,{className:A,children:i})},X=T.forwardRef(({as:s,className:o="",children:i,center:t,fullScreen:a,bgImage:n,overlay:l,glass:c,style:u,...h},g)=>{const p=s||"div",v=[t?"flex items-center justify-center":"",a?"min-h-screen w-full":"",c?"backdrop-blur-lg bg-black/40":"",o].filter(Boolean).join(" "),b={...n?{backgroundImage:`url(${n})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}:{},...u};return e.jsxs(p,{ref:g,className:`relative ${v}`,style:b,...h,children:[l&&e.jsx("div",{className:`absolute inset-0 z-0 ${typeof l=="string"?"":"bg-black/70"}`,style:typeof l=="string"?{backgroundColor:l}:{}}),e.jsx("div",{className:"relative z-10 w-full h-full flex flex-col items-center justify-center",children:i})]})});X.displayName="Box";const me=({label:s,error:o,autoResize:i,className:t="",rows:a=4,...n})=>{const l=c=>{i&&(c.target.style.height="auto",c.target.style.height=`${c.target.scrollHeight}px`),n.onChange?.(c)};return e.jsxs("div",{className:"flex flex-col gap-1.5 w-full",children:[s&&e.jsx("label",{className:"text-sm font-medium text-gray-700",children:s}),e.jsx("textarea",{className:`
22
+ ${h[o]}
23
+ ${c}
24
+ `,...i}),t&&e.jsx("div",{className:"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400",children:t})]}),a&&e.jsx("span",{className:"text-xs text-red-500",children:a})]})});X.displayName="Input";const de=({title:s,subtitle:a,children:l,footer:t,className:o="",variant:n="default",noPadding:c=!1})=>{const i={default:"bg-white border-gray-200 shadow-sm",glass:"bg-black/40 backdrop-blur-lg border-gray-800 shadow-lg",transparent:"bg-transparent border-none shadow-none"};return e.jsxs("div",{className:`rounded-xl border overflow-hidden transition-all duration-300 ${i[n]} ${o}`,children:[(s||a)&&e.jsxs("div",{className:`px-6 py-4 border-b ${n==="glass"?"border-gray-800":"border-gray-100"}`,children:[s&&e.jsx("h3",{className:`text-lg font-semibold ${n==="glass"?"text-white":"text-gray-900"}`,children:s}),a&&e.jsx("p",{className:`text-sm mt-1 ${n==="glass"?"text-gray-400":"text-gray-500"}`,children:a})]}),e.jsx("div",{className:c?"":"px-6 py-4",children:l}),t&&e.jsx("div",{className:`px-6 py-4 border-t ${n==="glass"?"bg-black/20 border-gray-800":"bg-gray-50 border-gray-100"}`,children:t})]})},xe=({username:s,profilePic:a,postImage:l,likesCount:t,caption:o,location:n,isLiked:c=!1,isBookmarked:i=!1,onLike:x,onComment:h,onShare:g,onBookmark:p})=>e.jsxs("div",{className:"group relative max-w-[420px] mx-auto bg-white rounded-3xl overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300 border border-gray-100/50",children:[e.jsxs("div",{className:"relative w-full aspect-4/5 bg-gray-100 overflow-hidden",children:[e.jsx("img",{src:l,alt:"Post content",className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"}),e.jsx("div",{className:"absolute top-4 right-4 opacity-0 group-hover:opacity-100 transition-opacity",children:e.jsx(w,{variant:"ghost",size:"icon",rounded:"full",className:"bg-black/20 backdrop-blur-md text-white hover:bg-black/40 border-none",children:e.jsxs("svg",{"aria-label":"More options",fill:"currentColor",height:"24",role:"img",viewBox:"0 0 24 24",width:"24",children:[e.jsx("circle",{cx:"12",cy:"12",r:"1.5"}),e.jsx("circle",{cx:"6",cy:"12",r:"1.5"}),e.jsx("circle",{cx:"18",cy:"12",r:"1.5"})]})})})]}),e.jsxs("div",{className:"p-5",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"relative",children:e.jsx("img",{src:a,alt:s,className:"w-10 h-10 rounded-full object-cover ring-2 ring-offset-2 ring-indigo-500"})}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{className:"font-bold text-gray-900 text-sm leading-tight hover:text-indigo-600 cursor-pointer transition-colors",children:s}),n&&e.jsx("span",{className:"text-[11px] font-medium text-gray-400 uppercase tracking-wide",children:n})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(w,{variant:"ghost",size:"icon",rounded:"full",onClick:x,className:`transition-colors ${c?"text-rose-500 hover:bg-rose-50":"text-gray-400 hover:text-rose-500"}`,children:c?e.jsx("svg",{"aria-label":"Unlike",fill:"currentColor",height:"26",role:"img",viewBox:"0 0 48 48",width:"26",children:e.jsx("path",{d:"M34.6 3.1c-4.5 0-7.9 1.8-10.6 5.6-2.7-3.7-6.1-5.5-10.6-5.5C6 3.1 0 9.6 0 17.6c0 14.9 17.8 29.1 23.9 30.2h.2c6.1-1.1 23.9-15.3 23.9-30.2 0-8-6-14.5-13.4-14.5z"})}):e.jsx("svg",{"aria-label":"Like",fill:"currentColor",height:"26",role:"img",viewBox:"0 0 24 24",width:"26",children:e.jsx("path",{d:"M16.792 3.904A4.989 4.989 0 0 1 21.5 9.122c0 3.072-2.652 4.959-5.197 7.222-2.512 2.243-3.865 3.469-4.303 3.752-.477-.309-2.143-1.823-4.303-3.752C5.141 14.072 2.5 12.194 2.5 9.122a4.989 4.989 0 0 1 4.708-5.218 4.21 4.21 0 0 1 3.675 1.941c.252.342.392.545.517.545s.265-.203.517-.545a4.21 4.21 0 0 1 3.675-1.941m0-2a6.21 6.21 0 0 0-5.292 2.768 6.21 6.21 0 0 0-5.292-2.768 6.989 6.989 0 0 0-6.708 7.218c0 4.19 2.923 6.64 5.642 9.066 2.057 1.838 4.19 3.744 5.358 5.485.474-.707 2.112-2.298 5.358-5.188 2.308-2.053 5.358-4.706 5.358-9.363a6.989 6.989 0 0 0-6.708-7.218Z"})})}),e.jsx(w,{variant:"ghost",size:"icon",rounded:"full",onClick:h,className:"text-gray-400 hover:text-indigo-500",children:e.jsx("svg",{"aria-label":"Comment",fill:"currentColor",height:"26",role:"img",viewBox:"0 0 24 24",width:"26",children:e.jsx("path",{d:"M20.656 17.008a9.993 9.993 0 1 0-3.59 3.615L22 22Z",fill:"none",stroke:"currentColor",strokeLinejoin:"round",strokeWidth:"2"})})}),e.jsx(w,{variant:"ghost",size:"icon",rounded:"full",onClick:g,className:"text-gray-400 hover:text-indigo-500",children:e.jsxs("svg",{"aria-label":"Share Post",fill:"currentColor",height:"26",role:"img",viewBox:"0 0 24 24",width:"26",children:[e.jsx("line",{fill:"none",stroke:"currentColor",strokeLinejoin:"round",strokeWidth:"2",x1:"22",x2:"9.218",y1:"3",y2:"10.083"}),e.jsx("polygon",{fill:"none",points:"11.698 20.334 22 3.001 2 3.001 9.218 10.084 11.698 20.334",stroke:"currentColor",strokeLinejoin:"round",strokeWidth:"2"})]})})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("p",{className:"text-gray-800 text-sm leading-relaxed",children:o}),e.jsxs("div",{className:"flex items-center justify-between pt-2 border-t border-gray-50",children:[e.jsxs("span",{className:"font-semibold text-xs text-gray-500",children:[t.toLocaleString()," Likes"]}),e.jsx("div",{className:"flex items-center gap-3",children:e.jsx(w,{variant:"ghost",size:"icon",rounded:"full",onClick:p,className:`transition-colors ${i?"text-gray-900":"text-gray-400 hover:text-gray-900"}`,children:i?e.jsx("svg",{"aria-label":"Remove",fill:"currentColor",height:"22",role:"img",viewBox:"0 0 24 24",width:"22",children:e.jsx("path",{d:"M20 22a.999.999 0 0 1-.687-.273L12 14.89l-7.313 6.837A1 1 0 0 1 3 21V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1Z"})}):e.jsx("svg",{"aria-label":"Save",fill:"currentColor",height:"22",role:"img",viewBox:"0 0 24 24",width:"22",children:e.jsx("path",{d:"M20 22a.999.999 0 0 1-.687-.273L12 14.89l-7.313 6.837A1 1 0 0 1 3 21V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1Z",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2"})})})})]}),e.jsxs("div",{className:"relative mt-2",children:[e.jsx("input",{type:"text",placeholder:"Add a comment...",className:"w-full text-xs text-gray-600 bg-gray-50 rounded-full px-3 py-2 outline-none focus:ring-1 focus:ring-indigo-200 transition-all"}),e.jsx("div",{className:"absolute right-2 top-1/2 -translate-y-1/2",children:e.jsx(w,{variant:"ghost",size:"sm",className:"text-indigo-500 font-bold px-2 py-0 h-auto hover:bg-transparent hover:text-indigo-700 min-w-0",children:"Post"})})]})]})]})]}),ue=({variant:s="spinner",size:a="md",className:l="",color:t,colors:o})=>{const n={sm:"w-4 h-4",md:"w-8 h-8",lg:"w-12 h-12",xl:"w-16 h-16"},c={sm:"w-1 h-1",md:"w-2 h-2",lg:"w-3 h-3",xl:"w-4 h-4"},i=n[a],x="bg-gradient-to-tr from-yellow-400 via-red-500 to-purple-600";if(s==="dots"){const h=c[a],g=!!t||!!o?.length,p=b=>{if(!g)return{};const y=o?.[b]||t;return y?{backgroundColor:y}:{}},v=()=>g?"":x;return e.jsx("div",{className:`flex items-center justify-center gap-1 ${l}`,children:[0,1,2].map(b=>e.jsx("div",{className:`${h} rounded-full animate-bounce ${v()}`,style:{...p(b),animationDelay:b===0?"-0.3s":b===1?"-0.15s":"0s"}},b))})}if(s==="pulse"){const h=t?"":x;return e.jsxs("div",{className:`relative flex items-center justify-center ${i} ${l}`,children:[e.jsx("span",{className:`absolute inline-flex h-full w-full rounded-full opacity-75 animate-ping ${h}`,style:t?{backgroundColor:t}:{}}),e.jsx("span",{className:`relative inline-flex rounded-full h-3/4 w-3/4 ${h}`,style:t?{backgroundColor:t}:{}})]})}return s==="multicolor"?e.jsx("div",{className:`${i} relative ${l}`,children:e.jsx("div",{className:`absolute inset-0 rounded-full ${x} animate-spin`,children:e.jsx("div",{className:"absolute inset-[3px] bg-white rounded-full"})})}):s==="orbit"?t?e.jsxs("div",{className:`relative ${i} ${l}`,children:[e.jsx("div",{className:"absolute inset-0 rounded-full border-2 border-t-transparent border-b-transparent animate-spin",style:{borderColor:t,borderTopColor:"transparent",borderBottomColor:"transparent"}}),e.jsx("div",{className:"absolute inset-1 rounded-full border-2 border-l-transparent border-r-transparent animate-spin-reverse opacity-75",style:{borderColor:t,borderLeftColor:"transparent",borderRightColor:"transparent",animationDirection:"reverse",animationDuration:"1.5s"}})]}):e.jsxs("div",{className:`relative ${i} ${l}`,children:[e.jsx("div",{className:`absolute inset-0 rounded-full ${x} animate-spin`,children:e.jsx("div",{className:"absolute inset-[2px] bg-white rounded-full"})}),e.jsx("div",{className:`absolute inset-1 rounded-full ${x} animate-spin-reverse opacity-75`,style:{animationDirection:"reverse",animationDuration:"1.5s"},children:e.jsx("div",{className:"absolute inset-[2px] bg-white rounded-full"})})]}):null},he=({variant:s="info",title:a,children:l,onClose:t,className:o=""})=>{const c={success:{container:"bg-green-50 text-green-900 border-green-200",iconColor:"text-green-600",closeHover:"hover:bg-green-100 text-green-600",Icon:()=>e.jsx("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})})},error:{container:"bg-red-50 text-red-900 border-red-200",iconColor:"text-red-600",closeHover:"hover:bg-red-100 text-red-600",Icon:()=>e.jsx("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})})},warning:{container:"bg-yellow-50 text-yellow-900 border-yellow-200",iconColor:"text-yellow-600",closeHover:"hover:bg-yellow-100 text-yellow-600",Icon:()=>e.jsx("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"})})},info:{container:"bg-blue-50 text-blue-900 border-blue-200",iconColor:"text-blue-600",closeHover:"hover:bg-blue-100 text-blue-600",Icon:()=>e.jsx("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})})}}[s],i=c.Icon;return e.jsxs("div",{role:"alert",className:`flex p-4 rounded-lg border ${c.container} ${o}`,children:[e.jsx("div",{className:`shrink-0 ${c.iconColor}`,children:e.jsx(i,{})}),e.jsxs("div",{className:"ml-3 text-sm flex-1",children:[a&&e.jsx("span",{className:"font-semibold block mb-1",children:a}),e.jsx("div",{className:"leading-relaxed",children:l})]}),t&&e.jsx("button",{onClick:t,className:`ml-auto -mx-1.5 -my-1.5 rounded-lg p-1.5 inline-flex h-8 w-8 items-center justify-center transition-colors ${c.closeHover}`,"aria-label":"Close",children:e.jsx("svg",{className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})},me=({children:s,colSpan:a,rowSpan:l,colStart:t,className:o=""})=>{const n={1:"col-span-1",2:"col-span-2",3:"col-span-3",4:"col-span-4",5:"col-span-5",6:"col-span-6",7:"col-span-7",8:"col-span-8",9:"col-span-9",10:"col-span-10",11:"col-span-11",12:"col-span-12",full:"col-span-full"},c={1:"row-span-1",2:"row-span-2",3:"row-span-3",4:"row-span-4",5:"row-span-5",6:"row-span-6"},i=[a?n[a]:"",l?c[l]:"",t?`col-start-${t}`:"",o].filter(Boolean).join(" ");return e.jsx("div",{className:i,children:s})},K=({children:s,cols:a=1,gap:l=4,gapX:t,gapY:o,flow:n="row",align:c,justify:i,className:x=""})=>{const h={1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6",8:"grid-cols-8",10:"grid-cols-10",12:"grid-cols-12"},g={0:"gap-0",1:"gap-1",2:"gap-2",3:"gap-3",4:"gap-4",5:"gap-5",6:"gap-6",8:"gap-8",10:"gap-10",12:"gap-12"},p=["grid",h[a],t===void 0&&o===void 0?g[l]:"",t?`gap-x-${t}`:"",o?`gap-y-${o}`:"",n?`grid-flow-${n}`:"",c?`items-${c}`:"",i?`justify-${i}`:"",x].filter(Boolean).join(" ");return e.jsx("div",{className:p,children:s})};K.Item=me;const N=({variant:s="body1",component:a,children:l,weight:t,align:o="left",color:n,className:c="",noWrap:i=!1,gradient:x})=>{const g=a||{h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",body1:"p",body2:"p",caption:"span",overline:"span"}[s]||"p",p={h1:"text-5xl md:text-6xl tracking-tight leading-tight",h2:"text-4xl md:text-5xl tracking-tight leading-tight",h3:"text-3xl md:text-4xl tracking-tight",h4:"text-2xl md:text-3xl tracking-tight",h5:"text-xl md:text-2xl tracking-normal",h6:"text-lg md:text-xl tracking-normal",body1:"text-base md:text-lg leading-relaxed",body2:"text-sm md:text-base leading-relaxed",caption:"text-xs md:text-sm text-gray-500",overline:"text-xs uppercase tracking-widest font-semibold"},v={h1:"font-extrabold",h2:"font-bold",h3:"font-bold",h4:"font-bold",h5:"font-semibold",h6:"font-semibold",body1:"font-normal",body2:"font-normal",caption:"font-normal",overline:"font-bold"},b={normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extrabold:"font-extrabold"},y={left:"text-left",center:"text-center",right:"text-right",justify:"text-justify"},C=p[s],j=t?b[t]:v[s],A=y[o];let _=n||(s==="caption"?"text-gray-500":"text-gray-900");x&&(_=`${typeof x=="string"?x:"bg-gradient-to-r from-pink-500 via-red-500 to-yellow-500"} text-transparent bg-clip-text`);const L=[C,j,A,_,i?"truncate":"",c].filter(Boolean).join(" ");return e.jsx(g,{className:L,children:l})},Q=S.forwardRef(({as:s,className:a="",children:l,center:t,fullScreen:o,bgImage:n,overlay:c,glass:i,style:x,...h},g)=>{const p=s||"div",v=[t?"flex items-center justify-center":"",o?"min-h-screen w-full":"",i?"backdrop-blur-lg bg-black/40":"",a].filter(Boolean).join(" "),b={...n?{backgroundImage:`url(${n})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}:{},...x};return e.jsxs(p,{ref:g,className:`relative ${v}`,style:b,...h,children:[c&&e.jsx("div",{className:`absolute inset-0 z-0 ${typeof c=="string"?"":"bg-black/70"}`,style:typeof c=="string"?{backgroundColor:c}:{}}),e.jsx("div",{className:"relative z-10 w-full h-full flex flex-col items-center justify-center",children:l})]})});Q.displayName="Box";const fe=({label:s,error:a,autoResize:l,className:t="",rows:o=4,...n})=>{const c=i=>{l&&(i.target.style.height="auto",i.target.style.height=`${i.target.scrollHeight}px`),n.onChange?.(i)};return e.jsxs("div",{className:"flex flex-col gap-1.5 w-full",children:[s&&e.jsx("label",{className:"text-sm font-medium text-gray-700",children:s}),e.jsx("textarea",{className:`
24
25
  w-full
25
26
  px-3
26
27
  py-2
27
28
  bg-white
28
29
  border
29
- ${o?"border-red-500":"border-gray-300"}
30
+ ${a?"border-red-500":"border-gray-300"}
30
31
  rounded-md
31
32
  shadow-sm
32
33
  focus:outline-none
33
34
  focus:ring-2
34
- ${o?"focus:ring-red-500":"focus:ring-blue-500"}
35
+ ${a?"focus:ring-red-500":"focus:ring-blue-500"}
35
36
  focus:border-transparent
36
37
  transition-all
37
38
  duration-200
@@ -39,31 +40,38 @@ React keys must be passed directly to JSX without using spread:
39
40
  min-h-[100px]
40
41
  resize-y
41
42
  ${t}
42
- `,rows:a,onInput:l,...n}),o&&e.jsx("span",{className:"text-xs text-red-500",children:o})]})},fe=({sidebar:s,header:o,children:i,footer:t,sidebarWidth:a="260px",className:n=""})=>{const[l,c]=T.useState(!1);return e.jsxs("div",{className:`flex h-screen bg-gray-50 overflow-hidden ${n}`,children:[s&&e.jsx("div",{className:"hidden md:flex flex-col h-full bg-white border-r border-gray-200",style:{width:a},children:s}),s&&l&&e.jsx("div",{className:"fixed inset-0 z-40 bg-black/50 md:hidden",onClick:()=>c(!1)}),s&&e.jsx("div",{className:`
43
+ `,rows:o,onInput:c,...n}),a&&e.jsx("span",{className:"text-xs text-red-500",children:a})]})},ge=({sidebar:s,header:a,children:l,footer:t,sidebarWidth:o="260px",className:n=""})=>{const[c,i]=S.useState(!1);return e.jsxs("div",{className:`flex h-screen bg-gray-50 overflow-hidden ${n}`,children:[s&&e.jsx("div",{className:"hidden md:flex flex-col h-full bg-white border-r border-gray-200",style:{width:o},children:s}),s&&c&&e.jsx("div",{className:"fixed inset-0 z-40 bg-black/50 md:hidden",onClick:()=>i(!1)}),s&&e.jsx("div",{className:`
43
44
  fixed inset-y-0 left-0 z-50 w-64 bg-white shadow-xl transition-transform duration-300 md:hidden
44
- ${l?"translate-x-0":"-translate-x-full"}
45
- `,children:s}),e.jsxs("div",{className:"flex flex-col flex-1 min-w-0 overflow-hidden",children:[e.jsxs("header",{className:"flex h-16 items-center border-b border-gray-200 bg-white px-4 shrink-0",children:[s&&e.jsx("button",{className:"mr-4 p-2 md:hidden text-gray-500 hover:bg-gray-100 rounded-md",onClick:()=>c(!0),children:e.jsx("svg",{className:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 6h16M4 12h16m-7 6h7"})})}),e.jsx("div",{className:"flex-1 flex items-center justify-between",children:o||e.jsx("div",{className:"font-bold text-xl text-indigo-600",children:"OrbitUI"})})]}),e.jsx("main",{className:"flex-1 overflow-y-auto p-4 md:p-6 lg:p-8",children:i}),t&&e.jsx("footer",{className:"h-14 border-t border-gray-200 bg-white px-4 flex items-center shrink-0",children:t})]})]})},ge=({sidebar:s,header:o,children:i,footer:t,maxWidth:a="935px",className:n=""})=>e.jsxs("div",{className:`flex flex-col md:flex-row h-screen bg-white ${n}`,children:[s&&e.jsx("aside",{className:"hidden md:flex flex-col fixed left-0 h-screen border-r border-gray-200 transition-all duration-300 xl:w-64 w-20 z-50 bg-white",children:s}),e.jsxs("main",{className:`
45
+ ${c?"translate-x-0":"-translate-x-full"}
46
+ `,children:s}),e.jsxs("div",{className:"flex flex-col flex-1 min-w-0 overflow-hidden",children:[e.jsxs("header",{className:"flex h-16 items-center border-b border-gray-200 bg-white px-4 shrink-0",children:[s&&e.jsx("button",{className:"mr-4 p-2 md:hidden text-gray-500 hover:bg-gray-100 rounded-md",onClick:()=>i(!0),children:e.jsx("svg",{className:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 6h16M4 12h16m-7 6h7"})})}),e.jsx("div",{className:"flex-1 flex items-center justify-between",children:a||e.jsx("div",{className:"font-bold text-xl text-indigo-600",children:"OrbitUI"})})]}),e.jsx("main",{className:"flex-1 overflow-y-auto p-4 md:p-6 lg:p-8",children:l}),t&&e.jsx("footer",{className:"h-14 border-t border-gray-200 bg-white px-4 flex items-center shrink-0",children:t})]})]})},be=({sidebar:s,header:a,children:l,footer:t,maxWidth:o="935px",className:n=""})=>e.jsxs("div",{className:`flex flex-col md:flex-row h-screen bg-white ${n}`,children:[s&&e.jsx("aside",{className:"hidden md:flex flex-col fixed left-0 h-screen border-r border-gray-200 transition-all duration-300 xl:w-64 w-20 z-50 bg-white",children:s}),e.jsxs("main",{className:`
46
47
  flex-1 bg-white overflow-y-auto min-w-0
47
48
  ${s?"md:ml-20 xl:ml-64":""}
48
- `,children:[o&&e.jsx("header",{className:"sticky top-0 z-40 bg-white/80 backdrop-blur-md border-b border-gray-100 md:hidden",children:o}),e.jsx("div",{className:"mx-auto px-4 md:px-8 py-8",style:{maxWidth:a},children:i})]}),t&&e.jsx("nav",{className:"md:hidden fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 z-50",children:t})]}),be=({list:s,header:o,children:i,footer:t,isChatActive:a=!1,onBack:n,listWidth:l="350px",className:c=""})=>e.jsxs("div",{className:`flex h-screen bg-white overflow-hidden ${c}`,children:[e.jsx("aside",{className:`
49
+ `,children:[a&&e.jsx("header",{className:"sticky top-0 z-40 bg-white/80 backdrop-blur-md border-b border-gray-100 md:hidden",children:a}),e.jsx("div",{className:"mx-auto px-4 md:px-8 py-8",style:{maxWidth:o},children:l})]}),t&&e.jsx("nav",{className:"md:hidden fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 z-50",children:t})]}),pe=({list:s,header:a,children:l,footer:t,isChatActive:o=!1,onBack:n,listWidth:c="350px",className:i=""})=>e.jsxs("div",{className:`flex h-screen bg-white overflow-hidden ${i}`,children:[e.jsx("aside",{className:`
49
50
  flex-shrink-0 border-r border-gray-200 bg-white transition-all duration-300
50
- ${a?"hidden md:flex":"flex w-full md:w-auto"}
51
- `,style:{width:a?l:window.innerWidth<768?"100%":l},children:e.jsx("div",{className:"flex flex-col w-full h-full",children:s})}),e.jsxs("main",{className:`
51
+ ${o?"hidden md:flex":"flex w-full md:w-auto"}
52
+ `,style:{width:o?c:window.innerWidth<768?"100%":c},children:e.jsx("div",{className:"flex flex-col w-full h-full",children:s})}),e.jsxs("main",{className:`
52
53
  flex-1 flex flex-col min-w-0 bg-white transition-all duration-300
53
- ${a?"flex w-full":"hidden md:flex"}
54
- `,children:[(o||n)&&e.jsxs("header",{className:"flex h-16 items-center px-4 border-b border-gray-100 shrink-0 bg-white/80 backdrop-blur-md sticky top-0 z-10",children:[n&&e.jsx("button",{onClick:n,className:"mr-3 p-2 md:hidden text-gray-500 hover:bg-gray-100 rounded-full transition-colors","aria-label":"Go back",children:e.jsx("svg",{className:"w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})})}),e.jsx("div",{className:"flex-1 min-w-0",children:o})]}),e.jsx("div",{className:"flex-1 overflow-y-auto bg-gray-50",children:i}),t&&e.jsx("footer",{className:"p-4 bg-white border-t border-gray-100 shrink-0",children:t})]})]}),pe=({src:s,alt:o="User",initials:i,size:t="md",status:a,className:n="",isBordered:l=!1})=>{const c={xs:"w-6 h-6 text-xs",sm:"w-8 h-8 text-xs",md:"w-10 h-10 text-sm",lg:"w-12 h-12 text-base",xl:"w-16 h-16 text-lg","2xl":"w-24 h-24 text-xl"},u={online:"bg-green-500",offline:"bg-gray-400",busy:"bg-red-500",away:"bg-yellow-500"},h={xs:"w-1.5 h-1.5",sm:"w-2 h-2",md:"w-2.5 h-2.5",lg:"w-3 h-3",xl:"w-4 h-4","2xl":"w-5 h-5"};return e.jsxs("div",{className:`relative inline-block ${n}`,children:[e.jsx("div",{className:`
55
- ${c[t]}
54
+ ${o?"flex w-full":"hidden md:flex"}
55
+ `,children:[(a||n)&&e.jsxs("header",{className:"flex h-16 items-center px-4 border-b border-gray-100 shrink-0 bg-white/80 backdrop-blur-md sticky top-0 z-10",children:[n&&e.jsx("button",{onClick:n,className:"mr-3 p-2 md:hidden text-gray-500 hover:bg-gray-100 rounded-full transition-colors","aria-label":"Go back",children:e.jsx("svg",{className:"w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})})}),e.jsx("div",{className:"flex-1 min-w-0",children:a})]}),e.jsx("div",{className:"flex-1 overflow-y-auto bg-gray-50",children:l}),t&&e.jsx("footer",{className:"p-4 bg-white border-t border-gray-100 shrink-0",children:t})]})]}),W=({src:s,alt:a="User",initials:l,size:t="md",status:o,className:n="",isBordered:c=!1})=>{const i={xs:"w-6 h-6 text-xs",sm:"w-8 h-8 text-xs",md:"w-10 h-10 text-sm",lg:"w-12 h-12 text-base",xl:"w-16 h-16 text-lg","2xl":"w-24 h-24 text-xl"},x={online:"bg-green-500",offline:"bg-gray-400",busy:"bg-red-500",away:"bg-yellow-500"},h={xs:"w-1.5 h-1.5",sm:"w-2 h-2",md:"w-2.5 h-2.5",lg:"w-3 h-3",xl:"w-4 h-4","2xl":"w-5 h-5"};return e.jsxs("div",{className:`relative inline-block ${n}`,children:[e.jsx("div",{className:`
56
+ ${i[t]}
56
57
  rounded-full
57
58
  flex items-center justify-center
58
59
  overflow-hidden
59
60
  bg-gray-100
60
61
  text-gray-600
61
62
  font-bold
62
- ${l?"ring-2 ring-white":""}
63
- `,children:s?e.jsx("img",{src:s,alt:o,className:"w-full h-full object-cover"}):e.jsx("span",{children:i||o.charAt(0).toUpperCase()})}),a&&e.jsx("span",{className:`
63
+ ${c?"ring-2 ring-white":""}
64
+ `,children:s?e.jsx("img",{src:s,alt:a,className:"w-full h-full object-cover"}):e.jsx("span",{children:l||a.charAt(0).toUpperCase()})}),o&&e.jsx("span",{className:`
64
65
  absolute bottom-0 right-0
65
66
  block rounded-full
66
67
  ring-2 ring-white
67
- ${u[a]}
68
+ ${x[o]}
68
69
  ${h[t]}
69
- `})]})};exports.Alert=ue;exports.AppLayout=fe;exports.Avatar=pe;exports.Box=X;exports.Button=w;exports.Card=ie;exports.Grid=Z;exports.InboxLayout=be;exports.Input=J;exports.Loader=de;exports.Post=ce;exports.SocialLayout=ge;exports.TextArea=me;exports.Typography=he;
70
+ `})]})},ve=({title:s,loading:a=!1,loadingText:l="Loading conversations...",children:t,className:o=""})=>e.jsxs("div",{className:`flex flex-col h-full ${o}`,children:[s&&e.jsx("div",{className:"p-4 border-b border-gray-100",children:e.jsx(N,{variant:"h5",className:"font-bold italic text-indigo-600",children:s})}),e.jsx("div",{className:"flex-1 overflow-y-auto",children:a?e.jsx("div",{className:"p-4 text-center text-gray-500",children:l}):t})]}),ye=({id:s,userName:a,avatar:l,status:t,isActive:o=!1,lastMessage:n,time:c,onClick:i,className:x=""})=>e.jsxs("div",{id:s,onClick:i,className:`
71
+ p-4 hover:bg-gray-50 cursor-pointer flex items-center space-x-3 transition-colors
72
+ ${o?"bg-indigo-50 border-r-2 border-indigo-500":""}
73
+ ${x}
74
+ `,children:[e.jsx("div",{className:"relative",children:e.jsx(W,{size:"lg",src:l,status:t})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex justify-between items-baseline",children:[e.jsx(N,{variant:"body2",weight:"semibold",className:"truncate text-gray-900",children:a}),c&&e.jsx(N,{variant:"caption",className:"text-gray-400",children:c})]}),n&&e.jsx(N,{variant:"caption",className:"text-gray-500 truncate block",children:n})]})]}),je=({userName:s,avatar:a,status:l,statusText:t,className:o=""})=>{const n=t||(l==="online"?"Online":l==="offline"?"Offline":l);return e.jsxs("div",{className:`flex items-center space-x-3 ${o}`,children:[e.jsx(W,{size:"md",src:a,status:l}),e.jsxs("div",{children:[e.jsx(N,{variant:"body1",weight:"bold",children:s}),n&&e.jsx(N,{variant:"caption",className:l==="online"?"text-green-500":"text-gray-400",children:n})]})]})},we=({value:s,onChange:a,onSend:l,placeholder:t="Write a message...",disabled:o=!1,className:n=""})=>{const c=i=>{i.key==="Enter"&&!i.shiftKey&&s.trim()&&(i.preventDefault(),l())};return e.jsxs("div",{className:`flex items-center space-x-3 ${n}`,children:[e.jsx("input",{type:"text",value:s,onChange:i=>a(i.target.value),onKeyDown:c,placeholder:t,disabled:o,className:"flex-1 px-4 py-2 bg-gray-100 rounded-full focus:outline-none focus:ring-2 focus:ring-indigo-500 text-sm transition-all disabled:opacity-50"}),e.jsx("button",{onClick:l,disabled:o||!s.trim(),className:`
75
+ text-indigo-600 font-bold px-2 hover:text-indigo-700 transition-colors
76
+ disabled:text-gray-400 disabled:cursor-not-allowed
77
+ `,children:"Send"})]})};exports.Alert=he;exports.AppLayout=ge;exports.Avatar=W;exports.Box=Q;exports.Button=w;exports.Card=de;exports.ChatHeader=je;exports.ChatInput=we;exports.ConversationItem=ye;exports.ConversationList=ve;exports.Grid=K;exports.InboxLayout=pe;exports.Input=X;exports.Loader=ue;exports.Post=xe;exports.SocialLayout=be;exports.TextArea=fe;exports.Typography=N;